[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-24"></div>
  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
    <h2 class="window-title">{'Settings'|t}</h2>
    <div class="tools-item">
      <a href="?do=configure" title="{'Change Shaarli settings: title, timezone, etc.'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Configure your Shaarli'|t}</span>
      </a>
    </div>
    <div class="tools-item">
      <a href="?do=pluginadmin" title="{'Enable, disable and configure plugins'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Plugin administration'|t}</span>
      </a>
    </div>
    {if="!$openshaarli"}
      <div class="tools-item">
        <a href="?do=changepasswd" title="{'Change your password'|t}">
          <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Change password'|t}</span>
        </a>
      </div>
    {/if}
    <div class="tools-item">
      <a href="?do=changetag" title="{'Rename or delete a tag in all links'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Manage tags'|t}</span>
      </a>
    </div>
    <div class="tools-item">
      <a href="?do=import"
         title="{'Import Netscape HTML bookmarks (as exported from Firefox, Chrome, Opera, delicious...)'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Import links'|t}</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...)'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Export database'|t}</span>
      </a>
    </div>

    {loop="$tools_plugin"}
      <div class="tools-item">
        {$value}
      </div>
    {/loop}
  </div>


  <div class="clear"></div>
</div>

<div class="pure-g">
  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
    <h2 class="window-title">Bookmarklets</h2>
    <p>
      {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
      {'then click on the bookmarklet in any page you want to share.'|t}
    </p>
    <div class="tools-item">
      <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
                {'then click ✚Shaare link button in any page you want to share'|t}"
         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=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
            );
          }
        )();">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Shaare link'|t}</span>
      </a>
    </div>
    <div class="tools-item">
      <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
                {'Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli'|t}"
         onclick="return alertBookmarklet();"
         href="?private=1&amp;post=">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add Note'|t}</span>
      </a>
    </div>
  </div>
</div>

{if="$sslenabled"}
  <div class="pure-g">
    <div class="pure-u-lg-1-3 pure-u-1-24"></div>
    <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
      <h2 class="window-title">Firefox Social API</h2>
      <p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'|t}</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'|t} Firefox Social</span>
        </a>
      </div>
    </div>
  </div>
{/if}

<div class="pure-g">
  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
    <h2 class="window-title">{'3rd party'|t}</h2>
    <div class="tools-item">
      <a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox {'Plugin'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox {'plugin'|t}</span>
      </a>
    </div>
    <div class="tools-item">
      <a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
         title="Chrome {'Plugin'|t}">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'|t}</span>
      </a>
    </div>
    <div class="tools-item">
      <a href="https://play.google.com/store/apps/details?id=com.dimtion.shaarlier&hl=fr"
         title="Android">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Android</span>
      </a>
    </div>
    <div class="tools-item">
      <a href="https://itunes.apple.com/app/ShaarliOS/id1027441388?mt=8"
         title="iOS">
        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">iOS</span>
      </a>
    </div>
  </div>
</div>

{include="page.footer"}

<script>
  {if="$sslenabled"}
    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, database free, bookmarking service by the Shaarli community.",
        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);
    }
  {/if}
  function alertBookmarklet() {
    alert({"'Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link'"|t});
    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">
b057607f A	10	<div class="pure-u-lg-1-3 pure-u-1-24"></div>
b057607f A	11	<div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
4daf556b	12	<h2 class="window-title">{'Settings'\|t}</h2>
66195f06	13	<div class="tools-item">
ff56413e A	14	<a href="?do=configure" title="{'Change Shaarli settings: title, timezone, etc.'\|t}">
ff56413e A	15	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Configure your Shaarli'\|t}</span>
66195f06 A	16	</a>
	17	</div>
	18	<div class="tools-item">
ff56413e A	19	<a href="?do=pluginadmin" title="{'Enable, disable and configure plugins'\|t}">
ff56413e A	20	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Plugin administration'\|t}</span>
66195f06 A	21	</a>
	22	</div>
	23	{if="!$openshaarli"}
	24	<div class="tools-item">
ff56413e A	25	<a href="?do=changepasswd" title="{'Change your password'\|t}">
ff56413e A	26	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Change password'\|t}</span>
66195f06 A	27	</a>
	28	</div>
	29	{/if}
	30	<div class="tools-item">
ff56413e A	31	<a href="?do=changetag" title="{'Rename or delete a tag in all links'\|t}">
ff56413e A	32	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">{'Manage tags'\|t}</span>
66195f06 A	33	</a>
	34	</div>
	35	<div class="tools-item">
ff56413e A	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>
66195f06 A	39	</a>
	40	</div>
	41	<div class="tools-item">
ff56413e A	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>
66195f06 A	45	</a>
	46	</div>
	47
bdf4566a A	48	{loop="$tools_plugin"}
	49	<div class="tools-item">
	50	{$value}
	51	</div>
	52	{/loop}
66195f06	53	</div>
bdf4566a	54
66195f06 A	55
66195f06 A	56	<div class="clear"></div>
66195f06 A	57	</div>
	58
	59	<div class="pure-g">
b057607f A	60	<div class="pure-u-lg-1-3 pure-u-1-24"></div>
b057607f A	61	<div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
4daf556b	62	<h2 class="window-title">Bookmarklets</h2>
b057607f	63	<p>
ff56413e A	64	{'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'\|t},
ff56413e A	65	{'then click on the bookmarklet in any page you want to share.'\|t}
b057607f	66	</p>
66195f06	67	<div class="tools-item">
ff56413e A	68	<a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'\|t},
ff56413e A	69	{'then click ✚Shaare link button in any page you want to share'\|t}"
66195f06 A	70	onclick="return alertBookmarklet();"
	71	href="javascript:(
	72	function(){
	73	var%20url%20=%20location.href;
	74	var%20title%20=%20document.title%20\|\|%20url;
	75	window.open(
	76	'{$pageabsaddr}?post='%20+%20encodeURIComponent(url)+
	77	'&title='%20+%20encodeURIComponent(title)+
	78	'&description='%20+%20encodeURIComponent(document.getSelection())+
79a0dfe9	79	'&source=bookmarklet','_blank','menubar=no,height=800,width=600,toolbar=no,scrollbars=yes,status=no,dialog=1'
66195f06 A	80	);
	81	}
	82	)();">
