panel-skin-night.html revision d5b30bad1efabd3f53a24313a5c6af8b3882bf98
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<!DOCTYPE html>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<html lang="en" class="yui3-loading">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<head>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <meta charset="utf-8">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <title>panel CSS - night</title>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <!--<link href="css/button.css" type="text/css" rel="stylesheet" />
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <link href="assets/button-core.css" type="text/css" rel="stylesheet" />
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <link href="assets/skins/sam/button-icons-core.css" type="text/css" rel="stylesheet" />
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <link href="assets/skins/sam/button-skin.css" type="text/css" rel="stylesheet" />
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -->
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <!--<link rel="stylesheet" href="http://yui.yahooapis.com/combo?3.4.0/build/cssreset/reset-min.css&amp;3.4.0/build/cssfonts/fonts-min.css&amp;3.4.0/build/cssbase/base-min.css">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -->
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <!--
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssfonts/fonts-min.css">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -->
d5b30bad1efabd3f53a24313a5c6af8b3882bf98Jeff Conniff <script src="/build/yui/yui-debug.js"></script>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <!--<link href="assets/skins/night/panel-skin.css" type="text/css" rel="stylesheet" />-->
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</head>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<body class="yui3-skin-night">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<style type="text/css">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel-content fieldset {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff border:none;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff padding:0;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff/*
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff#desc {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff margin-bottom:20px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff border-bottom:1px dotted #333;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff#desc span {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff background:#a3350d;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff padding:2px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff color:#f27243;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel-content .yui3-widget-hd {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff font-weight:bold;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel-content .yui3-widget-bd {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff padding:15px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel-content label {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff margin-right:30px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff outline:none;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff.yui3-panel-content input[type="text"] {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff border:none;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff border:1px solid #ccc;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff padding: 3px 7px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -webkit-border-radius:2px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -moz-border-radius:2px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff border-radius:2px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff font-size:100%;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff width:200px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff#addRow {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff margin-top:10px;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</style>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<h1>Using a panel to show a modal form</h1>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<h2>Using a panel to show a modal form</h2>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<div class="yui3-u-1">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<div id="dt"></div>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p><input type="button" id="addRow" value="Add"></p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non felis dolor. Fusce rutrum velit quis sem luctus ultrices. Vivamus bibendum mollis enim, vel auctor massa convallis accumsan. Curabitur laoreet nunc vel leo laoreet sed feugiat elit tempor. Sed fermentum ligula ut nisi lobortis pretium. Donec ut est at leo rhoncus ultricies eu at nunc. Phasellus semper, lacus ac pulvinar dictum, orci orci iaculis nulla, non condimentum nibh justo eu felis. Nam sed orci a ligula vehicula rutrum. Donec sodales euismod laoreet. Mauris ut augue purus. Nulla porta vehicula ligula, id viverra lacus hendrerit ut. Donec eu est vitae orci ullamcorper pellentesque. Morbi molestie placerat aliquet. Aliquam aliquet consectetur porttitor. Mauris semper tincidunt nisi, in dignissim turpis auctor ac. Sed at enim ligula. Aenean quis dignissim augue.</p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p>Nunc quis sem tortor. Quisque lorem quam, auctor sit amet porttitor pretium, accumsan quis arcu. Mauris blandit, enim nec fermentum faucibus, massa lectus posuere massa, eget consequat leo risus in risus. Sed ornare euismod orci sit amet commodo. Suspendisse ultrices dui ut mi venenatis vitae tincidunt dolor pulvinar. Proin at nibh sed libero molestie facilisis. Maecenas magna purus, lacinia eu tempus in, elementum a est. Morbi eget magna sed justo dignissim pulvinar nec vitae justo. Aliquam tincidunt arcu eget orci tempus ornare ullamcorper dolor aliquet. Vestibulum congue posuere porttitor. Pellentesque magna erat, dapibus nec tristique at, posuere sed nisl. In pretium, risus at volutpat pretium, augue nunc commodo metus, vitae ullamcorper risus quam sagittis turpis. Proin eget cursus quam. Sed elit tortor, tempus pharetra lacinia vel, ultrices nec est. Praesent nibh risus, vulputate nec tincidunt eget, lacinia sed eros. Vestibulum vel velit massa. In hac habitasse platea dictumst. Etiam eu magna ligula.</p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p>Vivamus vel dui at velit laoreet accumsan. Pellentesque posuere est et urna euismod elementum. Fusce a nibh nisl, vitae iaculis magna. Nulla sit amet odio in elit posuere pellentesque. Nulla sit amet eros eu odio tempus feugiat at vel purus. In vehicula feugiat purus eu ultricies. Aliquam vitae sapien quis augue gravida pretium. Morbi non lectus eu nisi varius mollis. Maecenas eget nisl sit amet turpis cursus gravida at quis odio. Cras viverra eros placerat erat ultricies ultricies.</p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p>Aenean malesuada erat vel ipsum iaculis sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lectus metus, accumsan in molestie vitae, luctus non nibh. Vestibulum rutrum, nulla vel tristique varius, metus nibh tincidunt erat, at mattis turpis justo quis velit. Donec ac lobortis mauris. Nam nulla tellus, placerat sit amet tempus non, consequat sed nibh. Curabitur eget ligula a sem dictum fringilla. Cras fermentum blandit nulla ut vulputate. Nullam iaculis venenatis orci, et tincidunt lorem pellentesque eget. Morbi sit amet nibh id sapien rhoncus mollis. Vestibulum quis neque massa, eget interdum dolor. Donec rhoncus, metus non dignissim imperdiet, nulla orci eleifend sapien, at interdum augue lacus ac quam. Duis ullamcorper, augue eget semper varius, mi nisi rutrum mi, non sagittis neque quam nec ipsum. Curabitur in mauris lacus. Ut porta porttitor nunc, id elementum quam mattis quis. Donec quis libero eros, at malesuada lectus. Cras lectus tellus, pharetra ut tempor ut, fringilla in turpis.</p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<p>Quisque tempor turpis non ligula ornare cursus. Vivamus tempus lobortis urna sed vestibulum. Duis id ligula eu dolor feugiat laoreet sit amet in enim. Integer ullamcorper erat at sem mattis quis tempor metus ullamcorper. Praesent sed diam elit. Donec vel lorem libero. Suspendisse nec arcu ac purus interdum mollis congue imperdiet erat. Suspendisse eu tristique enim. Quisque volutpat, leo sit amet iaculis luctus, velit neque suscipit nisi, vitae placerat felis diam laoreet metus. Suspendisse consectetur pulvinar commodo. Nulla magna quam, scelerisque blandit pellentesque sed, euismod nec nulla. Curabitur vitae est quis sem condimentum dictum. Aenean tincidunt dolor ac orci consectetur id pulvinar justo aliquam. Proin ante nulla, ullamcorper sit amet auctor in, pulvinar volutpat quam. Sed vitae dolor dui, sed tincidunt nunc. Phasellus euismod consequat fringilla. Quisque semper dolor eget tellus sagittis porta sit amet quis libero.</p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<div id="panelContent">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <div class="yui3-widget-bd">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <form>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <fieldset>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <p><label for="id">ID</label><br/>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <input type="text" name="id" id="productId" placeholder=""></p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <p><label for="name">Name</label><br/>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <input type="text" name="name" id="name" value="" placeholder=""></p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <p><label for="password">Price</label><br/>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff <input type="text" name="price" id="price" value="" placeholder="$"></p>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff </fieldset>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff </form>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff </div>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</div>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<div id="nestedPanel"></div>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</div>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<script type="text/javascript">
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff YUI({ skin:{defaultSkin: 'night'}}).use("datatable-base", "panel", "dd-plugin", function(Y) { //{ skin:{defaultSkin: 'night'}}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Create the datatable with some gadget information
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff var cols = ["id","name","price"],
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff data = [
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {id:"ga-3475", name:"gadget", price:"$6.99"},
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {id:"sp-9980", name:"sprocket", price:"$3.75"},
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {id:"wi-0650", name:"widget", price:"$4.25"}
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff ],
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt = new Y.DataTable.Base({
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff columnset: cols,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff recordset: data,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff summary: "Price sheet for inventory parts",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff caption: "Price sheet for inventory parts"
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Create the main modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel = new Y.Panel({
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff srcNode: "#panelContent",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff width: 285,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff centered: true,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff visible: false,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff modal:true,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff zIndex:5,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff headerContent: "Add A New Product",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff plugins: [Y.Plugin.Drag]
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff addRowBtn = Y.one("#addRow"),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff nestedPanel;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Render The Datatable
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt.render("#dt");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Add the footer buttons to the modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.addButton(
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff value: "Add Item",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff action: function(e) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff e.preventDefault();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff addItem();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff },
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff section: Y.WidgetStdMod.FOOTER
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff );
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.addButton(
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff value: "Remove All Items",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff action: function(e) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff e.preventDefault();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff removeAllItemsConfirm();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff },
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff section: Y.WidgetStdMod.FOOTER
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff );
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Render the modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.render();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //When the addRowBtn is pressed, show the modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff addRowBtn.on('click', function(e) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.show();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff });
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Define the addItem function - this will be called
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //when "Add Item" is pressed on the modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff var addItem = function() {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff var o = {},
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff id = Y.one('#productId'),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff name = Y.one('#name'),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff price = Y.one('#price');
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff o.id = id.get("value");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff o.name = name.get("value");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff o.price = price.get("value");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff id.set("value", "");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff name.set("value", "");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff price.set("value", "");
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff data.push(o);
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt.set('recordset', data).render();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt.render();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff };
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Define the removeItems function - this will be called
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //when "Remove All Items" is pressed on the modal form
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //and is confirmed "yes" by the nested panel.
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff var removeItems = function() {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff data = [];
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt.set('recordset', data).render();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff dt.render();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff };
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff //Instantiate the nested panel if it doesn't exist, otherwise just show it.
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff var removeAllItemsConfirm = function() {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff if (!nestedPanel) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff nestedPanel = new Y.Panel({
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff bodyContent: "Are you sure you want to remove all items?",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff zIndex: 6,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff centered:true,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff width:400,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff modal:true,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff buttons: [
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff value: "Yes",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff action : function(e) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff e.preventDefault();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff nestedPanel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff panel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff removeItems();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff },
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff section: Y.WidgetStdMod.FOOTER
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff },
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff value: "No",
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff action: function(e) {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff e.preventDefault();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff nestedPanel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff },
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff section: Y.WidgetStdMod.FOOTER
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff ]
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }).render('#nestedPanel');
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff else {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff nestedPanel.show();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff});
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</script>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</body>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff</html>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff