theme preview for end users

diff --git a/js/main.js b/js/main.js
index 2b4b13791aeef4765c3ab3f15b28627d080034ef..0b5fb5cdc0edc786fc5bd4898ce9bb7a7d20722a 100755 (executable)
--- a/js/main.js
+++ b/js/main.js
@@ -588,3 +588,10 @@ Array.prototype.remove = function(item) {
   return this.push.apply(this, rest);
 };
 
+function previewTheme(elm) {
+       theme = $(elm).val();
+       $.getJSON('pretheme?f=&theme=' + theme,function(data) {
+                       $('#theme-preview').html('<a href="' + data.img + '"><img src="' + data.img + '" width="320" height="240" alt="' + theme + '" /></a>');
+       });
+
+}
\ No newline at end of file

diff --git a/mod/pretheme.php b/mod/pretheme.php
new file mode 100644 (file)
index 0000000..5a71bbe
--- /dev/null
+++ b/mod/pretheme.php
@@ -0,0 +1,6 @@
+<?php
+
+function pretheme_init(&$a) {
+       if($_REQUEST['theme']) echo json_encode(array('img' => get_theme_screenshot($_REQUEST['theme'])));
+       killme();
+}

diff --git a/view/field_themeselect.tpl b/view/field_themeselect.tpl
new file mode 100755 (executable)
index 0000000..f9f9949
--- /dev/null
+++ b/view/field_themeselect.tpl
@@ -0,0 +1,9 @@
+       
+       <div class='field select'>
+               <label for='id_$field.0'>$field.1</label>
+               <select name='$field.0' id='id_$field.0' onchange="previewTheme(this);" >
+                       {{ for $field.4 as $opt=>$val }}<option value="$opt" {{ if $opt==$field.2 }}selected="selected"{{ endif }}>$val</option>{{ endfor }}
+               </select>
+               <span class='field_help'>$field.3</span>
+               <div id="theme-preview"></div>
+       </div>

diff --git a/view/settings.tpl b/view/settings.tpl
index 2b739c968a62973bdbe0ff5638e61ef302ea491b..75225a0f1b50b96c412d0580a480bea43c5c2488 100755 (executable)
--- a/view/settings.tpl
+++ b/view/settings.tpl
@@ -28,7 +28,7 @@ $nickname_block
 {{inc field_custom.tpl with $field=$timezone }}{{endinc}}
 {{inc field_input.tpl with $field=$defloc }}{{endinc}}
 {{inc field_checkbox.tpl with $field=$allowloc }}{{endinc}}
-{{inc field_select.tpl with $field=$theme }}{{endinc}}
+{{inc field_themeselect.tpl with $field=$theme }}{{endinc}}
 {{inc field_input.tpl with $field=$ajaxint }}{{endinc}}
 {{inc field_input.tpl with $field=$itemspage_network }}{{endinc}}
 {{inc field_checkbox.tpl with $field=$nosmile}}{{endinc}}