ff56413e	83	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Shaare link'\|t}</span>
66195f06 A	84	</a>
	85	</div>
	86	<div class="tools-item">
ff56413e A	87	<a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'\|t},
ff56413e A	88	{'Then click ✚Add Note button anytime to start composing a private Note (text post) to your Shaarli'\|t}"
66195f06 A	89	onclick="return alertBookmarklet();"
66195f06 A	90	href="?private=1&post=">
ff56413e	91	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add Note'\|t}</span>
66195f06 A	92	</a>
	93	</div>
	94	</div>
66195f06 A	95	</div>
66195f06 A	96
79a0dfe9 A	97	{if="$sslenabled"}
79a0dfe9 A	98	<div class="pure-g">
b057607f A	99	<div class="pure-u-lg-1-3 pure-u-1-24"></div>
b057607f A	100	<div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
79a0dfe9 A	101	<h2 class="window-title">Firefox Social API</h2>
79a0dfe9 A	102	<p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'\|t}</p>
66195f06	103
79a0dfe9 A	104	<div class="tools-item">
	105	<a title="{'Click on this button to add Shaarli to the 'Share this page' button in Firefox"
	106	onclick="activateFirefoxSocial(this)">
	107	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add to'\|t} Firefox Social</span>
	108	</a>
	109	</div>
66195f06 A	110	</div>
66195f06 A	111	</div>
79a0dfe9	112	{/if}
66195f06 A	113
66195f06 A	114	<div class="pure-g">
b057607f A	115	<div class="pure-u-lg-1-3 pure-u-1-24"></div>
b057607f A	116	<div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
4daf556b	117	<h2 class="window-title">{'3rd party'\|t}</h2>
66195f06	118	<div class="tools-item">
ff56413e A	119	<a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox {'Plugin'\|t}">
ff56413e A	120	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Firefox {'plugin'\|t}</span>
66195f06 A	121	</a>
	122	</div>
	123	<div class="tools-item">
	124	<a href="https://chrome.google.com/webstore/detail/shiny-shaarli/hajdfkmbdmadjmmpkkbbcnllepomekin"
ff56413e A	125	title="Chrome {'Plugin'\|t}">
ff56413e A	126	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'\|t}</span>
66195f06 A	127	</a>
66195f06 A	128	</div>
2bbf5d03 A	129	<div class="tools-item">
	130	<a href="https://play.google.com/store/apps/details?id=com.dimtion.shaarlier&hl=fr"
	131	title="Android">
	132	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">Android</span>
	133	</a>
	134	</div>
	135	<div class="tools-item">
	136	<a href="https://itunes.apple.com/app/ShaarliOS/id1027441388?mt=8"
	137	title="iOS">
	138	<span class="pure-button pure-u-lg-2-3 pure-u-3-4">iOS</span>
	139	</a>
	140	</div>
66195f06 A	141	</div>
	142	</div>
	143
	144	{include="page.footer"}
66195f06	145
79a0dfe9 A	146	<script>
	147	{if="$sslenabled"}
	148	function activateFirefoxSocial(node) {
	149	var loc = location.href;
	150	var baseURL = loc.substring(0, loc.lastIndexOf("/"));
66195f06	151
79a0dfe9 A	152	// Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
	153	var data = {
	154	name: "{$shaarlititle}",
	155	description: "The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community.",
	156	author: "Shaarli",
	157	version: "1.0.0",
66195f06	158
79a0dfe9 A	159	iconURL: baseURL + "/images/favicon.ico",
	160	icon32URL: baseURL + "/images/favicon.ico",
	161	icon64URL: baseURL + "/images/favicon.ico",
66195f06	162
79a0dfe9 A	163	shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}",
	164	homepageURL: baseURL
	165	};
	166	node.setAttribute("data-service", JSON.stringify(data));
66195f06	167
79a0dfe9 A	168	var activate = new CustomEvent("ActivateSocialFeature");
	169	node.dispatchEvent(activate);
	170	}
	171	{/if}
66195f06	172	function alertBookmarklet() {
ff56413e	173	alert({"'Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link'"\|t});
66195f06 A	174	return false;
	175	}
	176	</script>
	177	</body>
	178	</html>
	179