99 lines
4.5 KiB
JavaScript
99 lines
4.5 KiB
JavaScript
define([
|
|
'react/addons',
|
|
'lodash',
|
|
'./playground'
|
|
], function (React, _, playground) {
|
|
'use strict';
|
|
function onClick1(evt) {
|
|
evt.preventDefault();
|
|
this.save();
|
|
}
|
|
function onClick2(evt) {
|
|
evt.preventDefault();
|
|
this.clear();
|
|
}
|
|
function onClick3(evt) {
|
|
evt.preventDefault();
|
|
this.loadSample('rt-if');
|
|
}
|
|
function onClick4(evt) {
|
|
evt.preventDefault();
|
|
this.loadSample('rt-repeat');
|
|
}
|
|
function onClick5(evt) {
|
|
evt.preventDefault();
|
|
this.loadSample('rt-props');
|
|
}
|
|
function onClick6(evt) {
|
|
evt.preventDefault();
|
|
this.loadSample('todo');
|
|
}
|
|
function onClick7(evt) {
|
|
evt.preventDefault();
|
|
this.loadSample('weather');
|
|
}
|
|
return function () {
|
|
return React.createElement('div', { 'className': 'fiddle' }, React.createElement('div', { 'id': 'header' }, React.createElement('div', { 'id': 'header-title' }, React.createElement('a', {
|
|
'href': 'index.html',
|
|
'className': 'title-link'
|
|
}, React.createElement('img', {
|
|
'className': 'nav-logo',
|
|
'src': 'https://wix.github.io/react-templates/img/logo-rt.svg',
|
|
'width': '56',
|
|
'height': '24'
|
|
})), '\n RT Playground\n '), React.createElement('div', { 'id': 'buttons-bar' }, React.createElement('button', {
|
|
'type': 'button',
|
|
'className': 'btn btn-default',
|
|
'onClick': onClick1.bind(this)
|
|
}, React.createElement('span', {
|
|
'className': 'glyphicon glyphicon-star button-icon',
|
|
'aria-hidden': 'true'
|
|
}), 'Save fiddle\n '), React.createElement('button', {
|
|
'type': 'button',
|
|
'className': 'btn btn-default',
|
|
'onClick': onClick2.bind(this)
|
|
}, React.createElement('span', {
|
|
'className': 'glyphicon glyphicon-trash button-icon',
|
|
'aria-hidden': 'true'
|
|
}), 'Clear\n '), React.createElement('div', { 'className': 'dropdown toolbar-dropdown' }, React.createElement('button', {
|
|
'className': 'btn btn-default dropdown-toggle',
|
|
'type': 'button',
|
|
'id': 'dropdownMenu1',
|
|
'data-toggle': 'dropdown',
|
|
'aria-expanded': 'true'
|
|
}, '\n Load Sample\n ', React.createElement('span', { 'className': 'caret' })), React.createElement('ul', {
|
|
'className': 'dropdown-menu',
|
|
'role': 'menu',
|
|
'aria-labelledby': 'dropdownMenu1'
|
|
}, React.createElement('li', { 'role': 'presentation' }, React.createElement('a', {
|
|
'role': 'menuitem',
|
|
'tabIndex': '-1',
|
|
'href': '#',
|
|
'onClick': onClick3.bind(this)
|
|
}, 'rt-if')), React.createElement('li', { 'role': 'presentation' }, React.createElement('a', {
|
|
'role': 'menuitem',
|
|
'tabIndex': '-1',
|
|
'href': '#',
|
|
'onClick': onClick4.bind(this)
|
|
}, 'rt-repeat')), React.createElement('li', { 'role': 'presentation' }, React.createElement('a', {
|
|
'role': 'menuitem',
|
|
'tabIndex': '-1',
|
|
'href': '#',
|
|
'onClick': onClick5.bind(this)
|
|
}, 'rt-props')), React.createElement('li', { 'role': 'presentation' }, React.createElement('a', {
|
|
'role': 'menuitem',
|
|
'tabIndex': '-1',
|
|
'href': '#',
|
|
'onClick': onClick6.bind(this)
|
|
}, 'Todo')), React.createElement('li', { 'role': 'presentation' }, React.createElement('a', {
|
|
'role': 'menuitem',
|
|
'tabIndex': '-1',
|
|
'href': '#',
|
|
'onClick': onClick7.bind(this)
|
|
}, 'Weather'))))), React.createElement('ul', { 'className': 'nav-site' }, React.createElement('li', {}, React.createElement('a', { 'href': 'index.html' }, 'HOME')), React.createElement('li', {}, React.createElement('a', { 'href': 'https://github.com/wix/react-templates#template-directives-and-syntax' }, 'docs')), React.createElement('li', {}, React.createElement('a', { 'href': 'https://github.com/wix/react-templates#installation' }, 'download')), React.createElement('li', {}, React.createElement('a', { 'href': 'https://github.com/wix/react-templates' }, 'github')))), React.createElement('div', { 'className': 'playground-container' }, React.createElement(playground, {
|
|
'ref': 'playground',
|
|
'direction': 'vertical',
|
|
'fiddle': true
|
|
})));
|
|
};
|
|
}); |