<key>name</key>
<string>kraken-ui</string>
<key>regexFileFilter</key>
- <string>!(?x: lib/version.js|package\.json |license\.md|paver-minilib\.zip|\.([oa]|dylib|fla|py[co]|mako\.py|pch|cm[oix]|cache|(xcode)proj)|(fish(_read)?_history|fishd\..*)|/Icon\r|/svn-commit(\.[2-9])?\.tmp|/\.(?!(git|svn|npm)ignore|htaccess|gitmodules)[^/]*)$</string>
+ <string>!(?x: lib/version.js|package\.json |license\.md | \.(png|jpg|gif|ico|psd|ai|zip|tar|gz | [oa]|dylib|fla|py[co]|mako\.py|pch|cm[oix]|cache|(tm|xcode)proj)|(fish(_read)?_history|fishd\..*)|/Icon\r|/svn-commit(\.[2-9])?\.tmp|/\.(?!(git|svn|npm)ignore|htaccess|gitmodules)[^/]*)$</string>
<key>regexFolderFilter</key>
- <string>!.*/(?x: tmp/dygraphs | data | static/vendor|www/js/kraken-ui | var|target|node_modules|html-template|bin-debug | \.((?!git-hooks)[^/]+) | .*\.(egg-info|framework|app|(pbx?|xcode)proj|xcode|bundle) | CVS|_darcs|_MTN|\{arch\}|blib | .*~\.nib )$</string>
+ <string>!.*/(?x: tmp/dygraphs | data | static/(vendor|tmp)|www/js/kraken | var|target|node_modules|html-template|bin-debug | \.((?!git-hooks)[^/]+) | .*\.(egg-info|framework|app|(pbx?|xcode)proj|xcode|bundle) | CVS|_darcs|_MTN|\{arch\}|blib | .*~\.nib )$</string>
<key>selected</key>
<true/>
<key>sourceDirectory</key>
_ = require 'kraken/underscore'
-{ Field, FieldList, FieldView, Scaffold
+{ Field, FieldList, BaseView, FieldView, Scaffold
} = require 'kraken/scaffold'
# initialize : ->
# # console.log "#this.initialize!"
# Field::initialize ...
+
+ toJSON: ->
+ o = Field::toJSON ...
+ for k, v in o
+ o[k] = '' if v!?
+ o
+
# }}}
@model.setValue val, {+silent}
render: ->
- outer = $ @template @model.toJSON()
- @$el.html outer.html()
- .attr do
- id : outer.attr 'id'
- class : outer.attr('class') + if @isCollapsed then ' collapsed' else ''
+ FieldView::render.call this
+ @$el.addClass 'collapsed' if @isCollapsed
+ # outer = $ @template @model.toJSON()
+ # @$el.html outer.html()
+ # .attr do
+ # id : outer.attr 'id'
+ # class : outer.attr('class') + if @isCollapsed then ' collapsed' else ''
this
toggleCollapsed: ->
GraphOptionsScaffold = exports.GraphOptionsScaffold = Scaffold.extend do # {{{
ctorName : 'GraphOptionsScaffold'
+ tagName : 'form'
className : 'options scaffold'
collectionType : GraphOptionList
subviewType : GraphOptionView
# initialize : ->
# Scaffold::initialize ...
- # @$el.isotope do
- # itemSelector : '.field.option'
- # layoutMode : 'masonry'
- # masonry : columnWidth : 10
- # animationEngine : 'jquery'
- #
+
+ render: ->
+ @__super__.render ...
+ @$el.isotope do
+ itemSelector : '.field.option'
+ layoutMode : 'masonry'
+ masonry : columnWidth : 100
+ # animationEngine : 'jquery'
+ itemPositionDataEnabled : true
+
# }}}
# }}}
-GraphView = exports.GraphView = Backbone.View.extend do # {{{
- ctorName : 'Graph'
+GraphView = exports.GraphView = BaseView.extend do # {{{
+ ctorName : 'GraphView'
tagName : 'section'
className : 'graph'
template : require 'kraken/template/graph'
initialize : (o={}) ->
- {graph_spec} = o
@model or= new GraphModel
+ BaseView::initialize ...
- @$el.data { model:@model, view:this }
@model.on 'change', @render, this
@model.on 'destroy', @remove, this
+ @build()
@viewport = @$el.find '.viewport'
- @scaffold = new GraphOptionsScaffold do
- el: @$el.find 'form.settings'
- @scaffold.collection.reset graph_spec
- @render()
+ @scaffold = new GraphOptionsScaffold
+ @$el.find 'fieldset' .append @scaffold.el
+ @scaffold.collection.reset that if o.graph_spec
+
+ setTimeout do
+ ~> @render()
+ 50
chartOptions: (values) ->
options.values()
render: ->
- @viewport.empty()
+ # BaseView::render ...
+
+ options = @chartOptions()
+ w = options.width or= @scaffold.get 'width' .getValue() or 480
+ h = options.height or= @scaffold.get 'height' .getValue() or 320
+ @viewport.css { width:w, height:h }
# Remove old style, as it confuses dygraph after options update
@viewport.attr 'style', ''
+
console.log "#this"
console.log do
" .viewport.{ width=%s, height=%s, style=%s }"
@viewport.css('width')
@viewport.css('height')
@viewport.attr 'style'
- console.log ' .options:', JSON.stringify @chartOptions()
+ @viewport
+ console.log ' .options:', JSON.stringify options
- @chart?.destroy()
- @chart = new Dygraph do
- @viewport.0
- @model.get 'dataset'
- @chartOptions()
+ # @chart?.destroy()
+ unless @chart
+ @chart = new Dygraph do
+ @viewport.0
+ @model.get 'dataset'
+ options
+ else
+ @chart.updateOptions options
+ @chart.resize w, h
+
+ this
onKeypress: (evt) ->
$(evt.target).submit() if evt.keyCode is 13
-_ = require 'kraken/underscore'
-{ Field, FieldList, FieldView, Scaffold
+{_, op} = require 'kraken/util'
+{ Field, FieldList, BaseView, FieldView, Scaffold
} = require 'kraken/scaffold'
{ GraphView, GraphModel,
GraphOption, GraphOptionList, GraphOptionView,
# Create the Graph Scaffold
main = ->
- graph = root.graph = new GraphView {
+ graph = root.graph = new GraphView {
graph_spec: CHART_OPTIONS_SPEC
- el: $ 'section.graph' .eq 0
}
+ $ '#content' .append graph.el
jQuery.ajax do
+### Scaffold Models
+
Field = exports.Field = Backbone.Model.extend do # {{{
ctorName : 'Field'
idAttribute : 'name'
default : null
desc : ''
category : 'General'
+ include : 'diff'
tags : []
examples : []
}
parser
- getValue: ->
- @getParser() @get 'value'
+ getValue: (def) ->
+ @getParser() @get 'value', def
setValue: (v, options) ->
def = @get 'default'
{id:@id} import do
_.clone(@attributes) import { value:@getValue(), def:@get('default') }
- toString: -> "#{@ctorName}(id=#{@id}, value=#{@get 'value'})"
+ toString: -> "(#{@id}: #{@get 'value'})"
# }}}
# }}}
+
+
### Views
-FieldView = exports.FieldView = Backbone.View.extend do # {{{
+BaseView = exports.BaseView = Backbone.View.extend do # {{{
+ # List of methods to bind on initialize; set on subclass
+ __bind__ : []
+
+
+ initialize: ->
+ _.bindAll this, ...@__bind__
+ @__super__ = @constructor.__super__
+ Backbone.View::initialize ...
+
+ @model.view = this
+ @$el.data { @model, view:this }
+ @model.on 'change', @render, this
+ @model.on 'destroy', @remove, this
+
+
+ toTemplateLocals: ->
+ { $, _, op, @model, view:this } import @model.toJSON()
+
+ $template: (locals={}) ->
+ $ @template @toTemplateLocals() import locals
+
+ build: ->
+ return this unless @template
+
+ outer = @$template()
+ @$el.html outer.html()
+ .attr do
+ id : outer.attr 'id'
+ class : outer.attr('class')
+
+ # @$parent = p if (p = @$el.parent()).length
+ this
+
+ render: ->
+ @build()
+
+ hide : -> @$el.hide(); this
+ show : -> @$el.show(); this
+ remove : -> @$el.remove(); this
+ clear : -> @model.destroy(); @remove()
+
+
+ # remove : ->
+ # if (p = @$el.parent()).length
+ # @$parent or= p
+ # # @parent_index = p.children().indexOf @$el
+ # @$el.remove()
+ # this
+ #
+ # reparent : (parent=@$parent) ->
+ # parent = $ parent
+ # @$el.appendTo parent if parent?.length
+ # this
+
+ toString : -> "#{@ctorName}(model=#{@model})"
+
+
+# }}}
+
+
+
+FieldView = exports.FieldView = BaseView.extend do # {{{
tagName : 'div'
className : 'field'
initialize: ->
# console.log "#this.initialize!"
- @model.view = this
- @$el.data { model:@model, view:this }
- @model.on 'change', @render, this
- @model.on 'destroy', @remove, this
+ BaseView::initialize ...
onUIChange: ->
val = @$el.find('.value').val()
@model.setValue val, {+silent}
render: ->
- if @template
- t = $ @template @model.toJSON()
- @$el.html t.html()
- .attr { id:t.attr('id'), class:t.attr('class') }
- return this
-
return @remove() if @model.get 'hidden'
+ return BaseView::render ... if @template
name = @model.get 'name'
id = _.camelize name
label = name
- # label = _.humanize name
+ value = @model.get 'value'
+ value = '' if value!?
+
@$el.html """
<label class="name" for="#id">#label</label>
- <input class="value" type="text" id="#id" name="#id">
+ <input class="value" type="text" id="#id" name="#id" value="#value">
"""
- # @$el.find '.value' .attr 'value', @model.get 'value'
- @$el.find '.value' .val @model.get 'value'
+
this
- remove : -> @$el.remove(); this
- clear : -> @model.destroy(); this
- toString : -> "#{@ctorName}(model=#{@model})"
-
# }}}
# There are several special options that, if passed, will be attached directly to the view:
# model, collection, el, id, className, tagName, attributes
-Scaffold = exports.Scaffold = Backbone.View.extend do # {{{
+Scaffold = exports.Scaffold = BaseView.extend do # {{{
+ __bind__ : <[ addOne addAll ]>
tagName : 'form'
className : 'scaffold'
initialize: ->
- _.bindAll this, 'addOne', 'addAll'
@subviews = []
-
CollectionType = @collectionType
@model = @collection or= new CollectionType
+
+ BaseView::initialize ...
+
@collection.on 'add', @addOne
@collection.on 'reset', @addAll
app.configure ->
mime.define 'text/plain' : <[ jade co styl stylus ]>
+ # Set up
app.set 'views', WWW
app.set 'view engine', 'jade'
app.set 'view options', {
layout : false
pretty : true
version : VERSION
- WWW : WWW
- VAR : VAR
- STATIC : STATIC
} import require './view-helpers'
app.use express.logger() if LOG_LEVEL is 'DEBUG'
+
+ # Parse form submits into req.params
app.use express.bodyParser()
+
+ # Allow "spoofing" HTTP methods that IE doesn't support
app.use express.methodOverride()
+ # Transparently recompile modules that have changed
app.use compiler do
- enabled : <[ stylus coco jade-browser yaml ]>
+ enabled : <[ coco jade-browser stylus yaml ]>
src : WWW
dest : VAR
options : stylus : { nib:true, include:"#WWW/css" }
dest : VAR
options : commonjs : { drop_path_parts:1, drop_full_ext:true }
log_level : LOG_LEVEL
-
app.use require('browserify') do
mount : '/vendor/browserify.js'
require : <[ events seq ]>
+ # Serve static files
app.use express.static WWW
app.use express.static VAR
app.use express.static STATIC
+ # Route to the web services
app.use app.router
+ # Serve directory listings
+ app.use express.directory WWW
+ app.use express.directory VAR
+ app.use express.directory STATIC
+
app.use express.errorHandler do
dumpExceptions : true
showStack : true
# Utilities for use in templates
+CWD = exports.CWD = process.cwd()
+WWW = exports.WWW = "#CWD/www"
+VAR = exports.VAR = "#CWD/var"
+STATIC = exports.STATIC = "#CWD/static"
+
+VERSION = 'dev'
+try VERSION = require '../version' catch e
+exports.VERSION = VERSION
+
# maybe!
exports.require = require
fs = exports.fs = require 'fs'
path = exports.path = require 'path'
-
-_ = exports._ = require 'underscore'
+
+_ = exports._ = require 'underscore'
_.str = require 'underscore.string'
_.mixin _.str.exports()
+
yaml = exports.yaml = require 'js-yaml'
jade = exports.jade = require 'jade'
-
+
exports.env = process.env
-NODE_ENV = (process.env.NODE_ENV or 'dev').toLowerCase()
-IS_PROD = exports.IS_PROD = _ NODE_ENV .startsWith 'prod'
-IS_TEST = exports.IS_TEST = _ NODE_ENV .startsWith 'test'
-IS_DEV = exports.IS_DEV = not (IS_PROD or IS_TEST) # _.startsWith NODE_ENV, 'dev'
-# Canonicalize
-NODE_ENV = exports.NODE_ENV = if IS_PROD then 'prod' else if IS_TEST then 'test' else 'dev'
+NODE_ENV = exports.NODE_ENV = (process.env.NODE_ENV or 'dev').toLowerCase()
+# IS_PROD = exports.IS_PROD = _ NODE_ENV .startsWith 'prod'
+# IS_TEST = exports.IS_TEST = _ NODE_ENV .startsWith 'test'
+# IS_DEV = exports.IS_DEV = not (IS_PROD or IS_TEST) # _.startsWith NODE_ENV, 'dev'
+# # Canonicalize
+# NODE_ENV = exports.NODE_ENV = if IS_PROD then 'prod' else if IS_TEST then 'test' else 'dev'
sources = exports.sources = (modulesFile, node_env=NODE_ENV) ->
form.details
label.name(for='#{id}_name') Name
- fieldset.options
+ fieldset
legend Graph Options
--- /dev/null
+_ = require 'underscore'
+# Backbone = require 'backbone'
+
+
+_backbone = do
+
+ /**
+ * @returns {Array<Class>} The list of all superclasses for this class or object.
+ */
+ getSuperClasses: function getSuperClasses(cls)
+ cls .= constructor if cls and typeof cls is not 'function'
+ if superclass = cls?.__super__?.constructor
+ [superclass].concat getSuperClasses superclass
+ else
+ []
+
+
+exports import _backbone
+
+
+/**
+ * Decorates a function so that its receiver (`this`) is always added as the
+ * first argument, followed by the call arguments.
+ * @returns {Function}
+ */
+methodize = exports.methodize = (fn) ->
+ m = fn.__methodized__
+ return m if m
+
+ g = fn.__genericized__
+ return that if g?.__wraps__
+
+ m = fn.__methodized__ = (...args) ->
+ args.unshift this
+ fn.apply this, args
+
+ m.__wraps__ = fn
+ m
+
+
+# Add the class extensions as static methods of the Backbone classes
+_methodized = exports._methodized = _.reduce do
+ _backbone
+ (o, v, k) ->
+ o[k] = if typeof v is 'function' then methodize v
projects / limn-bak.git / commitdiff