Changeset 29621


Ignore:
Timestamp:
09/18/14 13:27:14 (5 years ago)
Author:
JanisV
Message:

Code cleanup

Location:
extensions/Fotorama/template
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/Fotorama/template/admin.tpl

    r29615 r29621  
    66 
    77<fieldset id="Fotorama"> 
    8 <legend>{'Configuration'|@translate}</legend> 
     8<legend>{'Configuration'|translate}</legend> 
    99<ul> 
    1010  <li> 
    1111    <label for="allowfullscreen"> 
    12       <b>{'Allows fullscreen'|@translate}</b>  
     12      <b>{'Allows fullscreen'|translate}</b>  
    1313    </label> 
    1414    <select class="categoryDropDown" id="allowfullscreen" name="allowfullscreen"> 
    15       <option value="false"{if $Fotorama.allowfullscreen == 'false'} selected{/if}>{'false'|@translate}</option> 
    16       <option value="true"{if $Fotorama.allowfullscreen == 'true'} selected{/if}>{'true'|@translate}</option> 
    17       <option value="native"{if $Fotorama.allowfullscreen == 'native'} selected{/if}>{'native'|@translate}</option> 
     15      <option value="false"{if $Fotorama.allowfullscreen == 'false'} selected{/if}>{'false'|translate}</option> 
     16      <option value="true"{if $Fotorama.allowfullscreen == 'true'} selected{/if}>{'true'|translate}</option> 
     17      <option value="native"{if $Fotorama.allowfullscreen == 'native'} selected{/if}>{'native'|translate}</option> 
    1818    </select> 
    1919  </li> 
     
    2121    <input type="checkbox" id="only_fullscreen" name="only_fullscreen"{if $Fotorama.only_fullscreen} checked="checked"{/if}> 
    2222    <label for="only_fullscreen"> 
    23       <b>{'Only fullscreen mode'|@translate}</b> 
     23      <b>{'Only fullscreen mode'|translate}</b> 
    2424    </label> 
    2525  </li> 
    2626  <li> 
    2727    <label for="fit"> 
    28       <b>{'How to fit an image'|@translate}</b>  
     28      <b>{'How to fit an image'|translate}</b>  
    2929    </label> 
    3030    <select class="categoryDropDown" id="fit" name="fit"> 
    31       <option value="contain"{if $Fotorama.fit == 'contain'} selected{/if}>{'contain'|@translate}</option> 
    32       <option value="cover"{if $Fotorama.fit == 'cover'} selected{/if}>{'cover'|@translate}</option> 
    33       <option value="scaledown"{if $Fotorama.fit == 'scaledown'} selected{/if}>{'scaledown'|@translate}</option> 
    34       <option value="none"{if $Fotorama.fit == 'none'} selected{/if}>{'none'|@translate}</option> 
     31      <option value="contain"{if $Fotorama.fit == 'contain'} selected{/if}>{'contain'|translate}</option> 
     32      <option value="cover"{if $Fotorama.fit == 'cover'} selected{/if}>{'cover'|translate}</option> 
     33      <option value="scaledown"{if $Fotorama.fit == 'scaledown'} selected{/if}>{'scaledown'|translate}</option> 
     34      <option value="none"{if $Fotorama.fit == 'none'} selected{/if}>{'none'|translate}</option> 
    3535    </select> 
    3636  </li> 
    3737  <li> 
    3838    <label for="transition"> 
    39       <b>{'What transition to use'|@translate}</b>  
     39      <b>{'What transition to use'|translate}</b>  
    4040    </label> 
    4141    <select class="categoryDropDown" id="transition" name="transition"> 
    42       <option value="slide"{if $Fotorama.transition == 'slide'} selected{/if}>{'slide'|@translate}</option> 
    43       <option value="crossfade"{if $Fotorama.transition == 'crossfade'} selected{/if}>{'crossfade'|@translate}</option> 
    44       <option value="dissolve"{if $Fotorama.transition == 'dissolve'} selected{/if}>{'dissolve'|@translate}</option> 
     42      <option value="slide"{if $Fotorama.transition == 'slide'} selected{/if}>{'slide'|translate}</option> 
     43      <option value="crossfade"{if $Fotorama.transition == 'crossfade'} selected{/if}>{'crossfade'|translate}</option> 
     44      <option value="dissolve"{if $Fotorama.transition == 'dissolve'} selected{/if}>{'dissolve'|translate}</option> 
    4545    </select> 
    4646  </li> 
    4747  <li> 
    4848    <label for="nav"> 
    49       <b>{'Navigation style'|@translate}</b>  
     49      <b>{'Navigation style'|translate}</b>  
    5050    </label> 
    5151    <select class="categoryDropDown" id="nav" name="nav"> 
    52       <option value="false"{if $Fotorama.nav == 'false'} selected{/if}>{'false'|@translate}</option> 
    53       <option value="dots"{if $Fotorama.nav == 'dots'} selected{/if}>{'dots'|@translate}</option> 
    54       <option value="thumbs"{if $Fotorama.nav == 'thumbs'} selected{/if}>{'thumbs'|@translate}</option> 
     52      <option value="false"{if $Fotorama.nav == 'false'} selected{/if}>{'false'|translate}</option> 
     53      <option value="dots"{if $Fotorama.nav == 'dots'} selected{/if}>{'dots'|translate}</option> 
     54      <option value="thumbs"{if $Fotorama.nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option> 
    5555    </select> 
    5656  </li> 
    5757  <li> 
    5858    <label for="fullscreen_nav"> 
    59       <b>{'Fullscreen navigation style'|@translate}</b>  
     59      <b>{'Fullscreen navigation style'|translate}</b>  
    6060    </label> 
    6161    <select class="categoryDropDown" id="fullscreen_nav" name="fullscreen_nav"> 
    62       <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'|@translate}</option> 
    63       <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'|@translate}</option> 
    64       <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'|@translate}</option> 
     62      <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'|translate}</option> 
     63      <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'|translate}</option> 
     64      <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option> 
    6565    </select> 
    6666  </li> 
    6767  <li> 
    6868    <label for="thumbheight"> 
    69       <b>{'Tumbnail height (when present)'|@translate}</b>  
     69      <b>{'Tumbnail height (when present)'|translate}</b>  
    7070    </label> 
    7171    <input type="number" size="2" maxlength="3" name="thumbheight" value="{$Fotorama.thumbheight}" min="5" max="300" style="width: 50px;">&nbsp;px 
     
    7474    <input type="checkbox" id="shadows" name="shadows"{if $Fotorama.shadows} checked="checked"{/if}> 
    7575    <label for="shadows"> 
    76       <b>{'Enables shadows'|@translate}</b> 
     76      <b>{'Enables shadows'|translate}</b> 
    7777    </label> 
    7878  </li> 
     
    8080    <input type="checkbox" id="autoplay" name="autoplay"{if $Fotorama.autoplay} checked="checked"{/if}> 
    8181    <label for="autoplay"> 
    82       <b>{'Enables autoplay'|@translate}</b> 
     82      <b>{'Enables autoplay'|translate}</b> 
    8383    </label> 
    8484  </li> 
     
    8686    <input type="checkbox" id="stopautoplayontouch" name="stopautoplayontouch"{if $Fotorama.stopautoplayontouch} checked="checked"{/if}> 
    8787    <label for="stopautoplayontouch"> 
    88       <b>{'Stops slideshow at any user action with the fotorama'|@translate}</b> 
     88      <b>{'Stops slideshow at any user action with the fotorama'|translate}</b> 
    8989    </label> 
    9090  </li> 
     
    9292    <input type="checkbox" id="loop" name="loop"{if $Fotorama.loop} checked="checked"{/if}> 
    9393    <label for="loop"> 
    94       <b>{'Enables loop'|@translate}</b> 
     94      <b>{'Enables loop'|translate}</b> 
    9595    </label> 
    9696  </li> 
     
    9898    <input type="checkbox" id="enable_caption" name="enable_caption"{if $Fotorama.enable_caption} checked="checked"{/if}> 
    9999    <label for="enable_caption"> 
    100       <b>{'Show caption with image title'|@translate}</b> 
     100      <b>{'Show caption with image title'|translate}</b> 
    101101    </label> 
    102102  </li> 
     
    104104    <input type="checkbox" id="replace_picture" name="replace_picture"{if $Fotorama.replace_picture} checked="checked"{/if}> 
    105105    <label for="replace_picture"> 
    106       <b>{'Replace picture page'|@translate}</b> 
     106      <b>{'Replace picture page'|translate}</b> 
    107107    </label> 
    108108  </li> 
     
    110110    &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="replace_picture_only_users" name="replace_picture_only_users"{if $Fotorama.replace_picture_only_users} checked="checked"{/if}> 
    111111    <label for="replace_picture_only_users"> 
    112       <b>{'except an administrator'|@translate}</b> 
     112      <b>{'except an administrator'|translate}</b> 
    113113    </label> 
    114114  </li> 
     
    118118<p class="formButtons"> 
    119119  <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}"> 
    120   <input type="submit" name="submit" value="{'Save Settings'|@translate}"> 
     120  <input type="submit" name="submit" value="{'Save Settings'|translate}"> 
    121121</p> 
    122122</form> 
  • extensions/Fotorama/template/slideshow.tpl

    r29615 r29621  
    22{combine_script id='fotorama' require='jquery' load='header' path='plugins/Fotorama/fotorama/fotorama.js'} 
    33 
    4 {literal} 
    5 <script type="text/javascript"> 
    6 var image_w = {/literal}{$item_height}{literal} 
    7 var image_h = {/literal}{$item_height}{literal} 
     4<script> 
     5var image_w = {$item_height}; 
     6var image_h = {$item_height}; 
    87</script> 
    9 {/literal} 
    108 
    119<div id="slideshow"> 
     
    1311        <div class="browsePath"> 
    1412          {if isset($U_SLIDESHOW_STOP) } 
    15                 [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> ] 
     13                [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|translate}</a> ] 
    1614          {/if} 
    1715          <h2 class="showtitle">{$current.TITLE}</h2> 
     
    2725      <div class="fotorama" data-startindex="{$current_rank}" data-ratio="16/9" data-auto="false" 
    2826        data-width="100%" data-maxheight="100%" data-minheight="200" data-height="{$item_height}" 
    29         data-shadows="{if $Fotorama['shadows']}true{else}false{/if}" data-nav="{$Fotorama['nav']}" data-fit="{$Fotorama['fit']}" 
    30         data-allowfullscreen="{$Fotorama['allowfullscreen']}" data-autoplay="{if $Fotorama['autoplay']}true{else}false{/if}" 
    31         data-transition="{$Fotorama['transition']}" data-stopautoplayontouch="{if $Fotorama['stopautoplayontouch']}true{else}false{/if}" 
    32         data-loop="{if $Fotorama['loop']}true{else}false{/if}" data-captions="false" data-thumbheight="{$Fotorama['thumbheight']}" data-thumbwidth="{$Fotorama['thumbheight']}"> 
     27        data-shadows="{if $Fotorama.shadows}true{else}false{/if}" data-nav="{$Fotorama.nav}" data-fit="{$Fotorama.fit}" 
     28        data-allowfullscreen="{$Fotorama.allowfullscreen}" data-autoplay="{if $Fotorama.autoplay}true{else}false{/if}" 
     29        data-transition="{$Fotorama.transition}" data-stopautoplayontouch="{if $Fotorama.stopautoplayontouch}true{else}false{/if}" 
     30        data-loop="{if $Fotorama.loop}true{else}false{/if}" data-captions="false" data-thumbheight="{$Fotorama.thumbheight}" data-thumbwidth="{$Fotorama.thumbheight}"> 
    3331      {foreach from=$items item=thumbnail} 
    34         <a href="{$thumbnail['derivative']->get_url()}" 
    35           data-full="{$thumbnail['derivative_big']->get_url()}" data-url="{$thumbnail['url']}" data-caption="{$thumbnail['TITLE']}" 
    36           {if $Fotorama['nav'] == 'thumbs' || $Fotorama['fullscreen_nav'] == 'thumbs'}data-thumb="{$thumbnail['derivative_thumb']->get_url()}"{/if}> 
     32        <a href="{$thumbnail.derivative->get_url()}" 
     33          data-full="{$thumbnail.derivative_big->get_url()}" data-url="{$thumbnail.url}" data-caption="{$thumbnail.TITLE}" 
     34          {if $Fotorama.nav == 'thumbs' || $Fotorama.fullscreen_nav == 'thumbs'}data-thumb="{$thumbnail.derivative_thumb->get_url()}"{/if}> 
    3735        </a> 
    3836      {/foreach} 
     
    4240</div> 
    4341 
    44 {footer_script require='jquery'}{literal} 
     42{footer_script require='jquery'} 
    4543  var fullscreen = false; 
    4644  jQuery().ready(function() { 
     
    5048            function (e, fotorama, extra) { 
    5149              if (!fullscreen) { 
    52                 {/literal}{if isset($replace_picture)}{literal} 
     50                {if isset($replace_picture)} 
    5351                history.replaceState(null, null, fotorama.activeFrame['url']); 
    54                 {/literal}{else}{literal} 
     52                {else} 
    5553                history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 
    5654                jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 
    57                 {/literal}{/if}{literal} 
     55                {/if} 
    5856 
    5957                jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']); 
    60                 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal}); 
    61                 document.title = fotorama.activeFrame['caption'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}'; 
     58                jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/{count($items)}'); 
     59                document.title = fotorama.activeFrame['caption'] + ' | {$GALLERY_TITLE|escape:javascript}'; 
    6260              } 
    6361            } 
     
    6664            function (e, fotorama, extra) { 
    6765              fotorama.setOptions({ 
    68                 nav: "{/literal}{$Fotorama['fullscreen_nav']}{literal}", 
    69                 {/literal}{if $Fotorama['enable_caption']}{literal} 
     66                nav: "{$Fotorama.fullscreen_nav}", 
     67                {if $Fotorama.enable_caption} 
    7068                captions: "true", 
    71                 {/literal}{/if}{literal} 
     69                {/if} 
    7270              }); 
    7371              fotorama.startAutoplay(); 
     
    7977        .on('fotorama:fullscreenexit', 
    8078            function (e, fotorama, extra) { 
    81               {/literal}{if $Fotorama['only_fullscreen']}{literal} 
     79              {if $Fotorama.only_fullscreen} 
    8280              window.location.replace(fotorama.activeFrame['url']); 
    83               {/literal}{else}{literal} 
     81              {else} 
    8482 
    8583              fotorama.setOptions({ 
    86                 nav: "{/literal}{$Fotorama['nav']}{literal}", 
    87                 {/literal}{if $Fotorama['enable_caption']}{literal} 
     84                nav: "{$Fotorama.nav}", 
     85                {if $Fotorama.enable_caption} 
    8886                captions: "false", 
    89                 {/literal}{/if}{literal} 
     87                {/if} 
    9088              }); 
    9189 
    92               {/literal}{if isset($replace_picture)}{literal} 
     90              {if isset($replace_picture)} 
    9391              history.replaceState(null, null, fotorama.activeFrame['url']); 
    94               {/literal}{else}{literal} 
     92              {else} 
    9593              history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 
    9694              jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 
    97               {/literal}{/if}{literal} 
     95              {/if} 
    9896 
    9997              jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']); 
    100               jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal}); 
    101               document.title = fotorama.activeFrame['caption'] + ' | {/literal}{$GALLERY_TITLE|@escape:javascript}{literal}'; 
     98              jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/{count($items)}'); 
     99              document.title = fotorama.activeFrame['caption'] + ' | {$GALLERY_TITLE|escape:javascript}'; 
    102100 
    103101              fullscreen = false; 
    104               {/literal}{/if}{literal} 
     102              {/if} 
    105103            } 
    106104        ) 
     
    108106        .fotorama(); 
    109107       
    110       {/literal}{if $Fotorama['only_fullscreen']}{literal} 
     108      {if $Fotorama.only_fullscreen} 
    111109      jQuery('.fotorama').data('fotorama').requestFullScreen(); 
    112       {/literal}{/if}{literal} 
     110      {/if} 
    113111  }); 
    114 {/literal}{/footer_script} 
     112{/footer_script} 
Note: See TracChangeset for help on using the changeset viewer.