Changeset 16048


Ignore:
Timestamp:
06/26/12 10:33:51 (7 years ago)
Author:
plg
Message:

first step to make Luciano compatible with Piwigo 2.4

Location:
extensions/luciano
Files:
3 deleted
5 edited

Legend:

Unmodified
Added
Removed
  • extensions/luciano/js/script.js

    r12533 r16048  
    1 window.addEvent('domready', function() { 
    2         galleryThumbs = $$('.thumbnailCategories li'); 
    3         galleryThumbs.each(function(el){ 
    4                 el.linkUrl = el.getElement('a').href; 
    5                 el.addEvents({ 
    6                         'mouseenter'    : function(){addOver(el)}, 
    7                         'mouseleave'    : function(){removeOver(el)}, 
    8                         'click'                 : function(){goToUrl(el)} 
    9                 }); 
    10         }); 
    11          
    12         catThumbs = $$('.thumbnails li'); 
    13         catThumbs.each(function(el){ 
    14                 el.addEvents({ 
    15                         'mouseenter'    : function(){addOver(el)}, 
    16                         'mouseleave'    : function(){removeOver(el)} 
    17                 }); 
    18         }); 
    19          
    20         var mySelect = new elSelect( {container : 'order', onClicked: function(){new URI(this.hiddenInput.value).go();}} ); 
    21   var themeSelect = new elSelect( {container : 'themeSelect'} ); 
    22   var languageSelect = new elSelect( {container : 'languageSelect'} ); 
    23          
    24         var photoPrev = $('linkPrev'); 
    25          
    26         if(photoPrev) 
    27         { 
    28                 photoPrev.image = photoPrev.getElement('img'); 
    29                 photoPrev.image.setStyle('opacity', 0); 
    30                 photoPrev.setStyle('display', 'block'); 
    31                 photoPrev.addEvents({ 
    32                         'mouseenter': function(){ showElement(photoPrev.image) }, 
    33                         'mouseleave': function(){ hideElement(photoPrev.image)} 
    34                 }); 
    35         } 
    36          
    37         var photoNext = $('linkNext'); 
    38         if(photoNext) 
    39         { 
    40                 photoNext.image = photoNext.getElement('img'); 
    41                 photoNext.image.setStyle('opacity', 0); 
    42                 photoNext.setStyle('display', 'block'); 
    43                 photoNext.addEvents({ 
    44                         'mouseenter': function(){ showElement(photoNext.image) }, 
    45                         'mouseleave': function(){ hideElement(photoNext.image)} 
    46                 }); 
    47         } 
    48 }); 
    49  
    50 function addOver(el){ 
    51         if(!el.hasClass('hover')) el.addClass('hover'); 
    52 } 
    53  
    54 function removeOver(el){ 
    55         if(el.hasClass('hover')) el.removeClass('hover'); 
    56 } 
    57  
    58 function goToUrl(el){ 
    59         new URI(el.linkUrl).go(); 
    60 } 
    61  
    62 function showElement(el) 
    63 { 
    64         el.morph({'opacity': 1}); 
    65 } 
    66  
    67 function hideElement(el) 
    68 { 
    69         el.morph({'opacity': 0}); 
    70 } 
    71  
    72 function toggleElement(el) 
    73 { 
    74         if(el.getStyle('opacity') == 0) showElement(el); else hideElement(el); 
    75 } 
    76  
    77 var gRatingOptions, gRatingButtons, gUserRating; 
    78  
    791function makeNiceRatingForm(options) 
    802{ 
     
    205127        return false; 
    206128} 
    207  
    208  
    209 /** 
    210 * @file elSelect.js 
    211 * @downloaded from http://www.cult-f.net/2007/12/14/elselect/ 
    212 * @hacked by Luciano Amodio www.lucianoamodio.it 
    213 * @author Sergey Korzhov aka elPas0 
    214 * @site  http://www.cult-f.net 
    215 * @date December 14, 2007 
    216 *  
    217 */ 
    218 var elSelect = new Class({ 
    219         options: { 
    220                 container: false, 
    221                 baseClass : 'elSelect', 
    222                 onClicked: $lambda(false) 
    223         }, 
    224         source : false, 
    225         selected : false, 
    226         _select : false, 
    227         current : false, 
    228         selectedOption : false, 
    229         dropDown : false, 
    230         optionsContainer : false, 
    231         hiddenInput : false, 
    232         /* 
    233         pass the options, 
    234         create html and inject into container 
    235         */ 
    236         initialize: function(options){ 
    237                 this.setOptions(options) 
    238                  
    239                 if ( !$(this.options.container) ) return 
    240                  
    241                 this.selected = false 
    242                 this.source = $(this.options.container).getElement('select') 
    243                 this.buildFrameWork() 
    244                  
    245                 $(this.source).getElements('option').each( this.addOption, this ) 
    246                 $(this.options.container).set('html', '') 
    247                 this._select.injectInside($(this.options.container)) 
    248                  
    249                 this.bindEvents() 
    250                  
    251         }, 
    252          
    253         buildFrameWork : function() { 
    254                 this._select = new Element('div').addClass( this.options.baseClass ) 
    255                 this.current = new Element('div').addClass('selected').injectInside($(this._select)) 
    256                 this.selectedOption = new Element('div').addClass('selectedOption').injectInside($(this.current)) 
    257                 this.dropDown = new Element('div').addClass('dropDown').injectInside($(this.current)) 
    258                 new Element('div').addClass('clear').injectInside($(this._select)) 
    259                 this.optionsContainer = new Element('div').addClass('optionsContainer').injectInside($(this._select)) 
    260                 var t = new Element('div').addClass('optionsContainerTop').injectInside($(this.optionsContainer)) 
    261                 var o = new Element('div').injectInside($(t)) 
    262                 var p = new Element('div').injectInside($(o)) 
    263                 var t = new Element('div').addClass('optionsContainerBottom').injectInside($(this.optionsContainer)) 
    264                 var o = new Element('div').injectInside($(t)) 
    265                 var p = new Element('div').injectInside($(o)) 
    266  
    267                 this.hiddenInput = new Element('input', { 
    268                         'type'  : 'hidden', 
    269                         'name'  : this.source.get('name')                                
    270                 }).inject($(this.options.container), 'before'); 
    271                  
    272         }, 
    273          
    274         bindEvents : function() { 
    275                 document.addEvent('click', function() {  
    276                                 if ( this.optionsContainer.getStyle('display') == 'block')  
    277                                         this.onDropDown() 
    278                         }.bind(this)); 
    279                          
    280                 $(this.options.container).addEvent( 'click', function(e) { new Event(e).stop(); } )              
    281                 this.current.addEvent('click', this.onDropDown.bindWithEvent(this) ) 
    282                  
    283         }, 
    284          
    285         //add single option to select 
    286         addOption: function( option ){ 
    287         var o = new Element('div').addClass('option').setProperty('value',option.value) 
    288                 if ( option.disabled ) { o.addClass('disabled') } else { 
    289                         o.addEvents( { 
    290                                 'click': this.onOptionClick.bindWithEvent(this), 
    291                                 'mouseout': this.onOptionMouseout.bindWithEvent(this), 
    292                                 'mouseover': this.onOptionMouseover.bindWithEvent(this) 
    293                         }) 
    294                 } 
    295                  
    296                 if ( $defined(option.getProperty('class')) && $chk(option.getProperty('class')) )  
    297                         o.addClass(option.getProperty('class')) 
    298  
    299          
    300                 if ( option.selected ) {  
    301                         if ( this.selected) this.selected.removeClass('selected'); 
    302                         this.selected = o 
    303                         o.addClass('selected') 
    304                         this.selectedOption.set('text', option.text); 
    305                         this.hiddenInput.setProperty('value',option.value); 
    306                 } 
    307                 o.set('text', option.text);      
    308                 o.injectBefore($(this.optionsContainer).getLast()); 
    309         }, 
    310          
    311         onDropDown : function( e ) { 
    312                          
    313                         if ( this.optionsContainer.getStyle('display') == 'block') { 
    314                                 this.optionsContainer.setStyle('display','none') 
    315                         } else { 
    316                                 this.optionsContainer.setStyle('display','block') 
    317                                 this.selected.addClass('selected') 
    318                                 //needed to fix min-width in ie6 
    319                                 var width =  this.optionsContainer.getStyle('width').toInt() > this._select.getStyle('width').toInt() ? 
    320                                                                                                                         this.optionsContainer.getStyle('width') 
    321                                                                                                                         : 
    322                                                                                                                         this._select.getStyle('width') 
    323                                                                                                                          
    324                                 this.optionsContainer.setStyle('width', width) 
    325                                 this.optionsContainer.getFirst().setStyle('width', width) 
    326                                 this.optionsContainer.getLast().setStyle('width', width) 
    327                         }                                                
    328         }, 
    329         onOptionClick : function(e) { 
    330                 var event = new Event(e) 
    331                 if ( this.selected != event.target ) { 
    332                         this.selected.removeClass('selected') 
    333                         event.target.addClass('selected') 
    334                         this.selected = event.target 
    335                         this.selectedOption.set('text', this.selected.get('text')); 
    336                         this.hiddenInput.setProperty('value',this.selected.getProperty('value')); 
    337                         this.fireEvent('clicked'); 
    338                 } 
    339                 this.onDropDown() 
    340         }, 
    341         onOptionMouseover : function(e){ 
    342                 var event = new Event(e) 
    343                 this.selected.removeClass('selected') 
    344                 event.target.addClass('selected') 
    345         }, 
    346         onOptionMouseout : function(e){ 
    347                 var event = new Event(e) 
    348                 event.target.removeClass('selected') 
    349         } 
    350          
    351 }); 
    352 elSelect.implement(new Events); 
    353 elSelect.implement(new Options); 
  • extensions/luciano/local_head.tpl

    r9974 r16048  
    1414{/if} 
    1515 
     16{* 
    1617{combine_script id="mootools.core" path="themes/luciano/js/mootools-1.2.4-core.js"} 
    1718{combine_script id="mootools.more" require="mootools.core" path="themes/luciano/js/mootools-1.2.4.4-more.js"} 
    18 {combine_script id="luciano.script" require="mootools.more" path="themes/luciano/js/script.js"} 
     19*} 
     20{combine_script id="luciano.script" path="themes/luciano/js/script.js"} 
    1921 
    2022{footer_script} 
  • extensions/luciano/template/picture.tpl

    r12534 r16048  
    2222  </ul> 
    2323</div> 
     24 
     25{footer_script require='jquery'}{literal} 
     26jQuery("#linkPrev img, #linkNext img").css("opacity", 0); 
     27 
     28jQuery("#linkPrev").mouseenter(function() { 
     29  jQuery("#linkPrev img").css("opacity", 1); 
     30}); 
     31jQuery("#linkPrev").mouseleave(function() { 
     32  jQuery("#linkPrev img").css("opacity", 0); 
     33}); 
     34 
     35jQuery("#linkNext").mouseenter(function() { 
     36  jQuery("#linkNext img").css("opacity", 1); 
     37}); 
     38jQuery("#linkNext").mouseleave(function() { 
     39  jQuery("#linkNext img").css("opacity", 0); 
     40}); 
     41{/literal}{/footer_script} 
    2442 
    2543<div id="theImage"> 
     
    84102{rdelim}); 
    85103{/footer_script} 
    86  
    87104      </div> 
    88105    </form> 
  • extensions/luciano/theme.css

    r12532 r16048  
    2828label                           { color:#999; } 
    2929textarea                { border: 1px solid #666; } 
    30 textarea:focus, 
    31 input:focus     { border: 1px solid #666; } 
     30textarea:focus 
     31input:focus, #menubar input:focus       { border: 1px solid #666; } 
    3232select                  { background-color: #222; color: #666; } 
    33 input                           { border: 1px solid #444; background-color: #222; color: #666; } 
    34 input[type="submit"]                            { background-color: #666; color: #222; } 
    35 input[type="submit"]:hover      { background-color: #222; color: #666; cursor: hand; } 
     33input, #menubar input { border: 1px solid #444; background-color: #222; color: #666; } 
     34input[type="submit"], #menubar input[type="submit"] { background-color: #666; color: #222; } 
     35input[type="submit"]:hover, #menubar input[type="submit"]:hover { background-color: #222; color: #666; cursor: hand; } 
    3636input[type="checkbox"]                  { color: #000; border: 0 none; vertical-align: middle; } 
    3737input[type="radio"]                                     { background-color: transparent; border:0 none; color: #000; } 
     
    5454p                                               { margin: 10px;} 
    5555a, a:visited    { color: #ddd; text-decoration: none; } 
    56 a:hover                         { color: #fff } 
     56a:hover                         { color: #fff; text-decoration:none; border:none; } 
    5757h2 a                                    { margin-left: 3px; } 
    5858 
    59 #the_page                                                                       { position: relative; width: 1024px; margin: 0 auto; text-align: center } 
     59#the_page                                                                       { /* position: relative; */ width: 1024px; margin: 0 auto; text-align: center } 
     60#thePicturePage #the_page {position:relative;} 
    6061#theHeader,.content                     { text-align: left } 
    6162 
    6263#theHeader                                                      { padding-top: 20px; margin-bottom: 20px; } 
    63 #theHeader h1                                           { color: #fff; font-size: 1.4em } 
     64#theHeader h1                                           { color: #fff; font-size: 1.4em; text-align:left;} 
    6465#theHeader h1, 
    6566#theHeader h1 a, 
     
    8990 
    9091.content { 
     92/* 
    9193  float: right; 
     94*/ 
    9295  width: 750px; 
    9396  margin-bottom: 10px; 
    9497  padding-bottom: 10px; 
    95   position: relative; 
     98  /* position: relative; */ 
    9699  background: transparent url(skin/750darkBottom.png) bottom left; 
    97100} 
     
    114117 
    115118 
    116 #menubar                { float: left; width: 264px; margin-bottom: 20px; text-align: left; color: #888; } 
     119#menubar { float: left; width: 264px; margin: 0 0 20px 0; text-align: left; color: #888; } 
    117120#menubar dl     { width: 264px; background: transparent url(skin/264grey3.png); margin-bottom: 10px; } 
    118 #menubar dt     { margin-left: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: 700 } 
     121#menubar dt     { margin-left: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: 700; text-align:left; } 
    119122 
    120123#menubar dd                                             { width: 264px; background: transparent url(skin/264grey3.png) bottom left; } 
     
    125128#menubar dt a, 
    126129#menubar dt a:visited           { color: #f70; } 
    127 #menubar dt a:hover                     { color: #eee; } 
    128  
    129 #menubar dd ul, 
    130 #menubar form { padding: 0 5px 10px 30px; } 
     130#menubar dt a:hover                     { color: #eee;} 
     131 
     132#menubar ul { list-style: none outside none;} 
     133#menubar dd ul { padding: 0 5px 10px 30px; } 
     134#menubar form { padding: 0 5px 5px 5px; margin-top:-20px;} 
     135#menubar #quicksearch {margin-top:-10px} 
    131136 
    132137#menubar #menuTagCloud                  { padding: 0 10px 10px 15px; } 
     
    143148/* ELEMENTS */ 
    144149 
    145 .titrePage                                              { padding: 10px 0 5px 10px; height: 30px; } 
     150.content .titrePage                                             { padding: 10px 0 5px 10px; height: 30px; } 
    146151.titrePage h1                                   { float: left; } 
    147 .additional_info                        { clear: both; padding: 10px; text-indent: 50px; color: #333; text-align:justify;} 
    148 .thumbnailCategories    { margin-left: 10px; clear:both; } 
     152.content .additional_info {padding: 10px; text-indent: 20px; color: #666; text-align:justify;font-size:100%; } 
     153.thumbnailCategories    { margin-left: 10px; } 
    149154 
    150155.thumbnailCategories li                         { background: transparent url(skin/catBg.png) 0 0; width: 355px; height: 170px; float: left; margin-right: 15px; margin-top: 10px } 
     
    161166.thumbnails li.hover                    { background: transparent url(skin/thumbBg.png) 0 -170px; } 
    162167.thumbnails li .wrap2           { width:170px; height:172px; display:table-cell; vertical-align:middle;} 
    163 .thumbnails li img                              { margin: 10px; border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444;} 
     168.thumbnails li img                              { border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444;} 
    164169.thumbnails li.hover img        { border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; } 
    165170 
     
    173178#playSlideshow a                { color: #666; } 
    174179 
    175 .navigationBar                                          { clear: both; color:#444; text-align: right; padding: 10px 30px } 
    176 .navigationBar span, 
    177 .navigationBar a                                        { border: 1px solid; padding: 0px 5px; } 
    178 .navigationBar a, 
    179 .navigationBar a:visited        { color: #999} 
    180 .navigationBar a:hover          { color: #eee} 
    181  
    182 .navigationBarSimple                                                    { color:#666; text-align: center; } 
     180.content .navigationBar                                                 { clear: both; color:#444; text-align: right; padding: 10px 30px } 
     181.content .navigationBar span, 
     182.content .navigationBar a                                       { border: 1px solid; padding: 0px 5px; } 
     183.content .navigationBar a, 
     184.content .navigationBar a:visited       { color: #999} 
     185.content .navigationBar a:hover         { color: #eee} 
     186 
     187.navigationBarSimple                                                    { color:#666; text-align: center; position:relative;} 
    183188.navigationBarSimple span, 
    184189.navigationBarSimple a                                          { height: 150px; width: 20px; border: 0; padding: 0; text-indent: -3000px; } 
    185 .navigationBarSimple .prew                              { position: absolute; top: 235px; left: 0px; background: transparent url(icon/prew.png) no-repeat scroll; } 
    186 .navigationBarSimple .next                              { position: absolute; top: 235px; right: 0px; background: transparent url(icon/next.png) no-repeat scroll;  } 
     190.navigationBarSimple .prew                              { position: absolute; top: -350px; left: 0px; background: transparent url(icon/prew.png) no-repeat scroll; } 
     191.navigationBarSimple .next                              { position: absolute; top: -350px; right: 0px; background: transparent url(icon/next.png) no-repeat scroll;  } 
    187192.navigationBarSimple a.prew:hover { background: transparent url(icon/prew.png) 0 -150px no-repeat scroll; } 
    188193.navigationBarSimple a.next:hover { background: transparent url(icon/next.png) 0 -150px no-repeat scroll; } 
     
    264269#slidshowToolBar        { position: absolute; top: 60px; margin-left: 400px; height: 33px;  } 
    265270 
    266 #imageHeaderBar .imageNumber { width: 70px; font-size: 3em; font-style: italic; color: #222; position: absolute; top: 80px; left: 20px; } 
     271#imageHeaderBar .imageNumber { width: 70px; font-size: 3em; font-style: italic; color: #222; position: absolute; top: 20px; right:0; } 
    267272#imageHeaderBar .browsePath     { float: left; } 
    268273.randomButtons  { float: right; } 
     
    355360.icon_1         { background: url(elSelect/icon_1.gif) no-repeat 4px 50%; padding-left: 20px !important; } 
    356361.icon_2         { background: url(elSelect/icon_2.gif) no-repeat 4px 50%; padding-left: 20px !important; } 
     362 
     363/* LanguageSwitch */ 
     364/* 
     365#languageSwitchLink .pwg-button-text {display:none;} 
     366 
     367#languageSwitchLink .pwg-icon { 
     368  display: inline-block; 
     369  height: 26px; 
     370  overflow: hidden; 
     371  text-indent: -9999px; 
     372  vertical-align: bottom; 
     373  width: 26px; 
     374} 
     375*/ 
     376 
     377/* icons */  
     378.pwg-icon { background-image: url(../default/s26/outline_808080.png);} 
     379A:hover .pwg-icon { background-image: url(../default/s26/outline_ffffff.png);} 
     380 
     381.contentWithMenu { 
     382  margin-left: 275px; 
     383} 
     384 
     385.switchBox { 
     386  border: 1px solid #000000; 
     387  background-color: #555; 
     388  color:#aaa; 
     389  font-size:14px; 
     390} 
     391 
     392.switchBoxTitle { 
     393  border-bottom: 1px solid #444444; 
     394} 
  • extensions/luciano/themeconf.inc.php

    r6019 r16048  
    1313  'icon_dir'               => 'themes/luciano/icon', 
    1414  'local_head'             => 'local_head.tpl', 
    15   'load_parent_css'        => false, 
     15  'load_parent_css'        => true, // false, 
    1616  'load_parent_local_head' => false, 
    1717); 
Note: See TracChangeset for help on using the changeset viewer.