Changeset 19428 for extensions/CryptograPHP/template/admin.tpl

Timestamp:

Dec 14, 2012, 3:35:07 PM (11 years ago)

Author:

mistic100

Message:

change reload icon with color choice (dark or light), separate HTML and PHP

File:

• extensions/CryptograPHP/template/admin.tpl (modified) (6 diffs)

extensions/CryptograPHP/template/admin.tpl

@@ -29 +29 @@
     });
   
+  // change button
+  $('.button').click(function() {
+    $('.button').removeClass('selected');
+    $(this).addClass('selected');
+    $('input[name=button_color]').val($(this).attr('title'));
+    $('#reload').attr('src', '{/literal}{$CRYPTO_PATH}{literal}template/refresh_'+ $(this).attr('title') +'.png');
+  });
+  
   // apply a preset
   $('.preset').click(function() {
@@ -53 +61 @@
     changePreview();
   });
-  $('#captcha').click(function() {
+  $('#reload').click(function() {
     changePreview();
   });
@@ -109 +117 @@
 {/foreach}
 
-.preset img {ldelim}
+.preset img, .button img {ldelim}
   margin:1px;
   padding:3px;
   border:1px solid #999;
 }
-.preset.selected img {ldelim}
+.preset.selected img, .button.selected img {ldelim}
   border-color:#f70;
 }
@@ -163 +171 @@
       <span class="property">{'Height'|@translate}</span>
       <label><input type="text" name="height" class="preview" value="{$crypto.height}" size="6" maxlength="3"> {'good value:'|@translate} lenght&times;12</label>
+    </li>
+    <li>
+      <span class="property">{'Button color'|@translate}</span>
+      <div style="display:relative;margin-left:51%;">
+        <a class="button {if $crypto.button_color == 'dark'}selected{/if}" title="dark"><img src="{$CRYPTO_PATH}template/refresh_dark.png" alt="dark"></a>
+        <a class="button {if $crypto.button_color == 'light'}selected{/if}" title="light"><img src="{$CRYPTO_PATH}template/refresh_light.png" alt="light"></a>
+        <input type="hidden" name="button_color" value="{$crypto.button_color}">
+      </div>
     </li>
     <li>
@@ -219 +235 @@
         </div>
       </li>
-      
-      <li>
-        <span class="property">{'Preview'|@translate}</span>
-        <label><img id="captcha" src="{$CRYPTO_PATH}securimage/securimage_show.php" alt="CAPTCHA Image"></label>
-      </li>
     </ul>
     
@@ -229 +240 @@
   </fieldset>
   
+  <ul style="margin-top:30px;">
+    <li>
+      <span class="property">{'Preview'|@translate}</span>
+      <img id="captcha" src="{$CRYPTO_PATH}securimage/securimage_show.php" alt="CAPTCHA Image">
+      <a href="#" onClick="return false;"><img id="reload" src="{$CRYPTO_PATH}template/refresh_{$crypto.button_color}.png"></a>
+    </li>
+  </ul>
+  
 </fieldset>
 <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"></p>