Ignore:
Timestamp:
Dec 23, 2013, 12:44:02 AM (10 years ago)
Author:
mistic100
Message:

update for Piwigo 2.6 and update Facebook options

File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/SocialButtons/template/admin.tpl

    r25178 r26100  
    11{combine_css path=$SOCIALBUTT_PATH|@cat:"template/style.css"}
    22
    3 {html_style}{literal}
     3{html_style}
    44.socialbutt.disabled thead img {
    55  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    … …  
    77  filter: gray; /* IE6-9 */
    88}
    9 {/literal}
    109{if $light}
    11 .not-light {ldelim} display:none; }
     10.not-light { display:none; }
    1211{/if}
    1312{/html_style}
    1413
    15 {footer_script}{literal}
     14{footer_script}
    1615jQuery("input.enable").change(function() {
    1716  $parent = $(this).closest("div.socialbutt");
    1817  if (!$(this).is(":checked")) {
    19     $parent.find("thead label").attr("title", "{/literal}{'Enable'|@translate|escape:javascript}{literal}");
     18    $parent.find("thead label").attr("title", "{'Enable'|translate|escape:javascript}");
    2019    $parent.addClass('disabled');
    2120    $parent.removeClass('enabled');
    2221  }
    2322  else {
    24     $parent.find("thead label").attr("title", "{/literal}{'Disable'|@translate|escape:javascript}{literal}");
     23    $parent.find("thead label").attr("title", "{'Disable'|translate|escape:javascript}");
    2524    $parent.addClass('enabled');
    2625    $parent.removeClass('disabled');
    … …  
    4443  defaultPosition: 'bottom'
    4544});
    46 {/literal}{/footer_script}
     45{/footer_script}
    4746
    4847
    … …  
    5857  <tr class="property">
    5958    <td>
    60       {'Button position on picture page'|@translate}
    61     </td>
    62     <td>
    63       <label><input type="radio" name="position" value="top" {if $position=='top'}checked="checked"{/if}/> {'Top'|@translate}</label>
    64       <label><input type="radio" name="position" value="bottom" {if $position=='bottom'}checked="checked"{/if}/> {'Bottom'|@translate}</label>
    65       <label><input type="radio" name="position" value="toolbar" {if $position=='toolbar'}checked="checked"{/if}/> {'Toolbar'|@translate}</label>
     59      {'Button position on picture page'|translate}
     60    </td>
     61    <td>
     62      <label><input type="radio" name="position" value="top" {if $position=='top'}checked="checked"{/if}/> {'Top'|translate}</label>
     63      <label><input type="radio" name="position" value="bottom" {if $position=='bottom'}checked="checked"{/if}/> {'Bottom'|translate}</label>
     64      <label><input type="radio" name="position" value="toolbar" {if $position=='toolbar'}checked="checked"{/if}/> {'Toolbar'|translate}</label>
    6665    </td>
    6766  </tr>
    6867  <tr class="property">
    6968    <td>
    70       {'Display buttons'|@translate}
    71     </td>
    72     <td>
    73       <label><input type="radio" name="on_index" value="true" {if $on_index}checked="checked"{/if}/> {'on photo and album'|@translate}</label><br>
    74       <label><input type="radio" name="on_index" value="false" {if not $on_index}checked="checked"{/if}/> {'only on photo'|@translate}</label>
     69      {'Display buttons'|translate}
     70    </td>
     71    <td>
     72      <label><input type="radio" name="on_index" value="true" {if $on_index}checked="checked"{/if}/> {'on photo and album'|translate}</label><br>
     73      <label><input type="radio" name="on_index" value="false" {if not $on_index}checked="checked"{/if}/> {'only on photo'|translate}</label>
    7574    </td>
    7675  </tr>
    7776  <tr class="property">
    7877    <td>
    79       {'Shared picture size'|@translate}
     78      {'Shared picture size'|translate}
    8079    </td>
    8180    <td>
    … …  
    8584  <tr class="property">
    8685    <td>
    87       <label for="light_mode">{'Light mode'|@translate}</label>
     86      <label for="light_mode">{'Light mode'|translate}</label>
    8887    </td>
    8988    <td>
    9089      <input type="checkbox" id="light_mode" name="light" {if $light}checked="checked"{/if}/>
    91       <a class="showInfo" title="{'When light mode is activated no external script is loaded, it <b>speeds up the load of the page and disables user tracking</b> but also disables annotations and in-page popups.'|@translate}">i</a>
     90      <a class="icon-info-circled-1 showInfo" title="{'When light mode is activated no external script is loaded, it <b>speeds up the load of the page and disables user tracking</b> but also disables annotations and in-page popups.'|translate}"></a>
    9291    </td>
    9392  </tr>
    … …  
    102101  <thead>
    103102    <tr><td colspan="2">
    104       <label title="{if $twitter.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
     103      <label title="{if $twitter.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
    105104        <img src="{$SOCIALBUTT_PATH}template/images/twitter_logo.png"/>
    106105        <input class="enable" style="display:none;" type="checkbox" name="twitter[enabled]" {if $twitter.enabled}checked="checked"{/if}/>
    … …  
    111110    <tr class="property">
    112111      <td>
    113         {'Button type'|@translate}
     112        {'Button type'|translate}
    114113      </td>
    115114      <td></td>
    … …  
    127126    <tr class="property not-light">
    128127      <td>
    129         {'Annotation'|@translate}
    130       </td>
    131       <td>
    132         <label><input type="radio" name="twitter[count]" value="none" {if $twitter.count=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
    133         <label><input type="radio" name="twitter[count]" value="bubble" {if $twitter.count=='bubble'}checked="checked"{/if}/> {'Bubble'|@translate}</label><br>
    134       </td>
    135     </tr>
    136     <tr class="property">
    137       <td>
    138         <label for="twitter_via">{'Via'|@translate}</label>
     128        {'Annotation'|translate}
     129      </td>
     130      <td>
     131        <label><input type="radio" name="twitter[count]" value="none" {if $twitter.count=='none'}checked="checked"{/if}/> {'None'|translate}</label><br>
     132        <label><input type="radio" name="twitter[count]" value="bubble" {if $twitter.count=='bubble'}checked="checked"{/if}/> {'Bubble'|translate}</label><br>
     133      </td>
     134    </tr>
     135    <tr class="property">
     136      <td>
     137        <label for="twitter_via">{'Via'|translate}</label>
    139138      </td>
    140139      <td>
    … …  
    150149  <thead>
    151150    <tr><td colspan="2">
    152       <label title="{if $google.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
     151      <label title="{if $google.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
    153152        <img src="{$SOCIALBUTT_PATH}template/images/google_logo.png"/>
    154153        <input class="enable" style="display:none;" type="checkbox" name="google[enabled]" {if $google.enabled}checked="checked"{/if}/>
    … …  
    159158    <tr class="property">
    160159      <td>
    161         {'Button type'|@translate}
     160        {'Button type'|translate}
    162161      </td>
    163162      <td></td>
    … …  
    185184    <tr class="property not-light">
    186185      <td>
    187         {'Annotation'|@translate}
    188       </td>
    189       <td>
    190         <label><input type="radio" name="google[annotation]" value="none" {if $google.annotation=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
    191         <label><input type="radio" name="google[annotation]" value="bubble" {if $google.annotation=='bubble'}checked="checked"{/if}/> {'Bubble'|@translate}</label><br>
    192         <label><input type="radio" name="google[annotation]" value="inline" {if $google.annotation=='inline'}checked="checked"{/if}/> {'Inline text'|@translate}</label>
     186        {'Annotation'|translate}
     187      </td>
     188      <td>
     189        <label><input type="radio" name="google[annotation]" value="none" {if $google.annotation=='none'}checked="checked"{/if}/> {'None'|translate}</label><br>
     190        <label><input type="radio" name="google[annotation]" value="bubble" {if $google.annotation=='bubble'}checked="checked"{/if}/> {'Bubble'|translate}</label><br>
     191        <label><input type="radio" name="google[annotation]" value="inline" {if $google.annotation=='inline'}checked="checked"{/if}/> {'Inline text'|translate}</label>
    193192      </td>
    194193    </tr>
    … …  
    203202  <thead>
    204203    <tr><td colspan="2">
    205       <label title="{if $facebook.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
     204      <label title="{if $facebook.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
    206205        <img src="{$SOCIALBUTT_PATH}template/images/facebook_logo.png"/>
    207206        <input class="enable" style="display:none;" type="checkbox" name="facebook[enabled]" {if $facebook.enabled}checked="checked"{/if}/>
    … …  
    210209  </thead>
    211210  <tbody>
    212     <tr class="property">
    213       <td>
    214         {'Button type'|@translate}
     211    <tr class="property not-light">
     212      <td>
     213        {'Annotation'|translate}
     214      </td>
     215      <td>
     216        <!-- <label><input type="radio" name="facebook[layout]" value="none" {if $facebook.layout=='none'}checked="checked"{/if}/> {'None'|translate}</label><br> -->
     217        <label><input type="radio" name="facebook[layout]" value="button_count" {if $facebook.layout=='button_count'}checked="checked"{/if}/> {'Right bubble'|translate}</label><br>
     218        <label><input type="radio" name="facebook[layout]" value="box_count" {if $facebook.layout=='box_count'}checked="checked"{/if}/> {'Top bubble'|translate}</label><br>
     219        <label><input type="radio" name="facebook[layout]" value="standard" {if $facebook.layout=='standard'}checked="checked"{/if}/> {'Inline text'|translate}</label>
     220      </td>
     221    </tr>
     222  </tbody>
     223</table>
     224</div> {* <!-- facebook --> *}
     225
     226<div class="socialbutt {if not $pinterest.enabled}disabled{else}enabled{/if}"> {* <!-- pinterest --> *}
     227<table>
     228  <thead>
     229    <tr><td colspan="2">
     230      <label title="{if $pinterest.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
     231        <img src="{$SOCIALBUTT_PATH}template/images/pinterest_logo.png"/>
     232        <input class="enable" style="display:none;" type="checkbox" name="pinterest[enabled]" {if $pinterest.enabled}checked="checked"{/if}/>
     233      </label>
     234    </td></tr>
     235  </thead>
     236  <tbody>
     237    <tr class="property not-light">
     238      <td>
     239        {'Annotation'|translate}
     240      </td>
     241      <td>
     242        <label><input type="radio" name="pinterest[layout]" value="none" {if $pinterest.layout=='none'}checked="checked"{/if}/> {'None'|translate}</label><br>
     243        <label><input type="radio" name="pinterest[layout]" value="horizontal" {if $pinterest.layout=='horizontal'}checked="checked"{/if}/> {'Right bubble'|translate}</label><br>
     244        <label><input type="radio" name="pinterest[layout]" value="vertical" {if $pinterest.layout=='vertical'}checked="checked"{/if}/> {'Top bubble'|translate}</label>
     245      </td>
     246    </tr>
     247  </tbody>
     248</table>
     249</div> {* <!-- pinterest --> *}
     250
     251<br>
     252
     253<div class="socialbutt {if not $tumblr.enabled}disabled{else}enabled{/if}"> {* <!-- tumblr --> *}
     254<table>
     255  <thead>
     256    <tr><td colspan="2">
     257      <label title="{if $tumblr.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
     258        <img src="{$SOCIALBUTT_PATH}template/images/tumblr_logo.png"/>
     259        <input class="enable" style="display:none;" type="checkbox" name="tumblr[enabled]" {if $tumblr.enabled}checked="checked"{/if}/>
     260      </label>
     261    </td></tr>
     262  </thead>
     263  <tbody>
     264    <tr class="property">
     265      <td>
     266        {'Button type'|translate}
    215267      </td>
    216268      <td></td>
    … …  
    218270    <tr class="button">
    219271      <td><label>
    220         <img src="{$SOCIALBUTT_PATH}template/images/facebook_light.png"/>
    221         <input type="radio" name="facebook[color]" value="light" {if $facebook.color=='light'}checked="checked"{/if}/>
    222       </label></td>
    223       <td><label>
    224         <input type="radio" name="facebook[color]" value="dark" {if $facebook.color=='dark'}checked="checked"{/if}/>
    225         <img src="{$SOCIALBUTT_PATH}template/images/facebook_dark.png"/>
    226       </label></td>
    227     </tr>
    228     <tr class="property not-light">
    229       <td>
    230         {'Annotation'|@translate}
    231       </td>
    232       <td>
    233         <!-- <label><input type="radio" name="facebook[layout]" value="none" {if $facebook.layout=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br> -->
    234         <label><input type="radio" name="facebook[layout]" value="button_count" {if $facebook.layout=='button_count'}checked="checked"{/if}/> {'Right bubble'|@translate}</label><br>
    235         <label><input type="radio" name="facebook[layout]" value="box_count" {if $facebook.layout=='box_count'}checked="checked"{/if}/> {'Top bubble'|@translate}</label><br>
    236         <label><input type="radio" name="facebook[layout]" value="standard" {if $facebook.layout=='standard'}checked="checked"{/if}/> {'Inline text'|@translate}</label>
    237       </td>
    238     </tr>
    239   </tbody>
    240 </table>
    241 </div> {* <!-- facebook --> *}
     272        <img src="http://platform.tumblr.com/v1/share_1.png"/>
     273        <input type="radio" name="tumblr[type]" value="share_1" {if $tumblr.type=='share_1'}checked="checked"{/if}/>
     274      </label></td>
     275      <td><label>
     276        <input type="radio" name="tumblr[type]" value="share_1T" {if $tumblr.type=='share_1T'}checked="checked"{/if}/>
     277        <img src="http://platform.tumblr.com/v1/share_1T.png"/>
     278      </label></td>
     279    </tr>
     280    <tr class="button">
     281      <td><label>
     282        <img src="http://platform.tumblr.com/v1/share_2.png"/>
     283        <input type="radio" name="tumblr[type]" value="share_2" {if $tumblr.type=='share_2'}checked="checked"{/if}/>
     284      </label></td>
     285      <td><label>
     286        <input type="radio" name="tumblr[type]" value="share_2T" {if $tumblr.type=='share_2T'}checked="checked"{/if}/>
     287        <img src="http://platform.tumblr.com/v1/share_2T.png"/>
     288      </label></td>
     289    </tr>
     290    <tr class="button">
     291      <td><label>
     292        <img src="http://platform.tumblr.com/v1/share_3.png"/>
     293        <input type="radio" name="tumblr[type]" value="share_3" {if $tumblr.type=='share_3'}checked="checked"{/if}/>
     294      </label></td>
     295      <td><label>
     296        <input type="radio" name="tumblr[type]" value="share_3T" {if $tumblr.type=='share_3T'}checked="checked"{/if}/>
     297        <img src="http://platform.tumblr.com/v1/share_3T.png"/>
     298      </label></td>
     299    </tr>
     300    <tr class="button">
     301      <td><label>
     302        <img src="http://platform.tumblr.com/v1/share_4.png"/>
     303        <input type="radio" name="tumblr[type]" value="share_4" {if $tumblr.type=='share_4'}checked="checked"{/if}/>
     304      </label></td>
     305      <td><label>
     306        <input type="radio" name="tumblr[type]" value="share_4T" {if $tumblr.type=='share_4T'}checked="checked"{/if}/>
     307        <img src="http://platform.tumblr.com/v1/share_4T.png"/>
     308      </label></td>
     309    </tr>
     310  </tbody>
     311</table>
     312</div> {* <!-- tumblr --> *}
    242313
    243314<div class="socialbutt {if not $reddit.enabled}disabled{else}enabled{/if}"> {* <!-- reddit --> *}
    … …  
    245316  <thead>
    246317    <tr><td colspan="2">
    247       <label title="{if $reddit.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
     318      <label title="{if $reddit.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
    248319        <img src="{$SOCIALBUTT_PATH}template/images/reddit_logo.png"/>
    249320        <input class="enable" style="display:none;" type="checkbox" name="reddit[enabled]" {if $reddit.enabled}checked="checked"{/if}/>
    … …  
    254325    <tr class="property">
    255326      <td>
    256         {'Button type'|@translate}
     327        {'Button type'|translate}
    257328      </td>
    258329      <td></td>
    … …  
    280351    <tr class="property">
    281352      <td>
    282         <label for="reddit_community">{'Community'|@translate}</label>
     353        <label for="reddit_community">{'Community'|translate}</label>
    283354      </td>
    284355      <td>
    … …  
    290361</div> {* <!-- reddit --> *}
    291362
    292 <br>
    293 
    294 <div class="socialbutt {if not $tumblr.enabled}disabled{else}enabled{/if}"> {* <!-- tumblr --> *}
    295 <table>
    296   <thead>
    297     <tr><td colspan="2">
    298       <label title="{if $tumblr.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
    299         <img src="{$SOCIALBUTT_PATH}template/images/tumblr_logo.png"/>
    300         <input class="enable" style="display:none;" type="checkbox" name="tumblr[enabled]" {if $tumblr.enabled}checked="checked"{/if}/>
    301       </label>
    302     </td></tr>
    303   </thead>
    304   <tbody>
    305     <tr class="property">
    306       <td>
    307         {'Button type'|@translate}
    308       </td>
    309       <td></td>
    310     </tr>
    311     <tr class="button">
    312       <td><label>
    313         <img src="http://platform.tumblr.com/v1/share_1.png"/>
    314         <input type="radio" name="tumblr[type]" value="share_1" {if $tumblr.type=='share_1'}checked="checked"{/if}/>
    315       </label></td>
    316       <td><label>
    317         <input type="radio" name="tumblr[type]" value="share_1T" {if $tumblr.type=='share_1T'}checked="checked"{/if}/>
    318         <img src="http://platform.tumblr.com/v1/share_1T.png"/>
    319       </label></td>
    320     </tr>
    321     <tr class="button">
    322       <td><label>
    323         <img src="http://platform.tumblr.com/v1/share_2.png"/>
    324         <input type="radio" name="tumblr[type]" value="share_2" {if $tumblr.type=='share_2'}checked="checked"{/if}/>
    325       </label></td>
    326       <td><label>
    327         <input type="radio" name="tumblr[type]" value="share_2T" {if $tumblr.type=='share_2T'}checked="checked"{/if}/>
    328         <img src="http://platform.tumblr.com/v1/share_2T.png"/>
    329       </label></td>
    330     </tr>
    331     <tr class="button">
    332       <td><label>
    333         <img src="http://platform.tumblr.com/v1/share_3.png"/>
    334         <input type="radio" name="tumblr[type]" value="share_3" {if $tumblr.type=='share_3'}checked="checked"{/if}/>
    335       </label></td>
    336       <td><label>
    337         <input type="radio" name="tumblr[type]" value="share_3T" {if $tumblr.type=='share_3T'}checked="checked"{/if}/>
    338         <img src="http://platform.tumblr.com/v1/share_3T.png"/>
    339       </label></td>
    340     </tr>
    341     <tr class="button">
    342       <td><label>
    343         <img src="http://platform.tumblr.com/v1/share_4.png"/>
    344         <input type="radio" name="tumblr[type]" value="share_4" {if $tumblr.type=='share_4'}checked="checked"{/if}/>
    345       </label></td>
    346       <td><label>
    347         <input type="radio" name="tumblr[type]" value="share_4T" {if $tumblr.type=='share_4T'}checked="checked"{/if}/>
    348         <img src="http://platform.tumblr.com/v1/share_4T.png"/>
    349       </label></td>
    350     </tr>
    351   </tbody>
    352 </table>
    353 </div> {* <!-- tumblr --> *}
    354 
    355 <div class="socialbutt {if not $pinterest.enabled}disabled{else}enabled{/if}"> {* <!-- pinterest --> *}
    356 <table>
    357   <thead>
    358     <tr><td colspan="2">
    359       <label title="{if $pinterest.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
    360         <img src="{$SOCIALBUTT_PATH}template/images/pinterest_logo.png"/>
    361         <input class="enable" style="display:none;" type="checkbox" name="pinterest[enabled]" {if $pinterest.enabled}checked="checked"{/if}/>
    362       </label>
    363     </td></tr>
    364   </thead>
    365   <tbody>
    366     <tr class="property not-light">
    367       <td>
    368         {'Annotation'|@translate}
    369       </td>
    370       <td>
    371         <label><input type="radio" name="pinterest[layout]" value="none" {if $pinterest.layout=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
    372         <label><input type="radio" name="pinterest[layout]" value="horizontal" {if $pinterest.layout=='horizontal'}checked="checked"{/if}/> {'Right bubble'|@translate}</label><br>
    373         <label><input type="radio" name="pinterest[layout]" value="vertical" {if $pinterest.layout=='vertical'}checked="checked"{/if}/> {'Top bubble'|@translate}</label>
    374       </td>
    375     </tr>
    376   </tbody>
    377 </table>
    378 </div> {* <!-- pinterest --> *}
    379 
    380363<div class="socialbutt {if not $linkedin.enabled}disabled{else}enabled{/if}"> {* <!-- linkedin --> *}
    381364<table>
    382365  <thead>
    383366    <tr><td colspan="2">
    384       <label title="{if $linkedin.enabled}{'Disable'|@translate}{else}{'Enable'|@translate}{/if}">
     367      <label title="{if $linkedin.enabled}{'Disable'|translate}{else}{'Enable'|translate}{/if}">
    385368        <img src="{$SOCIALBUTT_PATH}template/images/linkedin_logo.png"/>
    386369        <input class="enable" style="display:none;" type="checkbox" name="linkedin[enabled]" {if $linkedin.enabled}checked="checked"{/if}/>
    … …  
    391374    <tr class="property not-light">
    392375      <td>
    393         {'Annotation'|@translate}
    394       </td>
    395       <td>
    396         <label><input type="radio" name="linkedin[counter]" value="none" {if $linkedin.counter=='none'}checked="checked"{/if}/> {'None'|@translate}</label><br>
    397         <label><input type="radio" name="linkedin[counter]" value="right" {if $linkedin.counter=='right'}checked="checked"{/if}/> {'Right bubble'|@translate}</label><br>
    398         <label><input type="radio" name="linkedin[counter]" value="top" {if $linkedin.counter=='top'}checked="checked"{/if}/> {'Top bubble'|@translate}</label>
     376        {'Annotation'|translate}
     377      </td>
     378      <td>
     379        <label><input type="radio" name="linkedin[counter]" value="none" {if $linkedin.counter=='none'}checked="checked"{/if}/> {'None'|translate}</label><br>
     380        <label><input type="radio" name="linkedin[counter]" value="right" {if $linkedin.counter=='right'}checked="checked"{/if}/> {'Right bubble'|translate}</label><br>
     381        <label><input type="radio" name="linkedin[counter]" value="top" {if $linkedin.counter=='top'}checked="checked"{/if}/> {'Top bubble'|translate}</label>
    399382      </td>
    400383    </tr>
    … …  
    406389
    407390<div class="submit">
    408   <input type="submit" value="{'Save Settings'|@translate}" name="submit"/>
     391  <input type="submit" value="{'Save Settings'|translate}" name="submit"/>
    409392</div>
    410393
Note: See TracChangeset for help on using the changeset viewer.