[github/shaarli/Shaarli.git] / tpl / default / tools.html

<!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>
Commit	Line	Data
66195f06 A	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">
	12	<h2>Settings</h2>
	13	<div class="tools-item">
	14	<a href="?do=configure" title="Change Shaarli settings: title, timezone, etc.">
	15	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Configure your Shaarli</span>
	16	</a>
	17	</div>
	18	<div class="tools-item">
	19	<a href="?do=pluginadmin" title="Enable, disable and configure plugins">
	20	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Plugin administration</span>
	21	</a>
	22	</div>
	23	{if="!$openshaarli"}
	24	<div class="tools-item">
	25	<a href="?do=changepasswd" title="Change your password">
	26	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Change password</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">
	32	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Manage tags</span>
	33	</a>
	34	</div>
	35	<div class="tools-item">
	36	<a href="?do=import" title="Import Netscape HTML bookmarks (as exported from Firefox, Chrome, Opera, delicious...)">
	37	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Import links</span>
	38	</a>
	39	</div>
	40	<div class="tools-item">
	41	<a href="?do=export" title="<!--Export Netscape HTML bookmarks (which can be imported in Firefox, Chrome, Opera, delicious...)-->">
	42	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Export database</span>
	43	</a>
	44	</div>
	45
	46
	47	</div>
	48	{loop="$tools_plugin"}
	49	{$value}
	50	{/loop}
	51
	52	<div class="clear"></div>
	53
	54	<div class="pure-u-lg-1-3 pure-u-1-8"></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">
	60	<h2>Bookmarklets</h2>
	61	<p>
	62	Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link",
	63	then click on the bookmarklet in any page you want to share.
	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,
67	then click ✚Shaare link button in any page you want to share"
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	'&title='%20+%20encodeURIComponent(title)+
76	'&description='%20+%20encodeURIComponent(document.getSelection())+
77	'&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</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,
86	Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli"
87	onclick="return alertBookmarklet();"
88	href="?private=1&post=">
89	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ Add Note</span>
90	</a>
91	</div>
92	</div>
93	<div class="pure-u-lg-1-3 pure-u-1-8"></div>
94	</div>
95
96	<div class="pure-g">
97	<div class="pure-u-lg-1-3 pure-u-1-8"></div>
98	<div class="pure-u-lg-1-3 pure-u-3-4 page-form">
99	<h2>Firefox Social API</h2>
100	<p>You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.</p>
101
102	<div class="tools-item">
103	<a title="Click on this button to add Shaarli to the 'Share this page' button in Firefox"
104	onclick="activateFirefoxSocial(this)">
105	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ Add to Firefox social</span>
106	</a>
107	</div>
108	</div>
109	<div class="pure-u-lg-1-3 pure-u-1-8"></div>
110	</div>
111
112	<div class="pure-g">
113	<div class="pure-u-lg-1-3 pure-u-1-8"></div>
114	<div class="pure-u-lg-1-3 pure-u-3-4 page-form">
115	<h2>3rd party</h2>
116	<div class="tools-item">
117	<a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox Plugin">
118	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox plugin</span>
119	</a>
120	</div>
121	<div class="tools-item">
122	<a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
123	title="Chrome Plugin">
124	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome plugin</span>
125	</a>
126	</div>
127	</div>
128	</div>
129
130	{include="page.footer"}
131	<script>
132	function activateFirefoxSocial(node) {
133	var loc = location.href;
134	var baseURL = loc.substring(0, loc.lastIndexOf("/"));
135
136	// Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
137	var data = {
138	name: "{$shaarlititle}",
139	description: "The personal, minimalist, super-fast, no-database delicious clone.",
140	author: "Shaarli",
141	version: "1.0.0",
142
143	iconURL: baseURL + "/images/favicon.ico",
144	icon32URL: baseURL + "/images/favicon.ico",
145	icon64URL: baseURL + "/images/favicon.ico",
146
147	shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}",
148	homepageURL: baseURL
149	};
150	node.setAttribute("data-service", JSON.stringify(data));
151
152	var activate = new CustomEvent("ActivateSocialFeature");
153	node.dispatchEvent(activate);
154	}
155
156	function alertBookmarklet() {
157	alert('Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link...');
158	return false;
159	}
160	</script>
161	</body>
162	</html>
163