updates and fixes 14.11.2013
This commit is contained in:
TMMeilleur
@@ -15,6 +15,7 @@ class TmHtmlContent extends Module {
|
||||
$this->author = 'TemplateMonster'; // Defines module author
|
||||
$this->version = '1.0'; // Defines module version
|
||||
$this->secure_key = Tools::encrypt($this->name);
|
||||
$this->bootstrap = true;
|
||||
|
||||
$this->_defaultLanguage = Language::getLanguage(Configuration::get('PS_LANG_DEFAULT'));
|
||||
$this->_languages = Language::getLanguages();
|
||||
|
||||
@@ -27,33 +27,13 @@
|
||||
font-size:16px;
|
||||
color:#090;
|
||||
}
|
||||
.new-item .languages {
|
||||
float:left;
|
||||
overflow:hidden;
|
||||
}
|
||||
.new-item .languages li {
|
||||
float:left;
|
||||
margin-right:5px;
|
||||
padding:5px;
|
||||
width:26px;
|
||||
height:18px;
|
||||
text-align:center;
|
||||
}
|
||||
.new-item .languages li.active {
|
||||
background:#d1d1d1;
|
||||
}
|
||||
|
||||
|
||||
.lang-tabs {
|
||||
position:relative;
|
||||
z-index:99;
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
margin-top:20px;
|
||||
}
|
||||
.lang-tabs li {
|
||||
border:1px solid #f3f3f3;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
border-bottom:none;
|
||||
background:#FAFAFA;
|
||||
float:left;
|
||||
padding:15px;
|
||||
@@ -61,6 +41,7 @@
|
||||
line-height:24px;
|
||||
margin-right:5px;
|
||||
cursor:pointer;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.lang-tabs li img {
|
||||
vertical-align:baseline;
|
||||
@@ -83,19 +64,22 @@
|
||||
}
|
||||
|
||||
|
||||
h3.hook-title {
|
||||
h4.hook-title {
|
||||
border:1px solid #d1d1d1;
|
||||
background:#e5e5e5;
|
||||
padding:10px 10px;
|
||||
margin:20px 0 !important;
|
||||
text-transform:capitalize;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#items {
|
||||
padding-left:0;
|
||||
}
|
||||
.item {
|
||||
margin:0 0 5px;
|
||||
padding:10px;
|
||||
border:1px solid #e5e5e5;
|
||||
background:#F1F1F1;
|
||||
background:#fff;
|
||||
line-height:25px;
|
||||
font-weight:bold;
|
||||
color:#444;
|
||||
@@ -125,15 +109,6 @@ h3.hook-title {
|
||||
padding-left:10px;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
.item .button{
|
||||
float:right;
|
||||
margin-left:10px;
|
||||
cursor:pointer;
|
||||
font-size:14px;
|
||||
line-height:18px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.item .button i{
|
||||
margin-right:5px;
|
||||
font-size:16px;
|
||||
@@ -175,26 +150,13 @@ h3.hook-title {
|
||||
line-height:normal;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
padding-top:10px;
|
||||
}
|
||||
.new-item .item-container {
|
||||
display:none;
|
||||
padding:10px;
|
||||
border:1px solid #ccc;
|
||||
background:#F1F1F1;
|
||||
line-height:normal;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
.item .item-field, .new-item .item-field {
|
||||
padding:10px 0;
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
}
|
||||
.item .image-display, .new-item .image-display {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:20px;
|
||||
text-align:center;
|
||||
}
|
||||
.item .image-display img, .new-item .image-display img {
|
||||
max-width:400px;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
jQuery(document).ready(function() {
|
||||
$('.button.new-item').click(function() {
|
||||
var item_container = $(this).parent('.new-item');
|
||||
var item_container = $(this).parent().parent('.new-item');
|
||||
item_container.toggleClass('active').children('.item-container').slideToggle();
|
||||
});
|
||||
$('.button-edit').click(function() {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<ul class="lang-tabs">
|
||||
<ul class="lang-tabs nav nav-tabs">
|
||||
{foreach from=$htmlitems.lang.all item=lang}
|
||||
<li id="lang-{$lang.id_lang}" class="lang-flag{if $lang.id_lang == $htmlitems.lang.default.id_lang} active{/if}"><img src="../img/l/{$lang.id_lang}.jpg" class="pointer" alt="{$lang.name}" title="{$lang.name}" /> {$lang.name}</li>
|
||||
{/foreach}
|
||||
@@ -9,73 +9,97 @@
|
||||
<div id="items-{$lang}" class="lang-content" style="display:{if $lang == $htmlitems.lang.default.id_lang}block{else}none{/if};">
|
||||
{foreach name=hooks from=$langItems key=hook item=hookItems}
|
||||
|
||||
<h3 class="hook-title">{l s='Hook' mod='tmhtmlcontent'} "{$hook}"</h3>
|
||||
<h4 class="hook-title">{l s='Hook' mod='tmhtmlcontent'} "{$hook}"</h4>
|
||||
{if $hookItems}
|
||||
<ul id="items">
|
||||
{foreach name=items from=$hookItems item=hItem}
|
||||
<li id="item-{$hItem.id_item}" class="item">
|
||||
<li id="item-{$hItem.id_item}" class="item panel">
|
||||
<span class="item-order">{if $hItem.item_order le 9}0{/if}{$hItem.item_order}</span>
|
||||
<!--<i class="icon-sort"></i>-->
|
||||
<span class="item-title">{$hItem.title}</span>
|
||||
<span class="button button-edit"><i class="icon-edit"></i>{l s='Edit' mod='tmhtmlcontent'}</span>
|
||||
<span class="button button-close"><i class="icon-remove"></i>{l s='Close' mod='tmhtmlcontent'}</span>
|
||||
<span class="button btn btn-default button-edit pull-right"><i class="icon-edit"></i>{l s='Edit' mod='tmhtmlcontent'}</span>
|
||||
<span class="button btn btn-default button-close pull-right"><i class="icon-remove"></i>{l s='Close' mod='tmhtmlcontent'}</span>
|
||||
|
||||
<div class="item-container">
|
||||
<form method="post" action="{$htmlitems.postAction}" enctype="multipart/form-data" class="item-form">
|
||||
<input type="hidden" name="lang_id" value="{$lang}" />
|
||||
<input type="hidden" name="item_id" value="{$hItem.id_item}" />
|
||||
<input type="hidden" name="item_order" value="{$hItem.item_order}" />
|
||||
<div class="active item-field">
|
||||
<label>{l s='Active' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_active" value="1"{if $hItem.active == 1} checked="checked"{/if} />
|
||||
</div>
|
||||
<div class="title item-field">
|
||||
<label>{l s='Title' mod='tmhtmlcontent'}</label>
|
||||
<input type="text" name="item_title" size="48" value="{$hItem.title}" />
|
||||
</div>
|
||||
<div class="title_use item-field">
|
||||
<label>{l s='Use title in front' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_title_use" value="1"{if $hItem.title_use == 1} checked="checked"{/if} />
|
||||
</div>
|
||||
<div class="hook item-field">
|
||||
<label>{l s='Hook' mod='tmhtmlcontent'}</label>
|
||||
<select name="item_hook" default="home">
|
||||
<option value="home"{if $hItem.hook == 'home'} selected="selected"{/if}>home</option>
|
||||
<option value="top"{if $hItem.hook == 'top'} selected="selected"{/if}>top</option>
|
||||
<option value="left"{if $hItem.hook == 'left'} selected="selected"{/if}>left</option>
|
||||
<option value="right"{if $hItem.hook == 'right'} selected="selected"{/if}>right</option>
|
||||
<option value="footer"{if $hItem.hook == 'footer'} selected="selected"{/if}>footer</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="image item-field">
|
||||
<label>{l s='Image' mod='tmhtmlcontent'}</label>
|
||||
<input type="file" name="item_img" />
|
||||
</div>
|
||||
<div class="image-display item-field">
|
||||
<form method="post" action="{$htmlitems.postAction}" enctype="multipart/form-data" class="item-form defaultForm form-horizontal">
|
||||
<input type="hidden" name="lang_id" value="{$lang}" />
|
||||
<input type="hidden" name="item_id" value="{$hItem.id_item}" />
|
||||
<input type="hidden" name="item_order" value="{$hItem.item_order}" />
|
||||
<div class="image-display item-field form-group">
|
||||
<img src="{$module_dir}images/{$hItem.image}" alt="" title="" style="width:{$hItem.image_w}px; height:{$hItem.image_h}px;{if !$hItem.image} display:none;{/if}" class="preview" />
|
||||
</div>
|
||||
<div class="image_w item-field">
|
||||
<label>{l s='Image width' mod='tmhtmlcontent'}</label>
|
||||
<input name="item_img_w" type="text" maxlength="4" size="4" value="{$hItem.image_w}"/></br>
|
||||
<div class="active item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Active' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="checkbox" name="item_active" value="1"{if $hItem.active == 1} checked="checked"{/if} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="image_h item-field">
|
||||
<label>{l s='Image height' mod='tmhtmlcontent'}</label>
|
||||
<input name="item_img_h" type="text" maxlength="4" size="4" value="{$hItem.image_h}"/>
|
||||
<div class="title item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Title' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="text" name="item_title" size="48" value="{$hItem.title}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="url item-field">
|
||||
<label>{l s='URL' mod='tmhtmlcontent'}</label>
|
||||
<input type="text" name="item_url" size="48" value="{$hItem.url}" />
|
||||
<div class="title_use item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Use title in front' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="checkbox" name="item_title_use" value="1"{if $hItem.title_use == 1} checked="checked"{/if} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="target item-field">
|
||||
<label>{l s='Target blank' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_target" value="1"{if $hItem.target == 1} checked="checked"{/if} />
|
||||
<div class="hook item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Hook' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<select name="item_hook" default="home">
|
||||
<option value="home"{if $hItem.hook == 'home'} selected="selected"{/if}>home</option>
|
||||
<option value="top"{if $hItem.hook == 'top'} selected="selected"{/if}>top</option>
|
||||
<option value="left"{if $hItem.hook == 'left'} selected="selected"{/if}>left</option>
|
||||
<option value="right"{if $hItem.hook == 'right'} selected="selected"{/if}>right</option>
|
||||
<option value="footer"{if $hItem.hook == 'footer'} selected="selected"{/if}>footer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="html item-field">
|
||||
<label>{l s='HTML' mod='tmhtmlcontent'}</label>
|
||||
<textarea name="item_html" cols="65" rows="12">{$hItem.html}</textarea>
|
||||
<div class="image item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="file" name="item_img" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="image_w item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image width' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input name="item_img_w" type="text" maxlength="4" size="4" value="{$hItem.image_w}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image_h item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image height' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input name="item_img_h" type="text" maxlength="4" size="4" value="{$hItem.image_h}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='URL' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="text" name="item_url" size="48" value="{$hItem.url}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="target item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Target blank' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="checkbox" name="item_target" value="1"{if $hItem.target == 1} checked="checked"{/if} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="html item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='HTML' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<textarea name="item_html" cols="65" rows="12">{$hItem.html}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-9 col-lg-offset-3">
|
||||
<button type="submit" name="removeItem" class="button btn btn-default button-remove" onClick="this.form.submit();"><i class="icon-remove-sign"></i>{l s='Remove' mod='tmhtmlcontent'}</button>
|
||||
<button type="submit" name="updateItem" class="button btn btn-default button-save" onClick="this.form.submit();"><i class="icon-save"></i>{l s='Save' mod='tmhtmlcontent'}</button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" name="removeItem" class="button button-remove" onClick="this.form.submit();"><i class="icon-remove-sign"></i>{l s='Remove' mod='tmhtmlcontent'}</button>
|
||||
<button type="submit" name="updateItem" class="button button-save" onClick="this.form.submit();"><i class="icon-save"></i>{l s='Save' mod='tmhtmlcontent'}</button>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<div id="{$id}-response" {if !isset($text)}style="display:none;"{/if} class="message {if isset($class)}{$class}{/if}">
|
||||
<div class="content">{if isset($text)}{$text}{/if}</div>
|
||||
<div id="{$id}-response" {if !isset($text)}style="display:none;"{/if} class="message alert alert-{if isset($class) && $class=='error'}danger{else}success{/if}">
|
||||
<div>{if isset($text)}{$text}{/if}</div>
|
||||
</div>
|
||||
@@ -1,57 +1,91 @@
|
||||
<div class="new-item">
|
||||
<span class="button new-item"><i class="icon-plus-sign"></i>{l s='Add item' mod='tmhtmlcontent'}</span>
|
||||
<div class="form-group clearfix">
|
||||
<span class="button btn btn-default new-item"><i class="icon-plus-sign"></i>{l s='Add item' mod='tmhtmlcontent'}</span>
|
||||
</div>
|
||||
<div class="item-container">
|
||||
<form method="post" action="{$htmlitems.postAction}" enctype="multipart/form-data" class="item-form">
|
||||
<div class="language item-field">
|
||||
<label>{l s='Language' mod='tmhtmlcontent'}</label>
|
||||
<ul class="languages">
|
||||
{foreach from=$htmlitems.lang.all item=lang}
|
||||
<li id="lang-{$lang.id_lang}" class="new-lang-flag{if $lang.id_lang == $htmlitems.lang.default.id_lang} active{/if}"><img src="../img/l/{$lang.id_lang}.jpg" class="pointer" alt="{$lang.name}" title="{$lang.name}" /></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<input type="hidden" id="lang-id" name="lang_id" value="{$htmlitems.lang.default.id_lang}" />
|
||||
<form method="post" action="{$htmlitems.postAction}" enctype="multipart/form-data" class="item-form defaultForm form-horizontal">
|
||||
<div class="panel">
|
||||
<div class="language item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Language' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" >
|
||||
{foreach from=$htmlitems.lang.all item=lang}
|
||||
{if $lang.id_lang == $htmlitems.lang.default.id_lang} {$lang.iso_code}{/if}
|
||||
{/foreach}
|
||||
<span class="caret"> </span>
|
||||
</button>
|
||||
<ul class="languages dropdown-menu">
|
||||
{foreach from=$htmlitems.lang.all item=lang}
|
||||
<li id="lang-{$lang.id_lang}" class="new-lang-flag"><a href="javascript:hideOtherLanguage({$lang.id_lang});">{$lang.name}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<input type="hidden" id="lang-id" name="lang_id" value="{$htmlitems.lang.default.id_lang}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="title item-field form-group">
|
||||
<label class="control-label col-lg-3 ">{l s='Title' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input class="form-control" type="text" name="item_title" size="48" value="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="title_use item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Use title in front' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_title_use" value="1" />
|
||||
</div>
|
||||
<div class="hook item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Hook' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<select class="form-control" name="item_hook" default="home">
|
||||
<option value="home">home</option>
|
||||
<option value="top">top</option>
|
||||
<option value="left">left</option>
|
||||
<option value="right">right</option>
|
||||
<option value="footer">footer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="file" name="item_img" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="image_w item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image width' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input name="item_img_w" type="text" maxlength="4" size="4" value=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image_h item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Image height' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input name="item_img_h" type="text" maxlength="4" size="4" value=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='URL' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="text" name="item_url" size="48" value="http://" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="target item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='Target blank' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<input type="checkbox" name="item_target" value="1" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="html item-field form-group">
|
||||
<label class="control-label col-lg-3">{l s='HTML' mod='tmhtmlcontent'}</label>
|
||||
<div class="col-lg-7">
|
||||
<textarea name="item_html" cols="65" rows="12"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-9 col-lg-offset-3">
|
||||
<button type="submit" name="newItem" class="button-save btn btn-default" onClick="this.form.submit();">{l s='Save' mod='tmhtmlcontent'}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title item-field">
|
||||
<label>{l s='Title' mod='tmhtmlcontent'}</label>
|
||||
<input type="text" name="item_title" size="48" value="" />
|
||||
</div>
|
||||
<div class="title_use item-field">
|
||||
<label>{l s='Use title in front' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_title_use" value="1" />
|
||||
</div>
|
||||
<div class="hook item-field">
|
||||
<label>{l s='Hook' mod='tmhtmlcontent'}</label>
|
||||
<select name="item_hook" default="home">
|
||||
<option value="home">home</option>
|
||||
<option value="top">top</option>
|
||||
<option value="left">left</option>
|
||||
<option value="right">right</option>
|
||||
<option value="footer">footer</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="image item-field">
|
||||
<label>{l s='Image' mod='tmhtmlcontent'}</label>
|
||||
<input type="file" name="item_img" />
|
||||
</div>
|
||||
<div class="image_w item-field">
|
||||
<label>{l s='Image width' mod='tmhtmlcontent'}</label><input name="item_img_w" type="text" maxlength="4" size="4" value=""/></br>
|
||||
</div>
|
||||
<div class="image_h item-field">
|
||||
<label>{l s='Image height' mod='tmhtmlcontent'}</label><input name="item_img_h" type="text" maxlength="4" size="4" value=""/>
|
||||
</div>
|
||||
<div class="url item-field">
|
||||
<label>{l s='URL' mod='tmhtmlcontent'}</label>
|
||||
<input type="text" name="item_url" size="48" value="http://" />
|
||||
</div>
|
||||
<div class="target item-field">
|
||||
<label>{l s='Target blank' mod='tmhtmlcontent'}</label>
|
||||
<input type="checkbox" name="item_target" value="1" />
|
||||
</div>
|
||||
<div class="html item-field">
|
||||
<label>{l s='HTML' mod='tmhtmlcontent'}</label>
|
||||
<textarea name="item_html" cols="65" rows="12"></textarea>
|
||||
</div>
|
||||
<button type="submit" name="newItem" class="button button-save" onClick="this.form.submit();"><i class="icon-save"></i>{l s='Save' mod='tmhtmlcontent'}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user