app/assets/javascripts/locmare/form.js.coffee

   1 # form_name_with_sub_form\r
   2 # item: editing item\r
   3 # submit: string / 'submit'\r
   4 class Locmare.FormBase extends Backbone.View\r
   5   tagName: 'form'\r
   6   \r
   7   initialize: (options) ->\r
   8     @form_name = options.form_name #_with_sub_form\r
   9     @use_name = options.use_name || 'default'\r
  10     @item = options.item\r
  11     @element_form = options.element_form\r
  12     @submit = options.submit\r
  13     if /\./.test(@form_name)\r
  14       @sub_form_names = @form_name.split('.')\r
  15       @form_name = @sub_form_names.pop()\r
  16       @root_form_name = @sub_form_names.shift()\r
  17     else\r
  18       @sub_form_names = []\r
  19       #@form_name = @form_name\r
  20       @root_form_name = @form_name\r
  21     @manifest = LocalManifest.manifest().forms[@form_name].uses[@use_name]\r
  22     @fields = {}\r
  23     @on('change:field', @change)\r
  24   \r
  25   change: (field) ->\r
  26     console.log(field.field_name)\r
  27   \r
  28   fold_extend_settings: (params) ->\r
  29     @item.my_class().fold_extend_settings params[@item.item_name()]\r
  30   \r
  31   sub_form_name: () ->\r
  32     r = _.map @sub_form_names, (name) ->\r
  33       '[' + name + '_attributes' + ']'\r
  34     r.join()\r
  35   \r
  36   form_field_name: (field_name) ->\r
  37     @root_form_name + @sub_form_name() + '[' + field_name + ']'\r
  38   \r
  39   image_dir: () ->\r
  40     '/images/'\r
  41   \r
  42   quit: () ->\r
  43     null\r
  44   \r
  45 class Locmare.Form extends Locmare.FormBase\r
  46   \r
  47   @factory: (options) ->\r
  48     custom_form = Pettanr.Views[Pettanr.camelize(options.item.model_name())].Form\r
  49     if custom_form\r
  50       new custom_form(options)\r
  51     else\r
  52       new Locmare.Form(options)\r
  53   \r
  54   initialize: (options) ->\r
  55     super(options)\r
  56     @submit = options.submit\r
  57     @child_forms = {}\r
  58     @item.boosts 'post'\r
  59     @init_fields()\r
  60   \r
  61   render: () ->\r
  62     @attr = {\r
  63       method: @method_type(),\r
  64       action: @action_url()\r
  65     }\r
  66     this.$el.attr(@attr)\r
  67     this.$el.html('')\r
  68     @error_explanation = null\r
  69     @div_fields = new Locmare.FormModule.Fields({\r
  70       parent: this, fields: @fields\r
  71     })\r
  72     #this.$el.append(@error_explanation.render().el) if not @error_explanation\r
  73     this.$el.append(@div_fields.render().el)\r
  74     @add_elements() if @element_form\r
  75     if @submit\r
  76       c = @submit_class()\r
  77       @div_submit = new c({form: this})\r
  78       this.$el.append(@div_submit.render().el)\r
  79       @delegateEvents({'submit': @method_type()})\r
  80     this\r
  81   \r
  82   refresh: () ->\r
  83     _.each @fields, (field) =>\r
  84       field.refresh()\r
  85     _.each @child_forms, (child_form, name) =>\r
  86       child_form.refresh()\r
  87   \r
  88   method_type: () ->\r
  89     if @item.isNew()\r
  90       'post'\r
  91     else\r
  92       'put'\r
  93   \r
  94   action_url: () ->\r
  95     return null if !@submit    # element has not create actions\r
  96     if @item.isNew()\r
  97       @item.create_url()\r
  98     else\r
  99       @item.edit_url()\r
 100   \r
 101   add_elements: () ->\r
 102     _.each @item.my_class().child_models(), (element_model) =>\r
 103       items = @item.element_items(element_model)\r
 104       if @item.my_class().my_manifest().associations.is_has_one(element_model)\r
 105         @add_element(items)\r
 106       else\r
 107         _.each items, (item) =>\r
 108           @add_element(item)\r
 109   \r
 110   add_element: (element) ->\r
 111     form = Locmare.Form.factory({\r
 112       form_name: element.item_name(), \r
 113       use_name: @use_name,\r
 114       item: element, \r
 115       element_form: @element_form, \r
 116       submit: null, \r
 117     })\r
 118     this.$el.append(form.render().el)\r
 119     mm = @item.my_class().my_manifest()\r
 120     em = element.my_class().my_manifest()\r
 121     child_element_name = mm.associations.child_element_name(element.my_class())\r
 122     if mm.associations.is_has_one(em)\r
 123       @child_forms[child_element_name] = form\r
 124     else\r
 125       @child_forms[child_element_name] ||= []\r
 126       @child_forms[child_element_name].push(form)\r
 127     form\r
 128   \r
 129   remove_elements: () ->\r
 130     _.each @child_forms, (child_form, name) =>\r
 131       child_form.item.set({_destroy: true}, {silent: true})\r
 132       child_form.remove_elements()\r
 133   \r
 134   init_fields: () ->\r
 135     _.each @manifest.field_names, (field_name) =>\r
 136       field_manifest = @manifest.fields[field_name]\r
 137       boost_name = @item.my_class().find_boost_name(field_name)\r
 138       extend_model = if boost_name \r
 139         @item.boosters[boost_name].extend_model()\r
 140       else\r
 141         null\r
 142       if boost_name and extend_model # field is extend setting AND template has a extend model\r
 143         extend_form_name = @item.boosters[boost_name].item_name()\r
 144         extend_item = @item.boosters[boost_name].extend_item()\r
 145         @fields[field_name] = new Locmare.ExtendForm({\r
 146           parent: this, \r
 147           form_name: extend_form_name, \r
 148           use_name: @use_name,\r
 149           item: extend_item, \r
 150           field_name: field_name\r
 151         })\r
 152       else\r
 153         @fields[field_name] = new Locmare.FormModule.Field({\r
 154           form: this, \r
 155           field_name: field_name, \r
 156           field_manifest: field_manifest\r
 157         })\r
 158   \r
 159   submits: () ->\r
 160     {\r
 161       default: Locmare.FormModule.SubmitModule.Default\r
 162     }\r
 163   \r
 164   submit_class: () ->\r
 165     @submits()[@submit]\r
 166   \r
 167   post: () ->\r
 168     _.each @fields, (field) =>\r
 169       field.fold() if field.is_extend()\r
 170       @item.set(field.field_name, field.val())\r
 171     @item.unset('id')  # isNew use flag that id attr set\r
 172     @trigger('http_post', @item.create_url(), this)\r
 173     return false\r
 174   \r
 175   put: () ->\r
 176     _.each @fields, (field) =>\r
 177       field.fold() if field.is_extend()\r
 178       @item.set(field.field_name, field.val())\r
 179     @trigger('http_post', @item.update_url(), this)\r
 180     return false\r
 181   \r
 182   save: () ->\r
 183     @listenTo(@item, 'save:success', @success)\r
 184     @listenTo(@item, 'save:fail', @fail)\r
 185     @item.save()\r
 186   \r
 187   success: (model, response) ->\r
 188     if !Pettanr.cache.restore(model.cache_key())\r
 189       # item is new\r
 190       Pettanr.cache.store(model)\r
 191     else\r
 192       @item.fix()\r
 193     @trigger('success', model, response)\r
 194   \r
 195   fail: (model, response) ->\r
 196     @trigger('fail', response)\r
 197   \r
 198   quit: () ->\r
 199     @item.release()\r
 200   \r
 201   save_data: (inspire = false) ->\r
 202     @item.my_class().child_models()\r
 203     attrs = {}\r
 204     _.each @fields, (field) =>\r
 205       attrs[field.field_name] = @item.get(field.field_name)\r
 206     delete attrs['id'] if @item.isNew()\r
 207     _.each @child_forms, (child_form, name) =>\r
 208       mm = @item.my_class().my_manifest()\r
 209       em = child_form.item.my_class().my_manifest()\r
 210       if mm.associations.is_has_one(em)\r
 211         d = child_form.save_data(inspire)\r
 212         if inspire\r
 213           delete d['id']\r
 214           delete d[@item.item_name() + '_id']\r
 215         attrs[name + '_attributes'] = d\r
 216       else\r
 217         attrs[name + '_attributes'] = []\r
 218         _.each child_form, (form) =>\r
 219           d = form.save_data(inspire)\r
 220           if inspire\r
 221             delete d['id']\r
 222             delete d[@item.item_name() + '_id']\r
 223           attrs[name + '_attributes'].push(d)\r
 224     attrs\r
 225   \r
 226 class Locmare.ExtendForm extends Locmare.FormBase\r
 227   tagName: 'div'\r
 228   className: 'fields'\r
 229   \r
 230   initialize: (options) ->\r
 231     @parent = options.parent\r
 232     @field_name = options.field_name\r
 233     super(options)\r
 234     @listenTo(@item, 'input', @input)\r
 235     @field = new Locmare.FormModule.Field({\r
 236       form: @parent, \r
 237       field_name: @field_name, \r
 238       field_manifest: @parent.manifest.fields[@field_name]\r
 239     })\r
 240     @label = @field.label\r
 241     @init_fields()\r
 242   \r
 243   render: () ->\r
 244     this.$el.html('')\r
 245     this.$el.append(@label.render().el) if not @label.hidden()\r
 246     @div_fields = new Locmare.FormModule.Fields({\r
 247       fields: @fields\r
 248     })\r
 249     this.$el.append(@div_fields.render().el)\r
 250     this\r
 251   \r
 252   refresh: () ->\r
 253     @field.refresh()\r
 254   \r
 255   input: (field) ->\r
 256     a = {}\r
 257     a[@field_name] = @val()\r
 258     @parent.item.set(a, {silent: true})\r
 259     @parent.item.trigger('input:' + @field_name + ':' + field)\r
 260     @parent.item.trigger('input:' + @field_name)\r
 261     @parent.item.trigger('input')\r
 262   \r
 263   fold: () ->\r
 264     _.each @fields, (field) =>\r
 265       @item.set(field.field_name, field.val())\r
 266   \r
 267   val: () ->\r
 268     JSON.stringify(@item.attributes)\r
 269   \r
 270   init_fields: () ->\r
 271     _.each @manifest.field_names, (field_name) =>\r
 272       field_manifest = @manifest.fields[field_name]\r
 273       @fields[field_name] = new Locmare.FormModule.ExtendField({\r
 274         form: this, \r
 275         field_name: field_name, \r
 276         field_manifest: field_manifest\r
 277       })\r
 278   \r
 279   form_field_name: (extend_field_name) ->\r
 280     # parent is field\r
 281     @parent.form_field_name(@field_name)  + '[' + extend_field_name + ']'\r
 282   \r
 283   is_extend: () ->\r
 284     true\r
 285   \r
 286 class Locmare.FormModule\r
 287 class Locmare.FormModule.Fields extends Backbone.View\r
 288   tagName: 'div'\r
 289   className: 'fields'\r
 290   \r
 291   initialize: (options) ->\r
 292     @parent = options.parent\r
 293     @fields = options.fields\r
 294   \r
 295   render: () ->\r
 296     this.$el.html('')\r
 297     _.each @fields, (field) =>\r
 298       this.$el.append(field.render().el)\r
 299       this.$el.append(field.rb.render().el) if field.rb\r
 300     this\r
 301   \r
 302 class Locmare.FormModule.SubmitModule\r
 303 class Locmare.FormModule.SubmitModule.Default extends Backbone.View\r
 304   tagName: 'div'\r
 305   className: 'actions'\r
 306   \r
 307   initialize: (options) ->\r
 308     @form = options.form\r
 309   \r
 310   render: () ->\r
 311     caption = I18n.t(@submit_name())\r
 312     this.$el.html('<input type="submit" name="commit" class="submit" value="' + caption + '"></input>')\r
 313     this\r
 314   \r
 315   submit_name: () ->\r
 316     if @form.item.isNew()\r
 317       @form.item.table_name() + '.submit.new'\r
 318     else\r
 319       @form.item.table_name() + '.submit.edit'\r
 320   \r