Changeset 23205

Timestamp:

Jun 14, 2013, 2:59:53 PM (11 years ago)

Author:

mistic100

Message:

new "clear" theme + config

Location:

extensions/ContactForm

Files:

• admin/config.php (modified) (1 diff)
• admin/template/config.tpl (modified) (2 diffs)
• admin/template/prev-clear.jpg (added)
• admin/template/prev-dark.jpg (added)
• admin/template/style.css (modified) (1 diff)
• include/install.inc.php (modified) (3 diffs)
• template/mail/style-clear.css (added)
• template/mail/style-dark.css (moved) (moved from extensions/ContactForm/template/mail/style.css) (3 diffs)

extensions/ContactForm/admin/config.php

@@ -15 +15 @@
     'cf_mail_type' =>         $_POST['cf_mail_type'],
     'cf_redirect_url' =>      ($_POST['cf_redirect_url']!='http://') ? $_POST['cf_redirect_url'] : null,
+    'cf_theme' =>             $_POST['cf_theme'],
     );
   $conf['ContactForm_before'] = $_POST['cf_before'];

extensions/ContactForm/admin/template/config.tpl

@@ -1 +1 @@
 {combine_css path=$CONTACT_FORM_PATH|@cat:"admin/template/style.css"}
+{include file='include/colorbox.inc.tpl'}
+
+{footer_script}{literal}
+jQuery("a.preview-box").colorbox();
+
+jQuery("input[name='cf_theme']").change(function() {
+  jQuery("input[name='cf_theme']").parents(".themeBox").removeClass("themeDefault");
+  jQuery(this).parents(".themeBox").addClass("themeDefault");
+});
+{/literal}{/footer_script}
 
 <div class="titrePage">
@@ -72 +82 @@
   
   <fieldset>
+    <legend>{'Theme'|@translate}</legend>
+    
+    <div class="themeBoxes">
+      <div class="themeBox {if $cf_theme=='clear'}themeDefault{/if}">
+        <div class="themeName"><label>
+          <input type="radio" name="cf_theme" value="clear" {if $cf_theme=='clear'}checked{/if}>
+          Clear
+        </label></div>
+        <div class="themeShot">
+          <a href="{$CONTACT_FORM_PATH}admin/template/prev-clear.jpg" class="preview-box"><img src="{$CONTACT_FORM_PATH}admin/template/prev-clear.jpg" width="150"/></a>
+        </div>
+      </div>
+      <div class="themeBox {if $cf_theme=='dark'}themeDefault{/if}">
+        <div class="themeName"><label>
+          <input type="radio" name="cf_theme" value="dark" {if $cf_theme=='dark'}checked{/if}>
+          Dark
+        </label></div>
+        <div class="themeShot">
+          <a href="{$CONTACT_FORM_PATH}admin/template/prev-dark.jpg" class="preview-box"><img src="{$CONTACT_FORM_PATH}admin/template/prev-dark.jpg" width="150"/></a>
+        </div>
+      </div>
+    </div>
+  </fieldset>
+  
+  <fieldset>
     <legend>{'Text before the contact form'|@translate}</legend>
     <textarea rows="4" cols="80" class="description" name="cf_before">{$cf_before}</textarea>

extensions/ContactForm/admin/template/style.css

@@ -26 +26 @@
   border-radius:5px;
 }
+
+.themeBox {
+  height:auto;
+  padding-bottom:5px;
+}

extensions/ContactForm/include/install.inc.php

@@ -32 +32 @@
       'cf_mail_type' => 'text/html',
       'cf_redirect_url' => null,
+      'cf_theme' => 'dark',
       ));
     
@@ -82 +83 @@
       
       // save config
-      $conf['ContactForm'] = serialize($new_conf);
       $conf['ContactForm_before'] = stripslashes(@$conf['persoformtop']);
       $conf['ContactForm_after'] = stripslashes(@$conf['persoformbottom']);
       
-      conf_update_param('ContactForm', $conf['ContactForm']);
       conf_update_param('ContactForm_before', $conf['ContactForm_before']);
       conf_update_param('ContactForm_after', $conf['ContactForm_after']);
@@ -92 +91 @@
       pwg_query('DELETE FROM `'. CONFIG_TABLE .'` WHERE param IN("persoformtop", "persoformbottom") LIMIT 2;');
     }
+    
+    // new param 2.5.c
+    if (!isset($new_conf['cf_theme']))
+    {
+      $new_conf['cf_theme'] = 'dark';
+    }
+    
+    // save config
+    $conf['ContactForm'] = serialize($new_conf);
+    conf_update_param('ContactForm', $conf['ContactForm']);
   }
 }

extensions/ContactForm/template/mail/style-dark.css

@@ -2 +2 @@
   margin:0px; 
   padding:0px;
-  font-family: Univers, Helvetica, Optima; 
+  font-family:"Tahoma", "Verdana", sans-serif; 
   font-size:12px;
   text-align:left;
@@ -11 +11 @@
 a {
   color:#CE2E5A;
+  text-decoration:none;
+}
+
+a:hover {
+  text-decoration:underline;
 }
  
@@ -21 +26 @@
 #the_header {
   background:#222;
-  border-top:5px solid #CE2E5A;
+  border-top:4px solid #CE2E5A;
   border-bottom:1px solid #111;
   font-size:16px;