13b855dec77fa9ad7d2448529113d0920679b604
[tine20] / tine20 / Tinebase / js / widgets / form / RecordsPickerCombo.js
1 /*
2  * Tine 2.0
3  *
4  * @license     http://www.gnu.org/licenses/agpl.html AGPL Version 3
5  * @author      Philipp Schüle <p.schuele@metaways.de>
6  * @copyright   Copyright (c) 2016 Metaways Infosystems GmbH (http://www.metaways.de)
7  *
8  */
9 Ext.ns('Tine.Tinebase.widgets.form');
10
11 /**
12  * config grid panel
13  *
14  * @namespace   Tine.Tinebase.widgets.form
15  * @class       Tine.Tinebase.widgets.form.RecordsPickerCombo
16  * @extends     Tine.widgets.grid.LayerCombo
17  */
18 Tine.Tinebase.widgets.form.RecordsPickerCombo = Ext.extend(Ext.ux.form.LayerCombo, {
19
20     hideButtons: false,
21     layerAlign: 'tr-br?',
22     minLayerWidth: 400,
23     layerHeight: 300,
24     allowBlur: true,
25
26     lazyInit: true,
27
28     formConfig: {
29         labelAlign: 'left',
30         labelWidth: 30
31     },
32
33     pickerGrid: null,
34     inEditor: true,
35     recordClass: null,
36
37     initComponent: function () {
38         this.emptyText = this.emptyText || i18n._('Search for records ...');
39         this.currentValue = this.currentValue || [];
40
41         Tine.Tinebase.widgets.form.RecordsPickerCombo.superclass.initComponent.call(this);
42         this.store = new Ext.data.SimpleStore({
43             fields: this.recordClass
44         });
45
46         this.on('beforecollapse', this.onBeforeCollapse, this);
47     },
48
49     getItems: function () {
50         this.pickerGrid = new Tine.widgets.grid.PickerGridPanel({
51             recordClass: this.recordClass,
52             height: this.layerHeight - 40 || 'auto',
53             onStoreChange: Ext.emptyFn,
54             store: this.store
55         });
56
57         return [this.pickerGrid];
58     },
59
60     /**
61      * cancel collapse if ctx menu is shown
62      */
63     onBeforeCollapse: function () {
64         return this.pickerGrid
65             && (!this.pickerGrid.contextMenu || this.pickerGrid.contextMenu.hidden)
66             && !this.pickerGrid.editing;
67     },
68
69     /**
70      * @param {String} value
71      * @return {Ext.form.Field} this
72      */
73     setValue: function (value) {
74         var _ = window.lodash;
75
76         value = value || [];
77         this.setStoreFromArray(value);
78         if (this.rendered) {
79             var text = _.reduce(this.store.data.items, function(result, record) {
80                 return result.concat(record.getTitle());
81             }, []).join(', ');
82             this.setRawValue(text || this.emptyText);
83             this.el[(text ? 'remove' : 'add') + 'Class'](this.emptyClass);
84         }
85
86         var oldValue = this.currentValue;
87         this.currentValue = value;
88         Tine.Tinebase.common.assertComparable(this.currentValue);
89
90         if (JSON.stringify(value) != JSON.stringify(oldValue)){
91             this.fireEvent('change', this, value, oldValue);
92         }
93
94         return this;
95     },
96
97     afterRender: function () {
98
99         Tine.Tinebase.widgets.form.RecordsPickerCombo.superclass.afterRender.apply(this, arguments);
100         if (this.currentValue) {
101             this.setValue(this.currentValue);
102         }
103     },
104     /**
105      * sets values to innerForm (grid)
106      */
107     setFormValue: function (value) {
108         if (!value) {
109             value = [];
110         }
111
112         this.setStoreFromArray(value);
113     },
114
115     /**
116      * retrieves values from grid
117      *
118      * @returns {*|Array}
119      */
120     getFormValue: function () {
121         return this.getFromStoreAsArray();
122     },
123
124     /**
125      * get values from store (as array)
126      *
127      * @param {Array}
128      *
129      */
130     setStoreFromArray: function(data) {
131         data = data || [];
132         //this.pickerGrid.getStore().clearData();
133         this.store.removeAll();
134
135         for (var i = data.length-1; i >=0; --i) {
136             var recordData = data[i],
137                 newRecord = new this.recordClass(recordData);
138             this.store.insert(0, newRecord);
139         }
140     },
141
142     /**
143      * get values from store (as array)
144      *
145      * @return {Array}
146      *
147      */
148     getFromStoreAsArray: function() {
149         var result = [];
150         this.store.each(function(record) {
151             result.push(record.data);
152         }, this);
153
154         return result;
155     }
156 });
157
158 Ext.reg('tinerecordspickercombobox', Tine.Tinebase.widgets.form.RecordsPickerCombo);