tpl/default/tools.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   {include="includes"}
   5 </head>
   6 <body>
   7 {include="page.header"}
   8
   9 <div class="pure-g">
  10   <div class="pure-u-lg-1-3 pure-u-1-24"></div>
  11   <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
  12     <h2 class="window-title">{'Settings'|t}</h2>
  13     <div class="tools-item">
  14       <a href="?do=configure" title="{'Change Shaarli settings: title, timezone, etc.'|t}">
  15         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Configure your Shaarli'|t}</span>
  16       </a>
  17     </div>
  18     <div class="tools-item">
  19       <a href="?do=pluginadmin" title="{'Enable, disable and configure plugins'|t}">
  20         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Plugin administration'|t}</span>
  21       </a>
  22     </div>
  23     {if="!$openshaarli"}
  24       <div class="tools-item">
  25         <a href="?do=changepasswd" title="{'Change your password'|t}">
  26           <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Change password'|t}</span>
  27         </a>
  28       </div>
  29     {/if}
  30     <div class="tools-item">
  31       <a href="?do=changetag" title="{'Rename or delete a tag in all links'|t}">
  32         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Manage tags'|t}</span>
  33       </a>
  34     </div>
  35     <div class="tools-item">
  36       <a href="?do=import"
  37          title="{'Import Netscape HTML bookmarks (as exported from Firefox, Chrome, Opera, delicious...)'|t}">
  38         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Import links'|t}</span>
  39       </a>
  40     </div>
  41     <div class="tools-item">
  42       <a href="?do=export"
  43          title="{'Export Netscape HTML bookmarks (which can be imported in Firefox, Chrome, Opera, delicious...)'|t}">
  44         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Export database'|t}</span>
  45       </a>
  46     </div>
  47
  48     {if="$thumbnails_enabled"}
  49       <div class="tools-item">
  50         <a href="?do=thumbs_update" title="{'Synchronize all link thumbnails'|t}">
  51           <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Synchronize thumbnails'|t}</span>
  52         </a>
  53       </div>
  54     {/if}
  55
  56     {loop="$tools_plugin"}
  57       <div class="tools-item">
  58         {$value}
  59       </div>
  60     {/loop}
  61   </div>
  62
  63
  64   <div class="clear"></div>
  65 </div>
  66
  67 <div class="pure-g">
  68   <div class="pure-u-lg-1-3 pure-u-1-24"></div>
  69   <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
  70     <h2 class="window-title">Bookmarklets</h2>
  71     <p>
  72       {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
  73       {'then click on the bookmarklet in any page you want to share.'|t}
  74     </p>
  75     <div class="tools-item">
  76       <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
  77                 {'then click ✚Shaare link button in any page you want to share'|t}"
  78          class="bookmarklet-link"
  79          href="javascript:(
  80           function(){
  81             var%20url%20=%20location.href;
  82             var%20title%20=%20document.title%20||%20url;
  83             var%20desc=document.getSelection().toString();
  84             if(desc.length>4000){
  85               desc=desc.substr(0,4000)+'...';
  86               alert('{function="str_replace(' ', '%20', t('The selected text is too long, it will be truncated.'))"}');
  87             }
  88             window.open(
  89               '{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+
  90               '&amp;title='%20+%20encodeURIComponent(title)+
  91               '&amp;description='%20+%20encodeURIComponent(desc)+
  92               '&amp;source=bookmarklet','_blank','menubar=no,height=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
  93             );
  94           }
  95         )();">
  96         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Shaare link'|t}</span>
  97       </a>
  98     </div>
  99     <div class="tools-item">
 100       <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
 101                 {'Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli'|t}"
 102          class="bookmarklet-link"
 103          href="javascript:(
 104           function(){
 105             var%20desc=document.getSelection().toString();
 106             if(desc.length>4000){
 107               desc=desc.substr(0,4000)+'...';
 108               alert('{function="str_replace(' ', '%20', t('The selected text is too long, it will be truncated.'))"}');
 109             }
 110             window.open(
 111               '{$pageabsaddr}?private=1&amp;post='+
 112               '&amp;description='%20+%20encodeURIComponent(desc)+
 113               '&amp;source=bookmarklet','_blank','menubar=no,height=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
 114             );
 115           }
 116         )();">
 117         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add Note'|t}</span>
 118       </a>
 119     </div>
 120   </div>
 121 </div>
 122
 123 {if="$sslenabled"}
 124   <div class="pure-g">
 125     <div class="pure-u-lg-1-3 pure-u-1-24"></div>
 126     <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
 127       <h2 class="window-title">Firefox Social API</h2>
 128       <p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'|t}</p>
 129
 130       <div class="tools-item">
 131         <a title="{'Click on this button to add Shaarli to the 'Share this page' button in Firefox"
 132            id="ff-social-button">
 133         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add to'|t} Firefox Social</span>
 134         </a>
 135       </div>
 136     </div>
 137   </div>
 138 {/if}
 139
 140 <div class="pure-g">
 141   <div class="pure-u-lg-1-3 pure-u-1-24"></div>
 142   <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
 143     <h2 class="window-title">{'3rd party'|t}</h2>
 144     <div class="tools-item">
 145       <a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox {'Plugin'|t}">
 146         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox {'plugin'|t}</span>
 147       </a>
 148     </div>
 149     <div class="tools-item">
 150       <a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
 151          title="Chrome {'Plugin'|t}">
 152         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'|t}</span>
 153       </a>
 154     </div>
 155     <div class="tools-item">
 156       <a href="https://play.google.com/store/apps/details?id=com.dimtion.shaarlier&hl=fr"
 157          title="Android Shaarlier">
 158         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Android Shaarlier</span>
 159       </a>
 160     </div>
 161     <div class="tools-item">
 162       <a href="https://stakali.toneiv.eu/"
 163          title="Android Stakali">
 164         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Android Stakali</span>
 165       </a>
 166     </div>
 167     <div class="tools-item">
 168       <a href="https://itunes.apple.com/app/ShaarliOS/id1027441388?mt=8"
 169          title="iOS">
 170         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">iOS</span>
 171       </a>
 172     </div>
 173   </div>
 174 </div>
 175
 176 {include="page.footer"}
 177 <input type="hidden" id="bookmarklet-alert"
 178        value="{'Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link'|t}">
 179 </body>
 180 </html>