Changeset 24757 for extensions/SocialButtons/template/admin.tpl

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

File:

• extensions/SocialButtons/template/admin.tpl (modified) (7 diffs)

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}