source: extensions/LLGBO2/admin/frame.tpl @ 31775

<div class="titrePage">
        <h2>Look Like GBo -> {$LLGBO_VERSION}</h2>
</div>
{combine_css path=$LLGBO_PATH|@cat:"css/look_like_gbo2_admin.css" order="+02"} 
{combine_css path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.css" order="+0"} 
{combine_script id='jquery.farbtastic'  require='jquery'   path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.js"}
<form method="post" action="" class="properties">
<fieldset>
 <legend>{'llgbo_admin_frame_title'|@translate}</legend>
   <div id="configcontent">
                <div id="leftpart">
                <span id="gboh2" style ="background:transparent;color:{$LLGBO_SETTINGS.frame_titlecolor};z-index:2">{'llgbo_frame_titlecolor'|@translate} </span>
                {$FRAME_BEGIN}
                 <div id="framepicker"> </div>
                 <br>
                                <ul>
                                <li> 
                                        <label class="no-bold">
                                                <span >{'llgbo_frame_titlecolor'|@translate}</span>
                                                <input type="text" name="llgbo_frame_titlecolor" style="background-color:{$LLGBO_SETTINGS.frame_titlecolor}"  size="7" maxlength="7" class="colorwellf" value="{$LLGBO_SETTINGS.frame_titlecolor}"/> 
                                        </label>
                                </li>   
                                         {foreach from=$LLGBO_SETTINGS.FRcolors key=index  item=v}
                                                <li>    
                                                        <label class="no-bold">
                                                        <span>{'llgbo_frame_bdcolor'|cat:$index|@translate} </span> 
                                                        <input type="text" name="{'llgbo_frame_bdcolor'|cat:$index}"  style="background-color:{$LLGBO_SETTINGS.FRcolors[$index]}" size="7" maxlength="7" class="colorwellf" value="{$LLGBO_SETTINGS.FRcolors[$index]}"/>  
                                                        </label>
                                                        <label class="no-bold">
                                                        <span>{'llgbo_frame_bdsize'|@translate}  </span>
                                                        <input type="text" name="{'llgbo_frame_bdsize'|cat:$index}"   size="2" maxlength="2" value="{$LLGBO_SETTINGS.FRsizes[$index]}"/> px
                                                        </label>
                                                </li>
                                        {/foreach}
                         </ul>
                {$FRAME_END}
                </div>  
   </div>
        </fieldset>     
        <div class="clearmargin"> </div>
        <div id="llgbotitle">  <span>  {'llgbo_frame_sample'|@translate} </span> <select name="sample">
                <option label="GOLD" value="GOLD">Gold</option>
                <option label="BLUE" value="BLUE">Blue</option>
                <option label="METAL" value="METAL">Metal</option>
                <option label="BLACK" value="BLACK">Black</option>
                <option label="WHITE" value="WHITE">White</option>
                <option label="B_W" value="B_W">Black&White</option>
                <option label="IVORY" value="IVORY">Ivory</option>
                <option label="MY_LAST_VALUES" value="MY_LAST_VALUES"><selected="selected">MyLastValues</option>
                </select> <input class="submit" type="submit" value="{'previewsamples'|@translate}" name="previewsample"/>
        </div>
        <p style="text-align: center;">
        <input class="submit" type="submit" value="{'Reset_To_Default'|@translate}" name="reset"/>
        <input class="submit" type="submit" value="{'preview'|@translate}" name="preview"/>
        <input class="submit" type="submit" value="{'save'|@translate}" name="save" />
        </p>
        
</form>

{* -- smarty syntaxe p55 {ldelim} remplace  {  et {rdelim} remplace  }    -- *}
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {ldelim}
    var f = $.farbtastic('#framepicker');
    var p = $('#framepicker').css('opacity', 0.65);
    var selected;
    $('.colorwellf')
      .each(function () {ldelim}   f.linkTo(this);   $(this).css('opacity', 0.85);  {rdelim})
      .focus(function() {ldelim}
        if (selected) {ldelim}
         $(selected).css('opacity', 0.85).removeClass('colorwell-selected');
                {rdelim}
        f.linkTo(this); 
        p.css('opacity', 1);
                $(selected = this).css('opacity', 1).addClass('colorwell-selected'); 
        
           {rdelim});
        
  {rdelim});
</script>