From e9923e55f3045648b3b235ebee2c6bcf7a9e2d7d Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alex.aubin@mailoo.org>
Date: Tue, 5 Sep 2023 18:27:01 +0200
Subject: [PATCH] appstore: add 'install with yunohost' button

---
 store/assets/horizontal-yunohost.svg | 38 ++++++++++++++++++++++++++++
 store/templates/app.html             | 10 ++++++--
 2 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 store/assets/horizontal-yunohost.svg

diff --git a/store/assets/horizontal-yunohost.svg b/store/assets/horizontal-yunohost.svg
new file mode 100644
index 00000000..9b9b4ec5
--- /dev/null
+++ b/store/assets/horizontal-yunohost.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="99.72818"
+   height="23.419621"
+   version="1.1"
+   viewBox="0 0 99.72818 23.419621"
+   xml:space="preserve"
+   id="svg40"
+   sodipodi:docname="install-with-yunohost.svg"
+   inkscape:export-filename="horizontal-yunohost.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><defs
+     id="defs44" /><sodipodi:namedview
+     id="namedview42"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false" /><metadata
+     id="metadata2"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><path
+     d="m 69.736754,14.789931 c -0.47499,0 -0.75098,-0.282492 -0.99297,-0.572285 -0.59699,-0.720682 -0.32399,-2.096848 0.09,-2.983126 0.40399,-0.857378 1.14297,-1.7733552 2.00495,-1.7733552 0.49698,0 1.02697,0.6065852 1.26096,0.9651762 0.39899,0.607784 0.47699,1.469063 0.207,2.359741 -0.257,0.838579 -0.79198,1.459663 -1.42997,1.704257 -0.51198,0.194095 -0.84497,0.299592 -1.13997,0.299592 z m 0.12,-9.5275612 c -0.89598,0 -2.78593,0.950376 -3.37092,1.695257 -0.76898,0.977376 -1.41496,3.4167152 -1.43996,5.4604642 -0.019,1.645259 0.052,1.894052 0.83898,3.041724 1.10897,1.619059 2.94493,3.054623 4.17889,3.268218 1.22697,0.212895 3.32592,-0.350291 4.0149,-0.997575 l 0.208,-0.186695 c 0.43099,-0.378891 1.23297,-1.083973 1.67096,-2.01955 0,0 0.61998,-1.231169 0.63898,-2.455739 0.02,-1.285567 -0.29399,-2.186645 -0.29399,-2.186645 -0.41399,-2.9699262 -0.71398,-3.3132172 -2.39594,-4.1053972 -2.79493,-1.317567 -3.73791,-1.514062 -4.0499,-1.514062 z m 8.75378,7.9233022 c -0.23099,0.216794 -0.40399,0.735081 -0.39599,1.683557 0.005,0.705783 0.159,1.492863 0.29399,1.725257 0.51999,0.903578 1.65296,2.125747 2.15195,2.41404 1.04397,0.607385 2.17595,0.103497 4.33489,-1.753856 0.69498,-0.597685 0.81698,-0.867178 0.93198,-2.055849 0.092,-0.925277 0.01,-1.825654 -0.23,-2.575635 l -0.72498,-1.766356 1.90495,-0.200395 c 0.256,-0.0207 0.46999,-0.0321 0.65799,-0.0321 0.41799,0 0.88598,0.0461 1.18997,0.38559 0.37699,0.421889 0.33299,1.090573 0.21599,2.214345 -0.21499,1.937451 0.098,3.058523 1.15597,4.149496 0.56799,0.587185 0.81698,0.766481 1.06198,0.766481 0.16399,0 0.38499,-0.0711 0.76498,-0.244194 0.87198,-0.39729 1.17697,-1.082773 0.81198,-4.302193 -0.157,-1.459763 -0.31999,-3.085123 -0.31999,-3.424914 0,-0.6988832 0.68498,-1.0230742 3.03792,-1.7738562 1.61396,-0.514787 3.15292,-1.17137 3.57791,-1.461663 0.69098,-0.473388 0.72998,-0.594885 0.68198,-1.22497 -0.04,-0.549186 -0.28999,-1.004674 -0.80898,-1.479263 -0.55598,-0.508587 -0.68798,-0.628884 -1.66595,-0.628884 -0.338,0 -0.76199,0.0153 -1.31197,0.0375 -0.55099,0.0473 -0.99498,0.0977 -1.33897,0.136697 -0.38899,0.0446 -0.65898,0.0735 -0.84098,0.0735 -0.59298,0 -0.70198,-0.0367 -0.70598,-0.354291 -0.001,-0.0899 -0.011,-0.448889 -0.001,-0.613285 0.01,-0.154696 0.032,-0.476988 0.005,-0.567986 l -0.026,-0.0996 c -0.037,-0.0691 -0.41999,-0.5761857 -1.09197,-1.2206696 C 91.075224,0.1718957 90.579234,0 90.313244,0 c -0.60499,0 -1.02298,1.081673 -1.20697,3.1281218 0,0 0,2.069848 -0.211,2.298343 -0.21099,0.228494 -2.52693,0.921477 -2.52693,0.921477 -1.69796,0.37889 -1.75996,0.0988 -2.01795,0.655783 -0.258,0.557486 -0.231,0.839479 -0.208,1.182071 0.023,0.342191 0.028,0.422189 0.028,0.422189 0,0 -0.83998,-0.40389 -1.15397,-0.611285 l -0.104,-0.0687 c -0.61098,-0.39929 -1.44696,-1.421864 -1.35796,-2.226144 0.04,-0.362491 0.25799,-0.635584 0.61398,-0.768781 0.171,-0.124997 0.78598,-0.201895 1.52196,-0.121497 0.282,0.0301 0.90198,0.358991 1.04598,-0.064 0.034,-0.234395 0.37999,-0.889078 0.001,-1.307768 -0.53299,-0.587885 -1.83096,-1.149571 -2.22295,-1.269168 -0.39199,-0.119897 -1.29196,-0.185095 -1.51596,-0.185095 -0.34899,0 -0.75398,0.177695 -1.66496,0.613584 -1.80195,0.860579 -2.24194,1.492563 -2.24194,3.22062 0,1.053573 0,1.094572 2.10895,3.17572 2.65193,2.6191352 3.53791,4.3549912 2.78393,5.2698692 -0.45299,0.547986 -0.91498,0.662483 -1.22297,0.662483 -0.69999,0 -0.98398,-1.219969 -1.40897,-1.549961 -0.42499,-0.341792 -0.71898,-0.192195 -0.74198,-0.192195 z M 53.024174,5.8197558 c -1.58596,0 -1.58596,0 -1.67896,6.0666482 -0.011,0.647284 -0.074,2.174946 -0.42999,2.493338 -0.27489,0.244094 -0.881475,0.552686 -1.364663,0.682383 -0.757881,0.203195 -1.330066,0.499987 -1.423864,0.602785 -0.117197,0.140596 -0.155396,0.439389 -0.102297,0.78118 0.0945,0.604285 0.428489,1.19727 0.813279,1.441364 l 0.0918,0.0281 c 1.412065,0.555886 1.700257,0.907478 2.755725,3.424215 0.279,0.525337 1.28397,1.246069 1.72896,1.540961 0.91198,0.613265 1.58996,0.713652 2.05795,0.246864 0.31599,-0.315612 -0.103,-1.339767 -0.51099,-3.537112 -0.21499,-1.17767 0.164,-1.331966 1.39697,-1.642459 0.68398,-0.173095 1.67296,-0.890677 2.01695,-0.890677 0.56798,0 1.21897,0.469988 1.78795,1.287868 0.37899,0.546886 1.11497,1.245268 1.68196,1.720657 0.41999,0.355891 1.18697,0.567585 1.42496,0.567585 0.235,-0.0305 0.41899,-0.186295 0.54799,-0.431589 0.202,-0.38599 0.216,-0.869978 0.035,-1.233169 -0.82498,-1.671858 -1.56396,-7.033824 -1.16497,-8.38149 1.40996,-4.7330822 0.35599,-5.8599542 -0.55899,-6.2963432 -0.49798,-0.237494 -0.93097,-0.358191 -1.28796,-0.358191 -0.81298,0 -1.90796,0.583585 -2.01195,5.629559 -0.069,3.4562142 -0.144,4.1155972 -2.12095,4.1248972 h -10e-4 c -0.39199,0 -0.92198,-0.0496 -1.24197,-0.484288 -0.33999,-0.481288 -0.33799,-1.251169 0.009,-2.487438 0.39899,-1.4406642 0.18799,-2.9417262 -0.55399,-3.9175022 -0.33899,-0.446089 -0.94297,-0.978175 -1.89595,-0.978175"
+     id="path8"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0999975" /><path
+     d="m 42.372441,12.724983 c -0.332792,0 -0.645284,-0.172596 -0.928477,-0.514387 -0.556586,-0.670383 -0.38399,-1.952351 0.560186,-4.1573962 0.40739,-0.951876 0.752281,-1.59646 1.667858,-1.462864 0.691383,0.0997 1.022675,0.476189 1.178871,0.774681 0.38089,0.727282 0.206295,1.831954 -0.518287,3.2815182 -0.729682,1.456964 -1.315667,2.078448 -1.960151,2.078448 z M 43.528712,1.7112578 c -0.697283,0 -1.408965,0.256294 -2.174546,0.782781 -0.624984,0.430089 -1.034374,0.876978 -1.091072,0.982475 -0.0714,0.208595 -0.278493,0.692183 -0.751882,1.313567 -0.926976,1.21677 -1.803455,4.907778 -1.646458,6.9287272 0.197295,2.556636 1.008974,3.744107 3.472613,5.079173 0.256993,0.138297 0.853478,0.228595 1.519462,0.228595 1.039774,0 1.228469,-0.0239 1.792155,-0.298093 0.563286,-0.274593 1.883553,-1.417165 2.319042,-2.158146 0.0977,-0.169896 0.194195,-0.330092 0.287093,-0.484388 0.564486,-0.934277 0.937476,-1.552261 0.911377,-3.537012 -0.0864,-6.3849402 -0.924977,-6.9533262 -2.762131,-8.1985952 -0.632784,-0.430089 -1.246069,-0.639084 -1.875653,-0.639084 z m -16.876578,2.514838 c -0.216795,0.0023 -0.698383,0.189795 -1.019475,0.436289 -0.439889,0.338291 -0.475788,0.36599 -0.314892,1.348066 0.562086,3.396315 0.39649,7.4361142 -0.442889,10.8047302 -0.330491,1.312467 -0.143396,1.689858 1.177671,2.37814 0.546886,0.282393 0.933577,0.42109 1.18277,0.42109 0.42229,0 0.615985,-0.512187 1.106573,-2.091748 l 0.108197,-0.348091 c 0.596485,-1.927252 0.744981,-2.218345 1.132872,-2.218345 0.244494,0 0.39999,0.167596 0.975675,0.79178 0.292193,0.315693 0.645684,0.698483 1.007075,1.040274 1.425764,1.347167 2.938227,2.765131 3.59091,2.518238 0.666784,-0.253094 0.710483,-0.870279 0.586686,-8.252094 -0.0234,-1.3105672 0.0059,-3.7327072 0.0664,-5.3986652 0.0527,-1.540662 -0.0066,-2.648034 -0.0762,-2.937427 0.0606,-0.165296 -0.661284,-1.1273716 -0.736282,-1.2433687 -0.325392,-0.5046874 -0.757781,-0.9511762 -1.156171,-0.9530761 -0.39849,-0.002 -0.423889,0.1643959 -0.671883,0.6405839 -0.505887,0.9671759 -0.502687,1.6753579 -0.567186,5.3018679 -0.0766,4.4224892 -0.338291,4.5451862 -0.547986,4.6435842 l -0.219995,0.0488 c -0.472188,0 -0.77298,-0.40269 -2.128846,-3.4198142 -0.81638,-1.774156 -2.526037,-3.510812 -3.053024,-3.510812 z m -12.839679,0.853078 c -0.089,0.142197 -0.232394,0.454289 -0.342492,0.892178 -0.418389,1.659758 -0.444988,8.2505942 -0.0395,9.7950552 0.364091,1.395665 2.057349,3.490113 3.23592,4.0038 1.060873,0.460188 1.686657,0.452389 2.676433,-0.0484 1.623059,-0.823479 2.156946,-1.61056 2.720632,-4.0128 1.437064,-6.1389462 1.385965,-9.3177672 -0.171896,-10.6277342 -0.523787,-0.440589 -0.78938,-0.506587 -0.900678,-0.506587 -0.121497,0 -0.521087,0.171096 -0.569185,2.370641 -0.0144,0.810879 -0.176496,2.457738 -0.562486,3.6659082 -0.387491,1.21097 -0.601885,2.264843 -0.603885,2.427739 -0.0062,0.379591 -0.293693,0.954976 -0.496088,1.245269 -0.37689,0.515187 -0.982375,0.618685 -1.59136,0.276093 -0.639384,-0.367891 -0.704282,-0.982375 -0.753481,-3.954201 -0.0359,-2.1881452 -0.225395,-3.5260122 -0.341392,-3.7413062 -0.278493,-0.513588 -1.734356,-1.60346 -2.260543,-1.785856 z M 1.323767,0.6648844 c -0.268393,0 -0.538286,0.087498 -0.80198,0.2600935 C 0.099998,1.201571 0,1.2667693 0,2.5245378 c 0,0.78398 0.250394,2.611235 0.546387,3.9913 0.178995,0.836379 0.330891,1.60276 0.431289,2.107748 0.0613,0.311792 0.102297,0.519587 0.116397,0.574585 0.177295,0.42819 0.598785,0.8289802 1.296467,1.4921632 l 0.353092,0.337092 1.719857,1.427364 -0.0797,3.250319 c -0.0679,2.76433 0.0012,3.074123 0.577385,4.227194 l 0.0656,0.132097 c 0.332391,0.665183 1.023474,2.049948 1.436264,2.322142 0.872678,0.578885 1.072273,0.505847 1.269568,0.291002 0.197195,-0.214834 0.608985,-7.374815 0.747981,-9.862253 0.0285,-0.508987 0.653084,-1.277668 1.22067,-1.775656 0.542986,-0.476988 1.312467,-1.4085652 1.680458,-2.0339492 0.596485,-1.017175 0.589385,-1.130872 0.348391,-1.857753 -0.201095,-0.611785 -0.587085,-1.020675 -1.422564,-1.509763 -0.291793,-0.212494 -0.647684,-0.615184 -0.965976,-0.514487 -0.318392,0.101198 -2.384341,3.253819 -3.103523,3.482013 -0.147196,0.101898 -0.345691,0.167496 -0.537786,0.167496 -0.82778,0 -1.081673,-1.017875 -1.338667,-3.300618 C 4.177195,3.8323148 4.012799,3.1628318 3.343216,2.1687568 2.681932,1.1843814 1.98385,0.6648944 1.323766,0.6648944"
+     id="path10"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0999975" /></svg>
diff --git a/store/templates/app.html b/store/templates/app.html
index e04c1c54..ce9ff0f2 100644
--- a/store/templates/app.html
+++ b/store/templates/app.html
@@ -45,7 +45,7 @@
            <a
               href="{{ url_for('star_app', app_id=app_id, action="unstar" if user_starred_this_app else "star") }}"
               role="button"
