Load needed libraries dynamically
This commit is contained in:
YNH Webdev
481
examples/widgetapp/assets/widget.coffee
Normal file
481
examples/widgetapp/assets/widget.coffee
Normal file
@@ -0,0 +1,481 @@
|
||||
#IMPORTANT PLEASE COMPILE WITH:: coffee -cbw widget.coffee
|
||||
cache = {}
|
||||
jQuery.cachedScript = (url, options) ->
|
||||
options = $.extend(options or {},
|
||||
dataType: "script"
|
||||
cache: true
|
||||
url: url
|
||||
)
|
||||
jQuery.ajax options
|
||||
jQuery.unparam = (value) ->
|
||||
params = {}
|
||||
pieces = value.split("&")
|
||||
pair = undefined
|
||||
i = undefined
|
||||
l = undefined
|
||||
i = 0
|
||||
l = pieces.length
|
||||
while i < l
|
||||
pair = pieces[i].split("=", 2)
|
||||
params[decodeURIComponent(pair[0])] = ((if pair.length is 2 then decodeURIComponent(pair[1].replace(/\+/g, " ")) else true))
|
||||
i++
|
||||
params
|
||||
template = tmpl = (str, data) ->
|
||||
# Simple JavaScript Templating
|
||||
# John Resig - http://ejohn.org/ - MIT Licensed
|
||||
fn = (if not /\W/.test(str) then cache[str] = cache[str] or tmpl(str) else new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + "with(obj){p.push('" + str.replace(/[\r\t\n]/g, " ").split("{{").join("\t").replace(/((^|}})[^\t]*)'/g, "$1\r").replace(/\t=(.*?)}}/g, "',$1,'").split("\t").join("');").split("}}").join("p.push('").split("\r").join("\\'") + "');}return p.join('');"))
|
||||
(if data then fn(data) else fn)
|
||||
|
||||
Mini =
|
||||
compile:(t)->
|
||||
{
|
||||
render:template(t)
|
||||
}
|
||||
|
||||
build_control = (control_name, state, control)->
|
||||
$el = control.$el.find('[data-name='+control_name+']')
|
||||
#get control type
|
||||
type = $el.data('type')
|
||||
#create class
|
||||
typeclass = null
|
||||
try
|
||||
typeclass = eval(type)
|
||||
catch e
|
||||
typeclass = WSF_CONTROL
|
||||
if type? and typeclass?
|
||||
return new typeclass(control, $el, control_name, state)
|
||||
return null
|
||||
|
||||
class WSF_VALIDATOR
|
||||
constructor: (@parent_control, @settings)->
|
||||
@error = @settings.error
|
||||
return
|
||||
|
||||
validate: ()->
|
||||
return true
|
||||
|
||||
class WSF_REGEXP_VALIDATOR extends WSF_VALIDATOR
|
||||
constructor: ()->
|
||||
super
|
||||
@pattern = new RegExp(@settings.expression,'g')
|
||||
|
||||
validate: ()->
|
||||
val = @parent_control.value()
|
||||
res = val.match(@pattern)
|
||||
return (res!=null)
|
||||
|
||||
class WSF_MIN_VALIDATOR extends WSF_VALIDATOR
|
||||
|
||||
validate: ()->
|
||||
val = @parent_control.value()
|
||||
return (val.length>=@settings.min)
|
||||
|
||||
class WSF_MAX_VALIDATOR extends WSF_VALIDATOR
|
||||
|
||||
validate: ()->
|
||||
val = @parent_control.value()
|
||||
return (val.length<=@settings.max)
|
||||
|
||||
|
||||
class WSF_CONTROL
|
||||
requirements : []
|
||||
constructor: (@parent_control, @$el, @control_name, @fullstate)->
|
||||
@state = @fullstate.state
|
||||
@load_subcontrols()
|
||||
@isolation = (""+@$el.data('isolation')=="1")
|
||||
@$el.data('control',@)
|
||||
return
|
||||
initialize:()->
|
||||
counter = @requirements.length + 1
|
||||
self = @
|
||||
done = ()->
|
||||
counter = counter - 1
|
||||
if counter == 0
|
||||
self.attach_events()
|
||||
return
|
||||
for r in @requirements
|
||||
$.cachedScript(r).done(done)
|
||||
done()
|
||||
|
||||
load_subcontrols: ()->
|
||||
if @fullstate.controls?
|
||||
@controls=(build_control(control_name, state, @) for control_name, state of @fullstate.controls)
|
||||
else
|
||||
@controls = []
|
||||
|
||||
attach_events: ()->
|
||||
console.log "Attached #{@control_name}"
|
||||
for control in @controls
|
||||
if control?
|
||||
control.initialize()
|
||||
return
|
||||
|
||||
update: (state)->
|
||||
return
|
||||
|
||||
process_actions: (actions)->
|
||||
for action in actions
|
||||
try
|
||||
fn = eval(action.type)
|
||||
fn(action)
|
||||
catch e
|
||||
console.log "Failed preforming action #{action.type}"
|
||||
|
||||
process_update: (new_states)->
|
||||
if new_states[@control_name]?
|
||||
@update(new_states[@control_name])
|
||||
for control in @controls
|
||||
if control?
|
||||
control.process_update(new_states)
|
||||
|
||||
get_context_state : ()->
|
||||
if @parent_control? and not @isolation
|
||||
return @parent_control.get_context_state()
|
||||
return @wrap(@control_name,@fullstate)
|
||||
wrap : (cname,state)->
|
||||
ctrs = {}
|
||||
ctrs[cname] = state
|
||||
state = {"controls":ctrs}
|
||||
if @parent_control?
|
||||
return @parent_control.wrap(@parent_control.control_name,state)
|
||||
return state
|
||||
|
||||
callback_url: (params)->
|
||||
if @parent_control?
|
||||
return @parent_control.callback_url(params)
|
||||
$.extend params, @url_params
|
||||
@url + '?' + $.param(params)
|
||||
|
||||
trigger_callback: (control_name,event,event_parameter)->
|
||||
if @parent_control? and not @isolation
|
||||
return @parent_control.trigger_callback(control_name,event,event_parameter)
|
||||
self = @
|
||||
$.ajax
|
||||
type: 'POST',
|
||||
url: @callback_url
|
||||
control_name: control_name
|
||||
event: event
|
||||
event_parameter: event_parameter
|
||||
data:
|
||||
JSON.stringify(@get_context_state())
|
||||
processData: false,
|
||||
contentType: 'application/json',
|
||||
cache: no
|
||||
.done (new_states)->
|
||||
#Update all classes
|
||||
if new_states.actions?
|
||||
self.process_actions(new_states.actions)
|
||||
self.process_update(new_states)
|
||||
|
||||
#Simple event listener
|
||||
|
||||
#subscribe to an event
|
||||
on: (name, callback, context)->
|
||||
if not @_events?
|
||||
@_events = {}
|
||||
if not @_events[name]?
|
||||
@_events[name] = []
|
||||
@_events[name].push({callback:callback,context:context})
|
||||
return @
|
||||
|
||||
#trigger an event
|
||||
trigger: (name)->
|
||||
if not @_events?[name]?
|
||||
return @
|
||||
for ev in @_events[name]
|
||||
ev.callback.call(ev.context)
|
||||
return @
|
||||
|
||||
remove:()->
|
||||
console.log "Removed #{@control_name}"
|
||||
@$el.remove()
|
||||
|
||||
|
||||
class WSF_PAGE_CONTROL extends WSF_CONTROL
|
||||
constructor: (@fullstate)->
|
||||
@state = @fullstate.state
|
||||
@parent_control=null
|
||||
@$el = $('[data-name='+@state.id+']')
|
||||
@control_name = @state.id
|
||||
@url = @state['url']
|
||||
@url_params = jQuery.unparam(@state['url_params'])
|
||||
@$el.data('control',@)
|
||||
@load_subcontrols()
|
||||
|
||||
wrap : (cname,state)->
|
||||
state
|
||||
|
||||
remove:()->
|
||||
console.log "Removed #{@control_name}"
|
||||
@$el.remove()
|
||||
|
||||
controls = {}
|
||||
|
||||
class WSF_BUTTON_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
@$el.click (e)->
|
||||
e.preventDefault()
|
||||
self.click()
|
||||
|
||||
click: ()->
|
||||
if @state['callback_click']
|
||||
@trigger_callback(@control_name, 'click')
|
||||
|
||||
update: (state) ->
|
||||
if state.text?
|
||||
@state['text'] = state.text
|
||||
@$el.text(state.text)
|
||||
|
||||
class WSF_INPUT_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
@$el.change ()->
|
||||
self.change()
|
||||
|
||||
change: ()->
|
||||
#update local state
|
||||
@state['text'] = @$el.val()
|
||||
if @state['callback_change']
|
||||
@trigger_callback(@control_name, 'change')
|
||||
@trigger('change')
|
||||
|
||||
value:()->
|
||||
return @$el.val()
|
||||
|
||||
update: (state) ->
|
||||
if state.text?
|
||||
@state['text'] = state.text
|
||||
@$el.val(state.text)
|
||||
|
||||
class WSF_TEXTAREA_CONTROL extends WSF_INPUT_CONTROL
|
||||
|
||||
class WSF_AUTOCOMPLETE_CONTROL extends WSF_INPUT_CONTROL
|
||||
requirements: ['assets/typeahead.min.js']
|
||||
attach_events: () ->
|
||||
super
|
||||
self = @
|
||||
@$el.typeahead({
|
||||
name: @control_name
|
||||
template: @state['template']
|
||||
engine: Mini
|
||||
remote:
|
||||
url:""
|
||||
replace: (url, uriEncodedQuery) ->
|
||||
self.state['text'] = self.$el.val()
|
||||
'?' + $.param
|
||||
control_name: self.control_name
|
||||
event: 'autocomplete'
|
||||
states: JSON.stringify(self.get_context_state())
|
||||
filter: (parsedResponse) ->
|
||||
parsedResponse[self.control_name]['suggestions']
|
||||
fn: ()->
|
||||
self.trigger_callback(self.control_name, 'autocomplete')
|
||||
})
|
||||
@$el.on 'typeahead:closed',()->
|
||||
self.change()
|
||||
@$el.on 'typeahead:blured',()->
|
||||
self.change()
|
||||
|
||||
class WSF_CHECKBOX_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
@checked_value = @state['checked_value']
|
||||
@$el.change ()->
|
||||
self.change()
|
||||
|
||||
change: ()->
|
||||
#update local state
|
||||
@state['checked'] = @$el.is(':checked')
|
||||
if @state['callback_change']
|
||||
@trigger_callback(@control_name, 'change')
|
||||
@trigger('change')
|
||||
|
||||
value:()->
|
||||
return @$el.is(':checked')
|
||||
|
||||
update: (state) ->
|
||||
if state.text?
|
||||
@state['checked'] = state.checked
|
||||
@$el.prop('checked',state.checked)
|
||||
|
||||
class WSF_FORM_ELEMENT_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
@value_control = @controls[0]
|
||||
if @value_control?
|
||||
#subscribe to change event on value_control
|
||||
@value_control.on('change',@change,@)
|
||||
@serverside_validator = false
|
||||
#Initialize validators
|
||||
@validators = []
|
||||
for validator in @state['validators']
|
||||
try
|
||||
validatorclass = eval(validator.name)
|
||||
@validators.push new validatorclass(@,validator)
|
||||
catch e
|
||||
#Use serverside validator if no js implementation
|
||||
@serverside_validator = true
|
||||
return
|
||||
|
||||
#value_control changed run validators
|
||||
change: ()->
|
||||
for validator in @validators
|
||||
if not validator.validate()
|
||||
@showerror(validator.error)
|
||||
return
|
||||
@showerror("")
|
||||
#If there is validator which is not implemented in js ask server to validate
|
||||
if @serverside_validator
|
||||
@trigger_callback(@control_name, 'validate')
|
||||
return
|
||||
|
||||
showerror: (message)->
|
||||
@$el.removeClass("has-error")
|
||||
@$el.find(".validation").remove()
|
||||
if message.length>0
|
||||
@$el.addClass("has-error")
|
||||
errordiv = $("<div />").addClass('help-block').addClass('validation').text(message)
|
||||
@$el.find(".col-lg-10").append(errordiv)
|
||||
|
||||
update: (state) ->
|
||||
if state.error?
|
||||
@showerror(state.error)
|
||||
|
||||
value: ()->
|
||||
@value_control.value()
|
||||
|
||||
class WSF_HTML_CONTROL extends WSF_CONTROL
|
||||
|
||||
value:()->
|
||||
return @$el.html()
|
||||
|
||||
update: (state) ->
|
||||
if state.html?
|
||||
@state['html'] = state.html
|
||||
@$el.html(state.html)
|
||||
|
||||
class WSF_CHECKBOX_LIST_CONTROL extends WSF_CONTROL
|
||||
|
||||
attach_events: ()->
|
||||
super
|
||||
#Listen to events of subelements and forward them
|
||||
for control in @controls
|
||||
control.on('change',@change,@)
|
||||
return
|
||||
|
||||
change:()->
|
||||
@trigger("change")
|
||||
|
||||
value:()->
|
||||
result = []
|
||||
for subc in @controls
|
||||
if subc.value()
|
||||
result.push(subc.checked_value)
|
||||
return result
|
||||
|
||||
class WSF_PROGRESS_CONTROL extends WSF_CONTROL
|
||||
|
||||
attach_events:() ->
|
||||
super
|
||||
self = @
|
||||
runfetch= ()->
|
||||
self.fetch()
|
||||
@int=setInterval(runfetch, 5000)
|
||||
|
||||
fetch: ()->
|
||||
@trigger_callback(@control_name, 'progress_fetch')
|
||||
|
||||
|
||||
update: (state)->
|
||||
if state.progress?
|
||||
@state['progress'] = state.progress
|
||||
@$el.children('.progress-bar').attr('aria-valuenow', state.progress).width(state.progress + '%')
|
||||
|
||||
remove: ()->
|
||||
clearInterval(@int)
|
||||
super
|
||||
|
||||
class WSF_PAGINATION_CONTROL extends WSF_CONTROL
|
||||
|
||||
attach_events: ()->
|
||||
self = @
|
||||
@$el.on 'click', 'a', (e)->
|
||||
e.preventDefault()
|
||||
self.click(e)
|
||||
|
||||
click: (e)->
|
||||
nr = $(e.target).data('nr')
|
||||
if nr == "next"
|
||||
@trigger_callback(@control_name, "next")
|
||||
else if nr == "prev"
|
||||
@trigger_callback(@control_name, "prev")
|
||||
else
|
||||
@trigger_callback(@control_name, "goto", nr)
|
||||
|
||||
update: (state) ->
|
||||
if state._html?
|
||||
@$el.html($(state._html).html())
|
||||
|
||||
class WSF_GRID_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
|
||||
update: (state) ->
|
||||
if state.datasource?
|
||||
@state['datasource'] = state.datasource
|
||||
if state._body?
|
||||
@$el.find('tbody').html(state._body)
|
||||
|
||||
class WSF_REPEATER_CONTROL extends WSF_CONTROL
|
||||
attach_events: ()->
|
||||
super
|
||||
self = @
|
||||
|
||||
update: (state) ->
|
||||
if state.datasource?
|
||||
@state['datasource'] = state.datasource
|
||||
if state._body?
|
||||
@$el.find('.repeater_content').html(state._body)
|
||||
console.log state._body
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#### actions
|
||||
|
||||
show_alert = (action)->
|
||||
alert(action.message)
|
||||
|
||||
start_modal = (action)->
|
||||
modal = $("""<div class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">#{action.title}</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>""")
|
||||
modal.appendTo('body')
|
||||
modal.modal('show')
|
||||
modal.on 'hidden.bs.modal', ()->
|
||||
$(modal.find('[data-name]').get().reverse()).each (i,value)->
|
||||
$(value).data('control').remove()
|
||||
return
|
||||
return
|
||||
$.get( action.url, { ajax: 1 } )
|
||||
.done (data) ->
|
||||
modal.find('.modal-body').append(data)
|
||||
|
||||
Reference in New Issue
Block a user