Changeset 24757 for extensions/SocialButtons/template

Timestamp:

Oct 4, 2013, 10:09:05 PM (11 years ago)

Author:

mistic100

Message:

add light mode: no script loaded
tests in migration task
add an id to the div on picture page

Location:

extensions/SocialButtons/template

Files:

• admin.tpl (modified) (7 diffs)
• facebook.tpl (modified) (1 diff)
• google.tpl (modified) (1 diff)
• images/facebook_light.png (modified) (previous)
• images/google_medium.png (modified) (previous)
• images/google_small.png (modified) (previous)
• images/google_standard.png (modified) (previous)
• images/google_tall.png (modified) (previous)
• pinterest.tpl (modified) (1 diff)
• style.css (modified) (1 diff)
• tumblr.tpl (modified) (1 diff)
• twitter.tpl (modified) (1 diff)

extensions/SocialButtons/template/admin.tpl

@@ -3 +3 @@
 {html_style}{literal}
 .socialbutt.disabled thead img {
+  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
   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+ */
   filter: gray; /* IE6-9 */
-  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 }
-{/literal}{/html_style}
+{/literal}
+{if $light}
+.not-light {ldelim} display:none; }
+{/if}
+{/html_style}
 
 {footer_script}{literal}
@@ -23 +27 @@
   }
 });
+
+jQuery("input#light_mode").on('change', function() {
+  if ($(this).is(":checked")) {
+    $('.not-light').hide();
+  }
+  else {
+    $('.not-light').show();
+  }
+});
+
+jQuery(".showInfo").tipTip({
+  delay: 0,
+  fadeIn: 200,
+  fadeOut: 200,
+  maxWidth: '300px',
+  defaultPosition: 'bottom'
+});
 {/literal}{/footer_script}
 
@@ -54 +75 @@
     </td>
   </tr>
+  <tr class="property">
+    <td>
+      <label for="light_mode">{'Light mode'|@translate}</label>
+    </td>
+    <td>
+      <input type="checkbox" id="light_mode" name="light" {if $light}checked="checked"{/if}/>
+      <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>
+    </td>
+  </tr>
 </table>
 </div>
@@ -87 +117 @@
       </label></td>
     </tr>
-    <tr class="property">
+    <tr class="property not-light">
       <td>
         {'Annotation'|@translate}
@@ -145 +175 @@
       </label></td>
     </tr>
-    <tr class="property">
+    <tr class="property not-light">
       <td>
         {'Annotation'|@translate}
@@ -180 +210 @@
       </td>
     </tr>
-    <tr class="property">
+    <tr class="property not-light">
       <td>
         {'Annotation'|@translate}
@@ -221 +251 @@
       </label></td>
     </tr>
-    <tr class="property">
+    <tr class="property not-light">
       <td>
         {'Annotation'|@translate}

extensions/SocialButtons/template/facebook.tpl

@@ -1 +1 @@
 {strip}
+{if $SOCIALBUTT.light}
+<a href="https://www.facebook.com/sharer.php?u={$SOCIALBUTT.share_url|urlencode}&t={$PAGE_TITLE|cat:' | '|cat:$GALLERY_TITLE|urlencode}" rel="nofollow"
+  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=500');return false;" target="_blank">
+  <img src="{$ROOT_PATH}{$SOCIALBUTT_PATH}template/images/facebook_{$SOCIALBUTT.FACEBOOK.color}.png" alt="Share on Facebook"></a>
+{else}
 {footer_script}jQuery('body').prepend('<div id="fb-root"></div>');{/footer_script}
 {combine_script id='facebook_jssdk' load='footer' path='https://connect.facebook.net/'|cat:$SOCIALBUTT.FACEBOOK.lang|cat:'/all.js#xfbml=1'}
-
 <div style="display:inline-block;" class="fb-like" data-send="false" data-show-faces="false" 
   data-href="{$SOCIALBUTT.share_url}" data-layout="{$SOCIALBUTT.FACEBOOK.layout}" data-colorscheme="{$SOCIALBUTT.FACEBOOK.color}"></div>
+{/if}
 {/strip}

extensions/SocialButtons/template/google.tpl

@@ -1 +1 @@
 {strip}
+{if $SOCIALBUTT.light}
+<a title="Google +" href="https://plus.google.com/share?url={$SOCIALBUTT.share_url|urlencode}&hl={$SOCIALBUTT.GOOGLE.lang}" rel="nofollow" 
+  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=390,width=480');return false;" target="_blank">
+  <img src="{$ROOT_PATH}{$SOCIALBUTT_PATH}template/images/google_{$SOCIALBUTT.GOOGLE.size}.png" alt="Share on Google+"></a>
+{else}
 {combine_script id='google_plusone' load='footer' path='https://apis.google.com/js/plusone.js'}
-
 <script type="text/javascript">window.___gcfg = {ldelim}lang: '{$SOCIALBUTT.GOOGLE.lang}'};</script>
 <div style="display:inline-block;" class="g-plusone" data-size="{$SOCIALBUTT.GOOGLE.size}" data-annotation="{$SOCIALBUTT.GOOGLE.annotation}" data-href="{$SOCIALBUTT.share_url}" data-recommendations="false"></div>
+{/if}
 {/strip}

extensions/SocialButtons/template/pinterest.tpl

@@ -1 +1 @@
 {strip}
