tests/manual/panel.html

	panel.html revision b7f3ff7a0e7faf157596fc32222437300527e5f6
ac863882b030082183975cce11e31450079f0392Eric Ferraiuolo<!DOCTYPE html>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff<html>
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo<head>
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <meta charset="utf-8" />
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <title>Panel Manual Test</title>
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssreset/reset-min.css" />
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssfonts/fonts-min.css" />
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <link rel="stylesheet" href="/build/cssbase/base-min.css" />
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo</head>
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo<body class="yui3-skin-sam">
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <h1>Panel Manual Test</h1>
58fdb3802104fe93b4ae18b8fb8984bd44f895a1Tilo Mitra
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    <script src="/build/yui/yui.js"></script>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff    <script>
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff    YUI({
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff        skin  : 'sam',
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo        filter: 'raw'
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo    }).use('panel', function (Y) {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo        var panel = new Y.Panel({
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra            headerContent: 'Foo Panel',
58fdb3802104fe93b4ae18b8fb8984bd44f895a1Tilo Mitra            bodyContent  : '<p>Looks like you want to save something.</p>',
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo            centered     : true,
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo            width        : 250,
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo            buttons: {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                header: ['close'],
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                footer: [
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                    {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                        label : 'Cancel',
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                        action: 'hide'
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                    },
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff                    {
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra                        label    : 'Save',
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                        action   : 'onSave',
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo                        isDefault: true
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff                    }
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff                ]
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra            }
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra        });
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra        panel.onSave = function (e) {
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra            Y.all(panel.get('buttons.footer')).set('disabled', true);
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff            panel.set('headerContent', 'Saving…');
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo            setTimeout(function () {
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra                panel.hide();
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff            }, 750);
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo        }
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo        panel.render().align();
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    });
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo    </script>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo</body>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo</html>
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo