Changeset 28581 for extensions/Slim


Ignore:
Timestamp:
Jun 1, 2014, 7:10:51 PM (10 years ago)
Author:
Miklfe
Message:

Slim 2.0 release1

Location:
extensions/Slim
Files:
1 added
4 deleted
9 edited

Legend:

Unmodified
Added
Removed

  • extensions/Slim/admin/admin.inc.php

    r18811 r28581  
    77  $params  = array(     
    88                                        'style_slim'            => $_POST['style_slim'],
    9                                         'color_theme'           => $_POST['color_theme']
     9                                        'color_theme'           => $_POST['color_theme'],
     10                                        'carousel_speed'        => $_POST['carousel_speed'],
    1011                                        );
    1112 
    … …  
    2223
    2324$template->assign(array(
    24                                                 'selected_style_slim'   => $params['style_slim'],
    25                                                 'selected_color_theme'  => $params['color_theme']
     25                                                'selected_style_slim'           => $params['style_slim'],
     26                                                'selected_color_theme'          => $params['color_theme'],
     27                                                'selected_carousel_speed'       => $params['carousel_speed']
    2628                                                ));
    2729

  • extensions/Slim/admin/admin.tpl

    r25997 r28581  
    1 {html_head}
    2         <style media="screen" type="text/css">
    3                 {literal}
    4                         #opt{width:48%; display:inline-block}
    5                 {/literal}
    6         </style>
    7 {/html_head}
     1{html_style}
     2                        .option{ldelim}width:48%; display:inline-block}
     3{/html_style}
     4
     5{combine_script id='slider' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
     6{combine_script id='button' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.button.min.js'}
     7{combine_css path="themes/Slim/admin/jquery.ui.button.custom.css" order=-10}
     8{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css" order=-10}
     9
     10{footer_script}{literal}
     11        (function($) {
     12                $(document).ready(function(){
     13                        $('#opt').buttonset();
     14                        $('#col_opt').buttonset();
     15                        });
     16                       
     17                        $(function() {
     18                        $('#slider-range-max').slider({
     19                                range: "max",
     20                                min: 1,
     21                                max: 20,
     22                                value: {/literal}{$selected_carousel_speed}{literal},
     23                                slide: function( event, ui ) {
     24                                        $('#carspeed').val( ui.value );
     25                                }
     26                        });
     27                        $('#carspeed').val( $('#slider-range-max').slider('value'));
     28                });
     29        })(jQuery);
     30{/literal}{/footer_script}
    831       
    932       
    … …  
    1942<fieldset>
    2043<legend>{'Slim'|@translate}</legend>
    21 
    22 <div id="opt">
    23 <table>
    24                 <td><u>Style</u></td>
    25                 <tr><td align="right">Slim</td><td class="check"><input type="radio" name="style_slim" value="1" {if $selected_style_slim=='1'}checked="checked"{/if} ></td></tr>
    26                        
    27                 <tr><td align="right">Slim_L</td><td class="check"><input type="radio" name="style_slim" value="2" {if $selected_style_slim=='2'}checked="checked"{/if} ></td></tr>
    28                
    29                 <tr><td align="right">Slim_XL</td><td class="check"><input type="radio" name="style_slim" value="3" {if $selected_style_slim=='3'}checked="checked"{/if} ></td></tr>
    30 </table>
    31 </div>
    32 <div id="opt">
    33 <table>
    34                 <td><u>Color</u></td>
    35                 <tr><td align="right">White</td><td class="check"><input type="radio" name="color_theme" value="1" {if $selected_color_theme=='1'}checked="checked"{/if} ></td></tr>
    36                        
    37                 <tr><td align="right">Black</td><td class="check"><input type="radio" name="color_theme" value="2" {if $selected_color_theme=='2'}checked="checked"{/if} ></td></tr>
    38                
    39                 <tr><td align="right">Grey</td><td class="check"><input type="radio" name="color_theme" value="3" {if $selected_color_theme=='3'}checked="checked"{/if} ></td></tr>
    40 </table>
     44<div class="opt">
     45<div id="opt" class="option">
     46        <div><u>Style</u></div>
     47        <br>
     48        <input type="radio" id="radio1" name="style_slim" value="1" {if $selected_style_slim=='1'}checked="checked"{/if}><label for="radio1">Slim</label>
     49        <input type="radio" id="radio2" name="style_slim" value="2" {if $selected_style_slim=='2'}checked="checked"{/if}><label for="radio2">Slim_L</label>
     50        <input type="radio" id="radio3" name="style_slim" value="3" {if $selected_style_slim=='3'}checked="checked"{/if}><label for="radio3">Slim_XL</label>
    4151</div>
    4252
     53<div id="col_opt" class="option">
     54        <div><u>Color</u></div>
     55        <br>
     56        <input type="radio" id="radio4" name="color_theme" value="1" {if $selected_color_theme=='1'}checked="checked"{/if}><label for="radio4">White</label>
     57        <input type="radio" id="radio5" name="color_theme" value="2" {if $selected_color_theme=='2'}checked="checked"{/if}><label for="radio5">Black</label>
     58        <input type="radio" id="radio6" name="color_theme" value="3" {if $selected_color_theme=='3'}checked="checked"{/if}><label for="radio6">Grey</label>
     59</div>
     60
     61<div id="car_speed" class="option" style="margin-top:20px">
     62                <div><u>Carousel</u></div>
     63        <p>
     64        <label for="carspeed">Carousel speed</label>
     65        <input type="text" id="carspeed" style="border:0; color:#f6931f; font-weight:bold;" name="carousel_speed" value={$selected_carousel_speed}>
     66        </p>
     67        <br>   
     68        <div id="slider-range-max"></div>
     69               
     70</div>
     71
     72</div>
    4373</fieldset>
    4474<p><input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>

  • extensions/Slim/admin/maintain.inc.php

    r19020 r28581  
    99                $config = array(
    1010                                                'style_slim'            => '2',
    11                                                 'color_theme'           => '1'
     11                                                'color_theme'           => '1',
     12                                                'carousel_speed'        => '3'
    1213                                                );
    1314                 

  • extensions/Slim/local_head.tpl

    r28556 r28581  
    1 {if (($Slim.style_slim)!=3)}
    2 {combine_script id='lytebox' load='header' require='jquery' path='themes/Slim/js/jquery.fancybox.js'}
    3 {/if}
     1{combine_script id='ui.effect' load='header' require='jquery' path='themes/default/js/ui/minified/jquery.ui.effect.min.js'}
     2{combine_script id='ui.widget' load='header' require='jquery' path='themes/default/js/ui/minified/jquery.ui.widget.min.js'}
    43
    5 {if (($Slim.style_slim)!=1)}
    6 {combine_script id='menu' load='header' require='jquery' path='themes/Slim/js/menu.js'}
    7 {combine_script id='hoverIntent' load='header' require='jquery' path='themes/Slim/js/jquery.hoverIntent.js'}
    8 {combine_script id='columnizer' load='header' require='jquery' path='themes/Slim/js/jquery.columnizer.js'}
    9 {/if}
    10 
    11 {combine_script id='ui' load='header' require='jquery' path='themes/Slim/js/jquery-ui.custom.min.js'}
    12 {combine_script id='mousewheel' load='footer' require='jquery' path='themes/Slim/js/jquery.mousewheel.min.js'}
    13 {combine_script id='kinetic' load='footer' require='jquery' path='themes/Slim/js/jquery.kinetic.min.js'}
     4{combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/jquery.mousewheel.min.js'}
     5{combine_script id='kinetic' load='header' require='jquery' path='themes/Slim/js/jquery.kinetic.min.js'}
    146{combine_script id='smoothdivscroll' load='footer' path='themes/Slim/js/jquery.smoothDivScroll-1.3.js'}
    157
    168
     9

  • extensions/Slim/template/header.tpl

    r28556 r28581  
    5656{get_combined_scripts load='header'}   
    5757
     58{if (($Slim.style_slim)!=3)}
     59{combine_script id='fancybox' load='header' require='jquery' path='themes/'|cat:$themeconf.id|cat:'/js/jquery.fancybox.js'}
     60{/if}
    5861
    59 
     62{if (($Slim.style_slim)!=1)}
     63{combine_script id='menu' load='header' require='jquery' path='themes/'|cat:$themeconf.id|cat:'/js/menu.js'}
     64{combine_script id='hoverIntent' load='header' require='jquery' path='themes/'|cat:$themeconf.id|cat:'/js/jquery.hoverIntent.js'}
     65{combine_script id='columnizer' load='header' require='jquery' path='themes/'|cat:$themeconf.id|cat:'/js/jquery.columnizer.js'}
     66{/if}
    6067</head>
    6168

  • extensions/Slim/template/mainpage_categories.tpl

    r28556 r28581  
    22
    33{footer_script}{literal}
    4 $(document).ready(function () {
    5         var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
    6                 start;
     4(function($) {
     5        $(document).ready(function(){
    76       
    8         if (isTouch==true){
    9         start="";
    10         }else{
    11         start="onStart";
    12         };
     7                var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
     8                        start;
     9               
     10                if (isTouch==true){
     11                start="";
     12                }else{
     13                start="onStart";
     14                };
     15               
     16                $("div.carousel").smoothDivScroll({
     17                        autoScrollingMode: start,
     18                        touchScrolling: true,
     19                        autoScrollingStep: {/literal}{$Slim.carousel_speed}{literal},
     20                        manualContinuousScrolling: true,
     21                        mousewheelScrolling: "allDirections",
     22               
     23                });     
     24                               
     25                $("div.carousel").bind("mouseover", function() {
     26                        $(this).smoothDivScroll("stopAutoScrolling");
     27                }).bind("mouseout", function() {
     28                        $(this).smoothDivScroll("startAutoScrolling");
     29                });     
    1330       
    14         $("div.carousel").smoothDivScroll({
    15                 autoScrollingMode: start,
    16                 touchScrolling: true,
    17                 autoScrollingStep: 5,
    18                 mousewheelScrolling: "allDirections",
    19                 manualContinuousScrolling: true,
    2031               
    21         });     
    22                        
    23         $("div.carousel").bind("mouseover", function() {
    24                 $(this).smoothDivScroll("stopAutoScrolling");
    25         }).bind("mouseout", function() {
    26                 $(this).smoothDivScroll("startAutoScrolling");
    27         });     
    28 });
     32        });
     33})(jQuery);
    2934{/literal}{/footer_script}
     35
    3036
    3137<div class="carousel">
    … …  
    3541                                                                <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/>
    3642                                                       
    37                                                 <div class="CatMPdescription">
    38                                                         <h3>
    39                                                                 {$cat.NAME}
    40                                                         </h3>
    41                                                         <div>
    42                                                                 {$cat.CAPTION_NB_IMAGES}
    43                                                 </div>
    44                                                         </div> 
     43                                                        <div class="CatMPdescription">
     44                                                                <h3>
     45                                                                        {$cat.NAME}
     46                                                                        {if !empty($cat.icon_ts)}
     47                                                                        <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">
     48                                                                        {/if}
     49                                                                </h3>
     50                                                                <div class="Nb_images">
     51                                                                {if isset($cat.INFO_DATES) }
     52                                                                <p class="dates">{$cat.INFO_DATES}</p>
     53                                                                {/if}
     54                                                                <p >{$cat.CAPTION_NB_IMAGES}</p>
     55                                                                {if not empty($cat.DESCRIPTION)}
     56                                                                <p>{$cat.DESCRIPTION}</p>
     57                                                                {/if}
     58                                                                </div>
     59                                                        </div>
    4560                                                </a>
    4661                                                </div>

  • extensions/Slim/template/thumbnails.tpl

    r28556 r28581  
    77
    88{footer_script}{literal}
    9 $(document).ready(function () {
    10         var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
    11                 start;
     9(function($) {
     10        $(document).ready(function(){
    1211       
    13         if (isTouch==true){
    14         start="";
    15         }else{
    16         start="onStart";
    17         };
     12                var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
     13                        start;
     14               
     15                if (isTouch==true){
     16                start="";
     17                }else{
     18                start="onStart";
     19                };
     20               
     21                $("div.carousel").smoothDivScroll({
     22                        autoScrollingMode: start,
     23                        touchScrolling: true,
     24                        autoScrollingStep: {/literal}{$Slim.carousel_speed}{literal},
     25                        manualContinuousScrolling: true,
     26                        mousewheelScrolling: "allDirections",
     27               
     28                });     
     29                               
     30                $("div.carousel").bind("mouseover", function() {
     31                        $(this).smoothDivScroll("stopAutoScrolling");
     32                }).bind("mouseout", function() {
     33                        $(this).smoothDivScroll("startAutoScrolling");
     34                });     
    1835       
    19         $("div.carousel").smoothDivScroll({
    20                 autoScrollingMode: start,
    21                 touchScrolling: true,
    22                 autoScrollingStep:5,
    23                 mousewheelScrolling: "allDirections",
    24                 manualContinuousScrolling: true,
    25         });     
    26                        
    27         $("div.carousel").bind("mouseover", function() {
    28                 $(this).smoothDivScroll("stopAutoScrolling");
    29         }).bind("mouseout", function() {
    30                 $(this).smoothDivScroll("startAutoScrolling");
    31         });     
    32        
    33        
    34         $('.fancybox').fancybox({
    35                 helpers : {
    36                 title : {
    37                         type : 'over'
    38                 },
    39                 },     
    40                 afterLoad: function() {
    41                 $("div.carousel").smoothDivScroll("stopAutoScrolling");
    42                 },
    43                 afterClose: function() {
    44                 $("div.carousel").smoothDivScroll("startAutoScrolling");
    45                 }
     36               
    4637        });
    47 });
     38})(jQuery);
    4839{/literal}{/footer_script}
    4940
     41{if (($Slim.style_slim)!=3)}
     42{footer_script}{literal}
     43(function($) {
     44        $(document).ready(function(){
     45                $('.fancybox').fancybox({
     46                        helpers : {
     47                                title : {
     48                                        type : 'over'
     49                                },
     50                        },     
     51                        afterLoad: function() {
     52                        $("div.carousel").smoothDivScroll("stopAutoScrolling");
     53                        },
     54                        afterClose: function() {
     55                        $("div.carousel").smoothDivScroll("startAutoScrolling");
     56                        }
     57                });             
    5058               
    51                        
    52 
     59        });
     60})(jQuery);
     61{/literal}{/footer_script}
     62{/if}
    5363
    5464        <div class="carousel">

  • extensions/Slim/theme.css

    r28556 r28581  
    3838.illustration img{display:block;border-radius:4px;margin:0 auto}
    3939.content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px}
     40.CatMPdescription{text-align:left;position:relative;z-index:100}
    4041.CatMPdescription h3{background:transparent;margin:5px 30px 0 0}
    41 .CatMPdescription{text-align:left;position:relative;z-index:100}
    42 .CatMPdescription div{position:absolute;bottom:40px;width:180px;background:#FFF;overflow:hidden;color:#666;left:0;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;border-radius:10px 10px 10px 10px;border:1px solid gray;padding:0 5px 5px;margin-left:5px}
    43 .CatMPdescription:hover div{background:#FFF;border-radius:10px 10px 10px 10px;border:1px solid gray;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;opacity:1;padding:0 5px 5px}
     42.CatMPdescription .Nb_images{position:absolute;bottom:40px;width:180px;background:#FFF;overflow:hidden;color:#666;left:0;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;border-radius:10px 10px 10px 10px;border:1px solid gray;padding:0 5px 5px;margin-left:5px}
     43.CatMPdescription:hover .Nb_images{-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;opacity:1}
    4444.CatMPdescription div p{margin:0}
    4545/*=========================================footer======================================================*/
    … …  
    103103/*=========================================picture page======================================================*/
    104104/*____panel___*/
    105 .panel{position:absolute;left:0px;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;width:auto;min-width:330px;height:auto;z-index:10000;background:rgba(0, 0, 0, 0.7);top:95px;color:#EFEFEF;padding:10px 30px 30px 20px}
     105.panel{position:absolute;left:-2.5%;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;width:auto;min-width:330px;height:auto;z-index:10000;background:rgba(0, 0, 0, 0.7);top:95px;color:#EFEFEF;padding:10px 30px 30px 20px}
    106106.panel p{color:#EFEFEF;margin:0 0 15px;padding:0}
    107 a.trigger{position:absolute;text-decoration:none;left:0px;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;font-weight:700;background:url("images/picture/plus.png") no-repeat 90% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000;top:100px;padding:10px 30px 10px 5px}
     107a.trigger{position:absolute;text-decoration:none;left:-2.5%;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;font-weight:700;background:url("images/picture/plus.png") no-repeat 90% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000;top:100px;padding:10px 30px 10px 5px}
    108108a.trigger:hover{background-color:#222}
    109109a.active.trigger{background:url("images/picture/minus.png") no-repeat 90% 55% #222}

  • extensions/Slim/themeconf.inc.php

    r28556 r28581  
    5454}
    5555
    56 
     56if($user['theme']=='Slim')
     57{
    5758if($Slim['style_slim']=='2')
    5859{
    … …  
    6566}
    6667}
     68}
    6769?>
Note: See TracChangeset for help on using the changeset viewer.