xxxxxxxxxxrequire([ "aps/load", "aps/ready!"], function(load) { load(["aps/Tiles", { title: "Resource Usage Tiles", description: 'aps/Tiles - centered: true', centered: true }, [ ["aps/Tile", { title: 'Tile Full', hint: 'pre + X + /Y + Unit + Text#1 + Text#2', gridSize: 'md-4 xs-12', onClick: function() {}, buttons: [{ title: "Unset Disabled", autoBusy: false, onClick: function() { dijit.registry.byId('busytile').set('isBusy', false); } }, { title: "Set Disabled", autoBusy: false, type: "primary", onClick: function() { dijit.registry.byId('busytile').set('isBusy', true); } }] }, [ ["aps/UsageInfo", { textPrefix: 'Pre', textFirstNumber: 'X', textSecondNumber: 'Y', textSuffix: 'Unit', description: 'Text #1', hint: 'Text #2', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Full + Pie', hint: 'Pie + pre + X + /Y + Unit + Text#1 + Text#2', gridSize: 'md-4 xs-12', onClick: function() { }, id: 'busytile' }, [ ["aps/UsageInfo", { textPrefix: 'Pre', textFirstNumber: 'X', textSecondNumber: 'Y', textSuffix: 'Unit', description: 'Text #1', hint: 'Text #2', value: 50 }] ] ], ["aps/Tile", { title: 'Tile Variant #1.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '999'); this.getChildren()[0].set('description', 'Total Orders and Payments Invoices'); } }, [ ["aps/UsageInfo", { value: 0, textFirstNumber: '${value}', description: 'Order and Payments', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #1.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '100'); } }, [ ["aps/UsageInfo", { value: 14, maximum: 100, textFirstNumber: '${value}', description: 'Total' }] ] ], ["aps/Tile", { title: 'Tile Variant #2.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '100'); this.getChildren()[0].set('textSuffix', '%'); } }, [ ["aps/UsageInfo", { value: 92, maxumum: 100, textFirstNumber: '${value}', textSuffix: 'GB', description: 'Space Used', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #2.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '100'); this.getChildren()[0].set('textSuffix', '%'); } }, [ ["aps/UsageInfo", { value: 92, textFirstNumber: '${value}', textSuffix: 'GB', description: 'Space Used' }] ] ], ["aps/Tile", { title: 'Tile Variant #3.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '100'); } }, [ ["aps/UsageInfo", { value: 92, maximum: 100, textFirstNumber: '${value}', description: 'Profiles', hint: 'Assigned to Users', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #3.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '100'); } }, [ ["aps/UsageInfo", { value: 92, maximum: 100, textFirstNumber: '${value}', description: 'Profiles', hint: 'Assigned to Users' }] ] ], ["aps/Tile", { title: 'Tile Variant #4.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailboxes Created', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #4.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailboxes Created' }] ] ], ["aps/Tile", { title: 'Tile Variant #5.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1999'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', textSuffix: 'GB', description: 'Disk Space Used', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #5.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', textSuffix: 'GB', description: 'Disk Space Used' }] ] ], ["aps/Tile", { title: 'Tile Variant #6.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailbox Created and Enabled', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #6.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailbox Created and Enabled' }] ] ], ["aps/Tile", { title: 'Tile Variant #7.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailbox Created and Enabled', hint: '${available} Available', showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #7.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '1998.99'); } }, [ ["aps/UsageInfo", { value: 99, maximum: 1999, textFirstNumber: '${value}', textSecondNumber: '${maximum}', description: 'Mailbox Created and Enabled', hint: '${available} Available' }] ] ], ["aps/Tile", { title: 'Tile Variant #8.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '999999.99'); } }, [ ["aps/UsageInfo", { value: 12, textPrefix: '$', textFirstNumber: '${value}', description: 'Outstanding Invoices', precision: 2, showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #8.b', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '999999.99'); } }, [ ["aps/UsageInfo", { value: 700, maximum: 1000, textPrefix: '$', textFirstNumber: '${value}', description: 'Credit Balance', precision: 2, showPie: true }] ] ], ["aps/Tile", { title: 'Tile Variant #9.a', gridSize: 'md-4 xs-12', onClick: function() { this.getChildren()[0].set('value', '999999.99'); } }, [ ["aps/UsageInfo", { value: 0.94, maximum: 22, textPrefix: '$', textSuffix: 'to Pay', textFirstNumber: '${value}', description: 'Outstanding Invoices', hint: 'Account Balance $10.00', precision: 2, showPie: false }] ] ], ["aps/Tile", { title: 'Tile Variant #10.a', gridSize: 'md-4 xs-12', onClick: function() { }, buttons: [{ title: "Buy More", iconClass: "fa-shopping-cart", autoBusy: false, type: "warning", onClick: function() { alert('Action'); } }] }, [ ["aps/UsageInfo", { textFirstNumber: '', description: 'from $68.75 /month', showPie: false }], ["aps/Container", [ ["aps/Status", { status: "custom", statusInfo: { custom: { label: "Free Trial Available", type: "warning" } } }] ]] ] ], ["aps/Tile", { title: 'Tile Variant #10.b', gridSize: 'md-4 xs-12', onClick: function() { }, buttons: [{ title: "Enable Office 365", autoBusy: false, onClick: function() { alert('Action'); } }] }, [ ["aps/UsageInfo", { textFirstNumber: ' ', textSuffix: 'The Office You Know', description: 'Only Way Better Yoo', showPie: false }], ["aps/Container", [ ["aps/Status", { status: "custom", statusInfo: { custom: { label: "Free Trial Available", type: "warning" } } }] ]] ] ], ["aps/Tile", { title: 'Domains', gridSize: 'md-4 xs-12', onClick: function() { } }, [ ["aps/Container", [ ["aps/Status", { status: "custom", statusInfo: { custom: { label: "myotherwebsite.com", type: "success" } } }] ]], ["aps/Container", [ ["aps/Status", { status: "custom", statusInfo: { custom: { label: "wordpress.myotherwebsite.com", type: "danger" } } }] ]] ] ] ] ]);});