Skip to content

Instantly share code, notes, and snippets.

@riscos

riscos/Book edit form

Created December 13, 2013 19:27
Show Gist options
  • Save riscos/7949777 to your computer and use it in GitHub Desktop.
Save riscos/7949777 to your computer and use it in GitHub Desktop.
Download ZIP
The form as generated by my site
Raw
Book edit form
<form method="post" action="http://dev.ubuntuvb.localhost/book/update" id="page" class="jsBindForms jsSetupForms" name="book" enctype="multipart/form-data" autocomplete="off">
<div style="display: none">
<input type="hidden" value="83adac8b-eed3-b216-5342-f30c8a83db73" name="book[__identity]">
<input type="hidden" value="c0bcb76e-2737-9430-38b9-a67b17eb9a08" name="book[image][__identity]">
<input type="hidden" value="Gamebook.Gamebook" name="__referrer[@package]">
<input type="hidden" value="" name="__referrer[@subpackage]">
<input type="hidden" value="Book" name="__referrer[@controller]">
<input type="hidden" value="edit" name="__referrer[@action]">
<input type="hidden" value="YToxOntzOjQ6ImJvb2siO2E6MTp7czoxMDoiX19pZGVudGl0eSI7czozNjoiODNhZGFjOGItZWVkMy1iMjE2LTUzNDItZjMwYzhhODNkYjczIjt9fQ==620d6bc2c7f400359aa9a3c521cc7d9aeec9a282" name="__referrer[arguments]">
<input type="hidden" value="" name="book[playAsBook]">
<input type="hidden" value="" name="book[genres]">
<input type="hidden" value="" name="book[hidden]">
<input type="hidden" value="" name="book[example]">
<input type="hidden" value="" name="book[anonymous]">
<input type="hidden" value="a:19:{s:4:&quot;book&quot;;a:20:{s:5:&quot;title&quot;;i:1;s:10:&quot;titleshort&quot;;i:1;s:7:&quot;summary&quot;;i:1;s:11:&quot;description&quot;;i:1;s:5:&quot;theme&quot;;i:1;s:11:&quot;abilityPack&quot;;i:1;s:10:&quot;playAsBook&quot;;i:1;s:9:&quot;ageRating&quot;;i:1;s:6:&quot;genres&quot;;a:9:{i:0;i:1;i:1;i:1;i:2;i:1;i:3;i:1;i:4;i:1;i:5;i:1;i:6;i:1;i:7;i:1;i:8;i:1;}s:5:&quot;image&quot;;a:5:{s:5:&quot;title&quot;;i:1;s:10:&quot;__identity&quot;;i:1;s:10:&quot;titleshort&quot;;i:1;s:7:&quot;caption&quot;;i:1;s:16:&quot;originalResource&quot;;i:1;}s:6:&quot;author&quot;;i:1;s:7:&quot;updated&quot;;i:1;s:9:&quot;createdBy&quot;;i:1;s:7:&quot;created&quot;;i:1;s:8:&quot;seoTitle&quot;;i:1;s:14:&quot;seoDescription&quot;;i:1;s:6:&quot;hidden&quot;;i:1;s:7:&quot;example&quot;;i:1;s:9:&quot;anonymous&quot;;i:1;s:10:&quot;__identity&quot;;i:1;}i:0;i:1;s:25:&quot;selectionListSearch_theme&quot;;i:1;s:31:&quot;selectionListSearch_abilityPack&quot;;i:1;s:29:&quot;selectionListSearch_ageRating&quot;;i:1;s:26:&quot;selectionListSearch_genres&quot;;i:1;s:5:&quot;image&quot;;a:6:{s:4:&quot;name&quot;;i:1;s:4:&quot;type&quot;;i:1;s:5:&quot;width&quot;;i:1;s:4:&quot;size&quot;;i:1;s:11:&quot;orientation&quot;;i:1;s:6:&quot;height&quot;;i:1;}i:1;i:1;s:26:&quot;selectionListSearch_author&quot;;i:1;i:2;i:1;i:3;i:1;i:4;i:1;i:5;i:1;s:29:&quot;selectionListSearch_createdBy&quot;;i:1;i:6;i:1;i:7;i:1;i:8;i:1;s:14:&quot;gbFormSaveBook&quot;;i:1;s:16:&quot;gbFormDeleteBook&quot;;i:1;}1baae2b5c95042e9500703ee1f6d43c9c3915973" name="__trustedProperties">
<input type="hidden" value="61bff4b0919a7e74114654b2a3766795" name="__csrfToken">
</div>
<div id="gbCookies">
<p class="cookieMessageMain">Can <span class="siteBrand">Book<strong>Path</strong></span> set cookies?</p>
<div class="cookieButtons">
<a class="formButton primary jsBindFormButtons" data-gb-button_type="cookieYes" title="Yes" href="#">Yes</a>
<a class="formButton jsBindFormButtons" data-gb-button_type="cookieNo" title="No" href="#">No</a>
</div>
<p class="cookieMessage"><span class="siteBrand">Book<strong>Path</strong></span> uses cookies, some may have been set already. <a href="#">Learn more about our cookies.</a></p>
<p class="cookieMessage">Most functions on <span class="siteBrand">Book<strong>Path</strong></span> require cookies</p>
</div>
<header>
<div id="headerBar">
<nav class="hNav hNavLeft headerContent">
<ul>
<li class="first"><a href="http://dev.ubuntuvb.localhost/user/profile" title="View and edit your profile" class="hNavItem hNavItemUser">Stephen Cox</a></li>
<li class="last"><a href="http://dev.ubuntuvb.localhost/logout" title="Logout of BOOKPATH" class="hNavItem">Logout</a></li>
</ul>
</nav>
<nav class="hNav hNavRight headerContent">
<ul>
<li class="first"><a href="http://dev.ubuntuvb.localhost/" title="Go to Book Path" class="hNavItem">Home</a></li>
<li><a href="http://dev.ubuntuvb.localhost/books/yours" title="View / edit books created by you" class="hNavItem">Your Books</a></li>
<li class="last"><a href="http://dev.ubuntuvb.localhost/books" title="Discover and find books to read and play" class="hNavItem">Browse Books</a></li>
</ul>
</nav>
<h1 class="siteBrand">Book<strong>Path</strong></h1>
</div>
<div id="userBar">
<nav class="hNav hNavLeft userBarContent">
<ul>
<li class="first"><a href="http://dev.ubuntuvb.localhost/book/new" title="Create a new book" class="hNavItem">Create Book</a></li>
<li class="last"><a href="http://dev.ubuntuvb.localhost/abilitypacks/manage" title="View / edit ability packs" class="hNavItem">Manage Abilities</a></li>
</ul></nav>
<nav class="hNav hNavRight userBarContent">
<ul>
<li class="last">
<span class="hNavItem jsBindDropdownMenus dropDownMenu dropDownMenu-admin">
<span class="ddLabel">Administration <span class="ddIcon">&nbsp;</span></span>
<ul class="ddMenu">
<li><a href="http://dev.ubuntuvb.localhost/admin/books" title="View / edit all books" class="hNavItem">Books</a></li>
<li><a href="http://dev.ubuntuvb.localhost/admin/genre/manage" title="View / edit genres" class="hNavItem">Genres</a></li>
<li><a href="http://dev.ubuntuvb.localhost/admin/logs" title="View log messages" class="hNavItem">Logs</a></li>
<li><a href="http://dev.ubuntuvb.localhost/admin/sitepages/manage" title="View / edit site pages" class="hNavItem">Site Pages</a></li>
<li><a href="http://dev.ubuntuvb.localhost/admin/sitemaps/manage" title="Create / update sitemaps" class="hNavItem">Sitemaps</a></li>
<li><a href="http://dev.ubuntuvb.localhost/themes/manage" title="View / edit themes" class="hNavItem">Themes</a></li>
<li><a href="http://dev.ubuntuvb.localhost/admin/user/manage" title="View / edit users" class="hNavItem">Users</a></li>
</ul>
</span>
</li>
</ul>
</nav>
</div>
</header>
<div id="pageContent">
<div class="contentPane contentPane-default contentPaneActive">
<section class="section-default section-fixedSidebar">
<div id="leftColumn">
<h2>Edit Book <span class="subTitle">rrrrrrrrrrrrrrrrrrrrrsdsc</span></h2>
<div style="display: none;" class="infoMessages adaptiveMessages">
</div>
<div class="fieldContainer">
<div class="fieldRow fieldRow-normal fieldRow-required">
<span class="charCounter">
<span class="charCounter-current">25</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">120</span>
</span>
<label for="title">Title</label>
<span class="fieldClearerIcon visible" style="bottom: 6.5px;">&nbsp;</span><input type="text" value="rrrrrrrrrrrrrrrrrrrrrsdsc" name="book[title]" id="title" class="jsBindTextfields jsBindCharCounters formField jsValidateFields autoFillChecked" maxlength="120" data-gb-validate_field="title" data-gb-validate_type="book" data-gb-min="1" data-gb-max="120" data-gb-confirm_target="bookDelete" data-gb-prev="rrrrrrrrrrrrrrrrrrrrrsdsc" data-gb-initial="rrrrrrrrrrrrrrrrrrrrrsdsc">
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
<div class="tabs jsSetupTabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="tabButtons ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li title="Main" class="first ui-state-default ui-corner-top" data-gb-tab_errors="0" role="tab" tabindex="-1" aria-controls="tab-1" aria-labelledby="ui-id-1" aria-selected="false" style="z-index: 4;">
<a href="#tab-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Main<span class="tabCap">&nbsp;</span><span class="tabShadow">&nbsp;</span></a>
</li>
<li title="Options" class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tab-2" aria-labelledby="ui-id-2" aria-selected="false" style="z-index: 3;">
<a href="#tab-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Options<span class="tabCap">&nbsp;</span><span class="tabShadow">&nbsp;</span></a>
</li>
<li title="Classification" class="ui-state-default ui-corner-top tabShadowed" role="tab" tabindex="-1" aria-controls="tab-3" aria-labelledby="ui-id-3" aria-selected="false" style="z-index: 2;">
<a href="#tab-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Classification<span class="tabCap">&nbsp;</span><span class="tabShadow">&nbsp;</span></a>
</li>
<li title="Media" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-4" aria-labelledby="ui-id-4" aria-selected="true" style="">
<a href="#tab-4" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Media<span class="tabCap">&nbsp;</span><span class="tabShadow">&nbsp;</span></a>
</li>
<li title="Meta" class="last ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tab-6" aria-labelledby="ui-id-5" aria-selected="false" style="z-index: 1;">
<a href="#tab-6" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5">Meta<span class="tabCap">&nbsp;</span><span class="tabShadow">&nbsp;</span></a>
</li>
</ul><!-- /tabButtons -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-1" aria-labelledby="ui-id-1" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
<div class="fieldContainer">
<div class="columns">
<div class="column column-1">
<div class="fieldRow fieldRow-normal">
<span class="charCounter">
<span class="charCounter-current">6</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">60</span>
</span>
<label for="titleshort">Title (short)</label>
<span class="fieldClearerIcon visible" style="bottom: 6.5px;">&nbsp;</span><input type="text" value="sdcsdc" name="book[titleshort]" id="titleshort" class="jsBindTextfields jsBindCharCounters formField jsValidateFields autoFillChecked" maxlength="60" data-gb-validate_field="titleshort" data-gb-validate_type="book" data-gb-min="0" data-gb-max="60" data-gb-prev="sdcsdc" data-gb-initial="sdcsdc">
</div><!-- /fieldRow -->
</div><!-- /column-1 -->
<div class="column column-2">
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
<div class="fieldRow fieldRow-textarea">
<span class="charCounter">
<span class="charCounter-current">0</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">255</span>
</span>
<label for="summary">Summary</label>
<span class="fieldClearerIcon" style="">&nbsp;</span><textarea name="book[summary]" id="summary" class="jsBindTextareas jsBindCharCounters formField compact jsValidateFields autoFillChecked" cols="30" rows="3" data-gb-validate_field="summary" data-gb-validate_type="book" maxlength="255" data-gb-min="0" data-gb-max="255" data-gb-prev="" data-gb-initial=""></textarea>
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-textarea">
<script>
var gbLinker = window.gbLinker || (window.gbLinker = {});
gbLinker["page"] = [
];
</script>
<label for="description">Description</label>
<textarea name="book[description]" id="description" class="jsBindTextareas jsMakeEditors formField" cols="30" rows="3" style="display: none;"></textarea><div contenteditable="true" class="aloha-textarea aloha-editable aloha-block-blocklevel-sortable ui-sortable" id="description-aloha" style="height: 166px; width: 100%;"><br class="aloha-cleanme" style=""></div>
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
</section><!-- /tab-1 -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-2" aria-labelledby="ui-id-2" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
<div class="fieldContainer">
<div class="columns">
<div class="column column-1">
<div data-gb-selectortype="normal" data-gb-selectortarget="theme" class="fieldRow fieldRow-selector">
<label>Theme</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">Default (Default)</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select a Theme" class="popup popup-theme hidden">
<div data-gb-image_property="preview" data-gb-config="theme" class="selectionListContainer selectionListContainer-image popupContentContainer popupCleanup selectionList-ajax">
<div class="setup setup-selectionList hidden">
<span class="ajax hidden">
<select name="" id="themeAjax" class="">
</select>
</span>
<span class="options hidden">
<select name="book[theme]" id="theme" class="formField" data-gb-prevvalue="76b004f4-a08e-e580-13da-f79b1f4546e5" data-gb-initialvalue="76b004f4-a08e-e580-13da-f79b1f4546e5"><option class="originalState-unselected" value="76b004f4-a08e-e580-13da-f79b1f4546e5">Default</option>
</select>
</span>
</div>
<div class="searchControls selectionListControls">
<div class="fieldRow fieldRow-search fieldRow-inline invisible disabled">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_theme" class="search search-selectionList" disabled="disabled">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<ul class="searchList selectionList singleChoice"></ul>
<p class="noSearchMatches hidden">No matches found</p>
<p class="populateListIndicator loadingIndicator"><span class="loadingText">Please wait, populating list...</span><span class="loadingImage"><img width="32" height="24" alt="" src="http://dev.ubuntuvb.localhost/_Resources/Static/Packages/Gamebook.Gamebook/Images/Animations/loading.png"></span></p>
<div class="pageBrowser hidden">
<span class="pbNpButtons pbNpButtons-next">&nbsp;</span>
<span class="pbNpButtons pbNpButtons-prev">&nbsp;</span>
<span class="pbPagesButtons">&nbsp;</span>
<div class="clearer"></div>
</div>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-theme">
gbSetup['selLists']['theme'] = {
deselectable: 0,
alwaysShowSearch: 0
};
gbSetup['popups']['theme'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-themeApply button-apply',
click:
function() {
gb.popups.close('button-themeApply');
gb.buttons.selectionListApply('theme');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-themeCancel button-cancel',
click:
function() {
gb.popups.close('button-themeCancel');
gb.buttons.selectionListCancel('theme');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('theme', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('theme', 'selectionList');
},
create:
function(event, ui){
gb.popups.selectionListPopulate('theme', 'selectionListPopulate');
gb.popups.resize('theme', 'selectionList');
}
};
</script>
</div><!-- /column-1 -->
<div class="column column-2">
<div data-gb-selectortype="normal" data-gb-selectortarget="abilityPack" class="fieldRow fieldRow-selector">
<label>Ability Pack</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">
&nbsp;
</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select an Ability Pack" class="popup popup-abilityPack hidden">
<div data-gb-config="abilityPack" class="selectionListContainer popupContentContainer popupCleanup">
<div class="setup setup-selectionList hidden">
<span class="options hidden">
<select name="book[abilityPack]" id="abilityPack" class="formField"><option class="originalState-unselected dummyOption" value="">DUMMY OPTION</option>
<option class="originalState-unselected" value="ab21b119-a0ff-863c-bb2b-dfcd7a9267ce">Radiation Zone Pack</option>
<option class="originalState-unselected" value="e2a89fc8-89cb-df94-1ec9-bcfaa923b361">SN: HB</option>
</select>
</span>
</div>
<div class="searchControls selectionListControls hidden">
<div class="fieldRow fieldRow-search fieldRow-inline">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_abilityPack" class="search search-selectionList">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<ul class="searchList selectionList singleChoice deselectable"><li class="searchListItem selectionListItem visible"><div data-gb-value="ab21b119-a0ff-863c-bb2b-dfcd7a9267ce" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Radiation Zone Pack"><span class="selIndicator"></span><span class="label searchTarget">Radiation Zone Pack</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="e2a89fc8-89cb-df94-1ec9-bcfaa923b361" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="SN: HB"><span class="selIndicator"></span><span class="label searchTarget">SN: HB</span></div></li></ul>
<p class="noSearchMatches hidden">No matches found</p>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-abilityPack">
gbSetup['selLists']['abilityPack'] = {
deselectable: 1,
alwaysShowSearch: 0
};
gbSetup['popups']['abilityPack'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-abilityPackApply button-apply',
click:
function() {
gb.popups.close('button-abilityPackApply');
gb.buttons.selectionListApply('abilityPack');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-abilityPackCancel button-cancel',
click:
function() {
gb.popups.close('button-abilityPackCancel');
gb.buttons.selectionListCancel('abilityPack');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('abilityPack', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('abilityPack', 'selectionList');
},
create:
function(event, ui){
gb.popups.resize('abilityPack', 'selectionList');
}
};
</script>
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
<div class="columns">
<div class="column column-1">
<div class="fieldRow fieldRow-switch">
<label>Play Like a Book</label>
<span class="switchBox switchBox-icons">
<input type="checkbox" value="1" name="book[playAsBook]" id="playAsBook" class="hiddenInput formField" data-gb-prev="unchecked">
<span class="switch switchLeft"><span>&nbsp;</span></span>
<span class="switch switchRight selected"><span>&nbsp;</span></span>
</span><!-- /switchBox -->
</div><!-- /fieldRow -->
</div><!-- /column-1 -->
<div class="column column-2">
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
</div><!-- /fieldContainer -->
</section><!-- /tab-2 -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-3" aria-labelledby="ui-id-3" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
<div class="fieldContainer">
<div class="columns">
<div class="column column-1">
<div data-gb-selectortype="normal" data-gb-selectortarget="series" class="fieldRow fieldRow-selector disabled">
<label>Series</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">&nbsp;</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
</div><!-- /fieldRow -->
<div data-gb-selectortype="normal" data-gb-selectortarget="ageRating" class="fieldRow fieldRow-selector">
<label>Age Rating</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">
Unrated
</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select an Age Rating" class="popup popup-ageRating hidden">
<div data-gb-config="ageRating" class="selectionListContainer popupContentContainer popupCleanup">
<div class="setup setup-selectionList hidden">
<span class="options hidden">
<select name="book[ageRating]" id="ageRating" class="formField"><option class="originalState-selected prevSelection" selected="selected" value="0">Unrated</option>
<option class="originalState-unselected" value="1">Exempt from rating</option>
<option class="originalState-unselected" value="2">Suitable for all</option>
<option class="originalState-unselected" value="3">Children</option>
<option class="originalState-unselected" value="4">Teenagers</option>
<option class="originalState-unselected" value="5">Older teenagers</option>
<option class="originalState-unselected" value="6">Adults</option>
</select>
</span>
</div>
<div class="searchControls selectionListControls hidden">
<div class="fieldRow fieldRow-search fieldRow-inline">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_ageRating" class="search search-selectionList">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<ul class="searchList selectionList singleChoice"><li class="searchListItem selectionListItem visible"><div data-gb-value="0" data-gb-prevstate="selected" data-gb-initialstate="selected" class="selectionListButton selected" title="Unrated"><span class="selIndicator"></span><span class="label searchTarget">Unrated</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="1" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Exempt from rating"><span class="selIndicator"></span><span class="label searchTarget">Exempt from rating</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="2" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Suitable for all"><span class="selIndicator"></span><span class="label searchTarget">Suitable for all</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="3" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Children"><span class="selIndicator"></span><span class="label searchTarget">Children</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="4" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Teenagers"><span class="selIndicator"></span><span class="label searchTarget">Teenagers</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="5" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Older teenagers"><span class="selIndicator"></span><span class="label searchTarget">Older teenagers</span></div></li><li class="searchListItem selectionListItem visible"><div data-gb-value="6" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Adults"><span class="selIndicator"></span><span class="label searchTarget">Adults</span></div></li></ul>
<p class="noSearchMatches hidden">No matches found</p>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-ageRating">
gbSetup['selLists']['ageRating'] = {
deselectable: 0,
alwaysShowSearch: 0
};
gbSetup['popups']['ageRating'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-ageRatingApply button-apply',
click:
function() {
gb.popups.close('button-ageRatingApply');
gb.buttons.selectionListApply('ageRating');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-ageRatingCancel button-cancel',
click:
function() {
gb.popups.close('button-ageRatingCancel');
gb.buttons.selectionListCancel('ageRating');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('ageRating', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('ageRating', 'selectionList');
},
create:
function(event, ui){
gb.popups.resize('ageRating', 'selectionList');
}
};
</script>
</div><!-- /column-1 -->
<div class="column column-2">
<div data-gb-selectortype="normal" data-gb-selectortarget="genres" class="fieldRow fieldRow-selector">
<label>Genres</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">
<span class="selectValueMutiple hidden">
<span class="recordCount">x</span>
<span class="recordSep">/</span>
<span class="recordTotal">3</span>
<span class="recordSelectedText">selected</span>
</span>
<span class="selectValueSingle hidden">&nbsp;</span>
<span class="selectValueNone">&nbsp;</span>
</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select Genres" class="popup popup-genres hidden">
<div data-gb-js_subtype="selectionList" data-gb-js_type="widget" data-gb-config="genres" class="selectionListContainer popupContentContainer popupCleanup">
<div class="setup setup-selectionList hidden">
<span class="options hidden">
<select name="book[genres][]" multiple="multiple" id="genres" class="formField selectionListTree"><option class="originalState-unselected optDepth-1" value="52f4c266-9c7c-5725-30a1-f64a1ef06829">Fiction</option>
<option class="originalState-unselected optDepth-2" value="f53f9272-a6c5-de87-05fd-39ebaef0a407">Horror</option>
<option class="originalState-unselected optDepth-3" value="5dc2fd93-588d-ff23-b657-8af41628e22d">Survival Horror</option>
<option class="originalState-unselected optDepth-4" value="69752ca8-d426-18a5-a06b-c6225b5057dc">Resident Evil</option>
<option class="originalState-unselected optDepth-3" value="111dfecd-efb2-b696-7ffa-adda9b6f9d82">Vampires</option>
<option class="originalState-unselected optDepth-2" value="1c092de5-40a1-1c4d-22df-6a3583b67fc0">Sci-fi</option>
<option class="originalState-unselected optDepth-3" value="fbd52fa1-e133-3609-8a4a-d6760e6b3b53">Star Trek</option>
<option class="originalState-unselected optDepth-4" value="0d7f4649-1870-e29d-90ca-4ea7ddf8ddb9">ST: NG</option>
<option class="originalState-unselected optDepth-1" value="a1a14dfa-7189-1a71-4f39-3affe3b27004">Non-fiction</option>
</select>
</span>
</div>
<div class="searchControls selectionListControls">
<div class="fieldRow fieldRow-search fieldRow-inline">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_genres" class="search search-selectionList">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<div class="searchList selectionList multiChoice deselectable selectionListTree"><div class="searchListItem selectionListItem visible"><div data-gb-value="52f4c266-9c7c-5725-30a1-f64a1ef06829" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Fiction"><span class="selIndicator"></span><span class="label searchTarget">Fiction</span></div></div><div class="treeBranch treeBranch-2"><div class="searchListItem selectionListItem visible"><div data-gb-value="f53f9272-a6c5-de87-05fd-39ebaef0a407" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Horror"><span class="selIndicator"></span><span class="label searchTarget">Horror</span></div></div><div class="treeBranch treeBranch-3"><div class="searchListItem selectionListItem visible"><div data-gb-value="5dc2fd93-588d-ff23-b657-8af41628e22d" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Survival Horror"><span class="selIndicator"></span><span class="label searchTarget">Survival Horror</span></div></div><div class="treeBranch treeBranch-4"><div class="searchListItem selectionListItem visible"><div data-gb-value="69752ca8-d426-18a5-a06b-c6225b5057dc" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Resident Evil"><span class="selIndicator"></span><span class="label searchTarget">Resident Evil</span></div></div></div><div class="searchListItem selectionListItem visible"><div data-gb-value="111dfecd-efb2-b696-7ffa-adda9b6f9d82" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Vampires"><span class="selIndicator"></span><span class="label searchTarget">Vampires</span></div></div></div><div class="searchListItem selectionListItem visible"><div data-gb-value="1c092de5-40a1-1c4d-22df-6a3583b67fc0" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Sci-fi"><span class="selIndicator"></span><span class="label searchTarget">Sci-fi</span></div></div><div class="treeBranch treeBranch-3"><div class="searchListItem selectionListItem visible"><div data-gb-value="fbd52fa1-e133-3609-8a4a-d6760e6b3b53" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Star Trek"><span class="selIndicator"></span><span class="label searchTarget">Star Trek</span></div></div><div class="treeBranch treeBranch-4"><div class="searchListItem selectionListItem visible"><div data-gb-value="0d7f4649-1870-e29d-90ca-4ea7ddf8ddb9" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="ST: NG"><span class="selIndicator"></span><span class="label searchTarget">ST: NG</span></div></div></div></div></div><div class="searchListItem selectionListItem visible"><div data-gb-value="a1a14dfa-7189-1a71-4f39-3affe3b27004" data-gb-prevstate="unselected" data-gb-initialstate="unselected" class="selectionListButton unselected" title="Non-fiction"><span class="selIndicator"></span><span class="label searchTarget">Non-fiction</span></div></div></div>
<p class="noSearchMatches hidden">No matches found</p>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-genres">
gbSetup['selLists']['genres'] = {
alwaysShowSearch: 1,
isTree: 1,
deselectable: 1,
max: 3,
selectedCount: 0
};
gbSetup['popups']['genres'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-genresApply button-apply',
click:
function() {
gb.popups.close('button-genresApply');
gb.buttons.selectionListApply('genres');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-genresCancel button-cancel',
click:
function() {
gb.popups.close('button-genresCancel');
gb.buttons.selectionListCancel('genres');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('genres', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('genres', 'selectionList');
},
create:
function(event, ui){
gb.popups.resize('genres', 'selectionList');
}
};
</script>
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
</div><!-- /fieldContainer -->
</section><!-- /tab-3 -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-4" aria-labelledby="ui-id-4" role="tabpanel" style="display: block;" aria-expanded="true" aria-hidden="false">
<div class="fieldContainer">
<div class="fieldRow fieldRow-inline fieldRow-file fieldRow-image">
<label>Image</label>
<div class="currentImage">
<img width="98" alt="Cover image for: rrrrrrrrrrrrrrrrrrrrrsdsc" src="http://dev.ubuntuvb.localhost/_Resources/Persistent/d04264e6d5b34a4d0dbcdb762075a83c5cda9745/haunted-house-3547737.jpg" class="recordImage recordImage-book">
<div class="recordInfo">
<p class="recordTitle">sdcsdcwedwedwe</p>
<p class="recordControls">
<a href="#" data-gb-button_type="bookImageEdit" data-gb-popupname="image" class="formButton recordActionLink jsBindFormButtons popupOpener">Edit</a>
<a href="#" data-gb-button_type="bookImageDelete" data-gb-rename_target="popup-image" data-gb-field_prefix="book[image]" class="formButton recordActionLink jsBindFormButtons imageDeleter">Delete</a>
</p>
</div>
</div>
<p class="currentImageRemoved hidden">Image will be deleted when you save the book.</p>
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
</section><!-- /tab-4 -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-6" aria-labelledby="ui-id-5" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
<div class="fieldContainer">
<fieldset>
<legend><span>Meta Information</span></legend>
<div class="columns">
<div class="column column-1">
<div data-gb-selectortype="normal" data-gb-selectortarget="author" class="fieldRow fieldRow-selector">
<label>Author</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">Stephen Cox</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select an Author" class="popup popup-author hidden">
<div data-gb-config="author" class="selectionListContainer popupContentContainer popupCleanup selectionList-ajax">
<div class="setup setup-selectionList hidden">
<span class="ajax hidden">
<select name="" id="authorAjax" class="">
</select>
</span>
<span class="options hidden">
<select name="book[author]" id="author" class="formField" data-gb-prevvalue="13efe992-2aca-3291-5b2b-8e81ed99dc90" data-gb-initialvalue="13efe992-2aca-3291-5b2b-8e81ed99dc90"><option selected="selected" value="13efe992-2aca-3291-5b2b-8e81ed99dc90"></option>
</select>
</span>
</div>
<div class="searchControls selectionListControls">
<div class="fieldRow fieldRow-search fieldRow-inline invisible disabled">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_author" class="search search-selectionList" disabled="disabled">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<ul class="searchList selectionList singleChoice"></ul>
<p class="noSearchMatches hidden">No matches found</p>
<p class="populateListIndicator loadingIndicator"><span class="loadingText">Please wait, populating list...</span><span class="loadingImage"><img width="32" height="24" alt="" src="http://dev.ubuntuvb.localhost/_Resources/Static/Packages/Gamebook.Gamebook/Images/Animations/loading.png"></span></p>
<div class="pageBrowser hidden">
<span class="pbNpButtons pbNpButtons-next">&nbsp;</span>
<span class="pbNpButtons pbNpButtons-prev">&nbsp;</span>
<span class="pbPagesButtons">&nbsp;</span>
<div class="clearer"></div>
</div>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-author">
gbSetup['selLists']['author'] = {
deselectable: 0,
alwaysShowSearch: 1
};
gbSetup['popups']['author'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-authorApply button-apply',
click:
function() {
gb.popups.close('button-authorApply');
gb.buttons.selectionListApply('author');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-authorCancel button-cancel',
click:
function() {
gb.popups.close('button-authorCancel');
gb.buttons.selectionListCancel('author');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('author', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('author', 'selectionList');
},
create:
function(event, ui){
gb.popups.selectionListPopulate('author', 'selectionListPopulate');
gb.popups.resize('author', 'selectionList');
}
};
</script>
</div><!-- /column-1 -->
<div class="column column-2">
<div data-gb-selectortype="datetime" data-gb-selectortarget="updated" class="fieldRow fieldRow-selector">
<label>Updated On</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">13/12/2013 - 20:18:29</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select an Updated Date" class="popup popup-updated hidden">
<div data-gb-datepickerid="updated" class="jsSetupDatepicker hasDatepicker" id="dp1386962312485"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a title="Prev" data-event="click" data-handler="prev" class="ui-datepicker-prev ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a title="Next" data-event="click" data-handler="next" class="ui-datepicker-next ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">December</span>&nbsp;<span class="ui-datepicker-year">2013</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">1</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">2</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">3</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">4</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">5</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">6</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">7</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">8</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">9</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">10</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">11</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">12</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover">13</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">14</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">15</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">16</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">17</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">18</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">19</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">20</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">21</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">22</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">23</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">24</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">25</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">26</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">27</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">28</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">29</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">30</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div></div>
<p class="jsSetupTimepicker datepickerTime">
Time: <input type="text" value="20" name="" class="datepickerTimeField hours" size="2" data-gb-prev="20" data-gb-initial="20"> :
<input type="text" value="18" name="" class="datepickerTimeField minutes" size="2" data-gb-prev="18" data-gb-initial="18"> :
<input type="text" value="29" name="" class="datepickerTimeField seconds" size="2" data-gb-prev="29" data-gb-initial="29">
</p>
<input type="text" value="13/12/2013 - 20:18:29" name="book[updated]" id="updated" class="formField datepickerInput jsBindTextfields hiddenInput autoFillChecked" data-gb-prev="13/12/2013 - 20:18:29" data-gb-initial="13/12/2013 - 20:18:29">
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-datepicker gbSetup-updated">
gbSetup['datepicker']['updated'] = {
dateFormat: "dd/mm/yy",
defaultDate: '13/12/2013',
altField: '#updated',
onSelect: function (dateValue, dpInstance) {
gb.datepickers.adjustDpValueWithTime(dateValue, dpInstance);
}
};
</script>
<script class="gbSetup gbSetupType-popups gbSetup-updated">
gbSetup['popups']['updated'] = {
appendTo: '#page',
resizable: false,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-updatedApply button-apply',
click:
function() {
gb.datepickers.apply('updated');
gb.popups.close('button-updatedApply');
}
},
{
text: gbData.messages.buttons.now,
'class': 'button-updatedNow button-now',
click:
function() {
gb.datepickers.now('updated');
gb.popups.close('button-updatedCancel');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-updatedCancel button-cancel',
click:
function() {
gb.datepickers.cancel('updated');
gb.popups.close('button-updatedCancel');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('updated', 'datetime');
},
resize:
function(event, ui){
gb.popups.resize('updated', 'datetime');
},
create:
function(event, ui){
//gb.popups.selectionListPopulate('updated', 'selectionListPopulate');
gb.popups.resize('updated', 'datetime');
},
width: 429,
height: 511
};
</script>
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
<div class="columns">
<div class="column column-1">
<div data-gb-selectortype="normal" data-gb-selectortarget="createdBy" class="fieldRow fieldRow-selector">
<label>Created By</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">Stephen Cox</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select a Creator" class="popup popup-createdBy hidden">
<div data-gb-config="createdBy" class="selectionListContainer popupContentContainer popupCleanup selectionList-ajax">
<div class="setup setup-selectionList hidden">
<span class="ajax hidden">
<select name="" id="createdByAjax" class="">
</select>
</span>
<span class="options hidden">
<select name="book[createdBy]" id="createdBy" class="formField" data-gb-prevvalue="13efe992-2aca-3291-5b2b-8e81ed99dc90" data-gb-initialvalue="13efe992-2aca-3291-5b2b-8e81ed99dc90"><option selected="selected" value="13efe992-2aca-3291-5b2b-8e81ed99dc90"></option>
</select>
</span>
</div>
<div class="searchControls selectionListControls">
<div class="fieldRow fieldRow-search fieldRow-inline invisible disabled">
<span data-gb-button_type="search" class="searchIcon searchIcon-search" title="Search">&nbsp;</span>
<span data-gb-button_type="clear" class="searchIcon searchIcon-clear" title="Clear Search">&nbsp;</span>
<input type="text" name="selectionListSearch_createdBy" class="search search-selectionList" disabled="disabled">
</div><!-- /fieldRow -->
<p class="searchMatches hidden"><span class="matchCount">0</span> <span class="matchLabels"><span class="matchLabel matchLabel-singular hidden">Match</span><span class="matchLabel matchLabel-plural">Matches</span></span></p>
</div>
<ul class="searchList selectionList singleChoice"></ul>
<p class="noSearchMatches hidden">No matches found</p>
<p class="populateListIndicator loadingIndicator"><span class="loadingText">Please wait, populating list...</span><span class="loadingImage"><img width="32" height="24" alt="" src="http://dev.ubuntuvb.localhost/_Resources/Static/Packages/Gamebook.Gamebook/Images/Animations/loading.png"></span></p>
<div class="pageBrowser hidden">
<span class="pbNpButtons pbNpButtons-next">&nbsp;</span>
<span class="pbNpButtons pbNpButtons-prev">&nbsp;</span>
<span class="pbPagesButtons">&nbsp;</span>
<div class="clearer"></div>
</div>
</div>
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-popups gbSetupType-selLists gbSetup-createdBy">
gbSetup['selLists']['createdBy'] = {
deselectable: 0,
alwaysShowSearch: 1
};
gbSetup['popups']['createdBy'] = {
appendTo: '#page',
resizable: true,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-createdByApply button-apply',
click:
function() {
gb.popups.close('button-createdByApply');
gb.buttons.selectionListApply('createdBy');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-createdByCancel button-cancel',
click:
function() {
gb.popups.close('button-createdByCancel');
gb.buttons.selectionListCancel('createdBy');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('createdBy', 'selectionList');
},
resize:
function(event, ui){
gb.popups.resize('createdBy', 'selectionList');
},
create:
function(event, ui){
gb.popups.selectionListPopulate('createdBy', 'selectionListPopulate');
gb.popups.resize('createdBy', 'selectionList');
}
};
</script>
</div><!-- /column-1 -->
<div class="column column-2">
<div data-gb-selectortype="datetime" data-gb-selectortarget="created" class="fieldRow fieldRow-selector">
<label>Created On</label>
<span class="selectorContainer">
<span class="pseudoField selectValue">13/12/2013 - 19:36:09</span>
<span class="selectButton"><span>&nbsp;</span>&nbsp;</span>
<span class="clearer"></span>
</span>
<div data-gb-popup_parent="book" title="Select a Created Date" class="popup popup-created hidden">
<div data-gb-datepickerid="created" class="jsSetupDatepicker hasDatepicker" id="dp1386962312486"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a title="Prev" data-event="click" data-handler="prev" class="ui-datepicker-prev ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a title="Next" data-event="click" data-handler="next" class="ui-datepicker-next ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">December</span>&nbsp;<span class="ui-datepicker-year">2013</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">1</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">2</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">3</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">4</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">5</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">6</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">7</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">8</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">9</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">10</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">11</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">12</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover">13</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">14</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">15</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">16</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">17</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">18</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">19</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">20</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">21</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">22</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">23</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">24</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">25</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">26</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">27</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">28</a></td></tr><tr><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">29</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">30</a></td><td data-year="2013" data-month="11" data-event="click" data-handler="selectDay" class=" "><a href="#" class="ui-state-default">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div></div>
<p class="jsSetupTimepicker datepickerTime">
Time: <input type="text" value="19" name="" class="datepickerTimeField hours" size="2" data-gb-prev="19" data-gb-initial="19"> :
<input type="text" value="36" name="" class="datepickerTimeField minutes" size="2" data-gb-prev="36" data-gb-initial="36"> :
<input type="text" value="09" name="" class="datepickerTimeField seconds" size="2" data-gb-prev="09" data-gb-initial="09">
</p>
<input type="text" value="13/12/2013 - 19:36:09" name="book[created]" id="created" class="formField datepickerInput jsBindTextfields hiddenInput autoFillChecked" data-gb-prev="13/12/2013 - 19:36:09" data-gb-initial="13/12/2013 - 19:36:09">
</div>
</div><!-- /fieldRow -->
<script class="gbSetup gbSetupType-datepicker gbSetup-created">
gbSetup['datepicker']['created'] = {
dateFormat: "dd/mm/yy",
defaultDate: '13/12/2013',
altField: '#created',
onSelect: function (dateValue, dpInstance) {
gb.datepickers.adjustDpValueWithTime(dateValue, dpInstance);
}
};
</script>
<script class="gbSetup gbSetupType-popups gbSetup-created">
gbSetup['popups']['created'] = {
appendTo: '#page',
resizable: false,
buttons:
[
{
text: gbData.messages.buttons.save,
'class': 'primary button-createdApply button-apply',
click:
function() {
gb.datepickers.apply('created');
gb.popups.close('button-createdApply');
}
},
{
text: gbData.messages.buttons.now,
'class': 'button-createdNow button-now',
click:
function() {
gb.datepickers.now('created');
gb.popups.close('button-createdCancel');
}
},
{
text: gbData.messages.buttons.cancel,
'class': 'button-createdCancel button-cancel',
click:
function() {
gb.datepickers.cancel('created');
gb.popups.close('button-createdCancel');
}
}
],
close:
function(){
gb.popups.screenHide();
},
open:
function(){
gb.popups.screenShow();
gb.popups.resize('created', 'datetime');
},
resize:
function(event, ui){
gb.popups.resize('created', 'datetime');
},
create:
function(event, ui){
//gb.popups.selectionListPopulate('created', 'selectionListPopulate');
gb.popups.resize('created', 'datetime');
},
width: 429,
height: 511
};
</script>
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
</fieldset>
</div><!-- /fieldContainer -->
<div class="fieldContainer">
<fieldset>
<legend><span>SEO</span></legend>
<div class="fieldRow fieldRow-normal">
<span class="charCounter">
<span class="charCounter-current">0</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">120</span>
</span>
<label for="seoTitle">SEO Title</label>
<span class="fieldClearerIcon" style="">&nbsp;</span><input type="text" value="" name="book[seoTitle]" id="seoTitle" class="jsBindTextfields jsBindCharCounters formField autoFillChecked" maxlength="120" data-gb-min="0" data-gb-max="120" data-gb-prev="" data-gb-initial="">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-textarea">
<span class="charCounter">
<span class="charCounter-current">0</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">255</span>
</span>
<label for="seoDescription">SEO Description</label>
<span class="fieldClearerIcon" style="">&nbsp;</span><textarea name="book[seoDescription]" id="seoDescription" class="jsBindTextareas jsBindCharCounters formField compact autoFillChecked" cols="30" rows="3" maxlength="255" data-gb-min="0" data-gb-max="255" data-gb-prev="" data-gb-initial=""></textarea>
</div><!-- /fieldRow -->
</fieldset>
</div><!-- /fieldContainer -->
</section><!-- /tab-6 -->
</div><!-- /tabs -->
<script class="gbSetup gbSetupType-fields gbSetup-book">
gbSetup['fields']['book'] = {"title":{"min":1,"max":120,"trim":1,"required":1},"titleshort":{"min":0,"max":60,"trim":1},"summary":{"min":0,"max":255,"trim":1},"pages":{"max":350},"seoTitle":{"min":0,"max":120,"trim":1},"seoDescription":{"min":0,"max":255,"trim":1}};
</script>
</div><!-- /leftColumn -->
<div id="sidebar" style="height: 836px;">
<div class="jsCenterVertically fieldContainer" style="margin-top: 195.5px;">
<div class="fieldRow fieldRow-button">
<input type="submit" value="Save" name="gbFormSaveBook" class="formButton primary jsBindFormButtons disabled saveButton" disabled="disabled" data-gb-button_type="bookSave">
</div><!-- /fieldRow -->
<div class="recordTimestampContainer">
<p class="recordTimestamp">
<span>Last Updated:</span>
<strong>13/12/2013 - 20:18:29</strong>
</p>
</div>
<div class="sidebarSwitches">
<div class="sidebarSwitchesInner">
<div class="fieldRow fieldRow-switch">
<span class="switchBox switchBox-icons">
<input type="checkbox" checked="checked" value="1" name="book[hidden]" id="hidden" class="hiddenInput formField" data-gb-prev="checked">
<span class="switch switchLeft selected"><span>&nbsp;</span></span>
<span class="switch switchRight"><span>&nbsp;</span></span>
</span><!-- /switchBox -->
<label>Hidden</label>
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-switch">
<span class="switchBox switchBox-icons">
<input type="checkbox" value="1" name="book[example]" id="example" class="hiddenInput formField" data-gb-prev="unchecked">
<span class="switch switchLeft"><span>&nbsp;</span></span>
<span class="switch switchRight selected"><span>&nbsp;</span></span>
</span><!-- /switchBox -->
<label>Example</label>
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-switch">
<span class="switchBox switchBox-icons">
<input type="checkbox" value="1" name="book[anonymous]" id="anonymous" class="hiddenInput formField" data-gb-prev="unchecked">
<span class="switch switchLeft"><span>&nbsp;</span></span>
<span class="switch switchRight selected"><span>&nbsp;</span></span>
</span><!-- /switchBox -->
<label>Anonymous</label>
</div><!-- /fieldRow -->
</div><!-- /sidebarSwitchesInner -->
</div><!-- /sidebarSwitches -->
<div class="fieldRow fieldRow-button">
<input type="submit" value="Delete" name="gbFormDeleteBook" class="formButton jsBindFormButtons deleteButton confirmOpener" data-gb-button_type="bookDelete">
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
</div><!-- /sidebar -->
<div class="clearer"></div>
</section><!-- /section-default -->
</div>
</div>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable" style="position: absolute; height: auto; width: 50%; top: 210px; left: 106px; display: none;" tabindex="-1" role="dialog" aria-describedby="ui-id-8" aria-labelledby="ui-id-9"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-9" class="ui-dialog-title">Edit Image</span><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button></div><div data-gb-popup_parent="book" class="popup popup-image hidden ui-dialog-content ui-widget-content" id="ui-id-8" style="display: block; width: auto; min-height: 0px; max-height: none; height: 399px;">
<div class="popupContentContainer paddedContainer" style="height: 379px;">
<div class="fieldContainer">
<div class="fieldRow fieldRow-normal fieldRow-required">
<span class="charCounter">
<span class="charCounter-current">14</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">120</span>
</span>
<label for="imageTitle">Title</label>
<span class="fieldClearerIcon visible" style="bottom: 6.5px;">&nbsp;</span><input type="text" value="sdcsdcwedwedwe" name="book[image][title]" id="imageTitle" class="imageField jsBindTextfields jsBindCharCounters formField autoFillChecked" maxlength="120" data-gb-min="1" data-gb-max="120" data-gb-prev="sdcsdcwedwedwe" data-gb-initial="sdcsdcwedwedwe">
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
<div class="tabs tabs-popup jsSetupTabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="tabButtons ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li title="Main" class="first ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-image-1" aria-labelledby="ui-id-6" aria-selected="true" style="">
<span class="tabShadow">&nbsp;</span>
<a href="#tab-image-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-6">Main<span class="tabCap">&nbsp;</span></a>
</li>
<li title="Media" class="last ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tab-image-2" aria-labelledby="ui-id-7" aria-selected="false" style="z-index: 1;">
<span class="tabShadow">&nbsp;</span>
<a href="#tab-image-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-7">Media<span class="tabCap">&nbsp;</span></a>
</li>
</ul><!-- /tabButtons -->
<section class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-image-1" aria-labelledby="ui-id-6" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block;">
<div class="fieldContainer">
<div class="fieldRow fieldRow-normal">
<span class="charCounter">
<span class="charCounter-current">0</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">60</span>
</span>
<label for="imageTitleshort">Title (short)</label>
<span class="fieldClearerIcon" style="">&nbsp;</span><input type="text" value="" name="book[image][titleshort]" id="imageTitleshort" class="imageField jsBindTextfields jsBindCharCounters formField autoFillChecked" maxlength="settings.image.fields.titleshort.max" data-gb-min="0" data-gb-max="60" data-gb-prev="" data-gb-initial="">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-textarea">
<span class="charCounter">
<span class="charCounter-current">0</span>
<span class="charCounter-sep">/</span>
<span class="charCounter-max">255</span>
</span>
<label for="imageCaption">Caption</label>
<span class="fieldClearerIcon" style="">&nbsp;</span><textarea name="book[image][caption]" id="imageCaption" class="imageField jsBindTextareas jsBindCharCounters formField compact autoFillChecked" cols="30" rows="3" maxlength="255" data-gb-min="0" data-gb-max="255" data-gb-prev="" data-gb-initial=""></textarea>
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
</section><!-- /tab-1 -->
<section style="display: none;" class="tabPane ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-image-2" aria-labelledby="ui-id-7" role="tabpanel" aria-expanded="false" aria-hidden="true">
<div class="fieldContainer">
<div class="fieldRow fieldRow-file">
<label for="imageOriginalResource">Image File</label>
<input type="hidden" id="imageOriginalResource-filename" value="haunted-house_3547737.jpg" name="book[image][originalResource][submittedFile][filename]"><input type="hidden" id="imageOriginalResource-resourcePointer" value="d04264e6d5b34a4d0dbcdb762075a83c5cda9745" name="book[image][originalResource][submittedFile][resourcePointer]"><input type="file" name="book[image][originalResource]" id="imageOriginalResource" class="imageField">
</div><!-- /fieldRow -->
</div><!-- /fieldContainer -->
<div class="fieldContainer">
<fieldset>
<legend><span>Image Properties</span></legend>
<div class="columns">
<div class="column column-1">
<div class="fieldRow fieldRow-normal disabled">
<label for="imageName">Name</label>
<input type="text" value="haunted-house_3547737" name="image[name]" id="imageName" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-normal disabled">
<label for="imageType">Type</label>
<input type="text" value="jpg" name="image[type]" id="imageType" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-normal disabled">
<label for="imageWidth">Width</label>
<input type="text" value="1563 pixels" name="image[width]" id="imageWidth" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
</div><!-- /column-1 -->
<div class="column column-2">
<div class="fieldRow fieldRow-normal disabled">
<label for="imageSize">Size</label>
<input type="text" value="531 KB" name="image[size]" id="imageSize" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-normal disabled">
<label for="imageOrientation">Orientation</label>
<input type="text" value="Portrait" name="image[orientation]" id="imageOrientation" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
<div class="fieldRow fieldRow-normal disabled">
<label for="imageHeight">Height</label>
<input type="text" value="2500 pixels" name="image[height]" id="imageHeight" class="imageField" readonly="readonly">
</div><!-- /fieldRow -->
</div><!-- /column-2 -->
<div class="clearer"></div>
</div><!-- /columns -->
</fieldset>
</div><!-- /fieldContainer -->
</section><!-- /tab-2 -->
</div><!-- /tabs -->
</div>
</div><div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div><div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"><div class="ui-dialog-buttonset"><button type="button" class="primary button-imageApply button-apply ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Save</span></button><button type="button" class="button-imageCancel button-cancel ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button></div></div></div></form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment