]>
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"> | |
ff56413e A |
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> | |
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}"> |
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}"> |
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}"> |
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 | ||
48 | ||
49 | </div> | |
50 | {loop="$tools_plugin"} | |
51 | {$value} | |
52 | {/loop} | |
53 | ||
54 | <div class="clear"></div> | |
55 | ||
56 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
57 | </div> | |
58 | ||
59 | <div class="pure-g"> | |
60 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
61 | <div class="pure-u-lg-1-3 pure-u-3-4 page-form"> | |
62 | <h2>Bookmarklets</h2> | |
63 | <p> | |
ff56413e A |
64 | {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t}, |
65 | {'then click on the bookmarklet in any page you want to share.'|t} | |
66195f06 A |
66 | </p> |
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}, |
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())+ | |
79 | '&source=bookmarklet','_blank','menubar=no,height=390,width=600,toolbar=no,scrollbars=no,status=no,dialog=1' | |
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}, |
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();" |
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> | |
95 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
96 | </div> | |
97 | ||
98 | <div class="pure-g"> | |
99 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
100 | <div class="pure-u-lg-1-3 pure-u-3-4 page-form"> | |
101 | <h2>Firefox Social API</h2> | |
ff56413e | 102 | <p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'|t}</p> |
66195f06 A |
103 | |
104 | <div class="tools-item"> | |
ff56413e | 105 | <a title="{'Click on this button to add Shaarli to the 'Share this page' button in Firefox" |
66195f06 | 106 | onclick="activateFirefoxSocial(this)"> |
ff56413e | 107 | <span class="pure-button pure-u-lg-2-3 pure-u-3-4">✚ {'Add to'|t} Firefox Social</span> |
66195f06 A |
108 | </a> |
109 | </div> | |
110 | </div> | |
111 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
112 | </div> | |
113 | ||
114 | <div class="pure-g"> | |
115 | <div class="pure-u-lg-1-3 pure-u-1-8"></div> | |
116 | <div class="pure-u-lg-1-3 pure-u-3-4 page-form"> | |
ff56413e | 117 | <h2>{'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}"> |
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}"> |
126 | <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'|t}</span> | |
66195f06 A |
127 | </a> |
128 | </div> | |
129 | </div> | |
130 | </div> | |
131 | ||
132 | {include="page.footer"} | |
133 | <script> | |
134 | function activateFirefoxSocial(node) { | |
135 | var loc = location.href; | |
136 | var baseURL = loc.substring(0, loc.lastIndexOf("/")); | |
137 | ||
138 | // Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable. | |
139 | var data = { | |
140 | name: "{$shaarlititle}", | |
ff56413e | 141 | description: "The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community.", |
66195f06 A |
142 | author: "Shaarli", |
143 | version: "1.0.0", | |
144 | ||
145 | iconURL: baseURL + "/images/favicon.ico", | |
146 | icon32URL: baseURL + "/images/favicon.ico", | |
147 | icon64URL: baseURL + "/images/favicon.ico", | |
148 | ||
149 | shareURL: baseURL + "{noparse}?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi{/noparse}", | |
150 | homepageURL: baseURL | |
151 | }; | |
152 | node.setAttribute("data-service", JSON.stringify(data)); | |
153 | ||
154 | var activate = new CustomEvent("ActivateSocialFeature"); | |
155 | node.dispatchEvent(activate); | |
156 | } | |
157 | ||
158 | function alertBookmarklet() { | |
ff56413e | 159 | alert({"'Drag this link to your bookmarks toolbar, or right-click it and choose Bookmark This Link'"|t}); |
66195f06 A |
160 | return false; |
161 | } | |
162 | </script> | |
163 | </body> | |
164 | </html> | |
165 |