Skip to content

Instantly share code, notes, and snippets.

@GeekOnCoffee
Created November 23, 2011 05:16
Show Gist options
  • Save GeekOnCoffee/1387935 to your computer and use it in GitHub Desktop.
Save GeekOnCoffee/1387935 to your computer and use it in GitHub Desktop.
Test output
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head data-hook="admin_inside_head">
<meta content="text/html; charset=US-ASCII" http-equiv="Content-Type" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Spree Administration:
Option Types</title>
<script type="text/javascript">
//&lt;![CDATA[
ajax_urls = {"product_search_json":"http://127.0.0.1:61493/admin/products.json","product_search_basic_json":"http://127.0.0.1:61493/admin/products.json?json_format=basic&amp;limit=10","user_search_basic_json":"http://127.0.0.1:61493/admin/users.json?json_format=basic&amp;limit=10"};
strings = {"searching":"Searching"}
//]]&gt;
</script>
<link type="text/css" rel="stylesheet" media="screen" href="/assets/admin/all.css" />
<script type="text/javascript" src="/assets/admin/all.js"></script>
<script type="text/javascript">
//&lt;![CDATA[
jQuery.alerts.dialogClass = 'spree';
//]]&gt;
</script>
<style type="text/css" id="vakata-stylesheet">#vakata-dragged { display:block; margin:0 0 0 0; padding:4px 4px 4px 24px; position:absolute; top:-2000px; line-height:16px; z-index:10000; } #vakata-contextmenu { display:block; visibility:hidden; left:0; top:-200px; position:absolute; margin:0; padding:0; min-width:180px; background:#ebebeb; border:1px solid silver; z-index:10000; *width:180px; } #vakata-contextmenu ul { min-width:180px; *width:180px; } #vakata-contextmenu ul, #vakata-contextmenu li { margin:0; padding:0; list-style-type:none; display:block; } #vakata-contextmenu li { line-height:20px; min-height:20px; position:relative; padding:0px; } #vakata-contextmenu li a { padding:1px 6px; line-height:17px; display:block; text-decoration:none; margin:1px 1px 0 1px; } #vakata-contextmenu li ins { float:left; width:16px; height:16px; text-decoration:none; margin-right:2px; } #vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover &gt; a { background:gray; color:white; } #vakata-contextmenu li ul { display:none; position:absolute; top:-2px; left:100%; background:#ebebeb; border:1px solid gray; } #vakata-contextmenu .right { right:100%; left:auto; } #vakata-contextmenu .bottom { bottom:-1px; top:auto; } #vakata-contextmenu li.vakata-separator { min-height:0; height:1px; line-height:1px; font-size:1px; overflow:hidden; margin:0 2px; background:silver; /* border-top:1px solid #fefefe; */ padding:0; } </style><style type="text/css" id="jstree-stylesheet">.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; } .jstree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; min-width:18px; } .jstree-rtl li { margin-left:0; margin-right:18px; } .jstree &gt; ul &gt; li { margin-left:0px; } .jstree-rtl &gt; ul &gt; li { margin-right:0px; } .jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; } .jstree a { display:inline-block; line-height:16px; height:16px; color:black; white-space:nowrap; text-decoration:none; padding:1px 2px; margin:0; } .jstree a:focus { outline: none; } .jstree a &gt; ins { height:16px; width:16px; } .jstree a &gt; .jstree-icon { margin-right:3px; } .jstree-rtl a &gt; .jstree-icon { margin-left:3px; margin-right:0; } li.jstree-open &gt; ul { display:block; } li.jstree-closed &gt; ul { display:none; } #vakata-dragged ins { display:block; text-decoration:none; width:16px; height:16px; margin:0 0 0 0; padding:0; position:absolute; top:4px; left:4px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; } #vakata-dragged .jstree-ok { background:green; } #vakata-dragged .jstree-invalid { background:red; } #jstree-marker { padding:0; margin:0; font-size:12px; overflow:hidden; height:12px; width:8px; position:absolute; top:-30px; z-index:10001; background-repeat:no-repeat; display:none; background-color:transparent; text-shadow:1px 1px 1px white; color:black; line-height:10px; } #jstree-marker-line { padding:0; margin:0; line-height:0%; font-size:1px; overflow:hidden; height:1px; width:100px; position:absolute; top:-30px; z-index:10000; background-repeat:no-repeat; display:none; background-color:#456c43; cursor:pointer; border:1px solid #eeeeee; border-left:0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius:1px; border-radius:1px; -webkit-border-radius:1px; }.jstree .jstree-real-checkbox { display:none; } .jstree-themeroller .ui-icon { overflow:visible; } .jstree-themeroller a { padding:0 2px; } .jstree-themeroller .jstree-no-icon { display:none; }.jstree .jstree-wholerow-real { position:relative; z-index:1; } .jstree .jstree-wholerow-real li { cursor:pointer; } .jstree .jstree-wholerow-real a { border-left-color:transparent !important; border-right-color:transparent !important; } .jstree .jstree-wholerow { position:relative; z-index:0; height:0; } .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width:100%; } .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin:0 !important; padding:0 !important; } .jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background:transparent !important; }.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display:none !important; }.jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent:-9999px; !important; width:100%; padding:0 !important; border-right-width:0px !important; border-left-width:0px !important; } .jstree .jstree-wholerow-span { position:absolute; left:0; margin:0px; padding:0; height:18px; border-width:0; padding:0; z-index:0; }</style></head>
<body class="admin">
<!--[if IE 7]>
<div id='IE7'>
<![endif]-->
<div data-hook="" id="wrapper">
<div data-hook="" id="header">
<ul id="login-nav">
<li>
Logged in as: bret_kozey@moriette.info
</li>
<li><a href="/users/53/edit">Account</a></li>
<li><a href="/user/logout">Logout</a></li>
<li><a href="/products">Store</a></li>
</ul>
<a href="/admin"><img src="/assets/admin/bg/spree_50.png" id="logo" alt="Spree_50" /></a>
<h1><a href="/admin">Administration</a></h1>
<div id="progress" style="overflow: hidden; height: 21.3496px; display: block; margin-top: 0px; margin-bottom: 0px; padding-top: 8.479px; padding-bottom: 12.7185px;">
<img src="/assets/admin/progress.gif" alt="Progress" /> Loading...</div>
</div>
<div data-hook="" id="admin-menu">
<ul data-hook="admin_tabs">
<li class=""><a href="/admin">Overview</a></li>
<li class=""><a href="/admin/orders">Orders</a></li>
<li class="selected"><a href="/admin/products">Products</a></li>
<li class=""><a href="/admin/reports">Reports</a></li>
<li class=""><a href="/admin/configurations">Configuration</a></li>
<li class=""><a href="/admin/users">Users</a></li>
<li class=""><a href="/admin/promotions">Promotions</a></li>
</ul>
<br class="clear" />
</div>
<div data-hook="" id="sub-menu">
<ul data-hook="admin_product_sub_tabs" id="sub_nav">
<li class=""><a href="/admin/products">Products</a></li>
<li class=""><a href="/admin/option_types">Option Types</a></li>
<li class=""><a href="/admin/properties">Properties</a></li>
<li class=""><a href="/admin/prototypes">Prototypes</a></li>
<li class="last"><a href="/admin/product_groups">Product Groups</a></li>
</ul>
<br class="clear" />
</div>
<div data-hook="" id="content" class="with-sidebar clear tile_bg">
<h1>Editing Product “apache baseball cap”</h1>
<div data-hook="" id="selected-options">
<table class="index">
<tbody><tr data-hook="selected_head">
<th>Name</th>
<th>Presentation</th>
<th>Â </th>
</tr>
<tr data-hook="selected_none"><td colspan="3">None</td></tr>
</tbody></table>
<div data-hook="" id="option-types"><h4>Add Option Types</h4>
<table class="index">
<tbody><tr data-hook="option_type_header">
<th>Name</th>
<th>Presentation</th>
<th></th>
</tr>
<tr data-hook="option_type_row">
<td>shirt colors</td>
<td>colors</td>
<td class="actions"><a data-remote="true" class="iconlink" href="/admin/products/apache-baseball-cap/option_types/14/select?option_type_id=14"><img src="/assets/admin/icons/add.png" alt="Add" /> Select</a>
</td>
</tr>
</tbody></table>
</div>
<span data-hook="links" id="new_opt_link" style="display: none;">
<a data-remote="true" class="iconlink" href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/option_types/available"><img src="/assets/admin/icons/add.png" alt="Add" /> Add Option Type</a>
</span>
</div>
<br class="clear" /><div data-hook="" id="sidebar">
<h3>apache baseball cap<span class="sku">A100</span></h3>
<br class="clear" />
<ul data-hook="admin_product_tabs" class="sidebar product-menu">
<li>
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/edit">Product Details</a>
</li>
<li>
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/images">Images</a>
</li>
<li>
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/variants">Variants</a>
</li>
<li class="active">
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/option_types/selected">Option Types</a>
</li>
<li>
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/product_properties">Product Properties</a>
</li>
<li>
<a href="http://127.0.0.1:61493/admin/products/apache-baseball-cap/taxons/selected">Taxons</a>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div data-hook="" id="footer">
<p>Icons by <a href="http://pinvoke.com">pInvoke</a></p>
</div>
</div>
<!--[if IE]>
</div>
<![endif]-->
<div data-hook="admin_footer_scripts"></div>
<div id="jstree-marker" style="display: none;">»</div><div id="jstree-marker-line" style="display: none;"></div><div id="vakata-contextmenu"></div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment