Aviashow 2010

...ared\webengines\default_html.lrwebengine\detail.html:322: attempt to index field 'renditions' (a nil value)

...ared\webengines\default_html.lrwebengine\detail.html:322: attempt to index field 'renditions' (a nil value)

Switch View
  • ...ared\webengines\default_html.lrwebengine\detail.html:322: in main chunk
  1. <%
  2. --[[ Define some variables to make locating other resources easier
  3. firstPage was defined in our manifest.]]
  4. local image = getImage( index )
  5. local theRoot = ".."
  6. local others = "."
  7. local mySize = "large"
  8. %>
  9. <% --[[ Include the page header]] %>
  10. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  12. <head>
  13. <% --[[ HTML page metadata and stylesheets ]] %>
  14. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  15. <meta name="Keywords" content="photography,software,photos,digital darkroom,gallery,image,photographer,adobe,photoshop,lightroom" >
  16. <meta name="generator" content="Adobe Photoshop Lightroom" >
  17. <title>$model.metadata.siteTitle.value</title>
  18. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="$others/custom.css" >
  19. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="$theRoot/resources/css/master.css" >
  20. <% --[[ Scripting support for rollovers and (when previewed in Lightroom) live Update, photobin syncing ]] %>
  21. <script type="text/javascript">
  22. window.AgMode = "$mode";
  23. cellRolloverColor="#A1A1A1";
  24. cellColor="#949494";
  25. <% if mode == 'preview' then %>
  26. window.AgOnLoad = function() {
  27. tellLightroomWhatImagesWeAreUsing();
  28. setActiveImageSize( "<%= mySize %>" );
  29. <% if image then %>
  30. callCallback( "showInPhotoBin", "$image.imageID" );
  31. <% end %>
  32. }
  33. <% end %>
  34. </script>
  35. <script type="text/javascript" src="$theRoot/resources/js/live_update.js">
  36. </script>
  37. <% --[[ Special hacks for Internet Explorer ]] %>
  38. <!--[if lt IE 7.]> <script defer type="text/javascript" src="$theRoot/resources/js/pngfix.js"></script> <![endif]-->
  39. <!--[if gt IE 6]> <link rel="stylesheet" href="$theRoot/resources/css/ie7.css"></link> <![endif]-->
  40. <!--[if lt IE 7.]> <link rel="stylesheet" href="$theRoot/resources/css/ie6.css"></link> <![endif]-->
  41. </head>
  42. <% --[[ The main HTML page begins here ]] %>
  43. <body>
  44. <% --[[ experimental; get colors from kuler]] %>
  45. <% if model.nonCSS.showKuler then %>
  46. <% if mode == 'preview' then %>
  47. <script language="javascript">
  48. var coloredElements = [
  49. "appearance.textColor.color",
  50. "nonCSS.cellColor",
  51. "appearance.itemNumber.color",
  52. "appearance.body.background-color",
  53. "nonCSS.thumbBorderColor",
  54. "appearance.previewFull.background-color",
  55. "nonCSS.cellRolloverColor",
  56. "nonCSS.cellBorderColor",
  57. "appearance.detailText.color",
  58. "nonCSS.largeImageBorderColor",
  59. "nonCSS.sectionBorderColor"
  60. ];
  61. function hexColorCmp(aValue,bValue) {
  62. aValueSplit = str_split(aValue, 2);
  63. aValueSum = hexdec(aValueSplit[0]) + hexdec(aValueSplit[1]) + hexdec(aValueSplit[2]);
  64. bValueSplit = str_split(bValue, 2);
  65. bValueSum = hexdec(bValueSplit[0]) + hexdec(bValueSplit[1]) + hexdec(bValueSplit[2]);
  66. return aValueSum - bValueSum;
  67. }
  68. function statusMessage( html ) {
  69. document.getElementById( 'kuler_message' ).innerHTML = html;
  70. }
  71. function subStatusMessage( html ) {
  72. document.getElementById( 'kuler_detail' ).innerHTML = html;
  73. }
  74. function getURLContents ( url, callback ) {
  75. document.AgFetchResults = callback;
  76. callCallback( "fetchURL", url );
  77. }
  78. var colors = null;
  79. function parseKulerXML( xmlstring ) {
  80. // convert string to XML object
  81. var xmlobject;
  82. // Windows requires us to include namespace prefix when searching for tags
  83. // by name. Safari doesn't. And neither offers an api for searching by
  84. // tags including the namespace <grrrr />.
  85. var HACK = "";
  86. if (window.ActiveXObject) {
  87. xmlobject=new ActiveXObject("Microsoft.XMLDOM");
  88. xmlobject.async=false;
  89. xmlobject.loadXML( xmlstring );
  90. HACK="kuler:";
  91. }
  92. else {
  93. xmlobject = (new DOMParser()).parseFromString(xmlstring, "text/xml");
  94. }
  95. // get a reference to the root-element "rss"
  96. var root = xmlobject.getElementsByTagName('rss')[0];
  97. // get reference to "channel" element
  98. var channels = root.getElementsByTagName("channel");
  99. // now get all "item" tags in the channel
  100. var items = channels[0].getElementsByTagName("item");
  101. if( items.length == 0 ) {
  102. statusMessage( "No results found. Ready." );
  103. return;
  104. }
  105. var myInfo = "" + items.length + " match<span id='kuler_detail'></span>:<br>";
  106. colors = new Array();
  107. for( var itemIndex = 0; itemIndex < items.length; itemIndex++ ) {
  108. var hexColorArray = new Array();
  109. colors[ itemIndex ] = hexColorArray;
  110. var item = items[ itemIndex ];
  111. // in the "item" we have a description, so get that
  112. var themeID = item.getElementsByTagName( HACK + 'themeID' )[0].firstChild.nodeValue;
  113. // we also get the "pubDate" element in the "item"
  114. var title = item.getElementsByTagName( 'title' )[0].firstChild.nodeValue;
  115. var themeSwatches = item.getElementsByTagName( HACK + 'themeSwatches' )[ 0 ];
  116. var swatches = themeSwatches.getElementsByTagName( HACK + 'swatch' );
  117. myInfo = myInfo + "<div style='margin:5px' onclick='applySwatch( " + itemIndex + " );'>";
  118. for( var swatchIndex = 0; swatchIndex < swatches.length; swatchIndex++ ) {
  119. var swatch = swatches[ swatchIndex ];
  120. var hexColor = swatch.getElementsByTagName( HACK + 'swatchHexColor' )[ 0 ].firstChild.nodeValue;
  121. myInfo = myInfo + "<span style='width:5px; background:#" + hexColor + ";'> </span>";
  122. hexColorArray[ swatchIndex ] = hexColor;
  123. }
  124. myInfo = myInfo + "\n";
  125. myInfo = myInfo + title + ": " + themeID + "</div>";
  126. }
  127. statusMessage(myInfo);
  129. }
  130. function applySwatch( index ) {
  131. subStatusMessage("<B>Applying swatch</B>")
  132. // use a delay, so the web view will actually display the above message before
  133. // starting this work, which may take a moment to complete.
  134. setTimeout("applySwatch0( " + index + " )", 10 );
  135. }
  136. var seed = 0;
  137. function applySwatch0( index ) {
  138. document.LR_modelManipulation = true;
  139. var swatches = colors[ index ];
  140. if( swatches == null ) {
  141. return;
  142. }
  143. for( var index = 0; index<coloredElements.length; index++ ) {
  144. var theColor = coloredElements[ index ];
  145. var swatchIndex = ( seed + index ) % swatches.length;
  146. if( theColor == null ) {
  147. break;
  148. }
  149. var hexColor = swatches[ swatchIndex ];
  150. callCallback( "updateModel", theColor, '#' + hexColor );
  151. }
  152. seed = seed + 1;
  153. document.LR_modelManipulation = false;
  154. subStatusMessage("")
  155. }
  156. function getTheme() {
  157. var query = document.getElementById( 'query' ).value;
  158. kulerURL = 'http://kuler.adobe.com/kuler/API/rss/search.cfm?searchQuery=' + query + '&startIndex=0&itemsPerPage=10'
  159. statusMessage( "Searching..." );
  160. getURLContents( kulerURL, parseKulerXML )
  161. }
  163. var kulerOn = false;
  164. function toggleKuler() {
  165. kulerOn = !kulerOn;
  166. var kulerElement = document.getElementById('kuler');
  167. var style = kulerElement.style;
  168. style.display = kulerOn ? '' : 'none';
  169. }
  170. </script>
  171. <table style="z-index: 2;position:absolute;top:10px;right:10px;">
  172. <tr>
  173. <td onclick="toggleKuler()" id="kulerToggler"><img src='$theRoot/kuler_blog_badge.png' width=28 height=28></td>
  174. <td id="kuler" style="background:white; display:none;">
  175. <div style="border:1px solid black; border-bottom:0; padding:5px;">
  176. Query: <input id='query' type='text' name='query' onkeypress="if( event.keyCode == 13 ) { getTheme(); event.keyCode=null; return false; }">
  177. <input type="button" onclick="getTheme(); return false;" name="button" value="Search">
  178. </div>
  179. <div style="border:1px solid black; border-top:0; padding:5px;">
  180. Status:
  181. <span id="kuler_message">Ready.</span>
  182. </div>
  183. </td>
  184. </tr>
  185. </table>
  186. <% end %>
  187. <% end %>
  188. <div id="wrapper_$mySize">
  189. <%
  190. local function fixUrlIfRelative( url )
  191. url = tostring( url ) or ""
  192. if string.find( url, "[a-z]+:" ) then
  193. -- this url starts with something like http: or mailto:, so leave it alone
  194. else
  195. -- this url is probably relative, so we need to tack on theRoot to the beginning
  196. -- of it, so no matter where the page we're currently viewing is placed in the
  197. -- output hierarchy, this link will still point to the same page
  198. url = theRoot .. "/" .. url;
  199. end
  200. return url
  201. end
  202. --[[ Include the identity plate during preview to enable quick live update ]]
  203. local includeIdentityPlate = mode == 'preview' or model.appearance.logo.display
  204. if includeIdentityPlate then
  205. local url = fixUrlIfRelative( model.metadata.homePage.value )
  206. %>
  207. <div id="model.nonCSS.idplateEnabled">
  208. <div class="logo"> <a href="$url"> <img width="<%= getIdentityPlateSize().width %>" height="<%= getIdentityPlateSize().height %>" class="pngDelayDisplay" src="$others/logo.png" alt="Logo"> </a> </div>
  209. </div>
  210. <%
  211. end --[[ End conditionalize identity plate ]]
  212. %>
  213. <% --[[ Page header titles ]] %>
  214. <div id="sitetitle">
  215. <h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor">$model.metadata.siteTitle.value</h1>
  216. </div>
  217. <div id="collectionHeader">
  218. <h1 onclick="clickTarget( this, 'metadata.groupTitle.value' );" id="metadata.groupTitle.value" class="textColor">$model.metadata.groupTitle.value</h1>
  219. <p onclick="clickTarget( this, 'metadata.groupDescription.value' );" id="metadata.groupDescription.value" class="textColor">$model.metadata.groupDescription.value</p>
  220. </div>
  221. <% --[[ Main image area ]] %>
  222. <div id="stage2">
  223. <div id="previewFull" class="borderTopLeft borderBottomRight">
  224. <div id="detailTitle" class="detailText">
  225. $image.metadata.title
  226. </div>
  227. <% --[[ Pagination section ]] %>
  228. <div class="detailNav">
  229. <ul>
  230. <lr:Pagination>
  231. <lr:PreviousEnabled>
  232. <li class="previous"> <a class="paginationLinks detailText" href="$link"><%= LOC "$$$/AgWPG/Templates/HTML/output/Previous=Previous" %></a> </li>
  233. </lr:PreviousEnabled>
  234. <lr:PreviousDisabled>
  235. <li class="previous detailText"> <%= LOC "$$$/AgWPG/Templates/HTML/output/Previous=Previous" %> </li>
  236. </lr:PreviousDisabled>
  237. <li class="index"> <a href="$gridPageLink" class="detailLinks detailText">Index</a> </li>
  238. <lr:NextEnabled>
  239. <li class="next"> <a class="paginationLinks detailText" href="$link"><%= LOC "$$$/AgWPG/Templates/HTML/output/Next=Next" %></a> </li>
  240. </lr:NextEnabled>
  241. <lr:NextDisabled>
  242. <li class="next detailText"> <%= LOC "$$$/AgWPG/Templates/HTML/output/Next=Next" %> </li>
  243. </lr:NextDisabled>
  244. </lr:Pagination>
  245. </ul>
  246. </div>
  247. <%
  248. --[[
  249. Logic for centering the image on the page. We've decided to implement a rather complicated
  250. layout system for the image depending on whether it can fit nicely in the same area
  251. occupied by the grid. That coupled with the fact that HTML doesn't center things very
  252. well means its a little harder yet. The solution we adopt is to calculate the left margin
  253. for the image, and then position the element manually.
  254. ]]
  255. local imageBorderWidth = 0
  256. local imgWidth = image.renditions.large.width
  257. local imgHeight = image.renditions.large.height
  258. if model.nonCSS.showImageBorderLarge then
  259. imageBorderWidth = model.nonCSS.imageBorderWidth
  260. end
  261. local gridDefinedWidth = model.nonCSS.numCols * 161 + 1
  262. local imagePlusBorderDefinedWith = 2 * imageBorderWidth + model.photoSizes.large.width + 30
  263. local stageWidth = math.max( gridDefinedWidth, imagePlusBorderDefinedWith )
  264. local previewX = math.floor( math.max( 15, ( stageWidth - imgWidth ) / 2 ) ) - imageBorderWidth
  265. %>
  266. <a href="$gridPageLink">
  267. <div style="margin-left:<%= previewX %>px;">
  268. <%
  269. local pathToANode="parentNode.parentNode"
  270. if model.nonCSS.dropShadows then
  271. pathToANode = "parentNode.parentNode.parentNode.parentNode" %>
  272. <div class="dropShadow">
  273. <div class="inner">
  274. <% end %>
  275. <img src="bin/images/large/<%= image.exportFilename %>.jpg"
  276. class="previewFullImage preview"
  277. id="previewImage"
  278. alt="$image.metadata.title"
  279. <% if mode == 'preview' then %>
  280. width=<%= imgWidth %>
  281. height=<%= imgHeight %>
  282. <% end %>
  283. onclick="var node=<%= pathToANode %>; if( node.click ) { return node.click(); } else { return true; }">
  284. <% if model.nonCSS.dropShadows then %>
  285. </div>
  286. </div>
  287. <% end %>
  288. </div>
  289. </a>
  290. <div style="clear:both; height:5px"></div>
  291. <% --[[ Caption ]] %>
  292. <div id="detailCaption" class="detailText">
  293. $image.metadata.description
  294. </div>
  295. </div>
  296. </div>
  297. <div class="clear">
  298. </div>
  299. <% --[[ Include the page footer]] %>
  300. <% --[[ Contact Info ]] %>
  301. <div id="contact">
  302. <% if mode ~= 'preview' then
  303. local url = fixUrlIfRelative( model.metadata.contactInfo.link ) %>
  304. <a href="<%= url %>"> <span
  305. <% else %>
  306. <span onclick="clickTarget( this, 'metadata.contactInfo.value' );" style="text-decoration: underline;"
  307. <% end %>
  308. class="textColor" id="metadata.contactInfo.value"><%= model.metadata.contactInfo.value %></span>
  309. <% if mode ~= 'preview' then %>
  310. </a>
  311. <% end %>
  312. </div>
  313. <div class="clear">
  314. </div>
  315. </div>
  316. </body>
  317. </html>
  2. --[[ Define some variables to make locating other resources easier
  3. firstPage was defined in our manifest.]]
  4. local image = getImage( index )
  5. local theRoot = ".."
  6. local others = "."
  7. local mySize = "large"
  8. write( [[
  9. ]] ) --[[ Include the page header]] write( [[
  10. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  12. <head>
  13. ]] ) --[[ HTML page metadata and stylesheets ]] write( [[
  14. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  15. <meta name="Keywords" content="photography,software,photos,digital darkroom,gallery,image,photographer,adobe,photoshop,lightroom" >
  16. <meta name="generator" content="Adobe Photoshop Lightroom" >
  17. <title>]] )write( model.metadata.siteTitle.value )write( [[</title>
  18. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="]] )write( others )write( [[/custom.css" >
  19. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="]] )write( theRoot )write( [[/resources/css/master.css" >
  20. ]] ) --[[ Scripting support for rollovers and (when previewed in Lightroom) live Update, photobin syncing ]] write( [[
  21. <script type="text/javascript">
  22. window.AgMode = "]] )write( mode )write( [[";
  23. cellRolloverColor="#A1A1A1";
  24. cellColor="#949494";
  25. ]] ) if mode == 'preview' then write( [[
  26. window.AgOnLoad = function() {
  27. tellLightroomWhatImagesWeAreUsing();
  28. setActiveImageSize( "]] )write( mySize )write( [[" );
  29. ]] ) if image then write( [[
  30. callCallback( "showInPhotoBin", "]] )write( image.imageID )write( [[" );
  31. ]] ) end write( [[
  32. }
  33. ]] ) end write( [[
  34. </script>
  35. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/live_update.js">
  36. </script>
  37. ]] ) --[[ Special hacks for Internet Explorer ]] write( [[
  38. <!--]] .. "[" .. [[if lt IE 7.]] .. "]" .. [[> <script defer type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/pngfix.js"></script> <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  39. <!--]] .. "[" .. [[if gt IE 6]] .. "]" .. [[> <link rel="stylesheet" href="]] )write( theRoot )write( [[/resources/css/ie7.css"></link> <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  40. <!--]] .. "[" .. [[if lt IE 7.]] .. "]" .. [[> <link rel="stylesheet" href="]] )write( theRoot )write( [[/resources/css/ie6.css"></link> <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  41. </head>
  42. ]] ) --[[ The main HTML page begins here ]] write( [[
  43. <body>
  44. ]] ) --[[ experimental; get colors from kuler]] write( [[
  45. ]] ) if model.nonCSS.showKuler then write( [[
  46. ]] ) if mode == 'preview' then write( [[
  47. <script language="javascript">
  48. var coloredElements = ]] .. "[" .. [[
  49. "appearance.textColor.color",
  50. "nonCSS.cellColor",
  51. "appearance.itemNumber.color",
  52. "appearance.body.background-color",
  53. "nonCSS.thumbBorderColor",
  54. "appearance.previewFull.background-color",
  55. "nonCSS.cellRolloverColor",
  56. "nonCSS.cellBorderColor",
  57. "appearance.detailText.color",
  58. "nonCSS.largeImageBorderColor",
  59. "nonCSS.sectionBorderColor"
  60. ]] .. "]" .. [[;
  61. function hexColorCmp(aValue,bValue) {
  62. aValueSplit = str_split(aValue, 2);
  63. aValueSum = hexdec(aValueSplit]] .. "[" .. [[0]] .. "]" .. [[) + hexdec(aValueSplit]] .. "[" .. [[1]] .. "]" .. [[) + hexdec(aValueSplit]] .. "[" .. [[2]] .. "]" .. [[);
  64. bValueSplit = str_split(bValue, 2);
  65. bValueSum = hexdec(bValueSplit]] .. "[" .. [[0]] .. "]" .. [[) + hexdec(bValueSplit]] .. "[" .. [[1]] .. "]" .. [[) + hexdec(bValueSplit]] .. "[" .. [[2]] .. "]" .. [[);
  66. return aValueSum - bValueSum;
  67. }
  68. function statusMessage( html ) {
  69. document.getElementById( 'kuler_message' ).innerHTML = html;
  70. }
  71. function subStatusMessage( html ) {
  72. document.getElementById( 'kuler_detail' ).innerHTML = html;
  73. }
  74. function getURLContents ( url, callback ) {
  75. document.AgFetchResults = callback;
  76. callCallback( "fetchURL", url );
  77. }
  78. var colors = null;
  79. function parseKulerXML( xmlstring ) {
  80. // convert string to XML object
  81. var xmlobject;
  82. // Windows requires us to include namespace prefix when searching for tags
  83. // by name. Safari doesn't. And neither offers an api for searching by
  84. // tags including the namespace <grrrr />.
  85. var HACK = "";
  86. if (window.ActiveXObject) {
  87. xmlobject=new ActiveXObject("Microsoft.XMLDOM");
  88. xmlobject.async=false;
  89. xmlobject.loadXML( xmlstring );
  90. HACK="kuler:";
  91. }
  92. else {
  93. xmlobject = (new DOMParser()).parseFromString(xmlstring, "text/xml");
  94. }
  95. // get a reference to the root-element "rss"
  96. var root = xmlobject.getElementsByTagName('rss')]] .. "[" .. [[0]] .. "]" .. [[;
  97. // get reference to "channel" element
  98. var channels = root.getElementsByTagName("channel");
  99. // now get all "item" tags in the channel
  100. var items = channels]] .. "[" .. [[0]] .. "]" .. [[.getElementsByTagName("item");
  101. if( items.length == 0 ) {
  102. statusMessage( "No results found. Ready." );
  103. return;
  104. }
  105. var myInfo = "" + items.length + " match<span id='kuler_detail'></span>:<br>";
  106. colors = new Array();
  107. for( var itemIndex = 0; itemIndex < items.length; itemIndex++ ) {
  108. var hexColorArray = new Array();
  109. colors]] .. "[" .. [[ itemIndex ]] .. "]" .. [[ = hexColorArray;
  110. var item = items]] .. "[" .. [[ itemIndex ]] .. "]" .. [[;
  111. // in the "item" we have a description, so get that
  112. var themeID = item.getElementsByTagName( HACK + 'themeID' )]] .. "[" .. [[0]] .. "]" .. [[.firstChild.nodeValue;
  113. // we also get the "pubDate" element in the "item"
  114. var title = item.getElementsByTagName( 'title' )]] .. "[" .. [[0]] .. "]" .. [[.firstChild.nodeValue;
  115. var themeSwatches = item.getElementsByTagName( HACK + 'themeSwatches' )]] .. "[" .. [[ 0 ]] .. "]" .. [[;
  116. var swatches = themeSwatches.getElementsByTagName( HACK + 'swatch' );
  117. myInfo = myInfo + "<div style='margin:5px' onclick='applySwatch( " + itemIndex + " );'>";
  118. for( var swatchIndex = 0; swatchIndex < swatches.length; swatchIndex++ ) {
  119. var swatch = swatches]] .. "[" .. [[ swatchIndex ]] .. "]" .. [[;
  120. var hexColor = swatch.getElementsByTagName( HACK + 'swatchHexColor' )]] .. "[" .. [[ 0 ]] .. "]" .. [[.firstChild.nodeValue;
  121. myInfo = myInfo + "<span style='width:5px; background:#" + hexColor + ";'> </span>";
  122. hexColorArray]] .. "[" .. [[ swatchIndex ]] .. "]" .. [[ = hexColor;
  123. }
  124. myInfo = myInfo + "\n";
  125. myInfo = myInfo + title + ": " + themeID + "</div>";
  126. }
  127. statusMessage(myInfo);
  129. }
  130. function applySwatch( index ) {
  131. subStatusMessage("<B>Applying swatch</B>")
  132. // use a delay, so the web view will actually display the above message before
  133. // starting this work, which may take a moment to complete.
  134. setTimeout("applySwatch0( " + index + " )", 10 );
  135. }
  136. var seed = 0;
  137. function applySwatch0( index ) {
  138. document.LR_modelManipulation = true;
  139. var swatches = colors]] .. "[" .. [[ index ]] .. "]" .. [[;
  140. if( swatches == null ) {
  141. return;
  142. }
  143. for( var index = 0; index<coloredElements.length; index++ ) {
  144. var theColor = coloredElements]] .. "[" .. [[ index ]] .. "]" .. [[;
  145. var swatchIndex = ( seed + index ) % swatches.length;
  146. if( theColor == null ) {
  147. break;
  148. }
  149. var hexColor = swatches]] .. "[" .. [[ swatchIndex ]] .. "]" .. [[;
  150. callCallback( "updateModel", theColor, '#' + hexColor );
  151. }
  152. seed = seed + 1;
  153. document.LR_modelManipulation = false;
  154. subStatusMessage("")
  155. }
  156. function getTheme() {
  157. var query = document.getElementById( 'query' ).value;
  158. kulerURL = 'http://kuler.adobe.com/kuler/API/rss/search.cfm?searchQuery=' + query + '&startIndex=0&itemsPerPage=10'
  159. statusMessage( "Searching..." );
  160. getURLContents( kulerURL, parseKulerXML )
  161. }
  163. var kulerOn = false;
  164. function toggleKuler() {
  165. kulerOn = !kulerOn;
  166. var kulerElement = document.getElementById('kuler');
  167. var style = kulerElement.style;
  168. style.display = kulerOn ? '' : 'none';
  169. }
  170. </script>
  171. <table style="z-index: 2;position:absolute;top:10px;right:10px;">
  172. <tr>
  173. <td onclick="toggleKuler()" id="kulerToggler"><img src=']] )write( theRoot )write( [[/kuler_blog_badge.png' width=28 height=28></td>
  174. <td id="kuler" style="background:white; display:none;">
  175. <div style="border:1px solid black; border-bottom:0; padding:5px;">
  176. Query: <input id='query' type='text' name='query' onkeypress="if( event.keyCode == 13 ) { getTheme(); event.keyCode=null; return false; }">
  177. <input type="button" onclick="getTheme(); return false;" name="button" value="Search">
  178. </div>
  179. <div style="border:1px solid black; border-top:0; padding:5px;">
  180. Status:
  181. <span id="kuler_message">Ready.</span>
  182. </div>
  183. </td>
  184. </tr>
  185. </table>
  186. ]] ) end write( [[
  187. ]] ) end write( [[
  188. <div id="wrapper_]] )write( mySize )write( [[">
  189. ]] )
  190. local function fixUrlIfRelative( url )
  191. url = tostring( url ) or ""
  192. if string.find( url, "[a-z]+:" ) then
  193. -- this url starts with something like http: or mailto:, so leave it alone
  194. else
  195. -- this url is probably relative, so we need to tack on theRoot to the beginning
  196. -- of it, so no matter where the page we're currently viewing is placed in the
  197. -- output hierarchy, this link will still point to the same page
  198. url = theRoot .. "/" .. url;
  199. end
  200. return url
  201. end
  202. --[[ Include the identity plate during preview to enable quick live update ]]
  203. local includeIdentityPlate = mode == 'preview' or model.appearance.logo.display
  204. if includeIdentityPlate then
  205. local url = fixUrlIfRelative( model.metadata.homePage.value )
  206. write( [[
  207. <div id="model.nonCSS.idplateEnabled">
  208. <div class="logo"> <a href="]] )write( url )write( [["> <img width="]] )write( getIdentityPlateSize().width )write( [[" height="]] )write( getIdentityPlateSize().height )write( [[" class="pngDelayDisplay" src="]] )write( others )write( [[/logo.png" alt="Logo"> </a> </div>
  209. </div>
  210. ]] )
  211. end --[[ End conditionalize identity plate ]]
  212. write( [[
  213. ]] ) --[[ Page header titles ]] write( [[
  214. <div id="sitetitle">
  215. <h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor">]] )write( model.metadata.siteTitle.value )write( [[</h1>
  216. </div>
  217. <div id="collectionHeader">
  218. <h1 onclick="clickTarget( this, 'metadata.groupTitle.value' );" id="metadata.groupTitle.value" class="textColor">]] )write( model.metadata.groupTitle.value )write( [[</h1>
  219. <p onclick="clickTarget( this, 'metadata.groupDescription.value' );" id="metadata.groupDescription.value" class="textColor">]] )write( model.metadata.groupDescription.value )write( [[</p>
  220. </div>
  221. ]] ) --[[ Main image area ]] write( [[
  222. <div id="stage2">
  223. <div id="previewFull" class="borderTopLeft borderBottomRight">
  224. <div id="detailTitle" class="detailText">
  225. ]] )write( image.metadata.title )write( [[
  226. </div>
  227. ]] ) --[[ Pagination section ]] write( [[
  228. <div class="detailNav">
  229. <ul>
  230. ]] ) do local LrPaginationEntries = {}
  231. local oldWrite = write
  232. write = function( w )
  233. table.insert( LrPaginationEntries, function() oldWrite( w ) end )
  234. end
  235. write( [[
  236. ]] )LrPaginationEntries.PreviousEnabled = function( page, link ) write( [[
  237. <li class="previous"> <a class="paginationLinks detailText" href="]] )write( link )write( [[">]] )write( LOC "$$$/AgWPG/Templates/HTML/output/Previous=Previous" )write( [[</a> </li>
  238. ]] )end table.insert( LrPaginationEntries, 'Previous' ) write( [[
  239. ]] )LrPaginationEntries.PreviousDisabled = function( ) write( [[
  240. <li class="previous detailText"> ]] )write( LOC "$$$/AgWPG/Templates/HTML/output/Previous=Previous" )write( [[ </li>
  241. ]] )end write( [[
  242. <li class="index"> <a href="]] )write( gridPageLink )write( [[" class="detailLinks detailText">Index</a> </li>
  243. ]] )LrPaginationEntries.NextEnabled = function( page, link ) write( [[
  244. <li class="next"> <a class="paginationLinks detailText" href="]] )write( link )write( [[">]] )write( LOC "$$$/AgWPG/Templates/HTML/output/Next=Next" )write( [[</a> </li>
  245. ]] )end table.insert( LrPaginationEntries, 'Next' ) write( [[
  246. ]] )LrPaginationEntries.NextDisabled = function( ) write( [[
  247. <li class="next detailText"> ]] )write( LOC "$$$/AgWPG/Templates/HTML/output/Next=Next" )write( [[ </li>
  248. ]] )end write( [[
  249. ]] )write = oldWrite LrTagFuncs.PaginationFunc( _G, LrPaginationEntries ) end write( [[
  250. </ul>
  251. </div>
  252. ]] )
  253. --[[
  254. Logic for centering the image on the page. We've decided to implement a rather complicated
  255. layout system for the image depending on whether it can fit nicely in the same area
  256. occupied by the grid. That coupled with the fact that HTML doesn't center things very
  257. well means its a little harder yet. The solution we adopt is to calculate the left margin
  258. for the image, and then position the element manually.
  259. ]]
  260. local imageBorderWidth = 0
  261. local imgWidth = image.renditions.large.width
  262. local imgHeight = image.renditions.large.height
  263. if model.nonCSS.showImageBorderLarge then
  264. imageBorderWidth = model.nonCSS.imageBorderWidth
  265. end
  266. local gridDefinedWidth = model.nonCSS.numCols * 161 + 1
  267. local imagePlusBorderDefinedWith = 2 * imageBorderWidth + model.photoSizes.large.width + 30
  268. local stageWidth = math.max( gridDefinedWidth, imagePlusBorderDefinedWith )
  269. local previewX = math.floor( math.max( 15, ( stageWidth - imgWidth ) / 2 ) ) - imageBorderWidth
  270. write( [[
  271. <a href="]] )write( gridPageLink )write( [[">
  272. <div style="margin-left:]] )write( previewX )write( [[px;">
  273. ]] )
  274. local pathToANode="parentNode.parentNode"
  275. if model.nonCSS.dropShadows then
  276. pathToANode = "parentNode.parentNode.parentNode.parentNode" write( [[
  277. <div class="dropShadow">
  278. <div class="inner">
  279. ]] ) end write( [[
  280. <img src="bin/images/large/]] )write( image.exportFilename )write( [[.jpg"
  281. class="previewFullImage preview"
  282. id="previewImage"
  283. alt="]] )write( image.metadata.title )write( [["
  284. ]] ) if mode == 'preview' then write( [[
  285. width=]] )write( imgWidth )write( [[
  286. height=]] )write( imgHeight )write( [[
  287. ]] ) end write( [[
  288. onclick="var node=]] )write( pathToANode )write( [[; if( node.click ) { return node.click(); } else { return true; }">
  289. ]] ) if model.nonCSS.dropShadows then write( [[
  290. </div>
  291. </div>
  292. ]] ) end write( [[
  293. </div>
  294. </a>
  295. <div style="clear:both; height:5px"></div>
  296. ]] ) --[[ Caption ]] write( [[
  297. <div id="detailCaption" class="detailText">
  298. ]] )write( image.metadata.description )write( [[
  299. </div>
  300. </div>
  301. </div>
  302. <div class="clear">
  303. </div>
  304. ]] ) --[[ Include the page footer]] write( [[
  305. ]] ) --[[ Contact Info ]] write( [[
  306. <div id="contact">
  307. ]] ) if mode ~= 'preview' then
  308. local url = fixUrlIfRelative( model.metadata.contactInfo.link ) write( [[
  309. <a href="]] )write( url )write( [["> <span
  310. ]] ) else write( [[
  311. <span onclick="clickTarget( this, 'metadata.contactInfo.value' );" style="text-decoration: underline;"
  312. ]] ) end write( [[
  313. class="textColor" id="metadata.contactInfo.value">]] )write( model.metadata.contactInfo.value )write( [[</span>
  314. ]] ) if mode ~= 'preview' then write( [[
  315. </a>
  316. ]] ) end write( [[
  317. </div>
  318. <div class="clear">
  319. </div>
  320. </div>
  321. </body>
  322. </html>
  323. ]] )