bobwen-dev
/
react-templates
mirror of https://github.com/bobwen-dev/react-templates
1
0
Fork 0
Code Issues Releases Wiki Activity

add npm ignore

This commit is contained in:
ido 2014-11-10 17:30:46 +02:00
parent 5d41421e81
commit 075f96ebdf
3 changed files with 59 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
.npmignore Normal file
View File

@ -0,0 +1,21 @@
### Operating systems ###
.DS_Store
.AppleDouble
.LSOverride
._*
.Spotlight-V100
.Trashes
### Regular dev ###
node_modules
npm-debug.log
.idea
*.iml
### bower ###
/bower_components/*
### tests ###
/test

35
test/data/test.html
View File

@ -1,31 +1,16 @@
<!doctype jsx>
<div className="nav">
<div jsx-repeat="category in this.props.model.nav">
<div className="category-title">{category.name}</div>
<div className="category-entries">
<div jsx-if="category.items.length > 0">
<div jsx-repeat="entry in category.items">
<div jsx-if="entry.type == 'query'"
className="{this.cs({selected: entry.name == this.props.model.selected.name, navlink: true})}"
onClick="=>this.props.controller.onQueryItemClicked(entry)">{entry.name}</div>
<div jsx-if="entry.type == 'tree'">
<ul>
<li jsx-repeat="node in entry.model">
<div onClick="=>this.props.controller.onTreeItemClicked(entry, node)"
className="{this.cs({selected: this.isNodeSelected(entry, node), treelink1: true})}">{node.title}</div>
<ul jsx-if="node.children.length > 0">
<li jsx-repeat="child in node.children" onClick="=>this.props.controller.onTreeItemClicked(entry, child)">
<div className="{this.cs({selected: this.isNodeSelected(entry, child), treelink2: true})}">{child.title}</div>
</li>
</ul>
</li>
</ul>
<div>
<div style= "position: relative; textAlign: center;
top: {this.props.config.previewTop};
height: {this.props.config.previewHeight}">
<div style="margin: auto; height: 100%; width: {this.props.config.previewWidth || '100%'}">
<iframe id="preview" src="http://localhost/sites/412?ds=true" style="width: 100%; height: 100%; border: 0"/>
</div>
</div>
</div>
</div>
<button className="new-item-btn" jsx-repeat="typeInfo in category.newTypes" onClick="=>this.openAddItem(typeInfo.collectionId, typeInfo.typeName)"><span>Add {typeInfo.friendlyName}</span></button>
</div>
<div>editor
<div rt-if="!this.props.editorState.previewMode">left bar</div>
</div>
</div>

76
test/data/test.js
View File

@ -2,52 +2,32 @@ define([
'react',
'lodash'
], function (React, _) {
function generated1() {
this.props.controller.onQueryItemClicked(entry);
}
function generated2() {
this.props.controller.onTreeItemClicked(entry, node);
}
function generated3() {
this.props.controller.onTreeItemClicked(entry, child);
}
function generated4() {
this.openAddItem(typeInfo.collectionId, typeInfo.typeName);
}
return React.DOM.div.apply(this, _.flatten([{ 'className': 'nav' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-repeat': 'category in this.props.model.nav' }].concat([
React.DOM.div.apply(this, _.flatten([{ 'className': 'category-title' }].concat([category.name]))),
React.DOM.div.apply(this, _.flatten([{ 'className': 'category-entries' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-if': 'category.items.length > 0' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-repeat': 'entry in category.items' }].concat([
React.DOM.div.apply(this, _.flatten([{
'jsx-if': 'entry.type == \'query\'',
'className': this.cs({
selected: entry.name == this.props.model.selected.name,
navlink: true
}),
'onClick': generated1.bind(this)
}].concat([entry.name]))),
React.DOM.div.apply(this, _.flatten([{ 'jsx-if': 'entry.type == \'tree\'' }].concat([React.DOM.ul.apply(this, _.flatten([{}].concat([React.DOM.li.apply(this, _.flatten([{ 'jsx-repeat': 'node in entry.model' }].concat([
React.DOM.div.apply(this, _.flatten([{
'onClick': generated2.bind(this),
'className': this.cs({
selected: this.isNodeSelected(entry, node),
treelink1: true
})
}].concat([node.title]))),
React.DOM.ul.apply(this, _.flatten([{ 'jsx-if': 'node.children.length > 0' }].concat([React.DOM.li.apply(this, _.flatten([{
'jsx-repeat': 'child in node.children',
'onClick': generated3.bind(this)
}].concat([React.DOM.div.apply(this, _.flatten([{
'className': this.cs({
selected: this.isNodeSelected(entry, child),
treelink2: true
})
}].concat([child.title])))])))])))
])))])))])))
])))])))]))),
React.DOM.button.apply(this, _.flatten([{
'className': 'new-item-btn',
'jsx-repeat': 'typeInfo in category.newTypes',
'onClick': generated4.bind(this)
}].concat([React.DOM.span.apply(this, _.flatten([{}].concat(['Add ' + typeInfo.friendlyName])))])))
])))])));
return React.DOM.div.apply(this, _.flatten([{}].concat([
React.DOM.div.apply(this, _.flatten([{
'style': {
position: 'relative',
textAlign: 'center',
top: this.props.config.previewTop,
height: this.props.config.previewHeight
}
}].concat([React.DOM.div.apply(this, _.flatten([{
'style': {
margin: 'auto',
height: '100%',
width: this.props.config.previewWidth || '100%'
}
}].concat([React.DOM.iframe.apply(this, _.flatten([{
'id': 'preview',
'src': 'http://localhost/sites/412?ds=true',
'style': {
width: '100%',
height: '100%',
border: '0'
}
}].concat([])))])))]))),
React.DOM.div.apply(this, _.flatten([{}].concat([
'editor',
!this.props.editorState.previewMode ? React.DOM.div.apply(this, _.flatten([{}].concat(['left bar']))) : null
])))
])));
});