-              class="mr-3 inline-block group btn border text-violet-600 border-violet-500 {% if user %}hover:bg-violet-500 hover:text-white{% endif %}"
+              class="mr-1 inline-block group btn border text-violet-600 border-violet-500 {% if user %}hover:bg-violet-500 hover:text-white{% endif %}"
            >
                 {% if not user_starred_this_app %}
                     <span class="inline-block {% if user %}group-hover:hidden{% endif %}">{{ this_app_stars }}</span>
@@ -61,7 +61,7 @@
             </a>
             {% if infos["manifest"]["upstream"]["demo"] %}
             <a
-              class="btn btn-success inline-block"
+              class="btn btn-success inline-block mr-1"
               href="{{ infos["manifest"]["upstream"]["demo"] }}"
             >
               <i class="fa fa-external-link fa-fw" aria-hidden="true"></i>
@@ -69,6 +69,12 @@
             </a>
             {% endif %}
         </div>
+
+        <a class="inline-block rounded-md border p-0 bg-gray-900 text-white " href="https://install-app.yunohost.org/?app={{ app_id }}">
+            <span class="inline-block text-[11px] leading-3 text-center py-1.5 pl-2">Install<br/>with</span>
+            <span class="inline-block pr-2 pt-1"><img src="{{ url_for('static', filename='horizontal-yunohost.svg') }}" /></span>
+        </a>
+
     </span>
 
     <p class="text-sm text-slate-500">Current version: {{ infos["manifest"]["version"] }}</p>