class Tag

class Tag.Img extends Backbone.View
  tagName: 'img'
  
  # attr: {src: '/hoge', width: 80, ...}
  # class_name: 'El-Class'
  initialize: (options) ->
    @attr = options.attr || {}
    @class_name = options.class_name
  
  render: () ->
    this.$el.attr(@attr)
    this.$el.addClass(@class_name) if @class_name
    this

class Tag.A extends Backbone.View
  tagName: 'a'
  
  initialize: (options) ->
    @attr = options.attr || {}
    @handler_name = options.handler_name
    @content = options.content
    @class_name = options.class_name
    @events = {click: 'click'} if @handler_name
    @delegateEvents()
  
  render: () ->
    this.$el.attr(@attr)
    @el.className = @class_name if @class_name
    this.$el.html(@content)
    this
  
  click: () ->
    window.router.navigate(@handler_name, true)
    return false
  
class Tag.Div extends Backbone.View
  tagName: 'div'
  
  initialize: (options) ->
    @attr = options.attr || {}
    @content = options.content
    @class_name = options.class_name
  
  render: () ->
    @el.className = @class_name if @class_name
    this.$el.attr(@attr)
    this.$el.html(@content)
    this
    
class Tag.RowBreak extends Tag.Div
  initialize: (options) ->
    @attr = {}
    @content = null
    @class_name = 'row_break'
  
@Tag = Tag