diff options
| author |  Alexis Degrugillier <github@ainw.org>
| 2014-11-15 18:02:22 -0500 |
|---|---|---|
| committer | Alexis Degrugillier <github@ainw.org>
| 2014-11-15 18:08:14 -0500 |
| commit | ec55aa94bfb30cdb0cd701785189215dfaf2094a (patch) | |
| tree | 95921d3c57b3bd0c3ef49e6b75240d19bc42bd0d /app | |
| parent | dab266a922be0d27536239d62e9dfef650666e9e (diff) | |
Theme selection redesign
I made a CSS3 gallery to select the theme. Now you can see the theme before applying it.
Comments are welcome.
See #571
Diffstat (limited to 'app')
| -rw-r--r-- | app/views/configure/display.phtml | 34 |
1 files changed, 23 insertions, 11 deletions
diff --git a/app/views/configure/display.phtml b/app/views/configure/display.phtml index 69205fa93..39582249e 100644 --- a/app/views/configure/display.phtml +++ b/app/views/configure/display.phtml @@ -21,17 +21,29 @@ <div class="form-group"> <label class="group-name" for="theme"><?php echo _t('theme'); ?></label> <div class="group-controls"> - <select name="theme" id="theme" required=""><?php - $found = false; - foreach ($this->themes as $theme) { - ?><option value="<?php echo $theme['id']; ?>"<?php if (FreshRSS_Context::$conf->theme === $theme['id']) { echo ' selected="selected"'; $found = true; } ?>><?php - echo $theme['name'] . ' — ' . _t('by') . ' ' . $theme['author']; - ?></option><?php - } - if (!$found) { - ?><option selected="selected"></option><?php - } - ?></select> + <ul class="slides"> + <?php $slides = count($this->themes); $i = 1; ?> + <?php foreach($this->themes as $theme) { ?> + <input type="radio" name="theme" id="img-<?php echo $i ?>" <?php if (FreshRSS_Context::$conf->theme === $theme['id']) {echo "checked";}?> value="<?php echo $theme['id'] ?>"/> + <li class="slide-container"> + <div class="slide"> + <img src="<?php echo Minz_Url::display('/themes/' . $theme['id'] . '/thumbs/original.png')?>"/> + </div> + <div class="nav"> + <?php if ($i !== 1) {?> + <label for="img-<?php echo $i - 1 ?>" class="prev">‹</label> + <?php } ?> + <?php if ($i !== $slides) {?> + <label for="img-<?php echo $i + 1 ?>" class="next">›</label> + <?php } ?> + </div> + <div class="properties"> + <?php echo $theme['name'] . ' — ' . _t('by') . ' ' . $theme['author']?> + </div> + </li> + <?php $i++ ?> + <?php } ?> + </ul> </div> </div> |