]> git.immae.eu Git - github/shaarli/Shaarli.git/commitdiff
Tools page
authorArthurHoaro <arthur@hoa.ro>
Sat, 6 Aug 2016 13:55:16 +0000 (15:55 +0200)
committerArthurHoaro <arthur@hoa.ro>
Sun, 7 Aug 2016 10:17:36 +0000 (12:17 +0200)
tpl/default/css/shaarli.css
tpl/default/tools.html [new file with mode: 0644]

index 27a127bc71b6dd9a14a815c495d3a8e8ef1d7ecc..19bdc45c3856ce61be3867a18e032c813094d44a 100644 (file)
@@ -81,6 +81,10 @@ pre {
     cursor: pointer;
 }
 
+.pure-alert-success {
+    background-color: #1b926c;
+}
+
 /**
  * MENU
  **/
@@ -608,11 +612,14 @@ pre {
     border-bottom: 1px solid #797979;
 }
 
-.page-form div {
-    width: 100%;
+.page-form div, .page-form p {
     text-align: center;
 }
 
+.page-form p {
+    color: #b0ddce;
+}
+
 .page-form input[type="text"], .page-form input[type="password"] {
     margin: 10px 0;
     padding: 5px 5px 3px 15px;
@@ -652,7 +659,9 @@ pre {
 
 #page404 {
     color: #3f3f3f;
-}/**
+}
+
+/**
  * CONTENT - LINKLIST ITEMS
  */
 .linklist-item {
@@ -772,3 +781,10 @@ pre {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
+/**
+ * TOOLS
+ */
+.tools-item {
+    margin: 10px 0;
+}
\ No newline at end of file
diff --git a/tpl/default/tools.html b/tpl/default/tools.html
new file mode 100644 (file)
index 0000000..f5e8321
--- /dev/null
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+<head>
+  {include="includes"}
+</head>
+<body>
+{include="page.header"}
+
+<div class="pure-g">
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+  <div class="pure-u-lg-1-3 pure-u-3-4 page-form">
+    <h2>Settings</h2>
+    <div class="tools-item">
+      <a href="?do=configure" title="Change Shaarli settings: title, timezone, etc.">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Configure your Shaarli</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a href="?do=pluginadmin" title="Enable, disable and configure plugins">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Plugin administration</span>
+      </a>
+    </div>
+    {if="!$openshaarli"}
+      <div class="tools-item">
+        <a href="?do=changepasswd" title="Change your password">
+          <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Change password</span>
+        </a>
+      </div>
+    {/if}
+    <div class="tools-item">
+      <a href="?do=changetag" title="Rename or delete a tag in all links">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Manage tags</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a href="?do=import" title="Import Netscape HTML bookmarks (as exported from Firefox, Chrome, Opera, delicious...)">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Import links</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a href="?do=export" title="<!--Export Netscape HTML bookmarks (which can be imported in Firefox, Chrome, Opera, delicious...)-->">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Export database</span>
+      </a>
+    </div>
+
+
+  </div>
+  {loop="$tools_plugin"}
+    {$value}
+  {/loop}
+
+  <div class="clear"></div>
+
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+</div>
+
+<div class="pure-g">
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+  <div class="pure-u-lg-1-3 pure-u-3-4 page-form">
+    <h2>Bookmarklets</h2>
+    <p>
+      Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link",
+      then click on the bookmarklet in any page you want to share.
+    </p>
+    <div class="tools-item">
+      <a title="Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link,
+                then click ✚Shaare link button in any page you want to share"
+         onclick="return alertBookmarklet();"
+         href="javascript:(
+          function(){
+            var%20url%20=%20location.href;
+            var%20title%20=%20document.title%20||%20url;
+            window.open(
+              '{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+
+              '&amp;title='%20+%20encodeURIComponent(title)+
+              '&amp;description='%20+%20encodeURIComponent(document.getSelection())+
+              '&amp;source=bookmarklet','_blank','menubar=no,height=390,width=600,toolbar=no,scrollbars=no,status=no,dialog=1'
+            );
+          }
+        )();">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ Shaare link</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a title="Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link,
+                Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli"
+         onclick="return alertBookmarklet();"
+         href="?private=1&amp;post=">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ Add Note</span>
+      </a>
+    </div>
+  </div>
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+</div>
+
+<div class="pure-g">
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+  <div class="pure-u-lg-1-3 pure-u-3-4 page-form">
+    <h2>Firefox Social API</h2>
+    <p>You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.</p>
+
+    <div class="tools-item">
+      <a title="Click on this button to add Shaarli to the 'Share this page' button in Firefox"
+         onclick="activateFirefoxSocial(this)">
+      <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ Add to Firefox social</span>
+      </a>
+    </div>
+  </div>
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+</div>
+
+<div class="pure-g">
+  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
+  <div class="pure-u-lg-1-3 pure-u-3-4 page-form">
+    <h2>3rd party</h2>
+    <div class="tools-item">
+      <a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox Plugin">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox plugin</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
+         title="Chrome Plugin">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome plugin</span>
+      </a>
+    </div>
+  </div>
+</div>
+
+{include="page.footer"}
+<script>
+  function activateFirefoxSocial(node) {
+    var loc = location.href;
+    var baseURL = loc.substring(0, loc.lastIndexOf("/"));
+
+    // Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
+    var data = {
+      name: "{$shaarlititle}",
+      description: "The personal, minimalist, super-fast, no-database delicious clone.",
+      author: "Shaarli",
+      version: "1.0.0",
+
+      iconURL: baseURL + "/images/favicon.ico",
+      icon32URL: baseURL + "/images/favicon.ico",
+      icon64URL: baseURL + "/images/favicon.ico",
+
+      shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}",
+      homepageURL: baseURL
+    };
+    node.setAttribute("data-service", JSON.stringify(data));
+
+    var activate = new CustomEvent("ActivateSocialFeature");
+    node.dispatchEvent(activate);
+  }
+
+  function alertBookmarklet() {
+    alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');
+    return false;
+  }
+</script>
+</body>
+</html>
+