{"version":3,"sources":["webpack:///./src/views/system/field-mapping/display.vue?c0ff","webpack:///src/views/system/field-mapping/display.vue","webpack:///./src/views/system/field-mapping/display.vue?4412","webpack:///./src/views/system/field-mapping/display.vue","webpack:///./src/views/system/field-mapping/display.vue?8b06"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","preventDefault","loadAssetMutationSample","assetTypeGroups","model","value","callback","$$v","assetTypeGroupId","expression","staticStyle","assetMutationTypes","assetMutationTypeId","saveMappings","_e","assetMutation","addNewField","addNewGroup","_l","group","index","class","ref","directives","name","rawName","text","_s","show","hide","editGroup","removeGroup","swapGroup","customFieldGroups","length","customGroups","checked","displayGroup","fields","map","x","isDisplayed","reduce","a","b","$set","field","displayGridColumn","getFieldLabel","displayLabelColumn","getLabelClass","getFieldTitle","getFieldValue","displayName","toLocaleLowerCase","indexOf","usage","key","id","_f","scopedSlots","_u","fn","proxy","swap","edit","remove","gridColumnOptions","saveNewGroup","newGroupName","newGroupGridColumn","selectedGroupName","saveEditedGroup","selectedGroup","selectedGroupGridColumn","selectedGroupNewGroupId","selectedField","save","displayConditionalTypes","displayConditionalType","allCustomFields","displayConditionalOperators","saveNewField","availableFields","newFieldSelected","newField","staticRenderFns","component"],"mappings":"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","file":"js/chunk-e564ffbc.386e4374.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',[_c('b-card',{staticClass:\"mt-0\"},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-row',[_c('b-col',[_vm._v(\" Cấu hình giao diện Form hiển thị biến động \")])],1)],1),_c('b-card-body',[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.loadAssetMutationSample($event)}}},[_c('b-row',[_c('b-col',{attrs:{\"offset-md\":\"3\"}},[_c('b-form-group',{attrs:{\"label\":\"Nhóm tài sản:\",\"label-cols-md\":\"2\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('treeselect',{staticClass:\"no-padding col-md-6\",attrs:{\"defaultExpandLevel\":1,\"always-open\":false,\"append-to-body\":true,\"max-height\":390,\"placeholder\":\"Nhập tên nhóm tài sản\",\"options\":_vm.assetTypeGroups},model:{value:(_vm.assetTypeGroupId),callback:function ($$v) {_vm.assetTypeGroupId=$$v},expression:\"assetTypeGroupId\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"offset-md\":\"3\"}},[_c('b-form-group',{attrs:{\"label\":\"Loại biến động:\",\"label-cols-md\":\"2\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('div',{staticClass:\"col-md-6 no-padding\"},[_c('select2',{staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.assetMutationTypes},model:{value:(_vm.assetMutationTypeId),callback:function ($$v) {_vm.assetMutationTypeId=$$v},expression:\"assetMutationTypeId\"}})],1)])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"offset-md\":\"3\"}},[_c('b-form-group',{attrs:{\"label\":\"\",\"label-cols\":4,\"label-cols-md\":\"2\"}},[_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Xem\")]),_c('b-button',{attrs:{\"type\":\"button\",\"variant\":\"success\"},on:{\"click\":_vm.saveMappings}},[_vm._v(\"Cập nhật \"),(_vm.dirty)?_c('span',{staticStyle:{\"color\":\"red\"}},[_vm._v(\"(*)\")]):_vm._e()])],1)],1)],1)],1)],1)],1)],1)],1),_c('br'),(_vm.assetMutation.id)?_c('b-row',[_c('b-col',[_c('b-button',{staticClass:\"pull-right\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.addNewField}},[_vm._v(\"Thêm trường\")]),_c('b-button',{staticClass:\"pull-right\",on:{\"click\":_vm.addNewGroup}},[_vm._v(\"Thêm nhóm\")])],1)],1):_vm._e(),_c('br'),(_vm.assetMutation.id)?_c('b-row',{staticClass:\"document-view\",staticStyle:{\"border\":\"1px solid red\"}},[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('b-row',{staticStyle:{\"margin\":\"0\"}},[_vm._l((_vm.customFieldGroups),function(group,index){return [_c('b-card',{class:(\"col-md-\" + (group.ref.displayGridColumn))},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-row',[_c('b-col',[_c('b-link',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('accordion-group-' + group.ref.text),expression:\"'accordion-group-' + group.ref.text\"}]},[_c('span',{attrs:{\"id\":(\"group_\" + (group.ref.id))}},[_vm._v(\" \"+_vm._s(group.ref.text)+\" \")]),_c('b-popover',{attrs:{\"title\":(\"Nhóm \" + (group.ref.text)),\"target\":(\"group_\" + (group.ref.id)),\"triggers\":\"hover\",\"placement\":\"topright\",\"delay\":{ show: 500, hide: 200 }}},[_c('b-button-group',[_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"primary\",\"title\":\"Sửa\"},on:{\"click\":function($event){return _vm.editGroup(group)}}},[_c('i',{staticClass:\"fa fa-edit\",attrs:{\"aria-hidden\":\"true\"}})]),_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"danger\",\"title\":\"Xóa\"},on:{\"click\":function($event){return _vm.removeGroup(group)}}},[_c('i',{staticClass:\"fa fa-remove\",attrs:{\"aria-hidden\":\"true\"}})]),(index > 0)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"success\",\"title\":\"Chuyển lên trên\"},on:{\"click\":function($event){return _vm.swapGroup(group, _vm.customFieldGroups[index -1])}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e(),(index < _vm.customFieldGroups.length - 1 && index < _vm.assetMutation.customGroups.length - 1)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"success\",\"title\":\"Chuyển xuống dưới\"},on:{\"click\":function($event){return _vm.swapGroup(group, _vm.customFieldGroups[index +1])}}},[_c('i',{staticClass:\"fa fa-arrow-down\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e()],1),_c('div',[_c('b-form-group',{attrs:{\"label\":\"Displayed:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"Được hiển thị trên form tài sản\"},on:{\"change\":function (checked) { return _vm.displayGroup(checked, group); }},model:{value:(group.fields.map(function (x) { return x.isDisplayed; }).reduce(function (a,b) { return a && b; })),callback:function ($$v) {_vm.$set(group.fields.map(function (x) { return x.isDisplayed; }), \"reduce((a,b) => a && b)\", $$v)},expression:\"group.fields.map(x => x.isDisplayed).reduce((a,b) => a && b)\"}})],1)],1)],1),_c('span',{staticClass:\"when-opened pull-right\"},[_c('i',{staticClass:\"fa fa-chevron-down\",attrs:{\"aria-hidden\":\"true\"}})]),_c('span',{staticClass:\"when-closed pull-right\"},[_c('i',{staticClass:\"fa fa-chevron-up\",attrs:{\"aria-hidden\":\"true\"}})])],1)],1)],1)],1),_c('b-collapse',{attrs:{\"id\":'accordion-group-' + group.ref.text,\"visible\":\"\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('b-row',[_vm._l((group.fields),function(field,index){return [(field.displayNewLine)?_c('div',{staticClass:\"col-12\"}):_vm._e(),_c('b-col',{staticClass:\"editable\",attrs:{\"md\":field.displayGridColumn,\"id\":(\"field_\" + (field.id))}},[_c('b-form-group',{attrs:{\"label\":_vm.getFieldLabel(field),\"label-cols\":field.displayLabelColumn,\"label-class\":_vm.getLabelClass(field),\"title\":_vm.getFieldTitle(field),\"horizontal\":true,\"label-align\":\"left\"}},[(field.name)?_c('b-form-input',{attrs:{\"value\":_vm.getFieldValue(field),\"title\":_vm.getFieldValue(field),\"readonly\":true}}):_vm._e()],1)],1),(field.name == null && field.displayName.toLocaleLowerCase().indexOf('hien trang') != -1)?_vm._l((_vm.assetMutation.usageStates),function(usage){return _c('b-col',{key:usage.id,attrs:{\"md\":\"2\"}},[_c('b-form-group',{attrs:{\"label\":usage.name,\"title\":usage.name,\"horizontal\":true,\"label-align\":\"left\"}},[(usage.isAreaUsage)?_c('b-form-input',{attrs:{\"value\":_vm._f(\"formatNumber\")(usage.value),\"title\":_vm._f(\"formatNumber\")(usage.value),\"readonly\":true}}):_c('b-checkbox',{attrs:{\"disabled\":\"\"},model:{value:(usage.value >= 1),callback:function ($$v) {_vm.$set(usage, \"value >= 1\", $$v)},expression:\"usage.value >= 1\"}})],1)],1)}):_vm._e(),_c('b-popover',{attrs:{\"target\":(\"field_\" + (field.id)),\"triggers\":\"hover\",\"placement\":\"topright\",\"delay\":{ show: 500, hide: 200 }},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticStyle:{\"width\":\"130px\"},attrs:{\"title\":field.name}},[_vm._v(\" \"+_vm._s(_vm.getFieldLabel(field))+\" \")])]},proxy:true}],null,true)},[_c('b-button-group',[_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"info\",\"title\":\"Thêm field phía trước\"},on:{\"click\":function($event){return _vm.addNewField(field, 0)}}},[_c('i',{staticClass:\"fa fa-share-square fa-flip-horizontal\",attrs:{\"aria-hidden\":\"true\"}})]),(index > 0)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"success\",\"title\":\"Chuyển lên phía trước\"},on:{\"click\":function($event){return _vm.swap(field, group.fields[index -1])}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e(),_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"primary\",\"title\":\"Sửa\"},on:{\"click\":function($event){return _vm.edit(field)}}},[_c('i',{staticClass:\"fa fa-edit\",attrs:{\"aria-hidden\":\"true\"}})]),_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"danger\",\"title\":\"Xóa\"},on:{\"click\":function($event){return _vm.remove(field)}}},[_c('i',{staticClass:\"fa fa-remove\",attrs:{\"aria-hidden\":\"true\"}})]),(index < group.fields.length - 1)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"success\",\"title\":\"Chuyển xuống phía sau\"},on:{\"click\":function($event){return _vm.swap(field, group.fields[index +1])}}},[_c('i',{staticClass:\"fa fa-arrow-down\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e(),_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"info\",\"title\":\"Thêm field phía sau\"},on:{\"click\":function($event){return _vm.addNewField(field, 1)}}},[_c('i',{staticClass:\"fa fa-share-square\",attrs:{\"aria-hidden\":\"true\"}})])],1),_c('div',[_c('b-form-group',{attrs:{\"label\":\"New Line:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"Hiển thị ở dòng mới\"},model:{value:(field.displayNewLine),callback:function ($$v) {_vm.$set(field, \"displayNewLine\", $$v)},expression:\"field.displayNewLine\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Grid:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(field.displayGridColumn),callback:function ($$v) {_vm.$set(field, \"displayGridColumn\", $$v)},expression:\"field.displayGridColumn\"}}),_c('br')],1),_c('b-form-group',{attrs:{\"label\":\"Label:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(field.displayLabelColumn),callback:function ($$v) {_vm.$set(field, \"displayLabelColumn\", $$v)},expression:\"field.displayLabelColumn\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Bold:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"In đậm label\"},model:{value:(field.displayLabelBold),callback:function ($$v) {_vm.$set(field, \"displayLabelBold\", $$v)},expression:\"field.displayLabelBold\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Italic:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"In nghiêng label\"},model:{value:(field.displayLabelItalic),callback:function ($$v) {_vm.$set(field, \"displayLabelItalic\", $$v)},expression:\"field.displayLabelItalic\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Hide Label:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"Không hiển thị label\"},model:{value:(field.displayLabelNone),callback:function ($$v) {_vm.$set(field, \"displayLabelNone\", $$v)},expression:\"field.displayLabelNone\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Displayed:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"Được hiển thị trên form tài sản\"},model:{value:(field.isDisplayed),callback:function ($$v) {_vm.$set(field, \"isDisplayed\", $$v)},expression:\"field.isDisplayed\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Required:\",\"label-cols\":\"6\",\"horizontal\":true,\"label-align\":\"left\"}},[_c('b-form-checkbox',{attrs:{\"title\":\"Bắt buộc\"},model:{value:(field.isRequired),callback:function ($$v) {_vm.$set(field, \"isRequired\", $$v)},expression:\"field.isRequired\"}})],1)],1)],1)]})],2)],1)],1)],1)]})],2)],1)],1):_vm._e(),_c('b-modal',{ref:\"groupAddNewModal\",attrs:{\"no-enforce-focus\":true,\"id\":\"group-add-new-modal\",\"size\":\"md\",\"title\":\"Thêm nhóm mới\"},on:{\"ok\":_vm.saveNewGroup}},[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.newGroupName),callback:function ($$v) {_vm.newGroupName=$$v},expression:\"newGroupName\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng grid:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.newGroupGridColumn),callback:function ($$v) {_vm.newGroupGridColumn=$$v},expression:\"newGroupGridColumn\"}})],1)],1)],1)],1),_c('b-modal',{ref:\"groupEditModal\",attrs:{\"no-enforce-focus\":true,\"id\":\"group-edit-modal\",\"size\":\"md\",\"title\":(\"Cập nhật nhóm \" + _vm.selectedGroupName)},on:{\"ok\":_vm.saveEditedGroup}},[(_vm.selectedGroup.id)?[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.selectedGroupName),callback:function ($$v) {_vm.selectedGroupName=$$v},expression:\"selectedGroupName\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng grid:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.selectedGroupGridColumn),callback:function ($$v) {_vm.selectedGroupGridColumn=$$v},expression:\"selectedGroupGridColumn\"}})],1)],1)],1)]:[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Chọn nhóm:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('select2',{attrs:{\"options\":_vm.assetMutation.customGroups},model:{value:(_vm.selectedGroupNewGroupId),callback:function ($$v) {_vm.selectedGroupNewGroupId=$$v},expression:\"selectedGroupNewGroupId\"}})],1)],1)],1)]],2),_c('b-modal',{ref:\"fieldEditModal\",attrs:{\"no-enforce-focus\":true,\"id\":\"field-new-modal\",\"size\":\"lg\",\"title\":'Cập nhật trường ' + _vm.selectedField.name},on:{\"ok\":_vm.save}},[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên trường dữ liệu:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.selectedField.name))])])],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.selectedField.displayName),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayName\", $$v)},expression:\"selectedField.displayName\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Định dạng hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.selectedField.displayFormat),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayFormat\", $$v)},expression:\"selectedField.displayFormat\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Nhóm:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('select2',{attrs:{\"options\":_vm.assetMutation.customGroups},model:{value:(_vm.selectedField.groupId),callback:function ($$v) {_vm.$set(_vm.selectedField, \"groupId\", $$v)},expression:\"selectedField.groupId\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Hiển thị trên dòng mới:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.displayNewLine),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayNewLine\", $$v)},expression:\"selectedField.displayNewLine\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng grid:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.selectedField.displayGridColumn),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayGridColumn\", $$v)},expression:\"selectedField.displayGridColumn\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng label:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.selectedField.displayLabelColumn),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayLabelColumn\", $$v)},expression:\"selectedField.displayLabelColumn\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"In đậm label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.displayLabelBold),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayLabelBold\", $$v)},expression:\"selectedField.displayLabelBold\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"In nghiêng label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.displayLabelItalic),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayLabelItalic\", $$v)},expression:\"selectedField.displayLabelItalic\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Không hiển thị label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.displayLabelNone),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayLabelNone\", $$v)},expression:\"selectedField.displayLabelNone\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Hiển thị trên form tài sản:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.isDisplayed),callback:function ($$v) {_vm.$set(_vm.selectedField, \"isDisplayed\", $$v)},expression:\"selectedField.isDisplayed\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Bắt buộc:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.selectedField.isRequired),callback:function ($$v) {_vm.$set(_vm.selectedField, \"isRequired\", $$v)},expression:\"selectedField.isRequired\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Điều kiện hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-radio-group',{attrs:{\"options\":_vm.displayConditionalTypes},model:{value:(_vm.selectedField.displayConditionalType),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayConditionalType\", $$v)},expression:\"selectedField.displayConditionalType\"}}),(_vm.selectedField.displayConditionalType == 1)?_c('b-form',{staticClass:\"display-conditional\",attrs:{\"inline\":\"\"}},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('select2',{attrs:{\"options\":_vm.allCustomFields,\"placeholder\":\"Tên trường\"},model:{value:(_vm.selectedField.displayConditionalFieldName),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayConditionalFieldName\", $$v)},expression:\"selectedField.displayConditionalFieldName\"}})],1),_c('b-col',{attrs:{\"md\":\"2\"}},[_c('select2',{attrs:{\"options\":_vm.displayConditionalOperators,\"placeholder\":\"Phép tính\"},model:{value:(_vm.selectedField.displayConditionalOperator),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayConditionalOperator\", $$v)},expression:\"selectedField.displayConditionalOperator\"}})],1),_c('b-col',{attrs:{\"md\":\"4\"}},[_c('b-form-input',{staticStyle:{\"width\":\"100%\"},attrs:{\"placeholder\":\"Giá trị\"},model:{value:(_vm.selectedField.displayConditionalFieldValue),callback:function ($$v) {_vm.$set(_vm.selectedField, \"displayConditionalFieldValue\", $$v)},expression:\"selectedField.displayConditionalFieldValue\"}})],1)],1):_vm._e()],1)],1)],1)],1),_c('b-modal',{ref:\"newFieldModal\",attrs:{\"no-enforce-focus\":true,\"id\":\"new-field-modal\",\"size\":\"lg\",\"title\":\"Thêm trường\"},on:{\"ok\":_vm.saveNewField}},[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên trường dữ liệu:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('select2',{staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.availableFields},model:{value:(_vm.newFieldSelected),callback:function ($$v) {_vm.newFieldSelected=$$v},expression:\"newFieldSelected\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Tên hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.newField.displayName),callback:function ($$v) {_vm.$set(_vm.newField, \"displayName\", $$v)},expression:\"newField.displayName\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Định dạng hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-input',{attrs:{\"lazy\":\"\"},model:{value:(_vm.newField.displayFormat),callback:function ($$v) {_vm.$set(_vm.newField, \"displayFormat\", $$v)},expression:\"newField.displayFormat\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Nhóm:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('select2',{attrs:{\"options\":_vm.assetMutation.customGroups},model:{value:(_vm.newField.groupId),callback:function ($$v) {_vm.$set(_vm.newField, \"groupId\", $$v)},expression:\"newField.groupId\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Hiển thị trên dòng mới:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.displayNewLine),callback:function ($$v) {_vm.$set(_vm.newField, \"displayNewLine\", $$v)},expression:\"newField.displayNewLine\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng grid:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.newField.displayGridColumn),callback:function ($$v) {_vm.$set(_vm.newField, \"displayGridColumn\", $$v)},expression:\"newField.displayGridColumn\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Độ rộng label:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-select',{attrs:{\"options\":_vm.gridColumnOptions},model:{value:(_vm.newField.displayLabelColumn),callback:function ($$v) {_vm.$set(_vm.newField, \"displayLabelColumn\", $$v)},expression:\"newField.displayLabelColumn\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"In đậm label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.displayLabelBold),callback:function ($$v) {_vm.$set(_vm.newField, \"displayLabelBold\", $$v)},expression:\"newField.displayLabelBold\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"In nghiêng label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.displayLabelItalic),callback:function ($$v) {_vm.$set(_vm.newField, \"displayLabelItalic\", $$v)},expression:\"newField.displayLabelItalic\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Không hiển thị label:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.displayLabelNone),callback:function ($$v) {_vm.$set(_vm.newField, \"displayLabelNone\", $$v)},expression:\"newField.displayLabelNone\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Hiển thị trên form tài sản:\",\"label-cols\":8,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.isDisplayed),callback:function ($$v) {_vm.$set(_vm.newField, \"isDisplayed\", $$v)},expression:\"newField.isDisplayed\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Bắt buộc:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-checkbox',{model:{value:(_vm.newField.isRequired),callback:function ($$v) {_vm.$set(_vm.newField, \"isRequired\", $$v)},expression:\"newField.isRequired\"}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Điều kiện hiển thị:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"right\"}},[_c('b-form-radio-group',{attrs:{\"options\":_vm.displayConditionalTypes},model:{value:(_vm.newField.displayConditionalType),callback:function ($$v) {_vm.$set(_vm.newField, \"displayConditionalType\", $$v)},expression:\"newField.displayConditionalType\"}}),(_vm.newField.displayConditionalType == 1)?_c('b-form',{staticClass:\"display-conditional\",attrs:{\"inline\":\"\"}},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('select2',{attrs:{\"options\":_vm.allCustomFields,\"placeholder\":\"Tên trường\"},model:{value:(_vm.newField.displayConditionalFieldName),callback:function ($$v) {_vm.$set(_vm.newField, \"displayConditionalFieldName\", $$v)},expression:\"newField.displayConditionalFieldName\"}})],1),_c('b-col',{attrs:{\"md\":\"2\"}},[_c('select2',{attrs:{\"options\":_vm.displayConditionalOperators,\"placeholder\":\"Phép tính\"},model:{value:(_vm.newField.displayConditionalOperator),callback:function ($$v) {_vm.$set(_vm.newField, \"displayConditionalOperator\", $$v)},expression:\"newField.displayConditionalOperator\"}})],1),_c('b-col',{attrs:{\"md\":\"4\"}},[_c('b-form-input',{staticStyle:{\"width\":\"100%\"},attrs:{\"placeholder\":\"Giá trị\"},model:{value:(_vm.newField.displayConditionalFieldValue),callback:function ($$v) {_vm.$set(_vm.newField, \"displayConditionalFieldValue\", $$v)},expression:\"newField.displayConditionalFieldValue\"}})],1)],1):_vm._e()],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"animated fadeIn\">\r\n        <b-row>\r\n            <b-col>\r\n                <b-card class=\"mt-0\">\r\n                    <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n                        <b-row>\r\n                            <b-col>\r\n                                Cấu hình giao diện Form hiển thị biến động\r\n                            </b-col>\r\n                        </b-row>\r\n                    </b-card-header>\r\n                    <b-card-body>\r\n                        <b-form @submit.prevent=\"loadAssetMutationSample\">\r\n                            <b-row>\r\n                                <b-col offset-md=\"3\">\r\n                                    <b-form-group label=\"Nhóm tài sản:\"\r\n                                                  label-cols-md=\"2\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <treeselect v-model=\"assetTypeGroupId\"\r\n                                                    class=\"no-padding col-md-6\"\r\n                                                    :defaultExpandLevel=\"1\"\r\n                                                    :always-open=\"false\"\r\n                                                    :append-to-body=\"true\"\r\n                                                    :max-height=\"390\"\r\n                                                    placeholder=\"Nhập tên nhóm tài sản\"\r\n                                                    :options=\"assetTypeGroups\" />\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                            <b-row>\r\n                                <b-col offset-md=\"3\">\r\n                                    <b-form-group label=\"Loại biến động:\"\r\n                                                  label-cols-md=\"2\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <div class=\"col-md-6 no-padding\">\r\n                                            <select2 v-model=\"assetMutationTypeId\" :options=\"assetMutationTypes\" style=\"width:100%\"></select2>\r\n                                        </div>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                            <b-row>\r\n                                <b-col offset-md=\"3\">\r\n                                    <b-form-group label=\"\" :label-cols=\"4\" label-cols-md=\"2\">\r\n                                        <b-button type=\"submit\" variant=\"primary\">Xem</b-button>\r\n                                        <b-button type=\"button\" variant=\"success\" @click=\"saveMappings\">Cập nhật <span style=\"color: red\" v-if=\"dirty\">(*)</span></b-button>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                        </b-form>\r\n                    </b-card-body>\r\n                </b-card>\r\n            </b-col>\r\n        </b-row>\r\n        <br />\r\n        <b-row v-if=\"assetMutation.id\">\r\n            <b-col>\r\n                <b-button class=\"pull-right\" variant=\"primary\" @click=\"addNewField\">Thêm trường</b-button>\r\n                <b-button class=\"pull-right\" @click=\"addNewGroup\">Thêm nhóm</b-button>\r\n            </b-col>\r\n        </b-row>\r\n        <br />\r\n        <b-row class=\"document-view\" style=\"border: 1px solid red\" v-if=\"assetMutation.id\">\r\n            <b-col lg=\"12\">\r\n                <b-row style=\"margin: 0\">\r\n                    <template v-for=\"(group, index) in customFieldGroups\">\r\n                        <b-card :class=\"`col-md-${group.ref.displayGridColumn}`\">\r\n                            <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n                                <b-row>\r\n                                    <b-col>\r\n                                        <b-link v-b-toggle=\"'accordion-group-' + group.ref.text\">\r\n                                            <span :id=\"`group_${group.ref.id}`\">\r\n                                                {{ group.ref.text }}\r\n                                            </span>\r\n                                            <b-popover :title=\"`Nhóm ${group.ref.text}`\" :target=\"`group_${group.ref.id}`\"\r\n                                                       triggers=\"hover\"\r\n                                                       placement=\"topright\"\r\n                                                       :delay=\"{ show: 500, hide: 200 }\">\r\n                                                <b-button-group>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"primary\" title=\"Sửa\" @click=\"editGroup(group)\"><i class=\"fa fa-edit\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"danger\" title=\"Xóa\" @click=\"removeGroup(group)\"><i class=\"fa fa-remove\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"success\" title=\"Chuyển lên trên\" @click=\"swapGroup(group, customFieldGroups[index -1])\" v-if=\"index > 0\"><i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"success\" title=\"Chuyển xuống dưới\" @click=\"swapGroup(group, customFieldGroups[index +1])\" v-if=\"index < customFieldGroups.length - 1 && index < assetMutation.customGroups.length - 1\"><i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i></b-button>\r\n                                                </b-button-group>\r\n                                                <div>\r\n                                                    <b-form-group label=\"Displayed:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"group.fields.map(x => x.isDisplayed).reduce((a,b) => a && b)\" @change=\"(checked) => displayGroup(checked, group)\" title=\"Được hiển thị trên form tài sản\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                </div>\r\n                                            </b-popover>\r\n                                            <span class=\"when-opened pull-right\">\r\n                                                <i class=\"fa fa-chevron-down\" aria-hidden=\"true\"></i>\r\n                                            </span>\r\n                                            <span class=\"when-closed pull-right\">\r\n                                                <i class=\"fa fa-chevron-up\" aria-hidden=\"true\"></i>\r\n                                            </span>\r\n                                        </b-link>\r\n                                    </b-col>\r\n                                </b-row>\r\n                            </b-card-header>\r\n\r\n                            <b-collapse :id=\"'accordion-group-' + group.ref.text\" visible role=\"tabpanel\">\r\n                                <b-card-body>\r\n                                    <b-row>\r\n                                        <template v-for=\"(field, index) in group.fields\">\r\n                                            <div class=\"col-12\" v-if=\"field.displayNewLine\"></div>\r\n                                            <b-col :md=\"field.displayGridColumn\" :id=\"`field_${field.id}`\" class=\"editable\">\r\n                                                <b-form-group :label=\"getFieldLabel(field)\"\r\n                                                              :label-cols=\"field.displayLabelColumn\"\r\n                                                              :label-class=\"getLabelClass(field)\"\r\n                                                              :title=\"getFieldTitle(field)\"\r\n                                                              :horizontal=\"true\"\r\n                                                              label-align=\"left\">\r\n                                                    <b-form-input :value=\"getFieldValue(field)\" :title=\"getFieldValue(field)\" :readonly=\"true\" v-if=\"field.name\"></b-form-input>\r\n                                                </b-form-group>\r\n                                            </b-col>\r\n                                            <template v-if=\"field.name == null && field.displayName.toLocaleLowerCase().indexOf('hien trang') != -1\">\r\n                                                <b-col md=\"2\" v-for=\"usage in assetMutation.usageStates\" :key=\"usage.id\">\r\n                                                    <b-form-group :label=\"usage.name\"\r\n                                                                  :title=\"usage.name\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-input v-if=\"usage.isAreaUsage\" :value=\"usage.value | formatNumber\" :title=\"usage.value | formatNumber\" :readonly=\"true\"></b-form-input>\r\n                                                        <b-checkbox disabled v-else v-model=\"usage.value >= 1\"></b-checkbox>\r\n                                                    </b-form-group>\r\n                                                </b-col>\r\n                                            </template>\r\n                                            <b-popover :target=\"`field_${field.id}`\" triggers=\"hover\" placement=\"topright\" :delay=\"{ show: 500, hide: 200 }\">\r\n                                                <template v-slot:title>\r\n                                                    <div style=\"width: 130px\" :title=\"field.name\">\r\n                                                        {{ getFieldLabel(field) }}\r\n                                                    </div>\r\n                                                </template>\r\n                                                <b-button-group>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"info\" title=\"Thêm field phía trước\" @click=\"addNewField(field, 0)\"><i class=\"fa fa-share-square fa-flip-horizontal\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"success\" title=\"Chuyển lên phía trước\" @click=\"swap(field, group.fields[index -1])\" v-if=\"index > 0\"><i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"primary\" title=\"Sửa\" @click=\"edit(field)\"><i class=\"fa fa-edit\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"danger\" title=\"Xóa\" @click=\"remove(field)\"><i class=\"fa fa-remove\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"success\" title=\"Chuyển xuống phía sau\" @click=\"swap(field, group.fields[index +1])\" v-if=\"index < group.fields.length - 1\"><i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i></b-button>\r\n                                                    <b-button size=\"sm\" class=\"mr-1\" variant=\"info\" title=\"Thêm field phía sau\" @click=\"addNewField(field, 1)\"><i class=\"fa fa-share-square\" aria-hidden=\"true\"></i></b-button>\r\n                                                </b-button-group>\r\n                                                <div>\r\n                                                    <b-form-group label=\"New Line:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.displayNewLine\" title=\"Hiển thị ở dòng mới\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Grid:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-select v-model=\"field.displayGridColumn\" :options=\"gridColumnOptions\"></b-form-select><br />\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Label:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-select v-model=\"field.displayLabelColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Bold:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.displayLabelBold\" title=\"In đậm label\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Italic:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.displayLabelItalic\" title=\"In nghiêng label\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Hide Label:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.displayLabelNone\" title=\"Không hiển thị label\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Displayed:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.isDisplayed\" title=\"Được hiển thị trên form tài sản\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                    <b-form-group label=\"Required:\"\r\n                                                                  label-cols=\"6\"\r\n                                                                  :horizontal=\"true\"\r\n                                                                  label-align=\"left\">\r\n                                                        <b-form-checkbox v-model=\"field.isRequired\" title=\"Bắt buộc\"></b-form-checkbox>\r\n                                                    </b-form-group>\r\n                                                </div>\r\n                                            </b-popover>\r\n                                        </template>\r\n                                    </b-row>\r\n                                </b-card-body>\r\n                            </b-collapse>\r\n                        </b-card>\r\n                    </template>\r\n                </b-row>\r\n            </b-col>\r\n        </b-row>\r\n\r\n\r\n        <b-modal :no-enforce-focus=\"true\" id=\"group-add-new-modal\" ref=\"groupAddNewModal\" size=\"md\" title=\"Thêm nhóm mới\" @ok=\"saveNewGroup\">\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Tên hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-input v-model=\"newGroupName\" lazy></b-form-input>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Độ rộng grid:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-select v-model=\"newGroupGridColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n        </b-modal>\r\n\r\n        <b-modal :no-enforce-focus=\"true\" id=\"group-edit-modal\" ref=\"groupEditModal\" size=\"md\" :title=\"`Cập nhật nhóm ${selectedGroupName}`\" @ok=\"saveEditedGroup\">\r\n            <template v-if=\"selectedGroup.id\">\r\n                <b-row>\r\n                    <b-col>\r\n                        <b-form-group label=\"Tên hiển thị:\"\r\n                                      :label-cols=\"4\"\r\n                                      :horizontal=\"true\"\r\n                                      label-align=\"right\">\r\n                            <b-form-input v-model=\"selectedGroupName\" lazy></b-form-input>\r\n                        </b-form-group>\r\n                    </b-col>\r\n                </b-row>\r\n                <b-row>\r\n                    <b-col>\r\n                        <b-form-group label=\"Độ rộng grid:\"\r\n                                      :label-cols=\"4\"\r\n                                      :horizontal=\"true\"\r\n                                      label-align=\"right\">\r\n                            <b-form-select v-model=\"selectedGroupGridColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                        </b-form-group>\r\n                    </b-col>\r\n                </b-row>\r\n            </template>\r\n            <template v-else>\r\n                <b-row>\r\n                    <b-col>\r\n                        <b-form-group label=\"Chọn nhóm:\"\r\n                                      :label-cols=\"4\"\r\n                                      :horizontal=\"true\"\r\n                                      label-align=\"right\">\r\n                            <select2 v-model=\"selectedGroupNewGroupId\" :options=\"assetMutation.customGroups\"></select2>\r\n                        </b-form-group>\r\n                    </b-col>\r\n                </b-row>\r\n            </template>\r\n        </b-modal>\r\n\r\n        <b-modal :no-enforce-focus=\"true\" id=\"field-new-modal\" ref=\"fieldEditModal\" size=\"lg\" :title=\"'Cập nhật trường ' + selectedField.name\" @ok=\"save\">\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Tên trường dữ liệu:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <label class=\"col-form-label\">{{ selectedField.name }}</label>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Tên hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-input v-model=\"selectedField.displayName\" lazy></b-form-input>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Định dạng hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-input v-model=\"selectedField.displayFormat\" lazy></b-form-input>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Nhóm:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <select2 v-model=\"selectedField.groupId\" :options=\"assetMutation.customGroups\"></select2>\r\n                        <!--<b-form-input v-model=\"selectedField.group\" lazy></b-form-input>-->\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Hiển thị trên dòng mới:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.displayNewLine\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Độ rộng grid:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-select v-model=\"selectedField.displayGridColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Độ rộng label:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-select v-model=\"selectedField.displayLabelColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"In đậm label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.displayLabelBold\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"In nghiêng label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.displayLabelItalic\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"Không hiển thị label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.displayLabelNone\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"Hiển thị trên form tài sản:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.isDisplayed\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Bắt buộc:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"selectedField.isRequired\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Điều kiện hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-radio-group v-model=\"selectedField.displayConditionalType\"\r\n                                            :options=\"displayConditionalTypes\"></b-form-radio-group>\r\n                        <b-form inline v-if=\"selectedField.displayConditionalType == 1\" class=\"display-conditional\">\r\n                            <b-col md=\"6\">\r\n                                <select2 v-model=\"selectedField.displayConditionalFieldName\" :options=\"allCustomFields\" placeholder=\"Tên trường\"></select2>\r\n                            </b-col>\r\n                            <b-col md=\"2\">\r\n                                <select2 v-model=\"selectedField.displayConditionalOperator\" :options=\"displayConditionalOperators\" placeholder=\"Phép tính\"></select2>\r\n                            </b-col>\r\n                            <b-col md=\"4\">\r\n                                <b-form-input v-model=\"selectedField.displayConditionalFieldValue\" style=\"width: 100%\" placeholder=\"Giá trị\"></b-form-input>\r\n                            </b-col>\r\n                        </b-form>\r\n                        <!--<div v-if=\"newField.displayConditionalType == 2\">\r\n                    <b-form-input v-model=\"newField.displayConditionalExpression\" lazy></b-form-input>\r\n                </div>-->\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n        </b-modal>\r\n\r\n        <b-modal :no-enforce-focus=\"true\" id=\"new-field-modal\" ref=\"newFieldModal\" size=\"lg\" title=\"Thêm trường\" @ok=\"saveNewField\">\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Tên trường dữ liệu:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <select2 v-model=\"newFieldSelected\" :options=\"availableFields\" style=\"width:100%\"></select2>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Tên hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-input v-model=\"newField.displayName\" lazy></b-form-input>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Định dạng hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-input v-model=\"newField.displayFormat\" lazy></b-form-input>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Nhóm:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <select2 v-model=\"newField.groupId\" :options=\"assetMutation.customGroups\"></select2>\r\n                        <!--<b-form-input v-model=\"newField.group\" lazy></b-form-input>-->\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Hiển thị trên dòng mới:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.displayNewLine\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Độ rộng grid:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-select v-model=\"newField.displayGridColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Độ rộng label:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-select v-model=\"newField.displayLabelColumn\" :options=\"gridColumnOptions\"></b-form-select>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"In đậm label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.displayLabelBold\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"In nghiêng label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.displayLabelItalic\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"Không hiển thị label:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.displayLabelNone\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n                <b-col md=\"6\">\r\n                    <b-form-group label=\"Hiển thị trên form tài sản:\"\r\n                                  :label-cols=\"8\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.isDisplayed\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Bắt buộc:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-checkbox v-model=\"newField.isRequired\"></b-form-checkbox>\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n            <b-row>\r\n                <b-col>\r\n                    <b-form-group label=\"Điều kiện hiển thị:\"\r\n                                  :label-cols=\"4\"\r\n                                  :horizontal=\"true\"\r\n                                  label-align=\"right\">\r\n                        <b-form-radio-group v-model=\"newField.displayConditionalType\"\r\n                                            :options=\"displayConditionalTypes\"></b-form-radio-group>\r\n                        <b-form inline v-if=\"newField.displayConditionalType == 1\" class=\"display-conditional\">\r\n                            <b-col md=\"6\">\r\n                                <select2 v-model=\"newField.displayConditionalFieldName\" :options=\"allCustomFields\" placeholder=\"Tên trường\"></select2>\r\n                            </b-col>\r\n                            <b-col md=\"2\">\r\n                                <select2 v-model=\"newField.displayConditionalOperator\" :options=\"displayConditionalOperators\" placeholder=\"Phép tính\"></select2>\r\n                            </b-col>\r\n                            <b-col md=\"4\">\r\n                                <b-form-input v-model=\"newField.displayConditionalFieldValue\" style=\"width: 100%\" placeholder=\"Giá trị\"></b-form-input>\r\n                            </b-col>\r\n                        </b-form>\r\n                        <!--<div v-if=\"newField.displayConditionalType == 2\">\r\n                    <b-form-input v-model=\"newField.displayConditionalExpression\" lazy></b-form-input>\r\n                </div>-->\r\n                    </b-form-group>\r\n                </b-col>\r\n            </b-row>\r\n        </b-modal>\r\n    </div>\r\n\r\n</template>\r\n<script>\r\n    import { mapState } from 'vuex'\r\n\r\n    export default {\r\n        name: 'AssetMutationMapping',\r\n        components: {\r\n        },\r\n        data() {\r\n            return {\r\n                assetTypeGroupId: this.$route.query.assetTypeGroupId,\r\n                assetMutationTypeId: this.$route.query.assetMutationTypeId,\r\n                assetMutation: {\r\n                },\r\n                selectedField: {},\r\n                newField: {},\r\n                gridColumnOptions: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],\r\n                newGroupName: null,\r\n                newGroupGridColumn: 12,\r\n                selectedGroupName: null,\r\n                selectedGroupGridColumn: null,\r\n                selectedGroupNewGroupId: null,\r\n                selectedGroup: {},\r\n                allCustomFields: [],\r\n                newFieldSelected: null,\r\n                tempId: 0,\r\n                dirty: false,\r\n                displayConditionalOperators: [\r\n                    { id: 1, text: '=' },\r\n                    { id: 2, text: '!=' },\r\n                    { id: 3, text: '>' },\r\n                    { id: 4, text: '>=' },\r\n                    { id: 5, text: '<' },\r\n                    { id: 6, text: '<=' },\r\n                    { id: 7, text: 'contain' },\r\n                    { id: 8, text: 'not contain' }],\r\n                displayConditionalTypes: [\r\n                    { value: null, text: 'Luôn hiển thị' },\r\n                    { value: 1, text: 'Theo điều kiện' },\r\n                    //{ value: 2, text: 'Theo biểu thức' }\r\n                ]\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState({\r\n                assetTypeGroups: (state, getters) => getters.assetTypeGroupTree,\r\n                assetMutationTypes: (state, getters) => state.common.assetMutationTypes\r\n            }),\r\n            customFieldGroups() {\r\n                if (!this.assetMutation.customFields || this.assetMutation.customFields.length == 0) return [];\r\n\r\n                var data = _(this.assetMutation.customFields).sortBy(field => field.groupId == undefined);\r\n                var groupBy = _(data).groupBy(x => x.groupId).sortBy(group => data.indexOf(group[0])).value();\r\n                var groups = [];\r\n\r\n                for (var i = 0; i < groupBy.length; i++) {\r\n                    groups.push({ ref: (this.assetMutation.customGroups || []).find(x => x.id == groupBy[i][0].groupId) || { text: 'undefined' }, fields: groupBy[i] });\r\n                }\r\n\r\n                return groups;\r\n            },\r\n            availableFields() {\r\n                return this.allCustomFields;\r\n                //var currentFields = this.assetMutation.customFields || [];\r\n\r\n                //return this.allCustomFields.filter(x => {\r\n                //    return currentFields.find(y => y.name == x.id) == null;\r\n                //})\r\n            }\r\n        },\r\n        created() {\r\n            this.loadAllCustomFields();\r\n            this.loadAssetMutationSample();\r\n        },\r\n        methods: {\r\n            loadAllCustomFields() {\r\n                var vm = this;\r\n                this.$services.get('field-mapping/fields').done((response) => {\r\n                    vm.allCustomFields = response.map(x => {\r\n                        return {\r\n                            id: x.name,\r\n                            text: x.displayName,\r\n                            format: x.displayFormat\r\n                        };\r\n                    });\r\n                });\r\n            },\r\n            loadAssetMutationSample() {\r\n                if (this.assetTypeGroupId && this.assetMutationTypeId) {\r\n                    if (!this.dirty || confirm('Thay đổi mapping chưa được cập nhật. Bạn có chắc muốn load lại dữ liệu?')) {\r\n                        var vm = this;\r\n                        return this.$services.get(`field-mapping/mapping/${this.assetTypeGroupId}/${this.assetMutationTypeId}/sample`).done(assetMutation => {\r\n                            for (var i = 0; i < assetMutation.customFields.length; i++) {\r\n                                if (assetMutation.customFields[i].groupId) {\r\n                                    assetMutation.customFields[i].group = assetMutation.customGroups.find(x => x.id == assetMutation.customFields[i].groupId);\r\n                                }\r\n                            }\r\n                            vm.assetMutation = assetMutation;\r\n                            scrollToTop();\r\n                            vm.dirty = false;\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n            getLabelClass(field) {\r\n                var classes = '';\r\n\r\n                if (field.isRequired) {\r\n                    classes += ' required';\r\n                }\r\n\r\n                if (field.displayLabelBold) {\r\n                    classes += ' label-bold';\r\n                }\r\n\r\n                if (field.displayLabelItalic) {\r\n                    classes += ' label-italic';\r\n                }\r\n\r\n                if (field.displayLabelNone) {\r\n                    classes += ' label-none';\r\n                }\r\n\r\n                return classes;\r\n            },\r\n            getFieldLabel(field) {\r\n                var index = field.displayName.indexOf('.');\r\n                return index == - 1 ? field.displayName : field.displayName.substr(0, index);\r\n            },\r\n            getFieldTitle(field) {\r\n                return field.name;\r\n                //var index = field.displayName.indexOf('.');\r\n                //return index == - 1 ? null : field.displayName.substr(index);\r\n            },\r\n            getFieldValue(field) {\r\n                if (field.format != null) {\r\n                    return field.format;\r\n                } else if (field.lookupValue != null) {\r\n                    return field.lookupValue;\r\n                }\r\n\r\n                return field.value;\r\n            },\r\n            addNewField(prevField, offset) {\r\n                if (prevField && prevField.id) {\r\n                    this.newField = {\r\n                        id: --this.tempId,\r\n                        name: '',\r\n                        displayName: '',\r\n                        displayFormat: null,\r\n                        value: '',\r\n                        lookupValue: '',\r\n                        groupId: prevField.groupId,\r\n                        group: prevField.group,\r\n                        order: prevField.order + offset,\r\n                        displayNewLine: false,\r\n                        displayGridColumn: 6,\r\n                        displayLabelColumn: 4,\r\n                        displayLabelBold: false,\r\n                        displayLabelItalic: false,\r\n                        displayLabelNone: false,\r\n                        isDisplayed: true,\r\n                        isRequired: false,\r\n                        displayConditionalType: null,\r\n                        displayConditionalFieldName: '',\r\n                        displayConditionalOperator: null,\r\n                        displayConditionalFieldValue: '',\r\n                        //displayConditionalExpression: '',\r\n\r\n                        index: this.assetMutation.customFields.indexOf(prevField) + offset\r\n                    };\r\n                } else {\r\n                    this.newField = {\r\n                        id: --this.tempId,\r\n                        name: '',\r\n                        displayName: '',\r\n                        displayFormat: null,\r\n                        value: '',\r\n                        lookupValue: '',\r\n                        groupId: null,\r\n                        group: null,\r\n                        order: 0,\r\n                        displayNewLine: false,\r\n                        displayGridColumn: 6,\r\n                        displayLabelColumn: 4,\r\n                        displayLabelBold: false,\r\n                        displayLabelItalic: false,\r\n                        displayLabelItalic: false,\r\n                        isDisplayed: true,\r\n                        isRequired: false,\r\n                        displayConditionalType: null,\r\n                        displayConditionalFieldName: '',\r\n                        displayConditionalOperator: null,\r\n                        displayConditionalFieldValue: '',\r\n                        //displayConditionalExpression: '',\r\n\r\n                        index: this.assetMutation.customFields.length + 1\r\n                    };\r\n                }\r\n\r\n                var vm = this;\r\n                this.$refs.newFieldModal.show();\r\n\r\n                setTimeout(function () {\r\n                    vm.$refs.newFieldModal.getActiveElement().removeAttribute('tabindex');\r\n                }, 1000);\r\n            },\r\n            saveNewField() {\r\n                this.newField.group = this.assetMutation.customGroups.find(x => x.id == this.newField.groupId);\r\n                var fields = this.assetMutation.customFields;\r\n                fields.splice(this.newField.index, 0, this.newField);\r\n\r\n                this.assetMutation.customFields = fields;\r\n                this.dirty = true;\r\n            },\r\n            edit(field) {\r\n                this.selectedField = {\r\n                    id: field.id,\r\n                    name: field.name,\r\n                    displayName: field.displayName,\r\n                    displayFormat: field.displayFormat,\r\n                    value: field.value,\r\n                    lookupValue: field.lookupValue,\r\n                    groupId: field.groupId,\r\n                    group: field.group,\r\n                    format: field.format,\r\n                    order: field.order,\r\n                    displayNewLine: field.displayNewLine,\r\n                    displayGridColumn: field.displayGridColumn,\r\n                    displayLabelColumn: field.displayLabelColumn,\r\n                    displayLabelBold: field.displayLabelBold,\r\n                    displayLabelItalic: field.displayLabelItalic,\r\n                    displayLabelNone: field.displayLabelNone,\r\n                    isDisplayed: field.isDisplayed,\r\n                    isRequired: field.isRequired,\r\n                    displayConditionalType: field.displayConditionalType,\r\n                    displayConditionalFieldName: field.displayConditionalFieldName,\r\n                    displayConditionalOperator: field.displayConditionalOperator,\r\n                    displayConditionalFieldValue: field.displayConditionalFieldValue,\r\n                    //displayConditionalExpression: field.displayConditionalExpression\r\n                };\r\n\r\n                this.$refs.fieldEditModal.show();\r\n            },\r\n            save() {\r\n                var field = this.assetMutation.customFields.find(x => x.id == this.selectedField.id);\r\n                if (field) {\r\n                    field.displayName = this.selectedField.displayName;\r\n                    field.displayFormat = this.selectedField.displayFormat;\r\n                    field.groupId = this.selectedField.groupId;\r\n                    field.group = this.assetMutation.customGroups.find(x => x.id == this.selectedField.groupId);\r\n                    field.format = this.selectedField.format;\r\n                    field.order = this.selectedField.order;\r\n                    field.displayNewLine = this.selectedField.displayNewLine;\r\n                    field.displayGridColumn = this.selectedField.displayGridColumn;\r\n                    field.displayLabelColumn = this.selectedField.displayLabelColumn;\r\n                    field.displayLabelBold = this.selectedField.displayLabelBold;\r\n                    field.displayLabelItalic = this.selectedField.displayLabelItalic;\r\n                    field.displayLabelNone = this.selectedField.displayLabelNone;\r\n                    field.isDisplayed = this.selectedField.isDisplayed;\r\n                    field.isRequired = this.selectedField.isRequired;\r\n                    field.displayConditionalType = this.selectedField.displayConditionalType;\r\n                    field.displayConditionalFieldName = this.selectedField.displayConditionalFieldName;\r\n                    field.displayConditionalOperator = this.selectedField.displayConditionalOperator;\r\n                    field.displayConditionalFieldValue = this.selectedField.displayConditionalFieldValue;\r\n                    //field.displayConditionalExpression = this.selectedField.displayConditionalExpression;\r\n                    this.dirty = true;\r\n                }\r\n            },\r\n            remove(field) {\r\n                if (confirm('Bạn có chắc muốn xóa trường mapping này?')) {\r\n                    this.assetMutation.customFields.remove(field);\r\n                    this.dirty = true;\r\n                }\r\n            },\r\n            swap(field1, field2) {\r\n                var index1 = this.assetMutation.customFields.indexOf(field1);\r\n                var index2 = this.assetMutation.customFields.indexOf(field2);\r\n\r\n                var order = field1.order;\r\n                field1.order = field2.order;\r\n                field2.order = order;\r\n\r\n                this.$root.$set(this.assetMutation.customFields, index1, field2);\r\n                this.$root.$set(this.assetMutation.customFields, index2, field1);\r\n                this.dirty = true;\r\n            },\r\n            addNewGroup(group) {\r\n                this.newGroupName = '';\r\n                this.newGroupGridColumn = 12;\r\n\r\n                this.$refs.groupAddNewModal.show();\r\n            },\r\n            saveNewGroup() {\r\n                this.assetMutation.customGroups.push({\r\n                    id: --this.tempId,\r\n                    text: this.newGroupName,\r\n                    displayGridColumn: this.newGroupGridColumn\r\n                });\r\n                this.dirty = true;\r\n            },\r\n            editGroup(group) {\r\n                this.selectedGroup = group.ref;\r\n                this.selectedGroupName = group.ref.text;\r\n                this.selectedGroupGridColumn = group.ref.displayGridColumn;\r\n\r\n                this.$refs.groupEditModal.show();\r\n            },\r\n            saveEditedGroup() {\r\n                if (this.selectedGroup.id) {\r\n                    this.selectedGroup.text = this.selectedGroupName;\r\n                    this.selectedGroup.displayGridColumn = this.selectedGroupGridColumn;\r\n                } else if (this.selectedGroupNewGroupId) {\r\n                    var fields = this.assetMutation.customFields.filter(x => x.groupId == null);\r\n                    var group = this.assetMutation.customGroups.find(x => x.id == this.selectedGroupNewGroupId);\r\n                    for (var i = 0; i < fields.length; i++) {\r\n                        fields[i].groupId = this.selectedGroupNewGroupId;\r\n                        fields[i].group = group;\r\n                    }\r\n                }\r\n                this.dirty = true;\r\n            },\r\n            removeGroup(group) {\r\n                if (confirm('Bạn có chắc muốn xóa nhóm mapping này?')) {\r\n                    var fields = group.fields;\r\n                    for (var i = 0; i < fields.length; i++) {\r\n                        this.assetMutation.customFields.remove(fields[i]);\r\n                    }\r\n                    this.assetMutation.customGroups.remove(group.ref);\r\n                    this.dirty = true;\r\n                }\r\n            },\r\n            swapGroup(group1, group2) {\r\n                var groups = this.customFieldGroups\r\n\r\n                var index1 = groups.indexOf(group1);\r\n                var index2 = groups.indexOf(group2);\r\n\r\n                groups[index1] = group2;\r\n                groups[index2] = group1;\r\n\r\n                var ref1 = this.assetMutation.customGroups.indexOf(group1.ref);\r\n                var ref2 = this.assetMutation.customGroups.indexOf(group2.ref);\r\n\r\n                this.assetMutation.customGroups[ref1] = group2.ref;\r\n                this.assetMutation.customGroups[ref2] = group1.ref;\r\n\r\n                this.assetMutation.customFields = groups.map(x => x.fields).reduce((x, y) => x.concat(y));\r\n                this.dirty = true;\r\n            },\r\n            displayGroup(checked, group) {\r\n                for (var i = 0; i < group.fields.length; i++) {\r\n                    group.fields[i].isDisplayed = checked;\r\n                }\r\n            },\r\n            saveMappings() {\r\n                var vm = this;\r\n                //var fieldMappings = this.assetMutation.customFields.map(item => {\r\n                //    return {\r\n                //        assetTypeGroupId: this.assetTypeGroupId,\r\n                //        assetMutationTypeId: this.assetMutationTypeId,\r\n                //        fieldName: item.name,\r\n                //        displayName: item.displayName,\r\n                //        isRequired: item.isRequired,\r\n                //        isDisplayed: true,\r\n                //        displayGroup: item.group,\r\n                //        displayNewLine: item.displayNewLine,\r\n                //        displayGridColumn: item.displayGridColumn,\r\n                //        displayLabelColumn: item.displayLabelColumn,\r\n                //    };\r\n                //});\r\n                this.$services.put(`field-mapping/mapping/${this.assetTypeGroupId}/${this.assetMutationTypeId}/save-form`, this.assetMutation.customFields).done(() => {\r\n                    vm.$toastr.s('Cập nhật giao diện Form hiển thị thành công');\r\n                    vm.dirty = false;\r\n                });\r\n            }\r\n        },\r\n        watch: {\r\n            newFieldSelected(val) {\r\n                if (val) {\r\n                    this.newField.name = val;\r\n                    var field = this.availableFields.find(x => x.id == val);\r\n                    this.newField.displayName = field.text;\r\n                    this.newField.displayFormat = field.format;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n\r\n    label {\r\n        font-weight: 400;\r\n        font-style: italic;\r\n    }\r\n\r\n    .text-1 {\r\n        font-weight: 500;\r\n    }\r\n\r\n    .card {\r\n        margin-bottom: 0;\r\n        margin-top: 1.5rem;\r\n        border: none;\r\n    }\r\n\r\n    .editable:hover {\r\n        border: 1px solid red;\r\n    }\r\n\r\n    span.select2-container {\r\n        z-index: 1005000;\r\n    }\r\n\r\n    .display-conditional div {\r\n        padding-left: 0px;\r\n        padding-right: 5px;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./display.vue?vue&type=template&id=56188155&scoped=true&\"\nimport script from \"./display.vue?vue&type=script&lang=js&\"\nexport * from \"./display.vue?vue&type=script&lang=js&\"\nimport style0 from \"./display.vue?vue&type=style&index=0&id=56188155&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"56188155\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=style&index=0&id=56188155&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=style&index=0&id=56188155&scoped=true&lang=css&\""],"sourceRoot":""}