-{combine_script id='pinterest_pinit' load='footer' path='https://assets.pinterest.com/js/pinit.js'}
-
-<a href="http://pinterest.com/pin/create/button/?url={$SOCIALBUTT.share_url|urlencode}&media={$SOCIALBUTT.PINTEREST.source|urlencode}&description={$SOCIALBUTT.PINTEREST.title|cat:' '|cat:$SOCIALBUTT.copyright|urlencode}" 
-  class="pin-it-button" count-layout="{$SOCIALBUTT.PINTEREST.layout}"><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It"/></a>
+<a href="http://pinterest.com/pin/create/button/?url={$SOCIALBUTT.share_url|urlencode}&media={$SOCIALBUTT.PINTEREST.source|urlencode}&description={$SOCIALBUTT.PINTEREST.title|cat:' '|cat:$SOCIALBUTT.copyright|urlencode}" rel="nofollow"
+{if $SOCIALBUTT.light}
+  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=470,width=600');return false;" target="_blank"
+{else}
+  class="pin-it-button" count-layout="{$SOCIALBUTT.PINTEREST.layout}"
+  {combine_script id='pinterest_pinit' load='footer' path='https://assets.pinterest.com/js/pinit.js'}
+{/if}
+><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It"/></a>
 {/strip}

extensions/SocialButtons/template/style.css

@@ -117 +117 @@
   content:"\2611";
 }
+
+
+.showInfo {
+  position:static;
+  display:inline-block;
+  padding:1px 6px;
+  width:4px;
+  height:14px;
+  line-height:14px;
+  font-size:0.8em;
+}

extensions/SocialButtons/template/tumblr.tpl

@@ -1 +1 @@
 {strip}
-{combine_script id='tumblr_share' load='footer' path='http://platform.tumblr.com/v1/share.js'}
-
 {if $SOCIALBUTT.TUMBLR.mode=='photo'}
 {capture assign="inline_tags"}{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first},{/if}{$tag.name}{/foreach}{/capture}
-<a href="http://www.tumblr.com/share/photo?source={$SOCIALBUTT.TUMBLR.source|urlencode}&caption={$SOCIALBUTT.TUMBLR.title|cat:' '|cat:$SOCIALBUTT.copyright|urlencode}&clickthru={$SOCIALBUTT.share_url|urlencode}&tags={$inline_tags|urlencode}"
+<a href="http://www.tumblr.com/share/photo?source={$SOCIALBUTT.TUMBLR.source|urlencode}&caption={$SOCIALBUTT.TUMBLR.title|cat:' '|cat:$SOCIALBUTT.copyright|urlencode}&clickthru={$SOCIALBUTT.share_url|urlencode}&tags={$inline_tags|urlencode}" rel="nofollow" 
 {else}
-<a href="http://www.tumblr.com/share/link?url={$SOCIALBUTT.share_url|urlencode}&name={$SOCIALBUTT.TUMBLR.title|cat:' | '|cat:$GALLERY_TITLE|urlencode}&description={$CONTENT_DESCRIPTION|cat:$SOCIALBUTT.copyright|urlencode}"
+<a href="http://www.tumblr.com/share/link?url={$SOCIALBUTT.share_url|urlencode}&name={$SOCIALBUTT.TUMBLR.title|cat:' | '|cat:$GALLERY_TITLE|urlencode}&description={$CONTENT_DESCRIPTION|cat:$SOCIALBUTT.copyright|urlencode}" rel="nofollow" 
+{/if}
+{if $SOCIALBUTT.light}
+  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=430,width=500');return false;" target="_blank"
+{else}
+  {combine_script id='tumblr_share' load='footer' path='http://platform.tumblr.com/v1/share.js'}
 {/if}
 ><img src="http://platform.tumblr.com/v1/{$SOCIALBUTT.TUMBLR.type}.png" alt="Share on Tumblr"></a>

extensions/SocialButtons/template/twitter.tpl

@@ -1 +1 @@
 {strip}
-{combine_script id='twitter_widgets' load='footer' path='https://platform.twitter.com/widgets.js'}
-
-<a href="https://twitter.com/share?url={$SOCIALBUTT.share_url|urlencode}&text={$PAGE_TITLE|cat:' | '|cat:$GALLERY_TITLE|urlencode}{if $SOCIALBUTT.TWITTER.via}&via={$SOCIALBUTT.TWITTER.via}{/if}" 
+<a href="https://twitter.com/share?url={$SOCIALBUTT.share_url|urlencode}&text={$PAGE_TITLE|cat:' | '|cat:$GALLERY_TITLE|urlencode}{if $SOCIALBUTT.TWITTER.via}&via={$SOCIALBUTT.TWITTER.via}{/if}" rel="nofollow"
+{if $SOCIALBUTT.light}
+  onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=470,width=600');return false;" target="_blank"
+{else}
   data-url="{$SOCIALBUTT.share_url}" data-lang="{$SOCIALBUTT.TWITTER.lang}" data-via="{$SOCIALBUTT.TWITTER.via}"
-  data-size="{$SOCIALBUTT.TWITTER.size}" data-count="{$SOCIALBUTT.TWITTER.count}" class="twitter-share-button">
-  <img src="{$ROOT_PATH}{$SOCIALBUTT_PATH}template/images/twitter_{$SOCIALBUTT.TWITTER.size}.png" alt="Share on Twitter"></a>
+  data-size="{$SOCIALBUTT.TWITTER.size}" data-count="{$SOCIALBUTT.TWITTER.count}" class="twitter-share-button"
+  {combine_script id='twitter_widgets' load='footer' path='https://platform.twitter.com/widgets.js'}
+{/if}
+><img src="{$ROOT_PATH}{$SOCIALBUTT_PATH}template/images/twitter_{$SOCIALBUTT.TWITTER.size}.png" alt="Share on Twitter"></a>
 {/strip}