[30643] | 1 | {include file='include/colorbox.inc.tpl'} |
---|
[30730] | 2 | {combine_script id='core.switchbox' load='async' require='jquery' path='themes/default/js/switchbox.js'} |
---|
[30643] | 3 | {combine_script id='picture-js' load='async' require='jquery,jquery.colorbox' path='themes/greydragon/js/theme.photo.js'} |
---|
[30484] | 4 | {assign var=overlay_mode value="off"} |
---|
| 5 | {if $greydragon.p_pict_tab_mode == "txt-with-overlay" || $greydragon.p_pict_tab_mode == "ico-with-overlay"}{$overlay_mode="on"}{/if} |
---|
| 6 | {assign var=ico_mode value="off"} |
---|
| 7 | {if $greydragon.p_pict_tab_mode == "ico-tab-open" || $greydragon.p_pict_tab_mode == "ico-tab-close" || $greydragon.p_pict_tab_mode == "ico-with-overlay"}{$ico_mode="on"}{/if} |
---|
[30643] | 8 | |
---|
[30210] | 9 | {if isset($MENUBAR)}{$MENUBAR}{/if} |
---|
[30484] | 10 | |
---|
[30210] | 11 | <div id="content"{if isset($MENUBAR)} class="contentWithMenu"{/if}> |
---|
| 12 | {if isset($errors) or not empty($infos)} |
---|
| 13 | {include file='infos_errors.tpl'} |
---|
| 14 | {/if} |
---|
| 15 | |
---|
| 16 | {if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if} |
---|
| 17 | |
---|
| 18 | <div id="imageHeaderBar"> |
---|
| 19 | <div class="browsePath"> |
---|
| 20 | {$SECTION_TITLE}<span class="browsePathSeparator">{$LEVEL_SEPARATOR}</span><h2>{$current.TITLE}</h2> |
---|
| 21 | </div> |
---|
| 22 | </div> |
---|
| 23 | |
---|
| 24 | <div id="imageToolBar"> |
---|
| 25 | <div class="imageNumber">{$PHOTO}</div> |
---|
| 26 | {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} |
---|
| 27 | |
---|
| 28 | <div class="actionButtons"> |
---|
| 29 | {if isset($current.unique_derivatives) && count($current.unique_derivatives)>1} |
---|
| 30 | {footer_script require='jquery'}{literal} |
---|
| 31 | function changeImgSrc(url,typeSave,typeMap) { |
---|
| 32 | var theImg = document.getElementById("theMainImage"); |
---|
| 33 | if (theImg) |
---|
| 34 | { |
---|
| 35 | theImg.removeAttribute("width");theImg.removeAttribute("height"); |
---|
| 36 | theImg.src = url; |
---|
| 37 | theImg.useMap = "#map"+typeMap; |
---|
| 38 | } |
---|
| 39 | jQuery('#derivativeSwitchBox .switchCheck').css('visibility','hidden'); |
---|
| 40 | jQuery('#derivativeChecked'+typeMap).css('visibility','visible'); |
---|
| 41 | document.cookie = 'picture_deriv='+typeSave+';path={/literal}{$COOKIE_PATH}{literal}'; |
---|
| 42 | } |
---|
| 43 | (SwitchBox=window.SwitchBox||[]).push("#derivativeSwitchLink", "#derivativeSwitchBox"); |
---|
| 44 | {/literal}{/footer_script} |
---|
| 45 | |
---|
| 46 | {strip}<a id="derivativeSwitchLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 47 | <span class="pwg-icon pwg-icon-sizes"></span><span class="pwg-button-text">{'Photo sizes'|@translate}</span> |
---|
| 48 | </a> |
---|
| 49 | <div id="derivativeSwitchBox" class="switchBox"> |
---|
| 50 | <div class="switchBoxTitle">{'Photo sizes'|@translate}</div> |
---|
| 51 | {foreach from=$current.unique_derivatives item=derivative key=derivative_type} |
---|
| 52 | <span class="switchCheck" id="derivativeChecked{$derivative->get_type()}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>✔ </span> |
---|
| 53 | <a href="javascript:changeImgSrc('{$derivative->get_url()|@escape:javascript}','{$derivative_type}','{$derivative->get_type()}')"> |
---|
| 54 | {$derivative->get_type()|@translate}<span class="derivativeSizeDetails"> ({$derivative->get_size_hr()})</span> |
---|
| 55 | </a><br> |
---|
| 56 | {/foreach} |
---|
| 57 | {if isset($U_ORIGINAL)} |
---|
| 58 | {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'} |
---|
| 59 | <a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'Original'|@translate}</a> |
---|
| 60 | {/if} |
---|
| 61 | </div> |
---|
| 62 | {/strip} |
---|
| 63 | {/if} |
---|
| 64 | {strip}{if isset($U_SLIDESHOW_START)} |
---|
| 65 | <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 66 | <span class="pwg-icon pwg-icon-slideshow"></span><span class="pwg-button-text">{'slideshow'|@translate}</span> |
---|
| 67 | </a> |
---|
| 68 | {/if}{/strip} |
---|
| 69 | {strip}{if isset($current.U_DOWNLOAD)} |
---|
[31733] | 70 | <a id="downloadSwitchLink" href="{$current.U_DOWNLOAD}" title="{'Download this file'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
[30210] | 71 | <span class="pwg-icon pwg-icon-save"></span><span class="pwg-button-text">{'Download'|@translate}</span> |
---|
| 72 | </a> |
---|
| 73 | {/if}{/strip} |
---|
| 74 | {if isset($PLUGIN_PICTURE_BUTTONS)}{foreach from=$PLUGIN_PICTURE_BUTTONS item=button}{$button}{/foreach}{/if} |
---|
| 75 | {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if} |
---|
| 76 | {strip}{if isset($favorite)} |
---|
| 77 | <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this photo from your favorites'|@translate}{else}{'add this photo to your favorites'|@translate}{/if}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 78 | <span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}"></span><span class="pwg-button-text">{'Favorites'|@translate}</span> |
---|
| 79 | </a> |
---|
| 80 | {/if}{/strip} |
---|
| 81 | {strip}{if isset($U_SET_AS_REPRESENTATIVE)} |
---|
| 82 | <a id="cmdSetRepresentative" href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 83 | <span class="pwg-icon pwg-icon-representative"></span><span class="pwg-button-text">{'representative'|@translate}</span> |
---|
| 84 | </a> |
---|
| 85 | {/if}{/strip} |
---|
| 86 | {strip}{if isset($U_PHOTO_ADMIN)} |
---|
| 87 | <a id="cmdEditPhoto" href="{$U_PHOTO_ADMIN}" title="{'Modify information'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 88 | <span class="pwg-icon pwg-icon-edit"></span><span class="pwg-button-text">{'Edit'|@translate}</span> |
---|
| 89 | </a> |
---|
| 90 | {/if}{/strip} |
---|
| 91 | {strip}{if isset($U_CADDIE)}{*caddie management BEGIN*} |
---|
| 92 | {footer_script} |
---|
[30484] | 93 | {literal}function addToCadie(aElement, rootUrl, id) { |
---|
| 94 | if (aElement.disabled) return; |
---|
| 95 | aElement.disabled=true; |
---|
| 96 | var y = new PwgWS(rootUrl); |
---|
| 97 | y.callService("pwg.caddie.add", {image_id: id}, { onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; }, onSuccess: function(result) { aElement.disabled = false; }}); |
---|
[30210] | 98 | }{/literal} |
---|
| 99 | {/footer_script} |
---|
| 100 | <a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL}', {$current.id}); return false;" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> |
---|
| 101 | <span class="pwg-icon pwg-icon-caddie-add"> </span><span class="pwg-button-text">{'Caddie'|@translate}</span> |
---|
| 102 | </a> |
---|
| 103 | {/if}{/strip}{*caddie management END*} |
---|
| 104 | </div> |
---|
| 105 | </div>{*<!-- imageToolBar -->*} |
---|
| 106 | |
---|
[31107] | 107 | <div id="theImageAndInfos"{if $DISPLAY_NAV_THUMB} class="nav-thumb-margin"{/if}> |
---|
[30210] | 108 | <div id="theImage"> |
---|
| 109 | {$ELEMENT_CONTENT} |
---|
| 110 | |
---|
| 111 | {if isset($U_SLIDESHOW_STOP)} |
---|
| 112 | <p> |
---|
| 113 | [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> ] |
---|
| 114 | </p> |
---|
| 115 | {/if} |
---|
| 116 | |
---|
[30741] | 117 | {if $DISPLAY_NAV_THUMB} |
---|
[30210] | 118 | <div id="imageInfos"> |
---|
| 119 | <div class="navThumbs"> |
---|
| 120 | {if isset($previous)} |
---|
| 121 | <a class="navThumb" id="linkPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE_ESC}" rel="prev"> |
---|
| 122 | <span class="thumbHover prevThumbHover"></span> |
---|
| 123 | <img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE_ESC}"> |
---|
| 124 | </a> |
---|
| 125 | {elseif isset($U_UP)} |
---|
| 126 | <a class="navThumb" id="linkPrev" href="{$U_UP}" title="{'Thumbnails'|@translate}"> |
---|
| 127 | <div class="thumbHover">{'First Page'|@translate}<br><br>{'Go back to the album'|@translate}</div> |
---|
| 128 | </a> |
---|
| 129 | {/if} |
---|
| 130 | {if isset($next)} |
---|
| 131 | <a class="navThumb" id="linkNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE_ESC}" rel="next"> |
---|
| 132 | <span class="thumbHover nextThumbHover"></span> |
---|
| 133 | <img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE_ESC}"> |
---|
| 134 | </a> |
---|
| 135 | {elseif isset($U_UP)} |
---|
| 136 | <a class="navThumb" id="linkNext" href="{$U_UP}" title="{'Thumbnails'|@translate}"> |
---|
| 137 | <div class="thumbHover">{'Last Page'|@translate}<br><br>{'Go back to the album'|@translate}</div> |
---|
| 138 | </a> |
---|
| 139 | {/if} |
---|
| 140 | </div> |
---|
| 141 | </div> |
---|
[30741] | 142 | {/if} |
---|
| 143 | |
---|
| 144 | </div> |
---|
| 145 | |
---|
[30484] | 146 | {if $greydragon.p_pict_tab_mode !== "hide" && $overlay_mode == "on"} |
---|
[31107] | 147 | <div id="image-metadata-ico"> |
---|
[30484] | 148 | <ul class="image-metadata-ico"> |
---|
[31043] | 149 | {include file='picture_tab_ico.tpl'} |
---|
| 150 | {*GD_META_ICO*} |
---|
[30484] | 151 | </ul> |
---|
[30210] | 152 | </div> |
---|
[30484] | 153 | {/if} |
---|
| 154 | |
---|
| 155 | </div> |
---|
| 156 | |
---|
[30210] | 157 | {assign var=def_tab value="{$greydragon.p_pict_tab_default}"} |
---|
| 158 | {if !isset($metadata) && $def_tab == 'exif'}{$def_tab="desc"}{/if} |
---|
| 159 | {if !isset($COMMENT_COUNT) && $def_tab == 'comments'}{$def_tab="desc"}{/if} |
---|
[30643] | 160 | {if !isset( $COMMENT_IMG ) && $def_tab == 'desc'}{$def_tab="info"}{/if} |
---|
[30484] | 161 | {if $greydragon.p_pict_tab_mode !== "hide" && $overlay_mode == "off"} |
---|
[30210] | 162 | <ul class="image-metadata"> |
---|
[31043] | 163 | {include file='picture_tab_txt.tpl'} |
---|
| 164 | {*GD_META_TXT*} |
---|
[30484] | 165 | <li id="image-metadata-toggle" class="glyphicon {if $greydragon.p_pict_tab_mode == "txt-tab-close" || $greydragon.p_pict_tab_mode == "ico-tab-close"}glyphicon-chevron-down{else}glyphicon-chevron-up{/if}" ></li> |
---|
[30210] | 166 | </ul> |
---|
[30484] | 167 | {/if} |
---|
| 168 | {if $greydragon.p_pict_tab_mode !== "hide"} |
---|
| 169 | <div class="image-metadata-tabs{if $overlay_mode=="on"} overlay{/if}" {if $greydragon.p_pict_tab_mode == "txt-tab-close" || $greydragon.p_pict_tab_mode == "ico-tab-close" || $overlay_mode=="on"}style="display: none;"{/if}> |
---|
[31043] | 170 | {include file='picture_tab_content.tpl'} |
---|
| 171 | {*GD_META_CONTENT*} |
---|
[30210] | 172 | </div> |
---|
| 173 | {/if} |
---|
[30484] | 174 | </div> |
---|
[31043] | 175 | {* if isset($greydragon.image_preload)} |
---|
| 176 | <div id="image_urls" style="display:none;"> |
---|
| 177 | {foreach from=$U_IMGNEXT item=u_img key=id} |
---|
| 178 | {if isset($u_img)}<div class="next{$id} preload">{$u_img}</div>{/if} |
---|
| 179 | {/foreach} |
---|
| 180 | </div> |
---|
| 181 | { /if *} |
---|
| 182 | |
---|
[30210] | 183 | {if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if} |
---|