3 class Tag.Img extends Backbone.View
\r
6 # attr: {src: '/hoge', width: 80, ...}
\r
7 # class_name: 'El-Class'
\r
8 initialize: (options) ->
\r
9 @attr = options.attr || {}
\r
10 @class_name = options.class_name
\r
13 this.$el.attr(@attr)
\r
14 this.$el.addClass(@class_name) if @class_name
\r
17 class Tag.A_ extends Backbone.View
\r
20 initialize: (options) ->
\r
21 @attr = options.attr || {}
\r
22 @content = options.content
\r
23 @class_name = options.class_name
\r
26 this.$el.attr(@attr)
\r
27 @el.className = @class_name if @class_name
\r
28 this.$el.html(@content)
\r
31 class Tag.A extends Tag.A_
\r
33 initialize: (options) ->
\r
38 @events = {click: 'click'}
\r
39 @delegateEvents(@events)
\r
46 class Tag.Div extends Backbone.View
\r
49 initialize: (options) ->
\r
50 @attr = options.attr || {}
\r
51 @content = options.content
\r
52 @class_name = options.class_name
\r
55 @el.className = @class_name if @class_name
\r
56 this.$el.attr(@attr)
\r
57 this.$el.html(@content)
\r
60 class Tag.Span extends Tag.Div
\r
63 class Tag.Ul extends Backbone.View
\r
66 initialize: (options) ->
\r
67 @attr = options.attr || {}
\r
68 @contents = options.contents
\r
69 @class_name = options.class_name
\r
72 @el.className = @class_name if @class_name
\r
73 this.$el.attr(@attr)
\r
75 _.each @contents, (content) =>
\r
76 this.$el.append(content.render().el)
\r
79 class Tag.RowBreak extends Tag.Div
\r
80 initialize: (options) ->
\r
83 @class_name = 'row_break'
\r
85 class Tag.H3 extends Backbone.View
\r
88 initialize: (options) ->
\r
89 @attr = options.attr || {}
\r
90 @content = options.content
\r
91 @class_name = options.class_name
\r
94 this.$el.attr(@attr)
\r
95 @el.className = @class_name if @class_name
\r
96 this.$el.html(@content)
\r
99 class Tag.H2 extends Tag.H3
\r
102 class Tag.Input extends Backbone.View
\r
105 initialize: (options) ->
\r
106 @type = options.type || 'text'
\r
107 @class_name = options.class_name
\r
111 this.$el.attr(@attr)
\r
112 @el.className = @class_name if @class_name
\r
116 class Tag.Checkbox extends Tag.Input
\r
121 initialize: (options) ->
\r
124 @value = options.value
\r
125 @checked = options.checked
\r
133 @attr['checked'] = @checked
\r
134 this.$el.attr(@attr)
\r
137 @checked = this.$el.prop('checked')
\r