source: extensions/SocialButtons/template/admin.tpl @ 23201

Revision 23201, 12.2 KB checked in by mistic100, 7 years ago (diff)

remove "no caption" option for facebook (buggy)
fix urls
fix pinterest javascript

Line 
1{combine_css path=$SOCIALBUTT_PATH|@cat:"template/style.css"}
2
3{html_style}{literal}
4.socialbutt.disabled thead img {
5  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /* Firefox 10+ */
6  filter: gray; /* IE6-9 */
7  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
8}
9{/literal}{/html_style}
10
11{footer_script}{literal}
12jQuery("input.enable").change(function() {
13  $parent = $(this).closest("div.socialbutt");
14  if (!$(this).is(":checked")) {
15    $parent.find("thead label").attr("title", "{/literal}{'Enable'|@translate|escape:javascript}{literal}");
16    $parent.addClass('disabled');
17    $parent.removeClass('enabled');
18  }
19  else {
20    $parent.find("thead label").attr("title", "{/literal}{'Disable'|@translate|escape:javascript}{literal}");
21    $parent.addClass('enabled');
22    $parent.removeClass('disabled');
23  }
24});
25{/literal}{/footer_script}
26
27
28<div class="titrePage">
29        <h2>Social Buttons</h2>
30</div>
31
32
33<form method="post" action="" class="properties" style="text-align:center;">
34
35<div class="socialbutt">
36<table>
37  <tr class="property">
38    <td>
39      {'Button position on picture page'|@translate}
40    </td>
41    <td>
42      <label><input type="radio" name="position" value="top" {if $position=='top'}checked="checked"{/if}/> {'Top'|@translate}</label>
43      <label><input type="radio" name="position" value="bottom" {if $position=='bottom'}checked="checked"{/if}/> {'Bottom'|@translate}</label>
44      <label><input type="radio" name="position" value="toolbar" {if $position=='toolbar'}checked="checked"{/if}/> {'Toolbar'|@translate}</label>
45    </td>
46  </tr>
47  <tr class="property">
48    <td>
49      {'Display buttons'|@translate}
50    </td>
51    <td>
52      <label><input type="radio" name="on_index" value="true" {if $on_index}checked="checked"{/if}/> {'on photo and album'|@translate}</label><br>
53      <label><input type="radio" name="on_index" value="false" {if not $on_index}checked="checked"{/if}/> {'only on photo'|@translate}</label>
54    </td>
55  </tr>
56</table>
57</div>
58
59<br>
60
61
62<div class="socialbutt {if not $twitter.enabled}disabled{else}enabled{/if}"> {* <!-- twitter --> *}
63<table>
64  <thead>
65    <tr><td colspan="2">
66      <label title="{if $twitter.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
67        <img src="{$SOCIALBUTT_PATH}template/images/twitter_logo.png"/>
68        <input class="enable" style="display:none;" type="checkbox" name="twitter[enabled]" {if $twitter.enabled}checked="checked"{/if}/>
69      </label>
70    </td></tr>
71  </thead>
72  <tbody>
73    <tr class="property">
74      <td>
75        {'Button type'|@translate}
76      </td>
77      <td></td>
78    </tr>
79    <tr class="button">
80      <td><label>
81        <img src="{$SOCIALBUTT_PATH}template/images/twitter_small.png"/>
82        <input type="radio" name="twitter[size]" value="small" {if $twitter.size=='small'}checked="checked"{/if}/>
83      </label></td>
84      <td><label>
85        <input type="radio" name="twitter[size]" value="large" {if $twitter.size=='large'}checked="checked"{/if}/>
86        <img src="{$SOCIALBUTT_PATH}template/images/twitter_large.png"/>
87      </label></td>
88    </tr>
89    <tr class="property">
90      <td>
91        {'Annotation'|@translate}
92      </td>
93      <td>
94        <label><input type="radio" name="twitter[count]" value="none" {if $twitter.count=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
95        <label><input type="radio" name="twitter[count]" value="bubble" {if $twitter.count=='bubble'}checked="checked"{/if}/> {'Bubble'|@translate}</label><br>
96      </td>
97    </tr>
98    <tr class="property">
99      <td>
100        <label for="twitter_via">{'Via'|@translate}</label>
101      </td>
102      <td>
103        @ <input type="text" id="twitter_via" name="twitter[via]" value="{$twitter.via}"/>
104      </td>
105    </tr>
106  </tbody>
107</table>
108</div> {* <!-- twitter --> *}
109
110<div class="socialbutt {if not $google.enabled}disabled{else}enabled{/if}"> {* <!-- google --> *}
111<table>
112  <thead>
113    <tr><td colspan="2">
114      <label title="{if $google.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
115        <img src="{$SOCIALBUTT_PATH}template/images/google_logo.png"/>
116        <input class="enable" style="display:none;" type="checkbox" name="google[enabled]" {if $google.enabled}checked="checked"{/if}/>
117      </label>
118    </td></tr>
119  </thead>
120  <tbody>
121    <tr class="property">
122      <td>
123        {'Button type'|@translate}
124      </td>
125      <td></td>
126    </tr>
127    <tr class="button">
128      <td><label>
129        <img src="{$SOCIALBUTT_PATH}template/images/google_small.png"/>
130        <input type="radio" name="google[size]" value="small" {if $google.size=='small'}checked="checked"{/if}/>
131      </label></td>
132      <td><label>
133        <input type="radio" name="google[size]" value="medium" {if $google.size=='medium'}checked="checked"{/if}/>
134        <img src="{$SOCIALBUTT_PATH}template/images/google_medium.png"/>
135      </label></td>
136    </tr>
137    <tr class="button">
138      <td><label>
139        <img src="{$SOCIALBUTT_PATH}template/images/google_standard.png"/>
140        <input type="radio" name="google[size]" value="standard" {if $google.size=='standard'}checked="checked"{/if}/>
141      </label></td>
142      <td><label>
143        <input type="radio" name="google[size]" value="tall" {if $google.size=='tall'}checked="checked"{/if}/>
144        <img src="{$SOCIALBUTT_PATH}template/images/google_tall.png"/>
145      </label></td>
146    </tr>
147    <tr class="property">
148      <td>
149        {'Annotation'|@translate}
150      </td>
151      <td>
152        <label><input type="radio" name="google[annotation]" value="none" {if $google.annotation=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
153        <label><input type="radio" name="google[annotation]" value="bubble" {if $google.annotation=='bubble'}checked="checked"{/if}/> {'Bubble'|@translate}</label><br>
154        <label><input type="radio" name="google[annotation]" value="inline" {if $google.annotation=='inline'}checked="checked"{/if}/> {'Inline text'|@translate}</label>
155      </td>
156    </tr>
157  </tbody>
158</table>
159</div> {* <!-- google --> *}
160
161<br>
162
163<div class="socialbutt {if not $pinterest.enabled}disabled{else}enabled{/if}"> {* <!-- pinterest --> *}
164<table>
165  <thead>
166    <tr><td colspan="2">
167      <label title="{if $pinterest.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
168        <img src="{$SOCIALBUTT_PATH}template/images/pinterest_logo.png"/>
169        <input class="enable" style="display:none;" type="checkbox" name="pinterest[enabled]" {if $pinterest.enabled}checked="checked"{/if}/>
170      </label>
171    </td></tr>
172  </thead>
173  <tbody>
174    <tr class="property">
175      <td>
176        {'Shared picture size'|@translate}
177      </td>
178      <td>
179        {html_options name="pinterest[img_size]" values=$img_sizes output=$img_sizes|translate selected=$pinterest.img_size}
180      </td>
181    </tr>
182    <tr class="property">
183      <td>
184        {'Annotation'|@translate}
185      </td>
186      <td>
187        <label><input type="radio" name="pinterest[layout]" value="none" {if $pinterest.layout=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
188        <label><input type="radio" name="pinterest[layout]" value="horizontal" {if $pinterest.layout=='horizontal'}checked="checked"{/if}/> {'Right bubble'|@translate}</label><br>
189        <label><input type="radio" name="pinterest[layout]" value="vertical" {if $pinterest.layout=='vertical'}checked="checked"{/if}/> {'Top bubble'|@translate}</label>
190      </td>
191    </tr>
192  </tbody>
193</table>
194</div> {* <!-- pinterest --> *}
195
196<div class="socialbutt {if not $facebook.enabled}disabled{else}enabled{/if}"> {* <!-- facebook --> *}
197<table>
198  <thead>
199    <tr><td colspan="2">
200      <label title="{if $facebook.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
201        <img src="{$SOCIALBUTT_PATH}template/images/facebook_logo.png"/>
202        <input class="enable" style="display:none;" type="checkbox" name="facebook[enabled]" {if $facebook.enabled}checked="checked"{/if}/>
203      </label>
204    </td></tr>
205  </thead>
206  <tbody>
207    <tr class="property">
208      <td>
209        {'Button type'|@translate}
210      </td>
211      <td></td>
212    </tr>
213    <tr class="button">
214      <td><label>
215        <img src="{$SOCIALBUTT_PATH}template/images/facebook_light.png"/>
216        <input type="radio" name="facebook[color]" value="light" {if $facebook.color=='light'}checked="checked"{/if}/>
217      </label></td>
218      <td><label>
219        <input type="radio" name="facebook[color]" value="dark" {if $facebook.color=='dark'}checked="checked"{/if}/>
220        <img src="{$SOCIALBUTT_PATH}template/images/facebook_dark.png"/>
221      </label></td>
222    </tr>
223    <tr class="property">
224      <td>
225        {'Annotation'|@translate}
226      </td>
227      <td>
228        <!-- <label><input type="radio" name="facebook[layout]" value="none" {if $facebook.layout=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br> -->
229        <label><input type="radio" name="facebook[layout]" value="button_count" {if $facebook.layout=='button_count'}checked="checked"{/if}/> {'Right bubble'|@translate}</label><br>
230        <label><input type="radio" name="facebook[layout]" value="box_count" {if $facebook.layout=='box_count'}checked="checked"{/if}/> {'Top bubble'|@translate}</label><br>
231        <label><input type="radio" name="facebook[layout]" value="standard" {if $facebook.layout=='standard'}checked="checked"{/if}/> {'Inline text'|@translate}</label>
232      </td>
233    </tr>
234  </tbody>
235</table>
236</div> {* <!-- facebook --> *}
237
238<br>
239
240<div class="socialbutt {if not $tumblr.enabled}disabled{else}enabled{/if}"> {* <!-- tumblr --> *}
241<table>
242  <thead>
243    <tr><td colspan="2">
244      <label title="{if $tumblr.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
245        <img src="{$SOCIALBUTT_PATH}template/images/tumblr_logo.png"/>
246        <input class="enable" style="display:none;" type="checkbox" name="tumblr[enabled]" {if $tumblr.enabled}checked="checked"{/if}/>
247      </label>
248    </td></tr>
249  </thead>
250  <tbody>
251    <tr class="property">
252      <td>
253        {'Button type'|@translate}
254      </td>
255      <td></td>
256    </tr>
257    <tr class="button">
258      <td><label>
259        <img src="http://platform.tumblr.com/v1/share_1.png"/>
260        <input type="radio" name="tumblr[type]" value="share_1" {if $tumblr.type=='share_1'}checked="checked"{/if}/>
261      </label></td>
262      <td><label>
263        <input type="radio" name="tumblr[type]" value="share_1T" {if $tumblr.type=='share_1T'}checked="checked"{/if}/>
264        <img src="http://platform.tumblr.com/v1/share_1T.png"/>
265      </label></td>
266    </tr>
267    <tr class="button">
268      <td><label>
269        <img src="http://platform.tumblr.com/v1/share_2.png"/>
270        <input type="radio" name="tumblr[type]" value="share_2" {if $tumblr.type=='share_2'}checked="checked"{/if}/>
271      </label></td>
272      <td><label>
273        <input type="radio" name="tumblr[type]" value="share_2T" {if $tumblr.type=='share_2T'}checked="checked"{/if}/>
274        <img src="http://platform.tumblr.com/v1/share_2T.png"/>
275      </label></td>
276    </tr>
277    <tr class="button">
278      <td><label>
279        <img src="http://platform.tumblr.com/v1/share_3.png"/>
280        <input type="radio" name="tumblr[type]" value="share_3" {if $tumblr.type=='share_3'}checked="checked"{/if}/>
281      </label></td>
282      <td><label>
283        <input type="radio" name="tumblr[type]" value="share_3T" {if $tumblr.type=='share_3T'}checked="checked"{/if}/>
284        <img src="http://platform.tumblr.com/v1/share_3T.png"/>
285      </label></td>
286    </tr>
287    <tr class="button">
288      <td><label>
289        <img src="http://platform.tumblr.com/v1/share_4.png"/>
290        <input type="radio" name="tumblr[type]" value="share_4" {if $tumblr.type=='share_4'}checked="checked"{/if}/>
291      </label></td>
292      <td><label>
293        <input type="radio" name="tumblr[type]" value="share_4T" {if $tumblr.type=='share_4T'}checked="checked"{/if}/>
294        <img src="http://platform.tumblr.com/v1/share_4T.png"/>
295      </label></td>
296    </tr>
297    <tr class="property">
298      <td>
299        {'Shared picture size'|@translate}
300      </td>
301      <td>
302        {html_options name="tumblr[img_size]" values=$img_sizes output=$img_sizes|translate selected=$tumblr.img_size}
303      </td>
304    </tr>
305  </tbody>
306</table>
307</div> {* <!-- tumblr --> *}
308
309<br>
310
311<div class="submit">
312  <input type="submit" value="{'Save Settings'|@translate}" name="submit"/>
313</div>
314
315</form>
Note: See TracBrowser for help on using the repository browser.