TheCoreDev/sterivein
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added brand logo image selection

Browse Source
This commit is contained in:
Franck Allimant
2014-06-27 21:07:51 +02:00
parent f279131fe6
commit a0aa0bd1c2
10 changed files with 120 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
templates/backOffice/default/assets/js/image-picker/image-picker.css Normal file
View File

@@ -0,0 +1,29 @@
ul.thumbnails.image_picker_selector {
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0px;
margin: 0px; }
ul.thumbnails.image_picker_selector ul {
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0px;
margin: 0px; }
ul.thumbnails.image_picker_selector li.group_title {
float: none; }
ul.thumbnails.image_picker_selector li {
margin: 0px 12px 12px 0px;
float: left; }
ul.thumbnails.image_picker_selector li .thumbnail {
padding: 6px;
border: 1px solid #dddddd;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
ul.thumbnails.image_picker_selector li .thumbnail img {
-webkit-user-drag: none; }
ul.thumbnails.image_picker_selector li .thumbnail.selected {
background: #f39922; }

7
templates/backOffice/default/assets/js/image-picker/image-picker.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

31
templates/backOffice/default/brand-edit.html
View File

@@ -1,5 +1,11 @@
{extends file="admin-layout.tpl"}
{block name="after-admin-css"}
{stylesheets file='assets/js/image-picker/image-picker.css'}
<link rel="stylesheet" href="{$asset_url}">
{/stylesheets}
{/block}
{block name="no-return-functions"}
{$admin_current_location = 'tools'}
{/block}
@@ -77,6 +83,26 @@
<div class="col-md-4">
{admin_form_field form=$form name="visible"}
{form_field form=$form field='logo_image_id'}
<div class="form-group {if $error}has-error{/if}">
{admin_form_field_label form=$form name='logo_image_id'}
<select id="{$label_attr.for}" {if $required}aria-required="true" required{/if} name="{$name}" class="form-control brand-image-selector">
<option value="">{intl l="No logo image"}</option>
{loop name="brand-images" type="image" brand=$ID width="90" height="90" resize_mode="crop"}
<option value="{$ID}" data-img-src="{$IMAGE_URL}" {if $LOGO_IMAGE_ID == $ID}selected="selected"{/if}>{$TITLE}</option>
{/loop}
</select>
{if $label_attr.help}
<span class="help-block">{$label_attr.help}</span>
{/if}
</div>
{/form_field}
</div>
</div>
@@ -152,6 +178,9 @@
{javascripts file='assets/js/jquery-ui-1.10.3.custom.min.js'}
<script src="{$asset_url}"></script>
{/javascripts}
{javascripts file='assets/js/image-picker/image-picker.min.js'}
<script src="{$asset_url}"></script>
{/javascripts}
<script>
$(function() {
// Load active tab
@@ -169,6 +198,8 @@
{if ! empty($current_tab)}
$('.nav-tabs a[href="#{$current_tab}"]').trigger("click");
{/if}
$('.brand-image-selector').imagepicker();
});
</script>
{/block}