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-8"></div>
  11   <div class="pure-u-lg-1-3 pure-u-3-4 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
  49   </div>
  50   {loop="$tools_plugin"}
  51     {$value}
  52   {/loop}
  53
  54   <div class="clear"></div>
  55 </div>
  56
  57 <div class="pure-g">
  58   <div class="pure-u-lg-1-3 pure-u-1-8"></div>
  59   <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
  60     <h2 class="window-title">Bookmarklets</h2>
  61     <p>
  62       {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
  63       {'then click on the bookmarklet in any page you want to share.'|t}
  64     </p>
  65     <div class="tools-item">
  66       <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
  67                 {'then click ✚Shaare link button in any page you want to share'|t}"
  68          onclick="return alertBookmarklet();"
  69          href="javascript:(
  70           function(){
  71             var%20url%20=%20location.href;
  72             var%20title%20=%20document.title%20||%20url;
  73             window.open(
  74               '{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+
  75               '&amp;title='%20+%20encodeURIComponent(title)+
  76               '&amp;description='%20+%20encodeURIComponent(document.getSelection())+
  77               '&amp;source=bookmarklet','_blank','menubar=no,height=390,width=600,toolbar=no,scrollbars=no,status=no,dialog=1'
  78             );
  79           }
  80         )();">
  81         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Shaare link'|t}</span>
  82       </a>
  83     </div>
  84     <div class="tools-item">
  85       <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
  86                 {'Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli'|t}"
  87          onclick="return alertBookmarklet();"
  88          href="?private=1&amp;post=">
  89         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add Note'|t}</span>
  90       </a>
  91     </div>
  92   </div>
  93 </div>
  94
  95 <div class="pure-g">
  96   <div class="pure-u-lg-1-3 pure-u-1-8"></div>
  97   <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
  98     <h2 class="window-title">Firefox Social API</h2>
  99     <p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'|t}</p>
 100
 101     <div class="tools-item">
 102       <a title="{'Click on this button to add Shaarli to the 'Share this page' button in Firefox"
 103          onclick="activateFirefoxSocial(this)">
 104       <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add to'|t} Firefox Social</span>
 105       </a>
 106     </div>
 107   </div>
 108 </div>
 109
 110 <div class="pure-g">
 111   <div class="pure-u-lg-1-3 pure-u-1-8"></div>
 112   <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
 113     <h2 class="window-title">{'3rd party'|t}</h2>
 114     <div class="tools-item">
 115       <a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox {'Plugin'|t}">
 116         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox {'plugin'|t}</span>
 117       </a>
 118     </div>
 119     <div class="tools-item">
 120       <a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
 121          title="Chrome {'Plugin'|t}">
 122         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'|t}</span>
 123       </a>
 124     </div>
 125   </div>
 126 </div>
 127
 128 {include="page.footer"}
 129 <script>
 130   function activateFirefoxSocial(node) {
 131     var loc = location.href;
 132     var baseURL = loc.substring(0, loc.lastIndexOf("/"));
 133
 134     // Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
 135     var data = {
 136       name: "{$shaarlititle}",
 137       description: "The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community.",
 138       author: "Shaarli",
 139       version: "1.0.0",
 140
 141       iconURL: baseURL + "/images/favicon.ico",
 142       icon32URL: baseURL + "/images/favicon.ico",
 143       icon64URL: baseURL + "/images/favicon.ico",
 144
 145       shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}",
 146       homepageURL: baseURL
 147     };
 148     node.setAttribute("data-service", JSON.stringify(data));
 149
 150     var activate = new CustomEvent("ActivateSocialFeature");
 151     node.dispatchEvent(activate);
 152   }
 153
 154   function alertBookmarklet() {
 155     alert({"'Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link'"|t});
 156     return false;
 157   }
 158 </script>
 159 </body>
 160 </html>
 161