Open-ILS/web/js/dojo/openils/widget/EditPane.js

   1 if(!dojo._hasResource['openils.widget.EditPane']) {
   2     dojo.provide('openils.widget.EditPane');
   3     dojo.require('openils.widget.AutoWidget');
   4     dojo.require('openils.widget.AutoFieldWidget');
   5     dojo.require('fieldmapper.Fieldmapper');
   6     dojo.require('dijit.layout.ContentPane');
   7     dojo.require('openils.Util');
   8     dojo.require('openils.PermaCrud');
   9
  10     dojo.declare(
  11         'openils.widget.EditPane',
  12         [dijit.layout.ContentPane, openils.widget.AutoWidget],
  13         {
  14             mode : 'update',
  15             onPostSubmit : null, // apply callback
  16             onCancel : null, // cancel callback
  17             hideActionButtons : false,
  18
  19             constructor : function(args) {
  20                 this.fieldList = [];
  21                 for(var k in args)
  22                     this[k] = args[k];
  23             },
  24
  25             /**
  26              * Builds a basic table of key / value pairs.  Keys are IDL display labels.
  27              * Values are dijit's, when values set
  28              */
  29             startup : function() {
  30                 this.inherited(arguments);
  31                 this.initAutoEnv();
  32                 if(this.readOnly)
  33                     this.hideActionButtons = true;
  34
  35                 var table = this.table = document.createElement('table');
  36                 var tbody = document.createElement('tbody');
  37                 this.domNode.appendChild(table);
  38                 table.appendChild(tbody);
  39
  40                 this.limitPerms = [];
  41                 if(this.fmIDL.permacrud && this.fmIDL.permacrud[this.mode])
  42                     this.limitPerms = this.fmIDL.permacrud[this.mode].perms;
  43
  44                 if(!this.overrideWidgets)
  45                     this.overrideWidgets = {};
  46
  47                 for(var f in this.sortedFieldList) {
  48                     var field = this.sortedFieldList[f];
  49                     if(!field || field.virtual) continue;
  50
  51                     if(field.name == this.fmIDL.pkey && this.mode == 'create' && this.fmIDL.pkey_sequence)
  52                         continue; /* don't show auto-generated fields on create */
  53
  54                     var row = document.createElement('tr');
  55                     var nameTd = document.createElement('td');
  56                     var valTd = document.createElement('td');
  57                     var valSpan = document.createElement('span');
  58                     valTd.appendChild(valSpan);
  59
  60
  61                     nameTd.appendChild(document.createTextNode(field.label));
  62                     row.setAttribute('fmfield', field.name);
  63                     row.appendChild(nameTd);
  64                     row.appendChild(valTd);
  65                     tbody.appendChild(row);
  66
  67                     var widget = new openils.widget.AutoFieldWidget({
  68                         idlField : field,
  69                         fmObject : this.fmObject,
  70                         fmClass : this.fmClass,
  71                         parentNode : valSpan,
  72                         orgLimitPerms : this.limitPerms,
  73                         readOnly : this.readOnly,
  74                         widget : this.overrideWidgets[field.name]
  75                     });
  76
  77                     widget.build();
  78                     this.fieldList.push({name:field.name, widget:widget});
  79                     //this.applySaveOnEnter(widget);
  80                 }
  81                 if(!this.hideActionButtons)
  82                     this.buildActionButtons(tbody);
  83             },
  84
  85             applySaveOnEnter : function(widget) {
  86                 var self = this;
  87                 dojo.connect(this, 'onKeyDown',
  88                     function(e) {
  89                         if(e.keyCode == dojo.keys.ENTER)
  90                             self.performAutoEditAction();
  91                     }
  92                 );
  93             },
  94
  95             buildActionButtons : function(tbody) {
  96                 var row = document.createElement('tr');
  97                 var cancelTd = document.createElement('td');
  98                 var applyTd = document.createElement('td');
  99                 var cancelSpan = document.createElement('span');
 100                 var applySpan = document.createElement('span');
 101                 row.appendChild(cancelTd);
 102                 row.appendChild(applyTd);
 103                 cancelTd.appendChild(cancelSpan);
 104                 applyTd.appendChild(applySpan);
 105                 tbody.appendChild(row);
 106
 107                 var self = this;
 108                 new dijit.form.Button({
 109                     label:'Cancel', // XXX
 110                     onClick : this.onCancel
 111                 }, cancelSpan);
 112
 113                 new dijit.form.Button({
 114                     label:'Save',  // XXX
 115                     onClick: function() {self.performAutoEditAction();}
 116                 }, applySpan);
 117             },
 118
 119             getFields : function() {
 120                 return this.fieldList.map(function(a) { return a.name });
 121             },
 122
 123             getFieldValue : function(field) {
 124                 for(var i in this.fieldList) {
 125                     if(field == this.fieldList[i].name)
 126                         return this.fieldList[i].widget.getFormattedValue();
 127                 }
 128             },
 129
 130             performAutoEditAction : function() {
 131                 var self = this;
 132                 self.performEditAction({
 133                     oncomplete:function(r) {
 134                         if(self.onPostSubmit)
 135                             self.onPostSubmit(r);
 136                     }
 137                 });
 138             },
 139
 140             performEditAction : function(opts) {
 141                 var pcrud = new openils.PermaCrud();
 142                 var fields = this.getFields();
 143                 if(this.mode == 'create')
 144                     this.fmObject = new fieldmapper[this.fmClass]();
 145                 for(var idx in fields)
 146                     this.fmObject[fields[idx]](this.getFieldValue(fields[idx]));
 147                 if(this.mode == 'create' && this.fmIDL.pkey_sequence)
 148                     this.fmObject[this.fmIDL.pkey](null);
 149                 pcrud[this.mode](this.fmObject, opts);
 150             }
 151         }
 152     );
 153 }
 154