panel.html revision 8296b7bd5a8c596eadf8aa0956b40416b84c0e88
f743002678eb67b99bbc29fee116b65d9530fec0wrowe<!DOCTYPE html>
80833bb9a1bf25dcf19e814438a4b311d2e1f4cffuankg<html>
a34684a59b60a4173c25035d0c627ef17e6dc215rpluem<head>
1337c7673efc1f80f634139fbad7cbb98a0dc657ylavic <meta charset="utf-8" />
1337c7673efc1f80f634139fbad7cbb98a0dc657ylavic <title>Panel Manual Test</title>
1337c7673efc1f80f634139fbad7cbb98a0dc657ylavic
1337c7673efc1f80f634139fbad7cbb98a0dc657ylavic <link rel="stylesheet" href="/build/cssreset/reset-min.css" />
4da61833a1cbbca94094f9653fd970582b97a72etrawick <link rel="stylesheet" href="/build/cssfonts/fonts-min.css" />
4da61833a1cbbca94094f9653fd970582b97a72etrawick <link rel="stylesheet" href="/build/cssbase/base-min.css" />
4da61833a1cbbca94094f9653fd970582b97a72etrawick</head>
4da61833a1cbbca94094f9653fd970582b97a72etrawick<body class="yui3-skin-sam">
4da61833a1cbbca94094f9653fd970582b97a72etrawick
4789804be088bcd86ae637a29cdb7fda25169521jailletc <h1>Panel Manual Test</h1>
4789804be088bcd86ae637a29cdb7fda25169521jailletc
4789804be088bcd86ae637a29cdb7fda25169521jailletc <script src="/build/yui/yui.js"></script>
4789804be088bcd86ae637a29cdb7fda25169521jailletc <script>
e50c3026198fd496f183cda4c32a202925476778covener YUI({
e50c3026198fd496f183cda4c32a202925476778covener skin : 'sam',
e50c3026198fd496f183cda4c32a202925476778covener filter: 'raw'
5b88c8507d5ef6d0c4cfbc78230294968175b638minfrin }).use('panel', function (Y) {
5b88c8507d5ef6d0c4cfbc78230294968175b638minfrin
6c3b9cebb551140fbb25d58bae08b539b3802133ylavic var panel = new Y.Panel({
6c3b9cebb551140fbb25d58bae08b539b3802133ylavic headerContent: 'Foo Panel',
6c3b9cebb551140fbb25d58bae08b539b3802133ylavic bodyContent : '<p>Looks like you want to save something.</p>',
4f29b65ab4b547ad5dbe506e2d0ff5d12ead9247ylavic centered : true,
4f29b65ab4b547ad5dbe506e2d0ff5d12ead9247ylavic width : 250,
0a0df13b7f1f4f1a74fe295253d89ca3911b301aylavic
0a0df13b7f1f4f1a74fe295253d89ca3911b301aylavic buttons: {
0a0df13b7f1f4f1a74fe295253d89ca3911b301aylavic header: ['close'],
0a0df13b7f1f4f1a74fe295253d89ca3911b301aylavic footer: [
69301145375a889e7e37caf7cc7321ac0f91801erpluem {
69301145375a889e7e37caf7cc7321ac0f91801erpluem label : 'Cancel',
69301145375a889e7e37caf7cc7321ac0f91801erpluem action: 'hide'
506bfe33206b2fece40ef25f695af39dd4130facjkaluza },
506bfe33206b2fece40ef25f695af39dd4130facjkaluza
506bfe33206b2fece40ef25f695af39dd4130facjkaluza {
506bfe33206b2fece40ef25f695af39dd4130facjkaluza label : 'Save',
d58a848a016d401b965111e50ef829e1641f7834minfrin action : 'onSave',
d58a848a016d401b965111e50ef829e1641f7834minfrin isDefault: true
d58a848a016d401b965111e50ef829e1641f7834minfrin }
2e6f4d654c96c98b761fb012fd25c5d5b1558c44sf ]
2e6f4d654c96c98b761fb012fd25c5d5b1558c44sf }
2e6f4d654c96c98b761fb012fd25c5d5b1558c44sf });
17e6c95f3b22d18acdf8380fb26a8d0e10c80767ylavic
17e6c95f3b22d18acdf8380fb26a8d0e10c80767ylavic panel.onSave = function (e) {
17e6c95f3b22d18acdf8380fb26a8d0e10c80767ylavic Y.all(panel.get('buttons.footer')).set('disabled', true);
17e6c95f3b22d18acdf8380fb26a8d0e10c80767ylavic panel.set('bodyContent', '<p>Saving now…</p>');
17e6c95f3b22d18acdf8380fb26a8d0e10c80767ylavic
e8bd80a4bb88199d2f9a24a50345688e52d9c116ylavic setTimeout(function () {
e8bd80a4bb88199d2f9a24a50345688e52d9c116ylavic panel.hide();
e8bd80a4bb88199d2f9a24a50345688e52d9c116ylavic }, 750);
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic }
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic panel.render().align();
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic });
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic </script>
330e16bea8fe9cace4de90c349750c03dfb1fe64ylavic</body>
d7205b1a86c51c27b71a2c458dc453fd53a261c1covener</html>
d7205b1a86c51c27b71a2c458dc453fd53a261c1covener