\");\r\n });\r\n\r\n var template =\r\n '
' +\r\n '
' +\r\n '{0}
' +\r\n '' +\r\n '
';\r\n\r\n $.each(colArray, function (index: any, value: any) {\r\n columns.every(function (i: any) {\r\n if (value === i) {\r\n var column = this, \r\n content = '';//'
';\r\n var columnName = $(this.header()).text().replace(/\\s+/g, \"_\");\r\n var distinctArray: any[] = [];\r\n column.data().each(function (d: string, j: any) {\r\n if (distinctArray.indexOf(d) == -1) {\r\n var id = tableName + \"_\" + columnName + \"_\" + j; // onchange=\"formatValues(this,' + value + ');\r\n content += '
' + d + '
';\r\n distinctArray.push(d);\r\n }\r\n }); \r\n var newTemplate = $(template.replace('{0}', content).replace('{1}', value).replace('{1}', value).replace('{2}', tableName).replace('{2}', tableName));\r\n $('body').append(newTemplate);\r\n _this.modalFilterArray[tableName + \"_\" + value] = newTemplate;\r\n content = '';\r\n }\r\n });\r\n });\r\n }, 50);\r\n\r\n }\r\n\r\n\r\n //User to show the filter modal\r\n showFilter(e: any, index: any) {\r\n $('.modalFilter').hide();\r\n $(this.modalFilterArray[index]).css({ left: 0, top: 0 });\r\n var th = $(e.target).parent();\r\n var pos = th.offset();\r\n let arrayItem = this.modalFilterArray[index];\r\n //$(this.modalFilterArray[index]).width(th.width() * 0.75);\r\n $(arrayItem).css({ 'left': pos.left, 'top': pos.top, 'min-width':(th.width() * 0.75) });\r\n $(arrayItem).show();\r\n e.stopPropagation();\r\n }\r\n\r\n updateTableHeaderStatus(tableId:string,columnId:string,activeFilter:boolean){\r\n let _colFilterId = columnId+\"-filter\";\r\n let _colFilter = $(tableId).find(_colFilterId)[0];\r\n let _colFilterAtr = _colFilter.getAttribute(\"class\");\r\n if(activeFilter){\r\n _colFilterAtr.replace(\"saop-img-filter\", \"saop-img-filter saop-cl-blue\");\r\n } else {\r\n _colFilterAtr.replace(\"saop-img-filter saop-cl-blue\", \"saop-img-filter\");\r\n \r\n }\r\n }\r\n\r\n //This function is to use the searchbox to filter the checkbox\r\n filterValues(node: any) {\r\n var searchString = $(node).val().toString().toUpperCase().trim();\r\n var rootNode = $(node).parent();\r\n if (searchString == '') {\r\n rootNode.find('div').show();\r\n } else {\r\n rootNode.find(\"div\").hide();\r\n rootNode.find(\"div:contains('\" + searchString + \"')\").show();\r\n }\r\n }\r\n\r\n //Execute the filter on the table for a given column\r\n performFilter(node: any, i: any, tableId: any) {\r\n var rootNode = $(node).parent().parent();\r\n var searchString = '', counter = 0;\r\n\r\n rootNode.find('input:checkbox').each(function (index: any, checkbox: any) {\r\n if (checkbox.checked) {\r\n searchString += (counter == 0) ? checkbox.value : '|' + checkbox.value;\r\n counter++;\r\n }\r\n });\r\n\r\n let _colId = \"#column-header-\"+i.toString();\r\n if(counter > 0){\r\n this.updateTableHeaderStatus('#' +tableId,_colId,true);\r\n } else {\r\n this.updateTableHeaderStatus('#' +tableId,_colId,false);\r\n }\r\n\r\n $('#' + tableId).DataTable().column(i).search(\r\n searchString,\r\n true, false\r\n ).draw();\r\n rootNode.hide();\r\n }\r\n\r\n //Removes the filter from the table for a given column\r\n clearFilter(node: any, i: any, tableId: any) {\r\n var rootNode = $(node).parent().parent();\r\n rootNode.find(\".filterSearchText\").val('');\r\n rootNode.find('input:checkbox').each(function (index: any, checkbox: any) {\r\n checkbox.checked = false;\r\n $(checkbox).parent().show();\r\n });\r\n\r\n let _colId = \"#column-header-\"+i.toString();\r\n this.updateTableHeaderStatus('#' +tableId,_colId,false);\r\n\r\n $('#' + tableId).DataTable().column(i).search(\r\n '',\r\n true, false\r\n ).draw();\r\n rootNode.hide();\r\n }\r\n\r\n hideFilter(node: any, i: any, tableId: any) {\r\n $('.modalFilter').hide();\r\n }\r\n\r\n setResizeEvent(gridId:string){\r\n let _this = this;\r\n var _tableDiv = $(\"table\"+gridId+\" th\") as any;\r\n var thHeight = $(\"table\"+gridId+\" th:first\").height();\r\n\t_tableDiv.resizable({\r\n handles: \"e\",\r\n\t minHeight: thHeight,\r\n maxHeight: thHeight,\r\n minWidth: 40,\r\n start: function (event: any, ui: any) {\r\n console.log(\"resize start\");\r\n },\r\n stop: function (event: any, ui: any) {\r\n console.log(\"resize stop\");\r\n },\r\n\t resize: function (event:any, ui:any) {\r\n console.log(\"resize...\");\r\n var sizerid = \"#\" + $(event.target).attr(\"id\") + \"-sizer\";\r\n $(sizerid).width(ui.size.width);\r\n\t }\r\n\t}); \r\n\r\n setTimeout(function () {\r\n _this.setTableColumnsMinColumnsWidth(gridId);\r\n }, 1000);\r\n }\r\n\r\n public setTableColumnsMinColumnsWidth(gridId: string): void {\r\n let colsWidth = this.getTableColumnsWidth(gridId);\r\n\r\n for (var i = 0; i < colsWidth.length; i++) {\r\n let ind = i + 1;\r\n let _col = $(gridId + \" tr th:nth-child(\" + ind + \")\");\r\n let _setW = !_col.hasClass(\"no-sort\");\r\n //if (_setW){\r\n $(gridId + \" tr th:nth-child(\" + ind + \")\").css({ \"min-width\": colsWidth[i] + \"px\" });\r\n $(gridId + \" tr td:nth-child(\" + ind + \")\").css({ \"min-width\": colsWidth[i] + \"px\" });\r\n //}\r\n }\r\n }\r\n\r\n private getTableColumnsWidth(gridId: string): number[] {\r\n let colWidth: number[] = [];\r\n $(gridId + ' tr:nth-child(1) > td').each(function () {\r\n colWidth.push($(this).outerWidth());\r\n });\r\n\r\n // preverimo, če je kaj zapisov. Ce ni, moramo vzeti vrstico z imeni stolpcev\r\n if (colWidth.length <= 1) {\r\n colWidth = [];\r\n\r\n $(gridId + ' tr:nth-child(1) > th').each(function () {\r\n colWidth.push($(this).outerWidth());\r\n });\r\n }\r\n\r\n return colWidth\r\n }\r\n\r\n setSortElementEvent(gridId: string):void{\r\n let _this = this;\r\n $(gridId).on('click', 'th', function () {\r\n _this.setSortElement(gridId);\r\n });\r\n }\r\n \r\n setSortElement(gridId: string):void {\r\n $(\"\" + gridId + \" thead:first th\").each(function (i, th) {\r\n let _col = $(th);\r\n let _colId = \"#\"+_col.attr('id');\r\n //let _sortType = _col.attr(\"column-sort\");\r\n let _colIconIdUp = _colId+\"-icon-up\";\r\n let _colIconId = _colId+\"-icon\";\r\n let _colIconUpElement = $(gridId+' '+_colIconIdUp);\r\n let _colIconElement = $(gridId+' '+_colIconId);\r\n let cls = $(th).attr('class');\r\n\r\n //if (_sortType != null) {\r\n if (cls != null && cls.indexOf(\"no-sort\") >= 0) {\r\n _colIconUpElement.removeClass(\"saop-img-arrow-down\");\r\n _colIconElement.removeClass(\"saop-img-arrow-up\");\r\n _colIconElement.removeClass(\"saop-img-arrow-down\"); \r\n _colIconElement.removeClass(\"saop-cl-blue\"); \r\n } \r\n else if (cls != null && cls.indexOf(\"sorting_asc\") >= 0) {\r\n _colIconUpElement.removeClass(\"saop-img-arrow-down\");\r\n _colIconElement.removeClass(\"saop-img-arrow-down\");\r\n _colIconElement.addClass(\"saop-img-arrow-up saop-cl-blue\");\r\n } else if (cls != null && cls.indexOf(\"sorting_desc\") >= 0) {\r\n _colIconUpElement.removeClass(\"saop-img-arrow-down\");\r\n _colIconElement.removeClass(\"saop-img-arrow-up\");\r\n _colIconElement.addClass(\"saop-img-arrow-down saop-cl-blue\"); \r\n } else {\r\n _colIconElement.removeClass(\"saop-img-arrow-up\");\r\n _colIconElement.removeClass(\"saop-img-arrow-down\"); \r\n _colIconElement.removeClass(\"saop-cl-blue\"); \r\n _colIconElement.addClass(\"saop-img-arrow-up\");\r\n _colIconUpElement.addClass(\"saop-img-arrow-down\");\r\n }\r\n //}\r\n });\r\n } \r\n\r\n configSimpleFilter(dataTable: any):void {\r\n let _this = this;\r\n let tableId = \"#\"+dataTable[0].id;\r\n let _iCount = 0;\r\n var _filterEnable = false;\r\n let _th_columns = $(tableId).find('th');\r\n _th_columns.each( \r\n function () {\r\n _iCount = _iCount + 1;\r\n let _element = $(this);\r\n let _filterType = _element.attr(\"column-filter\"); \r\n let _nosort = _element.hasClass(\"no-sort\");\r\n let _noResize = _element.hasClass(\"no-resize\");\r\n let _actionColumn = _element.hasClass(\"saop-table-th-last\");\r\n let _dt_checkboxes_cell = _element.hasClass(\"dt-checkboxes-cell\");\r\n _element.attr(\"id\",\"column-header-\"+ _iCount +\"\");\r\n _element.css(\"outline\",\"none\");\r\n let col_title = _element.text();\r\n //let col_max_width = col_title.length * 7;\r\n if (_dt_checkboxes_cell != null && _dt_checkboxes_cell == true) {\r\n return;\r\n }\r\n _element.text(\"\");\r\n\r\n //_element.append(\"
\"+col_title+\"
\");\r\n _element.append(\"
\"+col_title+\"
\");\r\n \r\n if (_filterType != null && _filterType.toLowerCase() == \"text\"){\r\n _filterEnable = true;\r\n } else if (_filterType != null && _filterType.toLowerCase() == \"dropdown\"){\r\n _filterEnable = true;\r\n }\r\n\r\n if (_actionColumn != null && _actionColumn == true){\r\n _nosort = true;\r\n }\r\n\r\n if (_nosort == null ||_nosort == false){\r\n _element.append(\"
\");\r\n _element.append(\"
\"); \r\n }\r\n\r\n if (_noResize == null ||_noResize == false){\r\n _element.append(\"
\");\r\n }\r\n \r\n }\r\n );\r\n\r\n if (_filterEnable) {\r\n $(tableId+' thead tr')\r\n .clone(true)\r\n .addClass('filters')\r\n .appendTo(tableId+' thead');\r\n\r\n // Setup - add a text input to each footer cell\r\n let _filters = $(tableId).find('.filters');\r\n let _filters_th = _filters.find('th');\r\n _iCount = 0;\r\n _filters_th.each( \r\n function () {\r\n _iCount = _iCount + 1;\r\n let _element = $(this);\r\n _element.off();\r\n\r\n _element.html(\"\");\r\n\r\n let _filterType = _element.attr(\"column-filter\");\r\n\r\n while(_element[0].attributes.length > 0)\r\n _element[0].removeAttribute(_element[0].attributes[0].name);\r\n\r\n let _colId = \"col_\"+_iCount.toString(); \r\n _element.attr(\"id\",_colId);\r\n let _inputId = _colId+\"_filter\"; \r\n let title = _element.text();\r\n \r\n if (_filterType != null && _filterType.toLowerCase() == \"text\"){\r\n let _inputE = new SaopInputWFL({id:_inputId,caption:title,placeholder:title}).getInnerHtml();\r\n _element.html(_inputE);\r\n } else if (_filterType != null && _filterType.toLowerCase() == \"dropdown\"){\r\n let _selectId = _colId+\"_select\"; \r\n let selectHtml = new SaopselectWFL({id:_selectId,caption:\"\",placeholder:\"\"}).getInnerHtml();\r\n let select = $(selectHtml); \r\n //\r\n\r\n let _index = _iCount;\r\n _index = _index - 1;\r\n\r\n dataTable.DataTable()\r\n .column(_index+':visible')\r\n .data()\r\n .unique()\r\n .sort()\r\n .each(function (d:any, j:any) {\r\n if (d.length > 0){\r\n let _content = d;\r\n let _firstChar = _content[0];\r\n if (_firstChar.charCodeAt(0) > 1000) {_content = _content.replace(_firstChar+\" \",\"\");}\r\n select.find('select').last().append('
' + _content + ' ');\r\n }\r\n });\r\n\r\n _element.append(select);\r\n } \r\n } \r\n );\r\n\r\n // Apply the filter\r\n $(tableId+\" thead input\").on( 'keyup change', function () {\r\n const target = event.target as HTMLInputElement;\r\n let _index = $(this).parent().parent().index();\r\n dataTable.DataTable()\r\n .column(_index+':visible')\r\n .search( target.value )\r\n .draw();\r\n\r\n //var val = $.fn.dataTable.util.escapeRegex(target.value);\r\n //dataTable.DataTable().search(val ? '^' + val + '$' : '', true, false).draw();\r\n\r\n } ); \r\n \r\n // Apply the dropdown filter\r\n $(tableId+\" thead select\").on( 'change', function () {\r\n const target = event.target as HTMLInputElement;\r\n let _index = $(this).parent().parent().index();\r\n var val = $.fn.dataTable.util.escapeRegex(target.value);\r\n dataTable.DataTable()\r\n .column(_index+':visible')\r\n .search(val ? '^' + val + '$' : '', true, false)\r\n .draw();\r\n } ); \r\n\r\n //\r\n }\r\n\r\n\r\n }\r\n\r\n configSimpleSort(gridId: string):void {\r\n this.setSortElement(gridId);\r\n this.setSortElementEvent(gridId);\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","///
\r\nimport { isUnDefined, global } from \"../Common/saop-common\";\r\nimport { SaopWebGridFilter } from \"../Components/saop-grid-filter\";\r\nimport { DataTables } from \"../@types/data-tables/types\";\r\nimport { SaopTranslationService } from '../Core/saop-translate';\r\n// function statusFormatter(row: number, cell: number, value: any, columnDef: Slick.Column
, dataContext: Slick.SlickData) {\r\n// if (value == null || value === \"\") {\r\n// return \"-\";\r\n// } else if (value < 50) {\r\n// return \"\" + value + \"% \";\r\n// } else {\r\n// return \"\" + value + \"% \";\r\n// }\r\n// }\r\n\r\nexport interface SaopWebGridToolbar {\r\n id?:string,\r\n caption:string,\r\n buttons?:SaopWebGridToolbarButton[]\r\n itemsTemplateId?: string;\r\n} \r\n\r\nexport interface SaopWebGridToolbarButton {\r\n id:string,\r\n caption :string, \r\n class? :string,\r\n attributes?:string,\r\n onClickEvent?:string,\r\n template?: string;\r\n} \r\n\r\nexport interface SaopWebGridTogglePanel {\r\n enabled:boolean\r\n} \r\n\r\nexport interface SaopWebGridProperties {\r\n gridId:string\r\n ,css?:string\r\n ,togglePanel?:SaopWebGridTogglePanel\r\n ,toolbar?:SaopWebGridToolbar \r\n ,dataTable?:SaopWebDataTable\r\n}\r\n\r\nexport interface SaopWebDataTable {\r\n enabled:boolean\r\n ,columnDefsSettings?: DataTables.ColumnDefsSettings[]\r\n ,ordering?:boolean\r\n ,columns?:any[]\r\n ,data?: any\r\n ,order?: Array<(number | string)> | Array>\r\n ,colResizeOnly?:boolean \r\n ,colSettings?:boolean \r\n}\r\n\r\nexport interface SaopWebGridColDialogProperties {\r\n dialogId:string\r\n btnResetColId:string\r\n}\r\n\r\nexport class SaopWebGrid {\r\n private _properties:SaopWebGridProperties\r\n private _tableDiv:HTMLTableElement;\r\n private _translationService: SaopTranslationService;\r\n private _dialog:any;\r\n private _colDialogProperties : SaopWebGridColDialogProperties;\r\n private _saveState:boolean = false;\r\n //\r\n public libName: string; \r\n public webGridFilter:SaopWebGridFilter;\r\n public dataTable: DataTables.Api;\r\n public markedColumnCheckbox: JQuery;\r\n\r\n constructor(libName: string) {\r\n this.libName = libName;\r\n this.webGridFilter = new SaopWebGridFilter();\r\n this._translationService = new SaopTranslationService();\r\n this._colDialogProperties = {\r\n dialogId:\"\"\r\n ,btnResetColId:\"\"\r\n };\r\n this.setTerminologyList();\r\n } \r\n\r\n setTerminologyList(){\r\n let _terminology: string[] = ['Ni podatkov za prikaz.','Urejanje stolpcev','Ponastavi stolpce','Shrani','Prekliči'];\r\n this._translationService.setTranslationsList(_terminology);\r\n }\r\n\r\n //\r\n init(gridProp:SaopWebGridProperties) {\r\n this._properties = gridProp;\r\n this._tableDiv = document.querySelector(gridProp.gridId) as HTMLTableElement;\r\n //\r\n let _togglePanelDefault = {enabled:true};\r\n gridProp.togglePanel = {..._togglePanelDefault, ...gridProp.togglePanel}\r\n if (isUnDefined(gridProp.togglePanel)){\r\n gridProp.togglePanel = _togglePanelDefault;\r\n } \r\n //\r\n\r\n this.webGridFilter.id = gridProp.gridId+\"filter\";\r\n this.generateHtmlTable();\r\n this.addGridToolbar();\r\n // det defaults\r\n let _Msg_emptyTable = this._translationService.translate(\"Ni podatkov za prikaz.\")\r\n\r\n let _dataTableDef = {enabled:true,ordering:true,colReorder:false,colSettings:false};\r\n gridProp.dataTable = {..._dataTableDef, ...gridProp.dataTable}\r\n\r\n if (isUnDefined(gridProp.dataTable)){\r\n gridProp.dataTable = gridProp.dataTable;\r\n } \r\n\r\n let _columnDefsSettingsDef:DataTables.ColumnDefsSettings[] = [{orderable: true, targets: \"no-sort\"}];\r\n if (isUnDefined(gridProp.dataTable.columnDefsSettings)){\r\n gridProp.dataTable.columnDefsSettings = _columnDefsSettingsDef;\r\n } else {\r\n gridProp.dataTable.columnDefsSettings = Array.from(new Set([..._columnDefsSettingsDef,...gridProp.dataTable.columnDefsSettings]));\r\n } \r\n\r\n //\r\n \r\n //\r\n if (!isUnDefined(this._properties.dataTable) \r\n && this._properties.dataTable.enabled\r\n ){\r\n let _this = this;\r\n //\r\n let _colReorder = {};\r\n _colReorder = {\r\n allowReorder:this._properties.dataTable.colResizeOnly\r\n ,allowResize:this._properties.dataTable.colResizeOnly\r\n };\r\n //\r\n this._saveState = this._properties.dataTable.colResizeOnly ||this._properties.dataTable.colSettings;\r\n //\r\n if (this._saveState == false) {\r\n this.dataTable = \r\n $(gridProp.gridId).DataTable(\r\n {\r\n \"paging\": false\r\n , \"searching\": true\r\n ,\"autoWidth\": true\r\n ,orderCellsTop: true\r\n //, \"dom\": \"Rlfrtip\"\r\n , initComplete: function () {\r\n if (gridProp.dataTable.ordering){\r\n _this.webGridFilter.configSimpleFilter(this); \r\n _this.webGridFilter.configSimpleSort(_this._properties.gridId); \r\n }\r\n //if(!isUnDefined(_this._properties.dataTable.filters)) {\r\n // _this.webGridFilter.configFilter(_this.libName,this, _this._properties.dataTable.filters);\r\n //}\r\n }\r\n ,order: _this._properties.dataTable.order\r\n // ,ajax: function (data, callback, settings) {\r\n // callback({ data: data }) //reloads data \r\n // } \r\n ,columnDefs: _this._properties.dataTable.columnDefsSettings \r\n ,ordering : gridProp.dataTable.ordering \r\n ,language : {emptyTable:_Msg_emptyTable,zeroRecords:_Msg_emptyTable}\r\n }\r\n ); \r\n //\r\n $(gridProp.gridId+\"_filter\").remove();\r\n $(gridProp.gridId+\"_info\").remove(); \r\n this.webGridFilter.setResizeEvent(this._properties.gridId);\r\n //\r\n } else {\r\n \r\n this.dataTable = \r\n $(gridProp.gridId).DataTable(\r\n {\r\n \"paging\": false\r\n ,\"searching\": true\r\n //,\"autoWidth\": true\r\n //,scrollX: true\r\n ,orderCellsTop: true\r\n ,colReorder: _colReorder\r\n //, \"dom\": \"Bfrtip\"\r\n , stateSave: this._saveState\r\n , initComplete: function () {\r\n if (gridProp.dataTable.ordering){\r\n _this.webGridFilter.configSimpleFilter(this); \r\n _this.webGridFilter.configSimpleSort(_this._properties.gridId); \r\n }\r\n // if(!isUnDefined(_this._properties.dataTable.filters)) {\r\n // _this.webGridFilter.configFilter(_this.libName,this, _this._properties.dataTable.filters);\r\n // }\r\n }\r\n //,stateSaveCallback : _this.gridColSize.stateSaveCallback.bind(_this.gridColSize)\r\n ,order: _this._properties.dataTable.order\r\n // ,ajax: function (data, callback, settings) {\r\n // callback({ data: data }) //reloads data \r\n // } \r\n ,columnDefs: gridProp.dataTable.columnDefsSettings \r\n ,ordering : gridProp.dataTable.ordering \r\n ,language : {emptyTable:_Msg_emptyTable,zeroRecords:_Msg_emptyTable} \r\n // ,buttons: [ \r\n // {\r\n // extend: 'pdfHtml5',\r\n // orientation: 'landscape',\r\n // pageSize: 'LEGAL'\r\n // }\r\n // ] \r\n }\r\n ); \r\n //\r\n $(gridProp.gridId+\"_filter\").remove();\r\n //\r\n $(gridProp.gridId+\"_info\").remove(); \r\n //\r\n this.setResizableColumn();\r\n //\r\n this.initEventListners();\r\n }\r\n //\r\n\r\n }\r\n \r\n //\r\n\r\n }\r\n\r\n addToolbarButtons(gridPanel: JQuery,buttons:SaopWebGridToolbarButton[]){\r\n if(isUnDefined(buttons) == false){\r\n buttons.forEach(_button => {\r\n var buttonTemplate = \r\n `\r\n \r\n
\r\n `;\r\n\r\n if (_button.template != null) {\r\n buttonTemplate = _button.template;\r\n }\r\n\r\n gridPanel.find(\"#toolbarButtons\").append(buttonTemplate); \r\n });\r\n }\r\n }\r\n\r\n generateHtmlTable() {\r\n this.generateTableBody(); \r\n this.generateTableHead();\r\n }\r\n\r\n generateTableHead() {\r\n if (!isUnDefined(this._properties.dataTable)){\r\n if(!isUnDefined(this._properties.dataTable.columns)){\r\n let thead = this._tableDiv.createTHead();\r\n let row = thead.insertRow();\r\n for (let key of this._properties.dataTable.columns) {\r\n let th = document.createElement(\"th\");\r\n let text = document.createTextNode(key.name);\r\n th.appendChild(text);\r\n row.appendChild(th);\r\n }\r\n }\r\n }\r\n }\r\n \r\n generateTableBody() {\r\n if (!isUnDefined(this._properties.dataTable)){\r\n if (!isUnDefined(this._properties.dataTable.data)){\r\n for (let element of this._properties.dataTable.data) {\r\n let row = this._tableDiv.insertRow();\r\n for (let key in element) {\r\n let cell = row.insertCell();\r\n let text = document.createTextNode(element[key]);\r\n cell.appendChild(text);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n addGridToolbar() {\r\n let _this = this;\r\n let gridPanel: JQuery;\r\n let _css = isUnDefined(this._properties.css) == false ? this._properties.css :\"\";\r\n\r\n let gridPanelTemplate = `\r\n \r\n `;\r\n if (!isUnDefined(this._properties.toolbar)) {\r\n if (isUnDefined(this._properties.toolbar.id)) {\r\n this._properties.toolbar.id = this._properties.gridId+\"TB\";\r\n }\r\n let gridTogglePanel = ``;\r\n let gridTogglePanelClass = \"\";\r\n let gridBorderBottom = \"\";\r\n if(this._properties.togglePanel.enabled) {\r\n gridTogglePanelClass = \"collapse show\";\r\n gridBorderBottom = \"saop-border-bottom\";\r\n\r\n gridTogglePanel = \r\n `\r\n \r\n `; \r\n }\r\n\r\n let _toolbarItems = ``;\r\n if (!isUnDefined(this._properties.toolbar.itemsTemplateId)){\r\n let _toolbarItemsTemplate = $(this._properties.toolbar.itemsTemplateId);\r\n if (_toolbarItemsTemplate.length > 0){\r\n _toolbarItems = _toolbarItemsTemplate.html();\r\n _toolbarItemsTemplate.remove();\r\n }\r\n }\r\n\r\n let _btnSettings = ``;\r\n if (this._properties.dataTable.colSettings == true || this._properties.dataTable.colResizeOnly == true) {\r\n _btnSettings = \r\n `\r\n \r\n `;\r\n }\r\n\r\n this._colDialogProperties.btnResetColId = this._properties.gridId.replace(\"#\",\"btn\")+\"ResetCol\";\r\n let _dialogHTML = ``;\r\n _dialogHTML = \r\n `\r\n \r\n \r\n \r\n
\r\n
\r\n ${_this._translationService.translate(\"Ponastavi stolpce\")} \r\n
\r\n
{\r\n let order = this.dataTable.colReorder.GetCurrentOrder();\r\n //###\r\n let rows = $(htmlContent).find('tbody > tr');\r\n let _tbodyNew = $(htmlContent).find('tbody').clone();\r\n _tbodyNew = _tbodyNew.empty();\r\n\r\n //$('body').append( $(htmlContent).find('tbody').clone());\r\n\r\n rows.each(function(index:any,tr:any) {\r\n let cols = jQuery(this).children('td');\r\n let _newTr = $(tr).clone().empty();\r\n for (let _order of order) {\r\n _newTr.append(cols.eq(_order));\r\n }\r\n _tbodyNew.append(_newTr);\r\n });\r\n\r\n //$('body').append(_tbodyNew);\r\n \r\n return _tbodyNew;\r\n } \r\n\r\n replaceGridRows(htmlContent:string) {\r\n let _this = this;\r\n this.dataTable.clear();\r\n //\r\n let _tbodyNew;\r\n if (this._saveState){\r\n _tbodyNew =_this.reorderColumns(htmlContent);\r\n _tbodyNew.find(\"tr\").each(\r\n function(index:any,tr:any) {\r\n _this.dataTable.row.add($(tr));\r\n }\r\n ); \r\n } else {\r\n _tbodyNew = $(htmlContent);\r\n $(this._properties.gridId+\" > tbody > tr\", $(htmlContent)).each(\r\n function(index:any,tr:any) {\r\n _this.dataTable.row.add($(tr));\r\n }\r\n ); \r\n } \r\n //this.dataTable.colReorder.order([0, 2, 3, 4, 5, 6, 7, 8, 9, 1, 10, 11]);\r\n this.dataTable.draw(false); \r\n } \r\n\r\n setTabelFoother():void {\r\n $(this._properties.gridId+' body') \r\n }\r\n\r\n initWebGridColumnCheckboxBindClickEvent() {\r\n let _this = this;\r\n this.markedColumnCheckbox = null;\r\n\r\n if (isUnDefined(this._tableDiv)) {\r\n return;\r\n }\r\n\r\n $(\"#\" + this._tableDiv.id + \" .saop-td-input-checkbox\").off(\"change\");\r\n $(\"#\" + this._tableDiv.id + \" .saop-td-input-checkbox\").on('change', function (row) {\r\n _this.markedColumnCheckbox = $(\"#\" + _this._tableDiv.id + \" #\" + row.currentTarget.id);\r\n\r\n // odznacimo vse ostale checkboxe\r\n $(\"#\" + _this._tableDiv.id + \" input.saop-td-input-checkbox:not(#\" + row.currentTarget.id + \")\").each(\r\n function () {\r\n $(\"#\" + _this._tableDiv.id + \" #\" + this.id).prop(\"checked\", false);\r\n }\r\n );\r\n\r\n _this.afterColumnCheckboxChanged();\r\n });\r\n }\r\n\r\n afterColumnCheckboxChanged(): void {\r\n\r\n }\r\n\r\n markSelectedRow(selectedRow: HTMLElement): void {\r\n // odstranimo css \"selected_row\" iz vseh vrstic \r\n $(this._properties.gridId + \" > tbody > tr\").each(\r\n function (index: any, tr: any) {\r\n $(tr).removeClass(\"saop-table-selected-row\");\r\n }\r\n );\r\n // dodamo css \"selected_row\" izbrani vrstici\r\n $(selectedRow).addClass(\"saop-table-selected-row\");\r\n }\r\n\r\n getSelectedRows(colID:number = 0):string[] {\r\n let _result : string[] = [];\r\n let rows_selected = this.dataTable.column(colID).checkboxes.selected();\r\n if (rows_selected != null) {\r\n $.each(rows_selected, function(index:any, rowId:any){\r\n _result.push(rowId);\r\n }) \r\n }\r\n return _result; \r\n }\r\n\r\n getSelectedRowsV2():string[] {\r\n global.ConsoleLogDegug(\"getSelectedRowsV2\");\r\n let _result : string[] = [];\r\n $(this._properties.gridId+\" tr td.dt-checkboxes-cell input[type='checkbox'].dt-checkboxes\").each(function (index:any, e:any) {\r\n let checked = $(this).is(\":checked\");\r\n if (checked) {\r\n _result.push(index);\r\n }\r\n }); \r\n return _result; \r\n }\r\n\r\n selectAllRows():void {\r\n this.dataTable.column(0).checkboxes.select();\r\n } \r\n\r\n deselectAllRows():void {\r\n this.dataTable.column(0).checkboxes.deselect();\r\n } \r\n\r\n setDefaultColumnsState():void{\r\n localStorage.removeItem(this._properties.gridId);\r\n //\r\n let _instanceID = \"DataTables_\"+this._properties.gridId.replace(\"#\",\"\")+\"_\"+location.pathname;\r\n localStorage.removeItem(_instanceID); \r\n //\r\n location.reload();\r\n }\r\n\r\n createDialog():void {\r\n let _this = this;\r\n let dt = this.dataTable as any;\r\n\r\n var ul = $('#sortable').sortable({axis:'y'});\r\n ul.empty();\r\n\r\n $.each(dt.colReorder.order(), function (idx, val) {\r\n var col = dt.column(idx);\r\n let _th = col.header();\r\n let _isVisible = true;\r\n let _className = _th.className.toLowerCase() as string;\r\n if (screen.width > 400){\r\n if (_className.includes(\"d-none-desktop\".toLowerCase())){\r\n _isVisible = false;\r\n }\r\n } else {\r\n if (_className.includes(\"d-none-mobile\".toLowerCase())){\r\n _isVisible = false;\r\n } \r\n }\r\n \r\n let _fieldCaption = \"?\";\r\n if (_th.children.length > 0) {\r\n _fieldCaption = _th.firstChild.innerText;\r\n } else {\r\n _fieldCaption = _th.innerText;\r\n }\r\n _fieldCaption = _fieldCaption.trim();\r\n \r\n let _checked = ' checked'; \r\n if (_isVisible == false) {\r\n _fieldCaption = \"\";\r\n _checked = '';\r\n }\r\n\r\n \r\n let _display = \"\";\r\n if (_fieldCaption.length == 0){\r\n _display = \"display:none;\";\r\n }\r\n\r\n let _ul = \r\n ''\r\n +'' + _fieldCaption + ' '\r\n +' ';\r\n\r\n ul.append(_ul); \r\n }); \r\n\r\n this.updateDialog(); \r\n this._dialog.dialog('open');\r\n\r\n let _btnResetCol = $(\"#\"+this._colDialogProperties.btnResetColId);\r\n _btnResetCol.off(\"click\",_this.setDefaultColumnsState.bind(_this));\r\n _btnResetCol.on(\"click\",_this.setDefaultColumnsState.bind(_this)); \r\n\r\n }\r\n\r\n updateDialog():void {\r\n\r\n let _this = this;\r\n var ul = $('#sortable').sortable();\r\n\r\n this._dialog = $('#dialog').dialog({\r\n modal: true,\r\n autoOpen: false,\r\n buttons: [\r\n {\r\n text: this._translationService.translate('Shrani'),\r\n class: \"btn saop-button-primary\",\r\n click: function() {\r\n \r\n let dt = _this.dataTable as any;\r\n\r\n var cols = ul.sortable('toArray', { attribute: 'data-sort' });\r\n\r\n // //\r\n // dt.columns().header().each(function(value:any, index:any){\r\n // if ( $(value).hasClass('no-sort') ) {\r\n // // Set column width here\r\n // global.ConsoleLogDegug('value:'+value);\r\n // cols.unshift(index.toString());\r\n // }\r\n // }) \r\n // //\r\n\r\n // cols.unshift(\"0\");\r\n // cols.push(\"10\");\r\n\r\n global.ConsoleLogDegug(cols);\r\n global.ConsoleLogDegug(dt.colReorder.transpose( cols ));\r\n cols = dt.colReorder.transpose( Array.from(cols.map(Number)) );\r\n global.ConsoleLogDegug(dt.colReorder.transpose( cols ));\r\n dt.colReorder.order(cols);\r\n\r\n var show = $('#sortable li > input:checked').map(function () {\r\n return this.parentElement.dataset.sort;\r\n });\r\n\r\n let show1 = Array.from(Array.from(show, item => Number(item)));\r\n\r\n // show1.unshift(0);\r\n // show1.push(10); \r\n\r\n show1 = dt.colReorder.transpose( show1 );\r\n global.ConsoleLogDegug(show1);\r\n dt.columns( show1 ).visible(true);\r\n\r\n //var hide = $(cols).not(show);\r\n var hide = cols.filter((x:any) => show1.indexOf(x)===-1);\r\n global.ConsoleLogDegug(hide);\r\n dt.columns( hide ).visible(false);\r\n\r\n $(this).dialog('close');\r\n\r\n location.reload();\r\n }\r\n },\r\n {\r\n id:\"btnCancel\",\r\n text: _this._translationService.translate(\"Prekliči\"),\r\n class: \"btn saop-button-secondary\",\r\n click: function() {\r\n $(this).dialog('close');\r\n }\r\n }, \r\n ],\r\n close: function() {\r\n //document.activeElement.blur(); \r\n } \r\n }); \r\n\r\n }\r\n\r\n initEventListners():void{\r\n let _this = this;\r\n if (this._properties.dataTable.colResizeOnly == true){\r\n let _btnSettings = $(\"#\"+this._properties.toolbar.id+\"\").find(\".gridRessetColSettings\");\r\n _btnSettings.off(\"click\",_this.setDefaultColumnsState.bind(_this));\r\n _btnSettings.on(\"click\",_this.setDefaultColumnsState.bind(_this)); \r\n }\r\n if (this._properties.dataTable.colSettings == true){\r\n //\r\n let _btnSetSettings = $(\"#\"+this._properties.toolbar.id+\"\").find(\".gridColSettings\");\r\n _btnSetSettings.off(\"click\",_this.createDialog.bind(_this));\r\n _btnSetSettings.on(\"click\",_this.createDialog.bind(_this)); \r\n // \r\n }\r\n //\r\n // let _gridExportToPDF = $(\"#\"+this._properties.toolbar.id+\"\").find(\".gridExportToPDF\");\r\n // _gridExportToPDF.off(\"click\",_this.exportToPdf.bind(_this));\r\n // _gridExportToPDF.on(\"click\",_this.exportToPdf.bind(_this)); \r\n }\r\n\r\n setResizableColumn():void{\r\n //add phantom column in case of hidden columns\r\n $(this._properties.gridId+' tr').find(\"th:last\").removeClass(\"saop-table-th-last\");\r\n $(this._properties.gridId+' tr').find(\"th:last\").addClass(\"saop-table-th-last-res\");\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","\r\nexport interface SaopInputWFLProperties {\r\n id:string;\r\n placeholder:string;\r\n caption:string;\r\n}\r\n\r\nexport class SaopInputWFL {\r\n private _inputTemplate:string;\r\n constructor(properties:SaopInputWFLProperties) {\r\n this._inputTemplate = \r\n `\r\n \r\n \r\n `; \r\n // this._inputTemplate = \r\n // `\r\n // \r\n // ${properties.caption} \r\n // \r\n // \r\n // `; \r\n }\r\n\r\n getElement():JQuery{\r\n let _element = $(this._inputTemplate);\r\n return _element;\r\n }\r\n\r\n getInnerHtml():string{\r\n return this._inputTemplate;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","\r\n/// ('input[data-inputmask-alias]');\r\n Inputmask().mask(inputDivs);\r\n\r\n $(\".saop-decimal-2\").inputmask({\r\n 'alias': 'decimal',\r\n 'radixPoint': ',',\r\n 'digits': 2,\r\n 'digitsOptional': false,\r\n 'placeholder': '0,00'\r\n });\r\n\r\n $(\".saop-decimal-3\").inputmask({\r\n 'alias': 'decimal',\r\n 'radixPoint': ',',\r\n 'digits': 3,\r\n 'digitsOptional': false,\r\n 'placeholder': '0,000'\r\n });\r\n\r\n inputDivs.forEach(element => {\r\n global.ConsoleLogDegug(\"element.init......................\" + element.id);\r\n\r\n let _this = this;\r\n let spanDiv:any;\r\n let elementAtrr = $(element).attr(\"data-inputmask-alias\");\r\n if (isEmpty(elementAtrr)) {return;};\r\n global.ConsoleLogDegug(elementAtrr);\r\n spanDiv = $(element).parent();\r\n if (spanDiv === null) { return;};\r\n if (spanDiv.hasClass(\"has-float-label\")===false) { return;};\r\n global.ConsoleLogDegug(spanDiv.get(0).id);\r\n\r\n let languageAtrr = (String)($(\"#siteLanguage\").val());\r\n global.ConsoleLogDegug(\"language:\"+languageAtrr);\r\n languageAtrr = isEmpty(languageAtrr) ? \"sl\" :languageAtrr;\r\n global.ConsoleLogDegug(\"language:\"+languageAtrr);\r\n\r\n if (elementAtrr === \"hh:mm:ss\") {\r\n let iconBtn = $(spanDiv).find(\"#timeIcon\");\r\n global.ConsoleLogDegug(\"clock...\");\r\n\r\n global.ConsoleLogDegug(\"clock.focus.init:\" + element.id);\r\n $(element).focus(function (event: any) {\r\n global.ConsoleLogDegug(\"call.clock.focus:\" + event.target.id);\r\n\r\n // ce je bil fokusiran z tab, damo mali timeout, ker drugace ne dela\r\n let timeOut = 1;\r\n if (_this.wasTabPressed(event)) {\r\n timeOut = 200;\r\n }\r\n\r\n setTimeout(function () {\r\n let inputCtrl: HTMLInputElement = event.target;\r\n _this.inputSelectAllText(inputCtrl);\r\n }, timeOut);\r\n });\r\n\r\n global.ConsoleLogDegug(\"clock.blur.init:\" + element.id);\r\n $(element).blur(function (event: any) {\r\n global.ConsoleLogDegug(\"call.clock.blur:\" + event.target.id);\r\n var controlValue = event.target.value;\r\n if (controlValue.includes(\"h\")) {\r\n event.target.value = \"\";\r\n return;\r\n }\r\n controlValue = controlValue.replace(\"mm\", \"00\");\r\n controlValue = controlValue.replace(\"m\", \"0\");\r\n controlValue = controlValue.replace(\"ss\", \"00\");\r\n controlValue = controlValue.replace(\"s\", \"0\");\r\n event.target.value = controlValue;\r\n // prozimo input even, ker smo vpisali novo vrednost \r\n const e = new Event(\"input\");\r\n event.target.dispatchEvent(e);\r\n });\r\n\r\n global.ConsoleLogDegug(\"clock.click.init:\" + element.id);\r\n $(iconBtn).click(function (event: any) {\r\n global.ConsoleLogDegug(\"clockIcon.clicked:\" + element.id);\r\n var ctrlInputCtrl = $(element).get(0) as HTMLInputElement;\r\n ctrlInputCtrl.focus();\r\n });\r\n } else if (elementAtrr === \"dd.mm.yyyy\"\r\n // || elementAtrr === \"dd.mm.yyyy hh:mm\" \r\n // || elementAtrr === \"dd.mm.yyyy hh:mm:ss\"\r\n ) {\r\n\r\n let iconBtn = $(spanDiv).find(\"#calendarIcon\");\r\n\r\n global.ConsoleLogDegug(\"calendar...\");\r\n\r\n let datepickerStartDate = new Date();\r\n if ($(element).attr(\"data-enable-select-pastdates\") != undefined) {\r\n if (($(element).attr(\"data-enable-select-pastdates\")).toLowerCase() == 'true') {\r\n datepickerStartDate = null;\r\n }\r\n }\r\n\r\n if ($(element).attr(\"data-min-start-date\") != undefined) {\r\n var datepickerStartDate1 = $(element).attr(\"data-min-start-date\");\r\n datepickerStartDate = convertString2Date(datepickerStartDate1, \"dd.mm.yyyy\");\r\n }\r\n\r\n let datepickerEndDate = null;\r\n if ($(element).attr(\"data-max-end-date\") != undefined) {\r\n datepickerEndDate = $(element).attr(\"data-max-end-date\");\r\n datepickerEndDate = convertString2Date(datepickerEndDate, \"dd.mm.yyyy\");\r\n }\r\n\r\n $(element).datepicker({\r\n startDate: datepickerStartDate,\r\n endDate: datepickerEndDate,\r\n autoclose: true,\r\n keyboardNavigation: false,\r\n weekStart: 1,\r\n format: \"dd.mm.yyyy\",\r\n language: languageAtrr,\r\n orientation: \"bottom right\",\r\n showOnFocus:false\r\n //forceParse:false,\r\n });\r\n\r\n $(element).focus(function (event: any) {\r\n global.ConsoleLogDegug(\"calendar...focus:\" + event.target.id);\r\n\r\n // ce je bil fokusiran z tab, damo mali timeout, ker drugace ne dela\r\n let timeOut = 1;\r\n if (_this.wasTabPressed(event)) {\r\n timeOut = 200;\r\n }\r\n\r\n setTimeout(function () {\r\n let inputCtrl: HTMLInputElement = event.target;\r\n _this.inputSelectAllText(inputCtrl);\r\n }, timeOut);\r\n });\r\n\r\n $(iconBtn).click(function()\r\n {\r\n global.ConsoleLogDegug(\"calendar...click\");\r\n var datepickerInputCtrl = $(element).get(0) as HTMLInputElement;\r\n //datepickerInputCtrl.focus();\r\n $(element).datepicker(\"show\");\r\n _this.inputSelectAllText(datepickerInputCtrl);\r\n });\r\n\r\n } else if (elementAtrr === \"dd.mm.yyyy hh:mm\") {\r\n global.ConsoleLogDegug(\"datetimepicker hh:mm ...\");\r\n\r\n let iconBtn = $(spanDiv).find(\"#calendarIcon\");\r\n //\r\n $(element)\r\n .bind('keydown',function(e){\r\n\r\n e.stopImmediatePropagation();\r\n })\r\n .datetimepicker({\r\n format: 'DD.MM.YYYY H:mm',\r\n locale: languageAtrr,\r\n showTodayButton: true,\r\n });\r\n\r\n $(element).on(\"dp.change\", function (e) {\r\n $(this).data(\"DateTimePicker\").hide();\r\n $(element).focus();\r\n //\r\n var datepickerInputCtrl = $(element).get(0) as HTMLInputElement;\r\n datepickerInputCtrl.setSelectionRange(11,16,\"forward\");\r\n });\r\n\r\n $(element).off(\"focus\");\r\n\r\n $(iconBtn).click(function()\r\n {\r\n $(element).data(\"DateTimePicker\").show();\r\n });\r\n\r\n } else if (elementAtrr === \"dd.mm.yyyy hh:mm:ss\") {\r\n global.ConsoleLogDegug(\"datetimepicker hh:mm:ss ...\");\r\n\r\n let iconBtn = $(spanDiv).find(\"#calendarIcon\");\r\n //\r\n $(element)\r\n .bind('keydown',function(e){\r\n\r\n e.stopImmediatePropagation();\r\n })\r\n .datetimepicker({\r\n format: 'DD.MM.YYYY H:mm:ss',\r\n locale: languageAtrr,\r\n showTodayButton: true\r\n });\r\n\r\n $(element).off(\"focus\");\r\n\r\n // $(element).on(\"dp.change\", function (e) {\r\n // $(this).data(\"DateTimePicker\").hide();\r\n // //\r\n // $(element).focus();\r\n // var datepickerInputCtrl = $(element).get(0) as HTMLInputElement;\r\n // var datepickerInputCtrlStrLength = datepickerInputCtrl.value.length;\r\n // datepickerInputCtrl.setSelectionRange(11,3); \r\n // }); \r\n\r\n $(element).click(function()\r\n {\r\n $(element).data(\"DateTimePicker\").hide();\r\n });\r\n\r\n //$(element).off(\"keydown\");\r\n // .on('dp.hide', function(e){\r\n // console.log('dp.hide');\r\n // }) \r\n // .on('dp.show', function(e){\r\n // console.log('dp.show');\r\n // }); \r\n //\r\n $(iconBtn).click(function()\r\n {\r\n // global.ConsoleLogDegug(\"calendar...click\");\r\n // if ($(document).find(\".datepicker-dropdown\").is(\":visible\")) {\r\n $(element).data(\"DateTimePicker\").show();\r\n });\r\n\r\n // $(element).focus(function (event: any) {\r\n // $(element).data(\"DateTimePicker\").hide(); \r\n // }); \r\n } else {\r\n console.log(\"not implemented...\");\r\n }\r\n\r\n });\r\n\r\n this.initMultiDateSelectDatepicker();\r\n\r\n global.ConsoleLogDegug(\"initInputs...done\");\r\n }\r\n\r\n private initMultiDateSelectDatepicker(): void {\r\n global.ConsoleLogDegug(\"SaopInputMask.initMultiDateSelectDatepicker...\");\r\n\r\n var inputDivs = document.querySelectorAll('input[data-izbor-vec-dni]');\r\n\r\n inputDivs.forEach(element => {\r\n global.ConsoleLogDegug(\"element.init......................\" + element.id);\r\n\r\n let spanDiv: any;\r\n spanDiv = $(element).parent();\r\n if (spanDiv === null) { return; };\r\n if (spanDiv.hasClass(\"has-float-label\") === false) { return; };\r\n global.ConsoleLogDegug(spanDiv.get(0).id);\r\n\r\n let languageAtrr = (String)($(\"#siteLanguage\").val());\r\n global.ConsoleLogDegug(\"language:\" + languageAtrr);\r\n languageAtrr = isEmpty(languageAtrr) ? \"sl\" : languageAtrr;\r\n global.ConsoleLogDegug(\"language:\" + languageAtrr);\r\n\r\n let iconBtn = $(spanDiv).find(\"#calendarIcon\");\r\n\r\n global.ConsoleLogDegug(\"calendar...\");\r\n\r\n let datepickerStartDate = new Date();\r\n if ($(element).attr(\"data-enable-select-pastdates\") != undefined) {\r\n if (($(element).attr(\"data-enable-select-pastdates\")).toLowerCase() == 'true') {\r\n datepickerStartDate = null;\r\n }\r\n }\r\n\r\n if ($(element).attr(\"data-min-start-date\") != undefined) {\r\n var datepickerStartDate1 = $(element).attr(\"data-min-start-date\");\r\n datepickerStartDate = convertString2Date(datepickerStartDate1, \"dd.mm.yyyy\");\r\n }\r\n\r\n let datepickerEndDate = null;\r\n if ($(element).attr(\"data-max-end-date\") != undefined) {\r\n datepickerEndDate = $(element).attr(\"data-max-end-date\");\r\n datepickerEndDate = convertString2Date(datepickerEndDate, \"dd.mm.yyyy\");\r\n }\r\n\r\n $(element).datepicker({\r\n startDate: datepickerStartDate,\r\n endDate: datepickerEndDate,\r\n autoclose: false,\r\n multidate: true,\r\n keyboardNavigation: false,\r\n weekStart: 1,\r\n format: \"dd.mm.yyyy\",\r\n language: languageAtrr,\r\n orientation: \"bottom right\"\r\n });\r\n\r\n $(iconBtn).click(function () {\r\n global.ConsoleLogDegug(\"calendar...click\");\r\n var datepickerInputCtrl = $(element).get(0) as HTMLInputElement;\r\n var datepickerInputCtrlStrLength = datepickerInputCtrl.value.length * 2;\r\n datepickerInputCtrl.focus();\r\n datepickerInputCtrl.setSelectionRange(datepickerInputCtrlStrLength, datepickerInputCtrlStrLength)\r\n });\r\n\r\n });\r\n\r\n global.ConsoleLogDegug(\"SaopInputMask.initMultiDateSelectDatepicker...done\");\r\n }\r\n\r\n private inputSelectAllText(inputCtrl: HTMLInputElement): void {\r\n global.ConsoleLogDegug(\"SaopInputMask.inputSelectAllText...\");\r\n\r\n inputCtrl.setSelectionRange(0, inputCtrl.value.length);\r\n }\r\n\r\n private wasTabPressed(event: any): boolean {\r\n global.ConsoleLogDegug(\"SaopInputMask.wasTabPressed...\");\r\n\r\n let result = false;\r\n\r\n let code = (event.keyCode ? event.keyCode : event.which);\r\n if (code == 9) {\r\n result = true;\r\n }\r\n\r\n return result;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopPopover } from \"../Components/saop-popover\";\r\n\r\nexport class MenuSidebar {\r\n\r\n protected _collElement: HTMLElement;\r\n protected _expElement: HTMLElement;\r\n private _menuSidebarPopover: SaopPopover;\r\n\r\n init(): void {\r\n global.ConsoleLogDegug(\"MenuSidebar.init...\");\r\n\r\n this._collElement = document.getElementById(\"collapse-icon-coll\");\r\n this._expElement = document.getElementById(\"collapse-icon-exp\");\r\n if (this._collElement != null) this._collElement.style.display = \"none\";\r\n if (this._expElement != null) this._expElement.style.display = \"block\";\r\n\r\n let _this = this;\r\n\r\n // Expand icon click\r\n $(\"#collapse-icon-exp\").off(\"click\");\r\n $(\"#collapse-icon-exp\").on('click', function () {\r\n global.ConsoleLogDegug(\"MenuSidebar.collapse-icon-exp.click\");\r\n\r\n _this._menuSidebarPopover.enablePopover();\r\n });\r\n\r\n // Collapse icon click\r\n $(\"#collapse-icon-coll\").off(\"click\");\r\n $(\"#collapse-icon-coll\").on('click', function () {\r\n global.ConsoleLogDegug(\"MenuSidebar.collapse-icon-coll.click\");\r\n\r\n _this._menuSidebarPopover.disablePopover();\r\n });\r\n\r\n // Collapse click\r\n $('[data-toggle=sidebar-colapse]').click(\r\n function () {\r\n _this.sidebarCollapse();\r\n }\r\n );\r\n\r\n //menu item click\r\n $(\".saop-bg-item\").click(\r\n function () {\r\n //sessionStorage.setItem(\"saop-menu-previous-item-id\", sessionStorage.getItem(\"saop-menu-item-id\"));\r\n //sessionStorage.setItem(\"saop-menu-item-id\", this.id);\r\n //sessionStorage.setItem(\"saop-menu-subitem-id\", \"0\");\r\n }\r\n )\r\n\r\n //menu sub-item click\r\n //$(\".saop-bg-subitem\").click(\r\n // function(){\r\n // sessionStorage.setItem(\"saop-menu-subitem-id\", this.id);\r\n // }\r\n //)\r\n\r\n if (document.getElementById(\"menu-sidebar\") != null)\r\n this.GetSessionStorageValues();\r\n else\r\n this.DeleteSessionStorageValues();\r\n\r\n this.initMenuSidebarPopover();\r\n }\r\n\r\n protected sidebarCollapse(): void {\r\n global.ConsoleLogDegug(\"MenuSidebar.sidebarCollapse\");\r\n $('#menuTopIconLarge').toggleClass('d-none');\r\n $('#menuTopIconSmall').toggleClass('d-none');\r\n $('.sidebar-menu-caption').toggleClass('d-none');\r\n $('#sidebar-container').toggleClass('sidebar-expanded sidebar-collapsed');\r\n $('.saop-bg-subitems').toggleClass('d-none');\r\n $('#menuCloseButton').toggleClass('d-none');\r\n var SeparatorTitle = $('#sidebar-container');\r\n if (SeparatorTitle.hasClass('sidebar-collapsed')) {\r\n sessionStorage.setItem(\"saop-menu-sidebar-expanded\", \"true\")\r\n this._collElement.style.display = \"block\";\r\n this._expElement.style.display = \"none\";\r\n } else {\r\n sessionStorage.setItem(\"saop-menu-sidebar-expanded\", \"false\")\r\n this._collElement.style.display = \"none\";\r\n this._expElement.style.display = \"block\";\r\n }\r\n }\r\n\r\n protected menuItemCollapse(): void {\r\n global.ConsoleLogDegug(\"MenuSidebar.menuItemCollapse\");\r\n //var previousItemID = sessionStorage.getItem(\"saop-menu-item-id\");\r\n //var itemID = sessionStorage.getItem(\"saop-menu-item-id\");\r\n //var subitemsID = itemID+\"-collapse\";\r\n //var subitemID = sessionStorage.getItem(\"saop-menu-subitem-id\");\r\n\r\n //var previous = $(\"#\" + previousItemID);\r\n //var item = $('#'+itemID);\r\n //var subitems = $(\"#\" + subitemsID);\r\n //var subitem = $(\"#\"+subitemsID+\">#\"+subitemID);\r\n\r\n //previous.removeClass(\"saop-bg-item-selected\");//'un-color' previous item\r\n //previous[0].setAttribute(\"aria-expanded\", \"false\");\r\n //item[0].setAttribute(\"aria-expanded\", \"true\");\r\n //item.addClass(\"saop-bg-item-selected\");//color item\r\n //subitems.addClass('show');//expand collapse\r\n //subitem.addClass(\"saop-bg-subitem-selected\");//color subitem\r\n }\r\n\r\n protected GetSessionStorageValues(): void {\r\n global.ConsoleLogDegug(\"MenuSidebar.GetSessionStorageValues\");\r\n //defaults\r\n //if (sessionStorage.getItem(\"saop-menu-item-id\") == null) {\r\n //sessionStorage.setItem(\"saop-menu-sidebar-expanded\", null);\r\n // sessionStorage.setItem(\"saop-menu-previous-item-id\", null);\r\n // sessionStorage.setItem(\"saop-menu-item-id\", \"namizje\");\r\n // sessionStorage.setItem(\"saop-menu-subitem-id\", \"0\");\r\n //}\r\n\r\n //sidebar expanded/contracted\r\n if (sessionStorage.getItem(\"saop-menu-sidebar-expanded\") == \"true\") {\r\n this.sidebarCollapse();\r\n }\r\n\r\n //selected-menu item\r\n this.menuItemCollapse()\r\n }\r\n\r\n protected DeleteSessionStorageValues(): void {\r\n global.ConsoleLogDegug(\"MenuSidebar.DeleteSessionStorageValues\");\r\n\r\n sessionStorage.removeItem(\"saop-menu-sidebar-expanded\");\r\n //sessionStorage.removeItem(\"saop-menu-previous-item-id\");\r\n //sessionStorage.removeItem(\"saop-menu-item-id\");\r\n //sessionStorage.removeItem(\"saop-menu-subitem-id\");\r\n }\r\n\r\n initMenuSidebarPopover() {\r\n global.ConsoleLogDegug(\"MenuSidebar.initMenuSidebarPopover\");\r\n\r\n this._menuSidebarPopover = new SaopPopover(\".menu-popup\");\r\n this._menuSidebarPopover.initSelfContainerPopover();\r\n this._menuSidebarPopover.disablePopover();\r\n\r\n var elementVisible = $(\"#collapse-icon-coll\").is(':visible');\r\n if (elementVisible) {\r\n this._menuSidebarPopover.enablePopover();\r\n } else {\r\n this._menuSidebarPopover.disablePopover();\r\n }\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n","\r\nexport class SaopMessageBanner {\r\n private _messagesDivId: string = \"#messagesDivId\";\r\n private _messageBannerId: string = \"#saopMessageBanner1\";\r\n\r\n show(messages: string[]) {\r\n\r\n let htmlMessageString = \"\";\r\n messages.forEach((message) => {\r\n htmlMessageString = htmlMessageString + \"\" + message + \" \";\r\n });\r\n htmlMessageString = htmlMessageString + \" \";\r\n\r\n $(this._messagesDivId).html(htmlMessageString);\r\n $(this._messageBannerId).removeClass('message-banner-hide');\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global, setModalFormZIndex,isEmpty,isUnDefined } from \"../Common/saop-common\";\r\n\r\nexport enum SaopMsgDlgType {\r\n mtInformation = 1\r\n ,mtWarning = 2\r\n ,mtError = 3\r\n //, mtConfirmation, mtCustom\r\n}\r\n\r\nexport enum SaopMsgDlgButton {\r\n mbNone = 0\r\n ,mbOK = 1\r\n ,mbCancel = 2\r\n ,mbYes = 3\r\n ,mbNo = 4\r\n}\r\n\r\nexport interface SaopMsgDlgEvent {\r\n parent:any;\r\n data:any;\r\n}\r\n\r\ntype SaopMsgDlgButtons = Array;\r\n\r\n\r\n\r\nexport class SaopMessageDlg {\r\n private _sender:SaopMsgDlgEvent;\r\n private _modalParent:boolean = false;\r\n //\r\n public onOk: (sender:any) => any = null;\r\n public onCancel: (sender:any) => any = null;\r\n public onYes: (sender:any) => any = null;\r\n public onNo: (sender:any) => any = null;\r\n public onHide: (sender:any) => any = null;\r\n public afterShow: (sender:any) => any = null;\r\n\r\n constructor(sender:SaopMsgDlgEvent){\r\n this._sender = sender;\r\n }\r\n\r\n Show(Msg:string,Title:string,DlgType:SaopMsgDlgType = SaopMsgDlgType.mtInformation,Buttons:SaopMsgDlgButtons = [SaopMsgDlgButton.mbOK]):SaopMsgDlgButton{\r\n global.ConsoleLogDegug(\"message:\"+Msg);\r\n global.ConsoleLogDegug(\"title:\"+Title);\r\n\r\n let _this = this;\r\n this._modalParent = $(\"body\").hasClass(\"modal-open\");\r\n\r\n let titleDiv = $('#alert-modal-title-div');\r\n let bodyTag = $('#alert-modal-body');\r\n\r\n if (DlgType == SaopMsgDlgType.mtInformation){\r\n $(\"#alert-modal-title-div\").css(\"background-color\",\"white\");\r\n } else if (DlgType == SaopMsgDlgType.mtError) {\r\n $(\"#alert-modal-title-div\").css(\"background-color\",\"#D82C25\");\r\n } else {\r\n $(\"#alert-modal-title-div\").css(\"background-color\",\"silver\"); \r\n }\r\n\r\n if (!isEmpty(Title)){\r\n titleDiv.html(Title);\r\n }\r\n \r\n bodyTag.html(Msg);\r\n\r\n if (Buttons !== null) {\r\n let _element_mbOK = Buttons.find(element => element === SaopMsgDlgButton.mbOK);\r\n if (isUnDefined(_element_mbOK)) {\r\n $(\"#btnAlertOK\").remove();\r\n } else {\r\n $(\"#btnAlertOK\").off(\"click\");\r\n $(\"#btnAlertOK\").click(\r\n function () {\r\n if (!isUnDefined(_this.onOk)){\r\n _this.onOk(_this._sender);\r\n }\r\n return SaopMsgDlgButton.mbOK;\r\n }\r\n ); \r\n }\r\n //\r\n let _element_mbCancel = Buttons.find(element => element === SaopMsgDlgButton.mbCancel);\r\n if (isUnDefined(_element_mbCancel)) {\r\n $(\"#btnAlertCancel\").remove();\r\n } else {\r\n $(\"#btnAlertCancel\").off(\"click\");\r\n $(\"#btnAlertCancel\").click(\r\n function () {\r\n if (!isUnDefined(_this.onCancel)){\r\n _this.onCancel(_this._sender);\r\n }\r\n return SaopMsgDlgButton.mbCancel;\r\n }\r\n ); \r\n }\r\n //\r\n let _element_mbYes = Buttons.find(element => element === SaopMsgDlgButton.mbYes);\r\n if (isUnDefined(_element_mbYes)) {\r\n $(\"#btnAlertYes\").remove();\r\n } else {\r\n $(\"#btnAlertYes\").off(\"click\");\r\n $(\"#btnAlertYes\").click(\r\n function () {\r\n if (!isUnDefined(_this.onYes)){\r\n _this.onYes(_this._sender);\r\n }\r\n return SaopMsgDlgButton.mbYes;\r\n }\r\n ); \r\n } \r\n //\r\n let _element_mbNo = Buttons.find(element => element === SaopMsgDlgButton.mbNo);\r\n if (isUnDefined(_element_mbNo)) {\r\n $(\"#btnAlertNo\").remove();\r\n } else {\r\n $(\"#btnAlertNo\").off(\"click\");\r\n $(\"#btnAlertNo\").click(\r\n function () {\r\n if (!isUnDefined(_this.onNo)){\r\n _this.onNo(_this._sender);\r\n }\r\n return SaopMsgDlgButton.mbNo;\r\n }\r\n ); \r\n } \r\n } else {\r\n $(\"#btnAlertOK\").remove();\r\n $(\"#btnAlertCancel\").remove();\r\n $(\"#btnAlertYes\").remove();\r\n $(\"#btnAlertNo\").remove();\r\n return SaopMsgDlgButton.mbNone;\r\n }\r\n\r\n $('#alert-modal').on('hidden.bs.modal', function (e) {\r\n $(\"#alert-modal-btn-ok\").unbind(\"click\");\r\n $(this).modal('dispose');\r\n if (!isUnDefined(_this.onHide)){\r\n _this.onHide(_this._sender);\r\n } \r\n if (_this._modalParent) {\r\n $(\"body\").addClass(\"modal-open\");\r\n } \r\n })\r\n \r\n $('#alert-modal').modal('show');\r\n setModalFormZIndex('#alert-modal'); \r\n\r\n if (!isUnDefined(_this.afterShow)){\r\n _this.afterShow(_this._sender);\r\n } \r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","/// ;\r\n public msButton: JQuery;\r\n\r\n public msContainerLabel:JQuery;\r\n public selectedCB:any;\r\n\r\n constructor(libName:string = \"\", options:SaopMultiselectOptions = null) {\r\n global.ConsoleLogDegug(\"SaopMultiselect\");\r\n this._translationService = new SaopTranslationService();\r\n this.setOptions(options);\r\n } \r\n\r\n setOptions(options: SaopMultiselectOptions): void {\r\n // first set default options\r\n\r\n let _templatesButton = ''+selectCaption+'
',\r\n onSelectAll: function (selectedOptions: JQuery) {\r\n _this.bindDiv(this);\r\n _this.afterSelectAll(selectedOptions);\r\n _this.afterChangeCommonEvent(this.$select);\r\n }, \r\n onDeselectAll: function(selectedOptions:JQuery){\r\n _this.bindDiv(this);\r\n _this.afterDeselectAll(selectedOptions);\r\n _this.afterChangeCommonEvent(this.$select);\r\n }, \r\n onChange: function(option: JQuery, checked: boolean){\r\n _this.bindDiv(this);\r\n _this.afterChange(option, checked);\r\n _this.afterChangeCommonEvent(this.$select);\r\n },\r\n onInitialized: function ($select, $container) {\r\n _this._multiSelectObject = this;\r\n _this.bindDiv(this);\r\n _this.onInitializedControl(this);\r\n },\r\n onDropdownHide: function (event: Event) {\r\n let _multiselect_search = _this.msContainer.find(\".multiselect-search\");\r\n if (_multiselect_search.length > 0) {\r\n _multiselect_search.val('').trigger('keydown');\r\n }\r\n },\r\n templates: {\r\n button: this._options.templatesButton,\r\n filter: '' + element.text + ' '));\r\n }\r\n this.rebuild();\r\n this.addStickyClass();\r\n\r\n if (selectAll) {\r\n this.selectedCB.multiselect('selectAll');\r\n\r\n if (this.selectedCB.val().length) {\r\n this.setMsFloatingLabel(false);\r\n } else {\r\n this.setMsFloatingLabel(true);\r\n } \r\n }\r\n }\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\n\r\nexport class SaopPopover {\r\n private _querySelector: string;\r\n\r\n constructor(querySelector: string = \"[data-toggle=popover]\") {\r\n this._querySelector = querySelector;\r\n }\r\n\r\n bindPopoverEvents() {\r\n global.ConsoleLogDegug(\"SaopPopover.bindPopoverEvents\");\r\n let _this = this;\r\n\r\n $(\"[data-toggle=popover]\").popover({\r\n html: true,\r\n sanitize: false,\r\n trigger: 'click',\r\n content: function () {\r\n var content = $(this).attr(\"data-popover-content\");\r\n return $(content).children(\".popover-body\").html();\r\n }\r\n });\r\n\r\n $('html').on('mouseup', function (e) {\r\n global.ConsoleLogDegug(\"mouseup!\");\r\n if (!$(e.target).closest('.popover').length) {\r\n global.ConsoleLogDegug(\"mouseup.popover!\");\r\n $('.popover').each(function () {\r\n global.ConsoleLogDegug(\"mouseup.popover.hide!\");\r\n //$(this.previousSibling).popover('hide');\r\n $(_this._querySelector).popover('hide');\r\n });\r\n }\r\n });\r\n\r\n // when popover's content is shown\r\n $(\"[data-toggle=popover]\").on('shown.bs.popover', function (e: any) {\r\n // set what happens when user clicks on the button\r\n global.ConsoleLogDegug(\"set!\");\r\n\r\n _this.afterPopoverShow(this);\r\n\r\n $(\".popoverLink\").off('click');\r\n $(\".popoverLink\").on('click', function () {\r\n global.ConsoleLogDegug(\"popoverLink clicked!!!\");\r\n $(\"[data-toggle=popover]\").popover('hide');\r\n });\r\n\r\n $(\".popoverClose\").off('click');\r\n $(\".popoverClose\").on('click', function () {\r\n global.ConsoleLogDegug(\"Close popover clicked!!!\");\r\n $(\"[data-toggle=popover]\").popover('hide');\r\n });\r\n });\r\n\r\n }\r\n\r\n afterPopoverShow(element: HTMLElement) {\r\n global.ConsoleLogDegug(\"SaopPopover.afterPopoverShow\");\r\n }\r\n\r\n initSelfContainerPopover() {\r\n global.ConsoleLogDegug(\"SaopPopover.initSelfContainerPopover\");\r\n\r\n $(this._querySelector).each(function () {\r\n let $elem = $(this);\r\n let elem = this;\r\n $elem.popover({\r\n container: elem,\r\n sanitize: false\r\n });\r\n });\r\n }\r\n\r\n enablePopover() {\r\n global.ConsoleLogDegug(\"SaopPopover.enablePopover\");\r\n\r\n $(this._querySelector).each(function () {\r\n let $elem = $(this);\r\n $elem.popover('enable');\r\n });\r\n }\r\n\r\n disablePopover() {\r\n global.ConsoleLogDegug(\"SaopPopover.disablePopover\");\r\n\r\n $(this._querySelector).each(function () {\r\n let $elem = $(this);\r\n $elem.popover('disable');\r\n });\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { setModalFormZIndex } from \"../Common/saop-common\";\r\n\r\nexport class SaopPopupDialogOptions {\r\n title: string;\r\n body: string;\r\n showCancelButton: boolean;\r\n confirmButtonCaption: string;\r\n cancelButtonCaption: string;\r\n confirmAction: string;\r\n confirmActiondata: object;\r\n onSuccess: (params:any) => any;\r\n constructor() {\r\n this.title = \"\";\r\n this.body = \"body text\";\r\n this.showCancelButton = true;\r\n this.confirmButtonCaption = \"Ok\";\r\n this.cancelButtonCaption = \"Cancel\";\r\n this.confirmAction = \"\";\r\n this.confirmActiondata = {};\r\n this.onSuccess = null;\r\n }\r\n}\r\n\r\nexport class SaopPopupDialog {\r\n private _options:SaopPopupDialogOptions;\r\n\r\n\r\n constructor(options:SaopPopupDialogOptions) {\r\n this._options = options;\r\n } \r\n \r\n save(callback: (n: number) => any) : void {\r\n callback(42);\r\n }\r\n\r\n ShowLoadingSaop() {\r\n var obj = $(\"#saopLoading\");\r\n if (obj.length)\r\n obj.show();\r\n }\r\n\r\n HideLoadingSaop() {\r\n var obj = $(\"#saopLoading\");\r\n if (obj.length)\r\n obj.hide();\r\n } \r\n\r\n ShowPopupDialog():void {\r\n let _this = this;\r\n // Display info message to the user in a modal\r\n let titleDiv = $('#info-modal-title-div');\r\n let titleH = $('#info-modal-title');\r\n let confirmButton = $('#info-modal-btn-ok');\r\n let cancelButton = $('#info-modal-btn-cancel');\r\n\r\n cancelButton.html(this._options.cancelButtonCaption);\r\n\r\n // show or hide header div based on title property\r\n titleDiv.css(\"display\", \"\");\r\n if (this._options.title) {\r\n titleH.html(this._options.title);\r\n }\r\n else {\r\n titleDiv.css(\"display\", \"none\");\r\n }\r\n\r\n if (this._options.confirmButtonCaption){\r\n confirmButton.html(this._options.confirmButtonCaption);\r\n confirmButton.css(\"display\", \"\"); \r\n } else {\r\n confirmButton.css(\"display\", \"none\");\r\n }\r\n\r\n if (this._options.showCancelButton) {\r\n cancelButton.html(this._options.cancelButtonCaption);\r\n cancelButton.css(\"display\", \"\"); \r\n } else {\r\n cancelButton.css(\"display\", \"none\");\r\n }\r\n\r\n $('#info-modal-body').html(this._options.body);\r\n\r\n $(\"#info-modal-btn-ok\").click(\r\n function () {\r\n _this.popupDialogConfirm();\r\n }\r\n );\r\n\r\n $('#info-modal').on('hidden.bs.modal', function (e) {\r\n $(\"#info-modal-btn-ok\").unbind(\"click\");\r\n $(this).modal('dispose');\r\n })\r\n\r\n $('#info-modal').modal('show');\r\n setModalFormZIndex('#info-modal');\r\n } \r\n\r\n popupDialogConfirm() {\r\n let _this = this;\r\n let cancelButton = $('#info-modal-btn-cancel');\r\n\r\n if (this._options.confirmAction !== \"\") {\r\n $.ajax({\r\n url: this._options.confirmAction,\r\n type: \"POST\",\r\n data: this._options.confirmActiondata,\r\n beforeSend: function () { _this.ShowLoadingSaop(); },\r\n complete: function () { _this.HideLoadingSaop(); },\r\n success: function (result) {\r\n // close dialog\r\n cancelButton.trigger(\"click\");\r\n\r\n if(_this._options.onSuccess !== null){\r\n _this._options.onSuccess(result);\r\n }\r\n \r\n },\r\n error: function (response) {\r\n // close dialog\r\n cancelButton.trigger(\"click\");\r\n alert(response.responseJSON.message);\r\n }\r\n });\r\n }\r\n else {\r\n //close dialog\r\n cancelButton.trigger(\"click\");\r\n\r\n if (this._options.onSuccess != null) {\r\n this._options.onSuccess(null);\r\n }\r\n }\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { ObdobjefilterValues } from \"../Components/saop-select-month-year\";\r\n\r\nexport enum SaopRightSidebarView {\r\n Dashboard = 0\r\n ,Absence = 1\r\n ,AttendanceDay = 2\r\n ,AttendanceMonth = 3 \r\n ,TravelOrders = 4\r\n , InternalOrders = 5\r\n , AbsenceCalendar = 6\r\n}\r\n\r\nexport class SaopRightSidebar {\r\n private _saopServicesCore: SaopServicesCore;\r\n private _saopServicesCoreAlternative: SaopServicesCore;\r\n\r\n constructor() {\r\n this._saopServicesCore = new SaopServicesCore();\r\n this._saopServicesCoreAlternative = new SaopServicesCore();\r\n }\r\n\r\n\r\n bindCarouselDiv(contentId:string,view:SaopRightSidebarView){\r\n global.ConsoleLogDegug(\"SaopRightSidebar.bindDiv\"); \r\n this._saopServicesCore.afterDone = function(response){\r\n $(contentId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"RightSideBar/GetCarouselView?view=\"+view.toString()\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId:\"#saopLoadingSidebarr\"\r\n ,async:false\r\n }); \r\n }\r\n\r\n refreshDopustZaKoriscenjeSummary(contentId: string, spinnerDivId: string = \"#saopLoadingSidebarr\"): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshDopustZaKoriscenjeSummary\");\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n $(contentId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"RightSideBar/DopustZaKoriscenjeSummaryPartial\"\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId: spinnerDivId\r\n }); \r\n }\r\n\r\n\r\n refreshUreZaKoriscenjeSummary(contentId: string, spinnerDivId: string = \"#saopLoadingSidebarr\"): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshUreZaKoriscenjeSummary\");\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n $(contentId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"RightSideBar/UreZaKoriscenjeSummaryPartial\"\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId: spinnerDivId\r\n });\r\n }\r\n\r\n refreshOdsotnostiEmployeeSummary(sifraZapolseni: string, contentDopustId: string, contentUreId: string, spinnerDivId: string = \"#saopLoadingSidebarr\"): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshOdsotnostiEmployeeSummary\");\r\n\r\n this._saopServicesCore.afterDone = function (response) {\r\n $(contentDopustId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: \"RightSideBar/DopustZaKoriscenjeEmployeeSummaryPartial\"\r\n , data: {\r\n sifraZapolseni: sifraZapolseni\r\n }\r\n , type: \"GET\"\r\n , spinnerDivId: spinnerDivId\r\n });\r\n\r\n this._saopServicesCoreAlternative.afterDone = function (response) {\r\n $(contentUreId).html(response);\r\n };\r\n this._saopServicesCoreAlternative.ExecuteAction({\r\n action: \"RightSideBar/UreZaKoriscenjeEmployeeSummaryPartial\"\r\n , data: {\r\n sifraZapolseni: sifraZapolseni\r\n }\r\n , type: \"GET\"\r\n , spinnerDivId: spinnerDivId\r\n });\r\n }\r\n\r\n refreshOdsotnostiSummary(contentDopustId: string, contentUreId: string, spinnerDivId: string = \"#saopLoadingSidebarr\"): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshOdsotnostiSummary\");\r\n\r\n this._saopServicesCore.afterDone = function (response) {\r\n $(contentDopustId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: \"RightSideBar/DopustZaKoriscenjeSummaryPartial\"\r\n , type: \"GET\"\r\n , spinnerDivId: spinnerDivId\r\n });\r\n\r\n this._saopServicesCoreAlternative.afterDone = function (response) {\r\n $(contentUreId).html(response);\r\n };\r\n this._saopServicesCoreAlternative.ExecuteAction({\r\n action: \"RightSideBar/UreZaKoriscenjeSummaryPartial\"\r\n , type: \"GET\"\r\n , spinnerDivId: spinnerDivId\r\n });\r\n }\r\n\r\n\r\n refreshRegUraDogodkiSummary(contentId: string, selectedMonthYear: ObdobjefilterValues, spinnerDivId:string): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshRegUraDogodkiSummary\");\r\n\r\n let _this = this;\r\n let params = { leto: selectedMonthYear.leto, mesec: selectedMonthYear.mesec };\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n $(contentId).html(response);\r\n _this.setHeight();\r\n window.onresize = function () {\r\n _this.setHeight();\r\n };\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"RightSideBar/RegUraDogodkiSummaryPartial\"\r\n ,data:params\r\n ,type:\"GET\"\r\n ,spinnerDivId:spinnerDivId\r\n //,spinnerDivId:\"#saopLoadingSidebarr\"\r\n });\r\n }\r\n\r\n refreshRegOPNPotniNalogiSummary(contentId: string, spinnerDivId:string): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshRegOPNPotniNalogiSummary\");\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n $(contentId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"TravelOrder/TravelOrdersSummary\"\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId:spinnerDivId\r\n //,spinnerDivId:\"#saopLoadingSidebarr\"\r\n });\r\n }\r\n\r\n refreshNdkInternalOrdersSummary(contentId: string, spinnerDivId: string): void {\r\n global.ConsoleLogDegug(\"SaopRightSidebar.refreshNdkInternalOrdersSummary\");\r\n\r\n this._saopServicesCore.afterDone = function (response) {\r\n $(contentId).html(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: \"RightSideBar/InternalOrdersSummary\"\r\n , data: null\r\n , type: \"GET\"\r\n , spinnerDivId: spinnerDivId\r\n //,spinnerDivId:\"#saopLoadingSidebarr\"\r\n });\r\n }\r\n\r\n setHeight() {\r\n var header = $(\"#site-header\").height();\r\n var footer = $(\"#site-footer\").height();\r\n $(\"#reg-summary-container\").height(window.innerHeight - header - footer - 106);\r\n }\r\n\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n","import { global, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopMultiselect, SaopMultiselectOptions } from \"../Components/saop-multiselect\";\r\nimport { SaopServicesCore, SaopServicesCoreParams } from \"../Core/saop-services-core\";\r\n\r\nexport class SaopSelectDropDownItem {\r\n public key: string;\r\n public value: string;\r\n}\r\n\r\nexport class SaopSelectDropDownItems {\r\n public downItems:[SaopSelectDropDownItem?] = [];\r\n}\r\n\r\nexport class SaopSelectDropDown extends SaopMultiselect{\r\n //\r\n public dropDownContainerId:string; \r\n public msDropDownContainer:JQuery;\r\n //\r\n public msAddButton: JQuery;\r\n public msEditButton: JQuery; \r\n //\r\n\r\n constructor(libName:string = \"\", options:SaopMultiselectOptions = null) {\r\n global.ConsoleLogDegug(\"SaopMultiselect\");\r\n if (options == null) {\r\n options = {templatesButton:\"\"};\r\n } \r\n\r\n if (isUnDefined(options.templatesButton) || options.templatesButton.length == 0){\r\n options.templatesButton = '('.saop-dropdownselect');\r\n\r\n _msList.forEach(element => {\r\n let _input = new SaopMultiselect();\r\n let _id = \"#\"+element.id;\r\n _input.init(_id);\r\n });\r\n }\r\n\r\n getDropDownItemsData(_params:SaopServicesCoreParams, selectVal:string): void {\r\n global.ConsoleLogDegug(\"getDropDownItemsData\");\r\n //\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n \r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshDropDownSelect(response, selectVal);\r\n };\r\n \r\n saopServicesCore.ExecuteAction({\r\n action: _params.action\r\n , data: _params.data\r\n , type: _params.type\r\n }); \r\n }\r\n\r\n refreshDropDownSelect(dropDown:[any], selectVal:string): void {\r\n let selectDivTemplate = \"\";\r\n\r\n //let _sifraRelacije = this.selectedCB.val();\r\n\r\n dropDown.forEach(function (value) {\r\n if (value.key == selectVal) {\r\n selectDivTemplate = selectDivTemplate + \"\\n\" + \"\"+value.key+\" - \"+value.value+\" \"\r\n } else {\r\n selectDivTemplate = selectDivTemplate + \"\\n\" + \"\"+value.key+\" - \"+value.value+\" \"\r\n }\r\n \r\n });\r\n \r\n this.selectedCB.html(selectDivTemplate);\r\n\r\n let _selectDiv = this.selectedCB.clone();\r\n\r\n this.msDropDownContainer.find(\"#fLabel\").html(_selectDiv);\r\n\r\n this.init(this._target, this._caption);\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/// \r\n \r\n \r\n \r\n ${properties.caption} \r\n \r\n `; \r\n }\r\n\r\n getElement():JQuery{\r\n let _element = $(this._inputTemplate);\r\n return _element;\r\n }\r\n\r\n getInnerHtml():string{\r\n return this._inputTemplate;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","/// (className);\r\n\r\n allDivs.forEach(element => {\r\n global.ConsoleLogDegug(\"element.init......................\" + element.id);\r\n if (isEmpty(element.id) == false){\r\n let _elementId = \"#\"+element.id;\r\n let _saopSelectizeSelect = new icSaopCore.SaopSelectizeSelectEx(this._viewId,_elementId,this._libName);\r\n _saopSelectizeSelect.initControlByHtml(element);\r\n }\r\n });\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","\r\n/// ('input[data-saopSifranti-inputmask]');\r\n\r\n inputDivs.forEach(element => {\r\n global.ConsoleLogDegug(\"element.init......................\" + element.id);\r\n\r\n let _this = this;\r\n let elementAtrr = $(element).attr(\"data-saopSifranti-inputmask\");\r\n if (isEmpty(elementAtrr)) {return;};\r\n global.ConsoleLogDegug(elementAtrr);\r\n //\r\n const artrrArray = elementAtrr.split(\"#\");\r\n let _inputType = artrrArray[2];\r\n let _maskLength = parseInt(artrrArray[3]);\r\n if (_maskLength.toString() != artrrArray[3]) {\r\n _maskLength = 0;\r\n }\r\n let _inputLeadingChar = artrrArray[4];\r\n //\r\n if (_inputType == \"N\") {\r\n $(element).attr(\"type\",\"text\");\r\n $(element).on('keypress', function(event) {\r\n let allowedChars ='1234567890';\r\n const chr = String.fromCharCode(event.which);\r\n if (allowedChars.indexOf(chr) < 0) {\r\n return false;\r\n }\r\n }); \r\n }\r\n //\r\n let _readonlyAtrr = $(element).attr('readonly');\r\n let _readonly = false;\r\n if (isEmpty(_readonlyAtrr) == false && _readonlyAtrr == \"readonly\"){\r\n _readonly = true;\r\n }\r\n //\r\n let _disabledAtrr = $(element).attr('disabled');\r\n let _disabled = false;\r\n if (isEmpty(_disabledAtrr) == false && _disabledAtrr == \"disabled\"){\r\n _disabled = true;\r\n } \r\n //\r\n $(element).off(\"focusout\");\r\n if (_readonly == false && _maskLength > 0) {\r\n $(element).attr('maxlength',_maskLength.toString());\r\n $(element).on(\"focusout\", function (event: any) {\r\n var controlValue = event.target.value;\r\n controlValue = _inputLeadingChar.repeat(_maskLength)+controlValue;\r\n controlValue = controlValue.substring(controlValue.length - _maskLength);\r\n event.target.value = controlValue;\r\n }); \r\n }\r\n //\r\n });\r\n\r\n global.ConsoleLogDegug(\"initInputs...done\");\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\n\r\nexport class SaopTogglePanel {\r\n\r\n init():void{\r\n global.ConsoleLogDegug(\"SaopTogglePanel.init...\");\r\n this.setClickEventOnFrame(\"body\");\r\n }\r\n\r\n setClickEventOnFrame(frameName:string = \"body\"):void {\r\n global.ConsoleLogDegug(\"SaopTogglePanel.setClickEventOnFrame...\");\r\n\r\n let _frame = $(\"\"+frameName+\" *> .saop-toggle-panel\");\r\n _frame.off(\"click\");\r\n _frame.click(function () {\r\n //na klik se puščica obrne gor / dol\r\n var arrowDiv = $(this).find(\".saop-toggle-arrow\");\r\n\r\n for (var i = 0; i < arrowDiv.length; i++) {\r\n if (arrowDiv[i].classList.contains(\"saop-img-down\")) {\r\n arrowDiv[i].classList.remove(\"saop-img-down\");\r\n arrowDiv[i].classList.add(\"saop-img-up\");\r\n } else {\r\n arrowDiv[i].classList.remove(\"saop-img-up\");\r\n arrowDiv[i].classList.add(\"saop-img-down\");\r\n }\r\n }\r\n });\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopViewFormBindings } from \"../Core/saop-view-form-bindings\";\r\nimport { SaopWfSubmitResult } from \"../Core/saop-view-form\";\r\n\r\n\r\nexport interface SaopUploadFilesParams {\r\n controller:string,\r\n action:string,\r\n validateAjax?:boolean,\r\n formId?:string,\r\n validationDivId?:string,\r\n allowSelectMultiFiles?: boolean\r\n}\r\n\r\nexport class SaopUploadFiles extends SaopViewFormBindings {\r\n private _clibName: string;\r\n private _siteUrl: string;\r\n private _params:SaopUploadFilesParams;\r\n private _popupViewId:string;\r\n private _popupView:JQuery;\r\n private _popupViewTitle:JQuery;\r\n private _viewModalBody:JQuery;\r\n private _btnSave:JQuery;\r\n private _btnCancel:JQuery;\r\n private _validations:JQuery;\r\n private contentElementId = \".saop-modal-body-element\"; \r\n private _saopServicesCore: SaopServicesCore;\r\n private _filesCount:number = 0;\r\n //\r\n public viewTitle:string = \"Upload\";\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(\"#uploadSplDocumentsView\",libName);\r\n this._clibName = libName;\r\n this._popupViewId = viewId;\r\n this.onErrorCallback = null; \r\n this.onFailureCallback = null; \r\n this._saopServicesCore = new SaopServicesCore();\r\n } \r\n\r\n initComponent(params:SaopUploadFilesParams){ // use this method in case of no modal window\r\n global.ConsoleLogDegug(\"initComponent\");\r\n let _this = this;\r\n this._params = params;\r\n this._siteUrl = getSiteAbsoluteURL(this._params.controller); \r\n this.initInputControl(this._params.allowSelectMultiFiles);\r\n this.bindFormControlsEvents();\r\n }\r\n\r\n initView(params:SaopUploadFilesParams) { // use this method in case of modal window\r\n global.ConsoleLogDegug(\"initView\");\r\n this._params = params;\r\n this._siteUrl = getRelativeSiteURL(this._params.controller);\r\n this.initInputControl(this._params.allowSelectMultiFiles);\r\n this.bindPopupControls();\r\n this.renderView();\r\n }\r\n\r\n initInputControl(allowSelectMultiFiles: boolean) {\r\n global.ConsoleLogDegug(\"SaopUploadFiles.initInputControl\");\r\n let inputElement = $('.custom-file input');\r\n\r\n // po defaulti omogoča izbor multi datotek\r\n if (allowSelectMultiFiles == false) {\r\n inputElement.removeAttr(\"multiple\");\r\n }\r\n }\r\n\r\n bindPopupControls(){\r\n global.ConsoleLogDegug(\"SaopUploadFiles.bindControls\");\r\n this._popupView = $(this._popupViewId);\r\n this._popupViewTitle = $(\"\"+this._popupViewId+\" *> #exampleModalLongTitle\");\r\n var contentSel = this._popupViewId + \" \" + this.contentElementId;\r\n this._viewModalBody = $(contentSel); \r\n //\r\n this._popupViewTitle.html(this.viewTitle);\r\n //\r\n }\r\n\r\n bindFormControls(){\r\n global.ConsoleLogDegug(\"SaopUploadFiles.bindFormControls\");\r\n this.bindFormAjaxEvents({controller:\"SPLDocument\",action:\"UploadDocuments\"}); \r\n this._btnSave = this._formFrame.find(\"#btnOk\");\r\n this._btnCancel = this._formFrame.find(\"#btnCancel\");\r\n this._validations = $(\"#uploadFilesValidationsAjax\"); \r\n this.bindFormControlsEvents(); \r\n }\r\n\r\n bindFormControlsEvents(){\r\n global.ConsoleLogDegug(\"SaopUploadFiles.bindFormControlsEvents\");\r\n let _this = this;\r\n $('.custom-file input').off(\"change\");\r\n $('.custom-file input').change(function (e) {\r\n _this.refreshFileList(e.target);\r\n }); \r\n }\r\n\r\n refreshFileList(inputElement: HTMLInputElement): void {\r\n global.ConsoleLogDegug(\"SaopUploadFiles.refreshFileList\");\r\n\r\n let files = inputElement.files;\r\n var file_list = \"\";\r\n\r\n this._filesCount = files.length;\r\n if (this._filesCount > 0) {\r\n file_list = \"\";\r\n for (var i = 0; i < files.length; i++) {\r\n let fileElement = \"
\";\r\n fileElement = fileElement + \"
\" + files[i].name + \"
\";\r\n fileElement = fileElement + \"
\";\r\n fileElement = fileElement + \"
\";\r\n file_list = file_list + fileElement;\r\n }\r\n file_list = file_list + \"
$(inputElementSelector)[0];\r\n let files = inputElement.files\r\n\r\n const dt = new DataTransfer();\r\n\r\n for (var i = 0; i < files.length; i++) {\r\n if (files[i].name.toLowerCase() === fileName.toLowerCase()) {\r\n }\r\n else {\r\n dt.items.add(files[i]); \r\n }\r\n }\r\n\r\n inputElement.files = dt.files;\r\n this.refreshFileList(inputElement);\r\n }\r\n\r\n afterRefreshFilesList(){\r\n\r\n }\r\n\r\n renderView(){\r\n let _this = this;\r\n this._saopServicesCore.afterDone = function(response){\r\n _this._viewModalBody.html(response);\r\n _this.bindFormControls();\r\n _this._popupView.modal('show');\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: this._siteUrl+\"/\"+this._params.action\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n onSubmitSuccess(data: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"SaopUploadFiles.onSubmitSuccess\");\r\n if (data.success) {\r\n alertify.message(data.alertMessage);\r\n this._popupView.modal('hide');\r\n // just in case: odstrani, če je še vedno vidno, avtomatsko se ne zapre vedno :(\r\n $('.modal-backdrop').remove();\r\n $(document.body).removeClass(\"modal-open\"); \r\n }\r\n else{\r\n //alertify.error(data.alertMessage);\r\n this._validations.html(data.viewContent);\r\n //this._btnSave.attr(\"disabled\", \"true\");\r\n }\r\n this.afterSubmitSuccess(data);\r\n } \r\n\r\n public afterSubmitSuccess(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"SaopUploadFiles.afterExecuteSuccess\");\r\n } \r\n\r\n ajaxValidate():boolean{\r\n if (this._filesCount <= 0) { return; }\r\n if ((this._params.validateAjax == null) || (this._params.validateAjax == false) || isEmpty(this._params.validationDivId) || isEmpty(this._params.formId)) {\r\n return;\r\n }\r\n let _this = this;\r\n let _result = true;\r\n this._validations = $(this._params.validationDivId); \r\n\r\n let _formE = $(this._params.formId)[0];\r\n let _form = (_formE);\r\n var formData = new FormData(_form);\r\n\r\n $.ajax({\r\n url: this._siteUrl+\"/\"+this._params.action,\r\n type: 'POST',\r\n data: formData,\r\n async: false,\r\n cache: false,\r\n contentType: false,\r\n processData: false,\r\n success: function(data: SaopWfSubmitResult) {\r\n global.ConsoleLogDegug(\"success\");\r\n if (data.success == false) {\r\n _this._validations.html(data.viewContent); \r\n _this._validations.focus();\r\n _result = false;\r\n } \r\n }\r\n }); \r\n return _result;\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\n\r\n\r\nexport class SaopViewSpinner {\r\n\r\n generateSpinnerDiv(spinnerId: string = '#saopLoading'): string {\r\n global.ConsoleLogDegug(\"generateSpinnerDiv \" + spinnerId);\r\n let spinnrDiv =\r\n ' '\r\n + '\t
'\r\n + '\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t\t
'\r\n + '\t
'\r\n + '
';\r\n\r\n return spinnrDiv;\r\n }\r\n\r\n showLoadingSaop(elementId: string = \"#saopLoading\") {\r\n global.ConsoleLogDegug(\"showLoadingSaop \" + elementId);\r\n var obj = $(elementId);\r\n if (obj.length) {\r\n global.ConsoleLogDegug(\"Show... \");\r\n obj.show();\r\n //setModalFormZIndex(elementId);\r\n }\r\n }\r\n\r\n hideLoadingSaop(elementId: string = \"#saopLoading\") {\r\n global.ConsoleLogDegug(\"hideLoadingSaop \" + elementId);\r\n var obj = $(elementId);\r\n if (obj.length)\r\n obj.hide();\r\n }\r\n\r\n // showLoadingSaop(elementId: string = \"\") {\r\n // global.ConsoleLogDegug(\"showLoadingSaop \" + elementId);\r\n // if (!isEmpty(elementId)) {\r\n // let elementDiv = $(elementId);\r\n // if (elementDiv.length) {\r\n // let spinnerID = elementId + \"Loading\";\r\n // spinnerID = spinnerID.replace(\"#\",\"\");\r\n // let spinnerDiv = $(spinnerID);\r\n // if (!spinnerDiv.length) {\r\n // let _div = this.generateSpinnerDiv(spinnerID);\r\n // elementDiv.append(_div);\r\n // spinnerDiv = $(spinnerID);\r\n // }\r\n // spinnerDiv.show();\r\n // }\r\n // }\r\n // }\r\n\r\n // hideLoadingSaop(elementId: string = \"\") {\r\n // global.ConsoleLogDegug(\"hideLoadingSaop \" + elementId);\r\n // if (!isEmpty(elementId)) {\r\n // let elementDiv = $(elementId);\r\n // if (elementDiv.length) {\r\n // let spinnerID = elementId + \"Loading\";\r\n // let spinnerDiv = $(spinnerID);\r\n // if (!spinnerDiv.length) {\r\n // elementDiv.append(this.generateSpinnerDiv(spinnerID));\r\n // spinnerDiv = $(spinnerID);\r\n // }\r\n // spinnerDiv.hide();\r\n // }\r\n // }\r\n // }\r\n // //\r\n}\r\n","import { global,isEmpty,getSiteAbsoluteURL, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewSpinner } from '../Components/saop-view-spinner'\r\n\r\nexport interface SaopServicesCoreParams {\r\n action:string;\r\n async?:boolean\r\n type?:string;\r\n data?:any;\r\n spinnerDivId?:string;\r\n // contentType?: string | false | undefined;\r\n // dataType?: 'xml' | 'html' | 'script' | 'json' | 'jsonp' | 'text' | string | undefined;\r\n // processData?: boolean | undefined;\r\n}\r\n\r\nexport enum SaopServicesCoreResult {\r\n success = 1\r\n , error = 2\r\n}\r\n\r\nexport enum SaopServicesCoreHTTPResultStatusCode {\r\n ok = 200,\r\n unauthorized = 401,\r\n internalServerError = 500\r\n}\r\n\r\nexport interface SaopServicesCoreResponse {\r\n response: SaopServicesCoreResult;\r\n data: any;\r\n};\r\n\r\n// function syncDelay(milliseconds:any){\r\n// var start = new Date().getTime();\r\n// var end=0;\r\n// while( (end-start) < milliseconds){\r\n// end = new Date().getTime();\r\n// }\r\n// }\r\n\r\nexport class SaopServicesCore {\r\n private _saopViewSpinner:SaopViewSpinner = new SaopViewSpinner();\r\n private _params:SaopServicesCoreParams;\r\n private _defaultParams:SaopServicesCoreParams;\r\n // \r\n //public _result:SaopServicesCoreResponse = {response:null,data:null}; \r\n\r\n constructor(){\r\n this._defaultParams = {\r\n action:\"\"\r\n ,type:\"GET\"\r\n ,async:true\r\n ,data:null\r\n ,spinnerDivId:\"\"\r\n };\r\n }\r\n\r\n private onDone(result:any){\r\n global.ConsoleLogDegug(\"SaopServicesCore.onDone\");\r\n this.afterDone(result);\r\n //this._saopViewSpinner.hideLoadingSaop(this._params.spinnerDivId); \r\n }\r\n\r\n afterDone(result:any):void{\r\n global.ConsoleLogDegug(\"SaopServicesCore.afterDone\");\r\n } \r\n\r\n private onSuccess(result:any):void{\r\n global.ConsoleLogDegug(\"SaopServicesCore.success\");\r\n let _result:SaopServicesCoreResponse = {response:null,data:null}; \r\n if (typeof result.success === \"undefined\" || result.success === null) {\r\n _result.response = SaopServicesCoreResult.success;\r\n } else {\r\n _result.response = result.success == true ? SaopServicesCoreResult.success : SaopServicesCoreResult.error;\r\n }\r\n \r\n _result.data = result;\r\n this.afterSuccess(_result);\r\n }\r\n\r\n afterSuccess(result:any):void{\r\n global.ConsoleLogDegug(\"SaopServicesCore.afterSuccess\");\r\n } \r\n\r\n private onError(result:any):void{\r\n global.ConsoleLogDegug(\"SaopServicesCore.error\");\r\n \r\n if (result.status == SaopServicesCoreHTTPResultStatusCode.unauthorized) {\r\n // redirect to login\r\n this.unAuthorizedRedirectToLoginPage();\r\n return;\r\n }\r\n\r\n if (result.status = SaopServicesCoreHTTPResultStatusCode.internalServerError && !isUnDefined(result.responseText)) {\r\n alert(\"Internal error!\");\r\n }\r\n\r\n let _result:SaopServicesCoreResponse = {response:null,data:null}; \r\n _result.response = SaopServicesCoreResult.error;\r\n _result.data = result;\r\n this.afterError(_result);\r\n }\r\n\r\n afterError(result:any):void{\r\n global.ConsoleLogDegug(\"SaopServicesCore.afterSuccess\");\r\n } \r\n\r\n ExecuteAction(params:SaopServicesCoreParams):void {\r\n global.ConsoleLogDegug(\"SaopServicesCore.ExecuteAction\");\r\n let options = { ...this._defaultParams, ...params };\r\n params = options;\r\n this._params = params;\r\n let _this = this;\r\n let _ajaxAction = getSiteAbsoluteURL(params.action);\r\n\r\n //@Url.Action(\"crearCampManual\", \"DPS\")\r\n\r\n try {\r\n $.ajax({\r\n async: params.async,\r\n url: _ajaxAction,\r\n type: !isEmpty(params.type) ? params.type : \"POST\",\r\n data: params.data,\r\n // contentType: params.contentType == null ? 'application/x-www-form-urlencoded; charset=UTF-8' : params.contentType,\r\n // dataType: params.type == null ? 'Intelligent Guess (xml, json, script, or html)' : params.type, \r\n // processData : params.processData == null ? true : params.processData, \r\n beforeSend: function () { _this._saopViewSpinner.showLoadingSaop(params.spinnerDivId); },\r\n complete: function () { _this._saopViewSpinner.hideLoadingSaop(params.spinnerDivId); },\r\n success: this.onSuccess.bind(_this),\r\n error: this.onError.bind(_this)\r\n }).done(function (result) {\r\n global.ConsoleLogDegug(\"Done...\");\r\n _this.onDone(result);\r\n });\r\n }\r\n catch(err) {\r\n alert(\"Internal error!\");\r\n } \r\n\r\n \r\n }\r\n\r\n ExecuteBlobAction(params: SaopServicesCoreParams): void {\r\n global.ConsoleLogDegug(\"SaopServicesCore.ExecuteBlobAction\");\r\n let options = { ...this._defaultParams, ...params };\r\n params = options;\r\n this._params = params;\r\n let _this = this;\r\n let _ajaxAction = getSiteAbsoluteURL(params.action);\r\n\r\n try {\r\n $.ajax({\r\n type: \"POST\",\r\n url: _ajaxAction,\r\n data: params.data,\r\n xhrFields: {\r\n responseType: 'blob' // to avoid binary data being mangled on charset conversion\r\n },\r\n success: function (blob, status, xhr) {\r\n // check for a filename\r\n var filename = \"\";\r\n var disposition = xhr.getResponseHeader('Content-Disposition');\r\n if (disposition && disposition.indexOf('attachment') !== -1) {\r\n var filenameRegex = /filename[^;=\\n]*=((['\"]).*?\\2|[^;\\n]*)/;\r\n var matches = filenameRegex.exec(disposition);\r\n if (matches != null && matches[1]) filename = matches[1].replace(/['\"]/g, '');\r\n }\r\n\r\n //if (typeof window.navigator.msSaveBlob !== 'undefined') {\r\n // // IE workaround for \"HTML7007: One or more blob URLs were revoked by closing the blob for which they were created. These URLs will no longer resolve as the data backing the URL has been freed.\"\r\n // window.navigator.msSaveBlob(blob, filename);\r\n //} else\r\n //{\r\n var URL = window.URL || window.webkitURL;\r\n var downloadUrl = URL.createObjectURL(blob);\r\n\r\n if (filename) {\r\n // use HTML5 a[download] attribute to specify filename\r\n var a = document.createElement(\"a\");\r\n // safari doesn't support this yet\r\n if (typeof a.download === 'undefined') {\r\n window.location.href = downloadUrl;\r\n } else {\r\n a.href = downloadUrl;\r\n a.download = filename;\r\n document.body.appendChild(a);\r\n a.click();\r\n }\r\n } else {\r\n window.location.href = downloadUrl;\r\n }\r\n\r\n setTimeout(function () { URL.revokeObjectURL(downloadUrl); }, 100); // cleanup\r\n //}\r\n },\r\n error: this.onError.bind(_this)\r\n }).done(function (result) {\r\n global.ConsoleLogDegug(\"Done...\");\r\n _this.onDone(result);\r\n });\r\n }\r\n catch (err) {\r\n alert(\"Internal error!\");\r\n }\r\n }\r\n \r\n public handleSubmitError(response: any): void {\r\n global.ConsoleLogDegug(\"SaopServicesCore.HandleSubmitError\");\r\n\r\n if (response.status == SaopServicesCoreHTTPResultStatusCode.unauthorized) {\r\n this.unAuthorizedRedirectToLoginPage();\r\n return;\r\n }\r\n\r\n // display error\r\n console.log(\"response\", response);\r\n alert(response.statusText);\r\n }\r\n\r\n public unAuthorizedRedirectToLoginPage(): void {\r\n global.ConsoleLogDegug(\"SaopServicesCore.redirectToLoginPage\");\r\n\r\n window.location.reload();\r\n }\r\n \r\n //\r\n}\r\n","import { global, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\n\r\nexport class SaopTranslation {\r\n public key: string = \"#\";\r\n public translation: string = null;\r\n}\r\n\r\nexport class SaopTranslations {\r\n public translationsList:[SaopTranslation?] = [];\r\n}\r\n\r\n\r\nexport interface SaopTranslationServiceParams {\r\n controller:string,\r\n action:string,\r\n}\r\n\r\n\r\nexport class SaopTranslationService {\r\n private _params:SaopTranslationServiceParams;\r\n private _saopServicesCore: SaopServicesCore;\r\n //\r\n public _terminology:SaopTranslations;\r\n\r\n\r\n constructor(params:SaopTranslationServiceParams = null){\r\n if(!isUnDefined(params)){\r\n this._params = params;\r\n } else {\r\n this._params = {controller:\"Translation\",action:\"GetTranslations\"};\r\n }\r\n \r\n this._saopServicesCore = new SaopServicesCore();\r\n this._terminology = new SaopTranslations();\r\n }\r\n \r\n setTranslationsList(translations:string[]):any{\r\n let _this = this;\r\n translations.forEach(function (value) {\r\n _this._terminology.translationsList.push({key:value,translation:value}); \r\n }); \r\n return this.getTranslations(this._terminology);\r\n }\r\n\r\n getTranslations(translations:SaopTranslations):any{\r\n let jsonData = JSON.stringify(translations);\r\n let _data = {jsonInput:jsonData};\r\n let _response:any;\r\n this._saopServicesCore.afterDone = function (response) {\r\n _response = response;\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: this._params.controller+\"/\"+this._params.action+\"\"\r\n , type: \"POST\"\r\n , data: _data\r\n , async: false\r\n });\r\n this._terminology.translationsList = _response.translationsList;\r\n return _response;\r\n }\r\n\r\n translate(key:string):string{\r\n let _tr = this._terminology.translationsList.find(e => e.key == key) as any;\r\n if (isUnDefined(_tr)) { \r\n return key;\r\n } else {\r\n return _tr.translation;\r\n }\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","///
\r\n\r\nexport class SaopUtils {\r\n checkCompatibility():boolean {\r\n return SaopCommon.checkCompatibility();\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global, setModalFormZIndex, isEmpty, isUnDefined,getRelativeSiteURL } from \"../Common/saop-common\";\r\n\r\nexport interface SaopViewFormBindingsParamsters {\r\n controller:string;\r\n action:string;\r\n} \r\n\r\nexport class SaopViewFormBindings {\r\n public id:string;\r\n public _formFrame:JQuery
; \r\n //\r\n private _libName:string;\r\n private _FbParams:SaopViewFormBindingsParamsters;\r\n private _websiteUrl:string;\r\n //\r\n public onSucccessCallback: string = \"\";\r\n public onErrorCallback: string = \"\";\r\n public onFailureCallback: string = \"\"; \r\n //\r\n \r\n constructor(viewId:string,libName:string = \"\"){\r\n global.ConsoleLogDegug(\"SaopViewFormBindings...\");\r\n global.ConsoleLogDegug(\"viewId:\"+viewId);\r\n this.id = viewId;\r\n this._libName = libName;\r\n this.onSucccessCallback = libName+\".onSubmitSuccess(data,\"+libName+\");\";\r\n this.onErrorCallback = libName + \".onSubmitError(data,\" + libName + \");\"; \r\n this.onFailureCallback = libName + \".onSubmitFailure(xhr,\" + libName + \");\"; \r\n // \r\n } \r\n\r\n public bindFormAjaxEvents(params:SaopViewFormBindingsParamsters = null): void {\r\n global.ConsoleLogDegug(\"bindViewEvents\");\r\n this._FbParams = params;\r\n \r\n //\r\n this._formFrame = $(this.id);\r\n if (this._formFrame == null) { console.log(this.id+\" not found!\");}; \r\n //\r\n if(this._FbParams != null){\r\n this._websiteUrl = getRelativeSiteURL(this._FbParams.controller);\r\n if(isEmpty(this._FbParams.controller) == false){\r\n this._formFrame.attr(\"asp-controller\", this._FbParams.controller);\r\n }\r\n if(isEmpty(this._FbParams.action) == false){\r\n this._formFrame.attr(\"asp-action\", this._FbParams.action);\r\n } \r\n if(isEmpty(this._FbParams.action) == false){\r\n var _action = this._websiteUrl+\"/\"+this._FbParams.action;\r\n this._formFrame.attr(\"action\", _action);\r\n } \r\n }\r\n\r\n if (this.onSucccessCallback !== null) {\r\n this._formFrame.attr(\"data-ajax-success\", this.onSucccessCallback);\r\n } \r\n if (this.onSucccessCallback !== null) {\r\n this._formFrame.attr(\"data-ajax-success\", this.onSucccessCallback);\r\n }\r\n if (this.onErrorCallback !== null) {\r\n this._formFrame.attr(\"data-ajax-error\", this.onErrorCallback);\r\n }\r\n if (this.onFailureCallback !== null) {\r\n this._formFrame.attr(\"data-ajax-failure\", this.onFailureCallback);\r\n }\r\n } \r\n\r\n // \r\n}\r\n","/// ;\r\n private _viewModalBody:JQuery; \r\n private _view_title:JQuery;\r\n private _view_btnOk:JQuery;\r\n private _view_btnCancel:JQuery;\r\n private _servicesParams:SaopServicesCoreParams = {action:null,data:null,type:\"POST\"};\r\n private _terminology: string[];\r\n private _prepareView:boolean = false;\r\n private _data:any;\r\n private _modalParent:boolean = false;\r\n //\r\n public _libName:string; \r\n public saopServicesCore:SaopServicesCore = new SaopServicesCore();\r\n public translationService:SaopTranslationService;\r\n public contentElementId = \".saop-modal-body-element\"; \r\n public addRecordEndpoint: string = \"\";\r\n public editRecordEndpoint: string = \"\";\r\n public deleteRecordEndpoint: string = \"\";\r\n public saopFloatingLabel: SaopFloatingLabel;\r\n //\r\n public onSucccessCallback: string = \"\";\r\n public onErrorCallback: string = \"\";\r\n public onFailureCallback: string = \"\";\r\n // \r\n public id:string;\r\n public title:string;\r\n public fullTitle:string = \"\";\r\n public fullScreen:boolean = false; \r\n //\r\n public onClose: (params:any) => any = null;\r\n public onSubmit: (params:any) => any = null;\r\n public onError: (params:any) => any = null; \r\n \r\n constructor(viewId:string,libName:string = \"\"){\r\n global.ConsoleLogDegug(\"SaopViewForm...\");\r\n global.ConsoleLogDegug(\"viewId:\"+viewId);\r\n this.id = viewId;\r\n this._libName = libName;\r\n this.onSucccessCallback = libName+\".onSubmitSuccess(data,\"+libName+\");\";\r\n this.onErrorCallback = libName + \".onSubmitError(data,\" + libName + \");\"; \r\n this.onFailureCallback = libName + \".onSubmitFailure(xhr,\" + libName + \");\"; \r\n this.translationService = new SaopTranslationService();\r\n this.saopFloatingLabel = new SaopFloatingLabel();\r\n // \r\n }\r\n\r\n getData():any {\r\n return this._data;\r\n }\r\n\r\n public setTerminologyList(dictionary: string[] = null) {\r\n this._terminology = [\"Uredi\",\"Nov vnos\",\"Podrobnosti\",\"Brisanje\"];\r\n if (dictionary != null) {\r\n this._terminology = this._terminology.concat(dictionary);\r\n }\r\n this.translationService.setTranslationsList(this._terminology);\r\n } \r\n\r\n public onBtnOkClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onBtnOkClick...\");\r\n }\r\n\r\n public onBtnCancel(sender:any):void{\r\n global.ConsoleLogDegug(\"onBtnCancel...\");\r\n } \r\n\r\n public beforeViewShow(sender:any):void{\r\n global.ConsoleLogDegug(this.id+\".beforeViewShow()\");\r\n \r\n this._viewModalFrame = $(this.id);\r\n if (this._viewModalFrame == null) { console.log(this.id+\" not found!\");};\r\n //\r\n var contentSel = this.id + \" \" + this.contentElementId;\r\n this._viewModalBody = $(contentSel); \r\n }\r\n\r\n public afterViewShow(sender:any,wfAction:SaopWfAction):void{\r\n global.ConsoleLogDegug(this.id+\".afterViewShow()\");\r\n\r\n let _this = this;\r\n\r\n this.bindViewEvents(sender);\r\n\r\n // let _this = this;\r\n // this._view_btnOk = $(\"\"+this.id+\" *> #btnOk\");\r\n // this._view_btnCancel = $(\"\"+this.id+\" *> #btnCancel\");\r\n // this._view_title = $(\"\"+this.id+\" *> #exampleModalLongTitle\");\r\n //\r\n\r\n global.ConsoleLogDegug(\"afterViewShow title:\"+ this.title);\r\n\r\n if (this.fullTitle.length > 0) {\r\n this.title = this.fullTitle;\r\n }\r\n\r\n if (!isEmpty(this.title)){\r\n let _title = \"\";\r\n if (this.fullTitle.length > 0) {\r\n _title = this.title;\r\n }else if (wfAction == SaopWfAction.wfaAddRecord){\r\n _title = this.translationService.translate(\"Nov vnos\")+\": \"+this.title;\r\n } else if (wfAction == SaopWfAction.wfaEditRecord){\r\n _title = this.translationService.translate(\"Uredi\")+\": \"+this.title;\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails){ \r\n _title = this.translationService.translate(\"Podrobnosti\")+\": \"+this.title;\r\n } \r\n global.ConsoleLogDegug(\"afterViewShow _title:\"+ _title);\r\n\r\n this._view_title.html(_title);\r\n } else {\r\n if (wfAction == SaopWfAction.wfaAddRecord){\r\n let defaultTitleAdd = $(\"\"+this.id+\" *> #addTitle\").val().toString();\r\n this._view_title.html(defaultTitleAdd);\r\n } else {\r\n let defaultTitleEdit = $(\"\"+this.id+\" *> #editTitle\").val().toString();\r\n this._view_title.html(defaultTitleEdit);\r\n }\r\n }\r\n\r\n this.viewShowComplete(sender, wfAction);\r\n \r\n //\r\n // this._view_btnOk.click(\r\n // function () {\r\n // _this.onBtnOkClick(sender);\r\n // }\r\n // );\r\n\r\n // this._view_btnCancel.click(\r\n // function () {\r\n // _this.onBtnCancel(sender);\r\n // }\r\n // ); \r\n \r\n //this.bindViewEvents();\r\n\r\n this._modalParent = $(\"body\").hasClass(\"modal-open\");\r\n\r\n if (this._prepareView == false){\r\n this._viewModalFrame.modal('show');\r\n setModalFormZIndex(this.id); \r\n setFirstFormControlToFocus(this.id);\r\n }\r\n //\r\n this.afterViewShowSuccess(sender);\r\n\r\n }\r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n global.ConsoleLogDegug(this.id + \".afterViewShowSuccess()\");\r\n }\r\n\r\n public viewShowComplete(sender: any, wfAction: SaopWfAction): void {\r\n global.ConsoleLogDegug(this.id + \".viewShowComplete()\");\r\n }\r\n\r\n public viewShownComplete(sender: any): void {\r\n global.ConsoleLogDegug(this.id + \".viewShownComplete()\");\r\n }\r\n\r\n public bindViewEvents(sender:any): void {\r\n global.ConsoleLogDegug(\"bindViewEvents\");\r\n\r\n let _this = this;\r\n let divForm = this._viewModalFrame.find(\"form\");\r\n \r\n this._view_btnOk = $(\"\"+this.id+\" *> #btnOk\");\r\n this._view_btnCancel = $(\"\"+this.id+\" *> #btnCancel\");\r\n this._view_title = $(\"\"+this.id+\" *> #exampleModalLongTitle\"); \r\n\r\n this._view_btnOk.click(\r\n function () {\r\n _this.onBtnOkClick(sender);\r\n }\r\n );\r\n\r\n this._view_btnCancel.click(\r\n function () {\r\n _this.onBtnCancel(sender);\r\n }\r\n ); \r\n\r\n if (this.onSucccessCallback !== null) {\r\n divForm.attr(\"data-ajax-success\", this.onSucccessCallback);\r\n }\r\n if (this.onErrorCallback !== null) {\r\n divForm.attr(\"data-ajax-error\", this.onErrorCallback);\r\n }\r\n if (this.onFailureCallback !== null) {\r\n divForm.attr(\"data-ajax-failure\", this.onFailureCallback);\r\n }\r\n \r\n this._viewModalFrame.on('hidden.bs.modal', function (e) { \r\n if (_this._modalParent) {\r\n $(\"body\").addClass(\"modal-open\");\r\n } \r\n })\r\n\r\n this._viewModalFrame.on('shown.bs.modal', function(e) { \r\n _this.viewShownComplete(e);\r\n });\r\n\r\n this.saopFloatingLabel.init(); \r\n }\r\n\r\n private renderErrorsBanner(errors:Error[]):SaopServicesCoreResponse {\r\n let result:SaopServicesCoreResponse;\r\n result = {response:SaopServicesCoreResult.error,data:null}; \r\n //\r\n let jsonData = JSON.stringify(errors);\r\n let _data = {jsonInput:jsonData}; \r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterSuccess = function (response:SaopServicesCoreResponse) {\r\n result = response;\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: \"Errors/RenderErrorsBanner\"\r\n , type: \"POST\"\r\n , data: _data\r\n , async: false\r\n });\r\n\r\n return result;\r\n }\r\n\r\n public renderError(errMessage:string):void{\r\n try {\r\n global.ConsoleLogDegug(\"ajax.afterError\");\r\n let _errors:Error[];\r\n _errors = [{Code:\"\",Message:errMessage}]; \r\n let _parentView = $(this.id).parent();\r\n let _errorBannerId = this.id+\"ErrorBanner\";\r\n let _view_banner = _parentView.find(_errorBannerId);\r\n if ( isUnDefined(_view_banner) || _view_banner.length == 0) {\r\n _parentView.append(\"
\");\r\n _view_banner = _parentView.find(_errorBannerId);\r\n }\r\n let _bannerResult = this.renderErrorsBanner(_errors);\r\n _view_banner.html(_bannerResult.data.viewContent); \r\n }\r\n catch(err) {\r\n alert(err.message);\r\n } \r\n }\r\n //public loadViewBody(wfAction:SaopWfAction,data:any,sender:any):SaopServicesCoreResult{\r\n public loadViewBody(wfAction:SaopWfAction,data:any,sender:any):void{\r\n global.ConsoleLogDegug(\"loadViewBody\");\r\n let _this = this;\r\n this.beforeViewShow(sender);\r\n\r\n if (wfAction != SaopWfAction.wfaCustomHtml) {\r\n let _ajaxAction = wfAction == SaopWfAction.wfaAddRecord ? this.addRecordEndpoint : this.editRecordEndpoint;\r\n //_ajaxAction = getSiteAbsoluteURL(_ajaxAction);\r\n\r\n this._servicesParams = {action:_ajaxAction,data:data,type:\"POST\"};\r\n\r\n this.saopServicesCore.afterSuccess = function(_ajaxResult){\r\n if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n global.ConsoleLogDegug(\"ajax.success\");\r\n _this._viewModalBody.html(_ajaxResult.data);\r\n _this.afterViewShow(sender,wfAction);\r\n } else {\r\n global.ConsoleLogDegug(\"ajax.error\");\r\n if ((isUnDefined(_ajaxResult.data) && isUnDefined(_ajaxResult.data.alertMessage)) == false){\r\n _this.renderError(_ajaxResult.data.alertMessage);\r\n } else if (_ajaxResult.data.responseJSON && _ajaxResult.data.responseJSON.message){\r\n alertify.error(_ajaxResult.data.responseJSON.message);\r\n } \r\n }\r\n \r\n };\r\n \r\n this.saopServicesCore.afterError = function(_ajaxResult){\r\n //###\r\n if ((isUnDefined(_ajaxResult.data) && isUnDefined(_ajaxResult.data.alertMessage)) == false){\r\n _this.renderError(_ajaxResult.data.alertMessage);\r\n } else {\r\n alert(\"Internal error!\");\r\n }\r\n };\r\n \r\n this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n } else {\r\n if (!isUnDefined(data) && !isUnDefined(data.html)) {\r\n this._viewModalBody.html(data.html);\r\n }\r\n _this.afterViewShow(sender,wfAction);\r\n }\r\n\r\n } \r\n\r\n public afterSubmitSuccess(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.afterExecuteSuccess\");\r\n }\r\n\r\n public onSubmitSuccessComplete(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitSuccessComplete\");\r\n }\r\n\r\n public onSubmitError(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitError\");\r\n }\r\n\r\n public onSubmitFailure(result: any): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitFailure\");\r\n var saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.handleSubmitError(result);\r\n }\r\n \r\n public onSubmitSuccess(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onExecuteSuccess\");\r\n if (result.success) {\r\n global.ConsoleLogDegug(\"submit.success\");\r\n\r\n this._viewModalFrame.modal('hide');\r\n\r\n // just in case: odstrani, če je še vedno vidno, avtomatsko se ne zapre vedno :(\r\n $('.modal-backdrop').remove();\r\n $(document.body).removeClass(\"modal-open\");\r\n\r\n if (result.alertMessage) {\r\n alertify.message(result.alertMessage);\r\n } \r\n\r\n if (!isUnDefined(this.refreshData)){\r\n this.refreshData(result);\r\n }\r\n\r\n this.onSubmitSuccessComplete(result);\r\n } else {\r\n global.ConsoleLogDegug(\"submit.error\");\r\n global.ConsoleLogDegug(\"reload view form\");\r\n this._viewModalBody.html(result.viewContent);\r\n this.bindViewEvents(result);\r\n }\r\n this.afterSubmitSuccess(result);\r\n } \r\n\r\n public onDeleteRecord(deleteData:any):void {\r\n global.ConsoleLogDegug(\"onDeleteRecord\");\r\n let _this = this;\r\n this._servicesParams = {action:this.deleteRecordEndpoint,data:deleteData,type:\"POST\"};\r\n\r\n this.saopServicesCore.afterSuccess = function(_ajaxResult){\r\n if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n alertify.message(_ajaxResult.data.alertMessage);\r\n if (!isUnDefined(_this.refreshData)){\r\n _this.refreshData(deleteData);\r\n }\r\n } else {\r\n alertify.error(_ajaxResult.data.alertMessage);\r\n }\r\n };\r\n this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n\r\n // let _ajaxResult = this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n // if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n // alertify.message(_ajaxResult.data.alertMessage);\r\n // if (!isUnDefined(this.refreshData)){\r\n // this.refreshData(deleteData);\r\n // }\r\n // } else {\r\n // alertify.error(_ajaxResult.data.alertMessage);\r\n // }\r\n // return _ajaxResult.response;\r\n }\r\n \r\n public refreshData(sender:any):void {\r\n global.ConsoleLogDegug(\"refreshData\");\r\n }\r\n\r\n public deleteRecord(title:string,message:string,deleteData:any):void{\r\n global.ConsoleLogDegug(\"deleteRecord.begin\");\r\n let saopMessageDlg = new SaopMessageDlg(deleteData) \r\n saopMessageDlg.onYes = this.onDeleteRecord.bind(this);\r\n saopMessageDlg.Show(message,title,1,[SaopMsgDlgButton.mbYes,SaopMsgDlgButton.mbNo]);\r\n global.ConsoleLogDegug(\"deleteRecord.end\");\r\n }\r\n\r\n public addRecord(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"addRecord\");\r\n this._data = data;\r\n let _result = this.loadViewBody(SaopWfAction.wfaAddRecord,data,sender);\r\n }\r\n\r\n public editRecord(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"editRecord\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaEditRecord,data,sender);\r\n }\r\n\r\n public recordDetails(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"editRecord\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaRecordDestails,data,sender);\r\n }\r\n\r\n public custonHtmlBody(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"custonHtmlBody\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaCustomHtml,data,sender);\r\n }\r\n\r\n // public recordPreview(data:any,sender:any = null):void {\r\n // global.ConsoleLogDegug(\"editRecord\");\r\n // this.loadViewBody(SaopWfAction.wfaPrepareView,data,sender);\r\n // } \r\n\r\n public showViewForm(wfAction:SaopWfAction,data:any,sender:any = null):void{\r\n global.ConsoleLogDegug(\"showViewForm\");\r\n this._data = data;\r\n if (wfAction == SaopWfAction.wfaAddRecord) {\r\n this.addRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaEditRecord) {\r\n this.editRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails) { \r\n this.recordDetails(data,sender); \r\n } else if (wfAction == SaopWfAction.wfaCustomHtml) {\r\n this.custonHtmlBody(data,sender); \r\n } \r\n this.SetToFullScreen(); \r\n } \r\n\r\n public prepareViewForm(wfAction:SaopWfAction,data:any,sender:any = null):void{\r\n global.ConsoleLogDegug(\"showViewForm\");\r\n this._data = data;\r\n this._prepareView = true;\r\n if (wfAction == SaopWfAction.wfaAddRecord) {\r\n this.addRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaEditRecord) {\r\n this.editRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails) { \r\n this.recordDetails(data,sender); \r\n } else if (wfAction == SaopWfAction.wfaCustomHtml) {\r\n this.custonHtmlBody(data,sender); \r\n } \r\n\r\n this.SetToFullScreen(); \r\n } \r\n\r\n public SetToFullScreen(){\r\n if (this.fullScreen ){\r\n this._viewModalFrame.addClass(\"saop-modal-fullscreen-form\");\r\n let _dialogDiv = this._viewModalFrame.find(\".modal-dialog\");\r\n _dialogDiv.removeClass('modal-dialog-centered');\r\n _dialogDiv.addClass('modal-fullscreen');\r\n _dialogDiv.removeAttr('style');\r\n \r\n let _content = this._viewModalFrame.find(\".modal-content\");\r\n _content.removeAttr('class');\r\n _content.addClass('modal-content');\r\n }\r\n }\r\n\r\n public refreshElementData(htmlContent:string,elementId:string): void {\r\n global.ConsoleLogDegug(\"refreshElementData\");\r\n let _document = $(htmlContent);\r\n let _cell = _document.find(elementId);\r\n $(elementId).replaceWith(_cell);\r\n }\r\n\r\n public CloseViewForm(): void {\r\n this._viewModalFrame.modal('hide');\r\n // just in case: odstrani, če je še vedno vidno, avtomatsko se ne zapre vedno :(\r\n $('.modal-backdrop').remove();\r\n $(document.body).removeClass(\"modal-open\"); \r\n }\r\n\r\n public showModal():void {\r\n if (this._prepareView == false){\r\n this._viewModalFrame.modal('show');\r\n setModalFormZIndex(this.id); \r\n setFirstFormControlToFocus(this.id);\r\n } \r\n }\r\n \r\n // \r\n}\r\n","import { LIKVCakalnaVrstaGrid } from \"../LIKV/LIKVCakalnaVrsta-grid\";\r\nimport { global } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\n\r\nexport class DashboardLIKVConfirmationView {\r\n private _libName:string;\r\n private _saopServicesCore: SaopServicesCore;\r\n private likvCakalnaVrstaGrid: LIKVCakalnaVrstaGrid;\r\n //\r\n\r\n constructor(libName: string = \"\") {\r\n this._libName = libName;\r\n //\r\n this._saopServicesCore = new SaopServicesCore();\r\n this.likvCakalnaVrstaGrid = new LIKVCakalnaVrstaGrid(libName +\".likvCakalnaVrstaGrid\");\r\n this.likvCakalnaVrstaGrid.refreshData = this.refreshGridData.bind(this);\r\n }\r\n\r\n refreshGridData(): void {\r\n global.ConsoleLogDegug(\"DashboardLIKVConfirmationView.refreshGridData\");\r\n let _this = this;\r\n this._saopServicesCore.afterDone = function(response){\r\n let _grid = $(response).find(\"#LIKVCakalnaVrstaGrid\")[0];\r\n $(_grid).find(\"#dt-checkboxes-cell\").hide;\r\n \r\n let _body = $(_grid).find(\"#LIKVCakalnaVrstaGridBodyAjax\"); //poiscem tbody\r\n // $(_body).find(\"tr:first\").html('lalala');\r\n $(_body).find(\"tr\").each(function() { //za vsak tr v prvem td pobrisem value\r\n $(this).find(\"td:eq(0)\").html('');\r\n // $(this).find(\".LIKVCakalnaVrstaGrid_confirm\").html('');\r\n // $(this).find(\".LIKVCakalnaVrstaGrid_deny\").html('');\r\n $(this).find(\".td-icon-col\").html(''); \r\n });\r\n $(\"#card6 .card-body\").html(_grid);\r\n _this.likvCakalnaVrstaGrid._dashboard = true;\r\n _this.likvCakalnaVrstaGrid.initView(); \r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"Dashboard/LIKVConfirmationPartial\"\r\n ,type:\"GET\"\r\n ,spinnerDivId:\"#saopLoadingcard6\"\r\n }); \r\n } \r\n \r\n //\r\n}","/// ;\r\n\r\n constructor(libName: string = \"\") {\r\n this._libName = libName;\r\n //\r\n this._saopServicesCore = new SaopServicesCore();\r\n }\r\n\r\n refreshGridData(): void {\r\n global.ConsoleLogDegug(\"DashboardEmployeePresenceView.refreshGridData\");\r\n\r\n let _this = this;\r\n this._saopServicesCore.afterDone = function(response){\r\n $(\"#card8 .card-body\").html(response);\r\n _this._saopFloatingLabel.init();\r\n _this.initFilterControls();\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"Dashboard/EmployeePresencePartial\"\r\n ,type:\"GET\"\r\n ,spinnerDivId:\"#saopLoadingcard8\"\r\n });\r\n } \r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"DashboardEmployeePresenceView.initFilterControls\");\r\n\r\n this._searchValue = $(this.divId).find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n\r\n executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"DashboardEmployeePresenceView.executeFilterSearch\");\r\n\r\n filterTableRows(searchVal, this.divId);\r\n }\r\n //\r\n}\r\n\r\n\r\n","/// ;\r\n private _card2: JQuery;\r\n private _card3: JQuery;\r\n private _card4: JQuery;\r\n private _card5: JQuery;\r\n private _card6: JQuery;\r\n private _card7: JQuery;\r\n private _card8: JQuery;\r\n\r\n //\r\n public dashboardTodayEvents:DashboardTodayEventsView;\r\n public dashboardAbsences: DashboardAbsencesView;\r\n public dashboardAbsenceConfirmationView: DashboardAbsenceConfirmationView;\r\n public dashboardTravelOrderView: DashboardTravelOrderView;\r\n public dashboardInternalOrderView: DashboardInternalOrderView;\r\n public dashboardMyGradesView: DashboardMyGradesView;\r\n public dashboardLIKVConfirmationView: DashboardLIKVConfirmationView;\r\n public dashboardEmployeePresenceView: DashboardEmployeePresenceView;\r\n\r\n constructor(libName: string = \"\") {\r\n this._libName = libName;\r\n //\r\n this.dashboardTodayEvents = new DashboardTodayEventsView(this._libName + \".dashboardTodayEvents\");\r\n this.dashboardAbsences = new DashboardAbsencesView(this._libName + \".dashboardAbsences\");\r\n this.dashboardAbsenceConfirmationView = new DashboardAbsenceConfirmationView(this._libName + \".dashboardAbsenceConfirmationView\");\r\n this.dashboardTravelOrderView = new DashboardTravelOrderView(this._libName + \".dashboardTravelOrderView\");\r\n this.dashboardInternalOrderView = new DashboardInternalOrderView(this._libName + \".dashboardInternalOrderView\");\r\n this.dashboardMyGradesView = new DashboardMyGradesView(this._libName + \".dashboardMyGradesView\");\r\n this.dashboardLIKVConfirmationView = new DashboardLIKVConfirmationView(this._libName + \".dashboardLIKVConfirmationView\");\r\n this.dashboardEmployeePresenceView = new DashboardEmployeePresenceView(this._libName + \".dashboardEmployeeAttendanceView\");\r\n }\r\n\r\n initDashboardView(): void {\r\n global.ConsoleLogDegug(\"initDashboardView\");\r\n this._card1 = $(\"#card1\");\r\n this._card2 = $(\"#card2\");\r\n this._card3 = $(\"#card3\");\r\n this._card4 = $(\"#card4\");\r\n this._card5 = $(\"#card5\");\r\n this._card6 = $(\"#card6\"); \r\n this._card7 = $(\"#card7\"); \r\n this._card8 = $(\"#card8\");\r\n\r\n $(\"#site-main\").addClass(\"site-main-with-formSidebarr\");\r\n\r\n let _rightSidebar: SaopRightSidebar = new SaopRightSidebar();\r\n _rightSidebar.bindCarouselDiv(\"#right-sidebar-ajax\", SaopRightSidebarView.Dashboard);\r\n }\r\n\r\n refreshAllData(): void {\r\n global.ConsoleLogDegug(\"SaopDashboardView.refreshAllData\");\r\n if (this._card1.length){\r\n this.dashboardTodayEvents.refreshGridData();\r\n }\r\n if (this._card2.length){\r\n this.dashboardAbsences.refreshGridData();\r\n }\r\n if (this._card3.length) {\r\n this.dashboardAbsenceConfirmationView.refreshGridData();\r\n }\r\n if (this._card4.length) {\r\n this.dashboardInternalOrderView.refreshGridData();\r\n }\r\n\r\n if (this._card5.length) {\r\n this.dashboardMyGradesView.refreshGridData();\r\n }\r\n\r\n if (this._card6.length) {\r\n this.dashboardLIKVConfirmationView.refreshGridData();\r\n } \r\n\r\n if (this._card7.length) {\r\n this.dashboardTravelOrderView.refreshGridData();\r\n } \r\n\r\n if (this._card8.length) {\r\n this.dashboardEmployeePresenceView.refreshGridData();\r\n } \r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n","import { filterTableRows, global, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopWebDataTable, SaopWebGrid, SaopWebGridProperties, SaopWebGridToolbar, SaopWebGridToolbarButton } from \"../Components/saop-grid\";\r\nimport { SaopMessageDlg, SaopMsgDlgButton } from \"../Components/saop-message-dlg\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopTranslationService } from \"../Core/saop-translate\";\r\nimport { SaopViewForm, SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { KEEmployeeGradesEditView } from \"./KEEmployeeGradesEdit-view\";\r\n\r\nclass EmployeeGradesData {\r\n sifraOcenObdobja: string;\r\n sifraocenobdobjaFingerprint: string;\r\n sifraZaposleni: string;\r\n isOcenObdobjaStatusActive: boolean;\r\n fingerprint: string;\r\n formTitle: string\r\n}\r\n\r\nexport class KEAllEmployeesGradesView extends SaopViewForm {\r\n private viewId: string;\r\n private libName: string;\r\n private _loadingSpinnerId: string = \"allEmployeesGradesFormLoading\";\r\n private _buttonCloseId: string = \"btnClose\";\r\n private divId: string = \"#allEmployeesGradesForm\";\r\n private webGridId: string = \"#allEmployeesGradesGrid\";\r\n private webGridRowsBodyId: string = \"#allEmployeesGradesGridBodyAjax\";\r\n private _massVnosBtnId: string = \"#editMassAllEmployeesGrades\";\r\n private _colCheckboxAllId: string = \"#colCheckboxAll\";\r\n private _keEmployeeGradesEditView: KEEmployeeGradesEditView;\r\n public webGrid: SaopWebGrid;\r\n public formTranslationService: SaopTranslationService;\r\n\r\n private _searchValueId: string = \"#AllEmployeesGradesTableSearchValue\";\r\n private _mainFormDiv: JQuery;\r\n private _searchValue: JQuery;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId, libName);\r\n\r\n this.viewId = viewId;\r\n this.libName = libName; \r\n\r\n this.setDictionary(); \r\n this.title = \"\";\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"KeAllEmployeesGradesAdministration/GetAllEmployeesGrades\";\r\n this.deleteRecordEndpoint = \"\"; \r\n\r\n this.formTranslationService = new SaopTranslationService();\r\n }\r\n\r\n setDictionary(){\r\n this.setTerminologyList();\r\n } \r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {\r\n return;\r\n }\r\n }\r\n\r\n showForm(data: any, fullTitle: string): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.showForm\");\r\n\r\n this.fullTitle = fullTitle;\r\n this.recordDetails(data);\r\n this.SetToFullScreen(); \r\n\r\n this.viewShowComplete = this.initForm.bind(this);\r\n }\r\n\r\n initForm(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.initForm\");\r\n\r\n this._mainFormDiv = $(this.divId);\r\n\r\n // prevajanje\r\n this.setFormTerminologyList();\r\n\r\n // init grid \r\n this.getWebGridToolbarAndInitWebGrid();\r\n\r\n this.initEditView();\r\n }\r\n\r\n private setFormTerminologyList() {\r\n let terminology = [\"Masovni vnos\"];\r\n\r\n this.formTranslationService.setTranslationsList(terminology);\r\n }\r\n\r\n private getWebGridToolbarAndInitWebGrid(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.getWebGridToolbarAndInitWebGrid\");\r\n\r\n let _this = this;\r\n let isStatusActive = this._mainFormDiv.attr(\"data-isocenobdobjastatusactive\");\r\n let isOcenObdobjaStatusActive = isStatusActive === \"True\" ? true : false;\r\n\r\n let params = { javascriptKnjiznica: _this.libName, IsOcenObdobjaStatusActive: isOcenObdobjaStatusActive };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.initWebGrid(response);\r\n _this.initFilterControls();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeAllEmployeesGradesAdministration/GetTableToolbar\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n private initWebGrid(toolbarTemplate: string = \"\") {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.initWebGrid\");\r\n\r\n let captionToolbar = $(this.webGridId).attr(\"caption-toolbar\");\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName + \".webGrid\");\r\n this.webGrid.afterColumnCheckboxChanged = this.webGridAfterColumnCheckboxChanged.bind(this);\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n\r\n toolbarButtons.push({ id: \"\", caption: \"\", template: toolbarTemplate });\r\n gridToolbar = { id: \"saopWebGridTB1\", caption: captionToolbar, buttons: toolbarButtons };\r\n\r\n dataTable = { enabled: true, ordering: true };\r\n\r\n gridProperties = {\r\n gridId: this.webGridId\r\n , togglePanel: { enabled: false }\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n\r\n $(this.divId).show();\r\n }\r\n\r\n private initFilterControls(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.initFilterControls\");\r\n\r\n this._searchValue = this._mainFormDiv.find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n private executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.executeFilterSearch\");\r\n\r\n // tole ni delovalo: ko se je spremenilo leto, je se vedno filtriral stare podatke od prejsnjega leta\r\n //let oTable = this.webGrid.dataTable;\r\n //oTable.search(searchVal).draw();\r\n\r\n filterTableRows(searchVal, this.divId);\r\n }\r\n\r\n private refreshAllEmployeesGradesGridRowsData(sender: any): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.refreshAllEmployeesGradesGridRowsData\");\r\n\r\n let _this = this;\r\n let params = { sifraOcenObdobja: sender.datasifraocenobdobja, isStatusActive: sender.dataisstatusactive, fingerprint: sender.datasifraocenobdobjafingerprint, selectedSifraZaposleni: sender.dataselectedsifrazaposleni };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshGridRowsData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeAllEmployeesGradesAdministration/GetAllEmployeesGradesTableRows\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n private refreshGridRowsData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.refreshGridRowsData\");\r\n\r\n if ($(this.webGridId).length) {\r\n $(this.webGridRowsBodyId).html(htmlContent);\r\n this.initWebGridListners();\r\n if (!isUnDefined(this._searchValue) && this._searchValue.length) {\r\n this.executeFilterSearch(this._searchValue.val().toString());\r\n }\r\n }\r\n }\r\n\r\n private initWebGridListners() {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz edit screen ko klikne na vrstico\r\n $(\"body\").off(\"click\", this.viewId + \" \" + this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\");\r\n $(\"body\").on(\"click\", this.viewId + \" \" + this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getDataAttribute(selectedRow);\r\n\r\n // barvanje oznacene vrstrice\r\n _this.webGrid.markSelectedRow(selectedRow);\r\n\r\n if (data.isOcenObdobjaStatusActive && !isUnDefined(data.sifraOcenObdobja) && !isUnDefined(data.sifraZaposleni)) {\r\n _this._keEmployeeGradesEditView.title = data.formTitle;\r\n _this._keEmployeeGradesEditView.showViewForm(SaopWfAction.wfaEditRecord, { sifraOcenObdobja: data.sifraOcenObdobja, sifraOcenObdobjaFingerprint: data.sifraocenobdobjaFingerprint, sifraZaposleniList: data.sifraZaposleni, isOcenObdobjaStatusActive: data.isOcenObdobjaStatusActive, fingerprintList: data.fingerprint }, null);\r\n }\r\n });\r\n\r\n // prikaz edit screen ko klikne na action stolpec\r\n $(\"body\").off(\"click\", this.viewId + \" \" + this.webGridId + \" tr .td-action .KEAllEmployeesGradesGrid_edit\");\r\n $(\"body\").on(\"click\", this.viewId + \" \" + this.webGridId + \" tr .td-action .KEAllEmployeesGradesGrid_edit\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getDataAttribute(selectedRow);\r\n\r\n // barvanje oznacene vrstrice\r\n _this.webGrid.markSelectedRow(selectedRow);\r\n\r\n if (data.isOcenObdobjaStatusActive && !isUnDefined(data.sifraOcenObdobja) && !isUnDefined(data.sifraZaposleni)) {\r\n _this._keEmployeeGradesEditView.title = data.formTitle;\r\n _this._keEmployeeGradesEditView.showViewForm(SaopWfAction.wfaEditRecord, { sifraOcenObdobja: data.sifraOcenObdobja, sifraOcenObdobjaFingerprint: data.sifraocenobdobjaFingerprint, sifraZaposleniList: data.sifraZaposleni, isOcenObdobjaStatusActive: data.isOcenObdobjaStatusActive, fingerprintList: data.fingerprint }, null);\r\n }\r\n });\r\n\r\n $(\"body\").off(\"click\", this.viewId + \" \" + this.webGridId + \" tr .saop-td-input-checkbox\");\r\n $(\"body\").on(\"click\", this.viewId + \" \" + this.webGridId + \" tr .saop-td-input-checkbox\", function () {\r\n _this.webGridAfterColumnCheckboxChanged();\r\n });\r\n\r\n $(\"body\").off(\"click\", this.viewId + \" \" + this._colCheckboxAllId);\r\n $(\"body\").on(\"click\", this.viewId + \" \" + this._colCheckboxAllId, function () {\r\n _this.webGridAfterColumnCheckboxAllChanged();\r\n });\r\n\r\n $(this.viewId + \" \" + this._colCheckboxAllId).prop('checked', false);\r\n $(this.viewId + \" \" + _this._massVnosBtnId).prop('disabled', true);\r\n }\r\n\r\n getDataAttribute(element: HTMLElement): EmployeeGradesData {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.getDataAttribute\");\r\n\r\n let data = new EmployeeGradesData();\r\n\r\n data.sifraOcenObdobja = element.getAttribute(\"data-sifraocenobdobja\");\r\n data.sifraocenobdobjaFingerprint = element.getAttribute(\"data-sifraocenobdobjafingerprint\");\r\n data.sifraZaposleni = element.getAttribute(\"data-sifrazaposleni\");\r\n let isStatusActive = element.getAttribute(\"data-isocenobdobjastatusactive\");\r\n data.isOcenObdobjaStatusActive = isStatusActive === \"True\" ? true : false;\r\n data.fingerprint = element.getAttribute(\"data-fingerprint\");\r\n data.formTitle = element.getAttribute(\"data-formtitle\");\r\n\r\n return data;\r\n }\r\n\r\n initEditView(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.initEditView\");\r\n\r\n \r\n this._keEmployeeGradesEditView = new KEEmployeeGradesEditView(\"#keGradesAdministrationView003\", this.libName + \"._keEmployeeGradesEditView\");\r\n this._keEmployeeGradesEditView.fullScreen = true;\r\n this._keEmployeeGradesEditView.refreshData = this.refreshAllEmployeesGradesGridRowsData.bind(this);\r\n }\r\n\r\n webGridAfterColumnCheckboxChanged(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.webGridAfterColumnCheckboxChanged\");\r\n\r\n let _this = this;\r\n\r\n // disabled mass vnos gumba\r\n $(_this.viewId + \" \" + _this._massVnosBtnId).prop('disabled', true);\r\n\r\n // ali je kaksen checkobx oznacen? Da nastavimo gumb za masovno kpiranje enabled\r\n $(this.viewId + \" \" + this.webGridId + \" tr td input.saop-td-input-checkbox\").each(function () {\r\n let checked = $(this).is(\":checked\");\r\n if (checked) {\r\n $(_this.viewId + \" \" + _this._massVnosBtnId).prop('disabled', false);\r\n }\r\n });\r\n }\r\n\r\n private editMassData(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.editMassData\");\r\n\r\n let _this = this;\r\n let seznamSifraZaposleni: string[] = [];\r\n let seznamFingerprint: string[] = [];\r\n let dataSifraOcenObdobja: string = \"\";\r\n let dataSifraocenobdobjaFingerprint: string = \"\";\r\n let dataIsOcenObdobjaStatusActive: boolean = false;\r\n\r\n //poiscemo vse oznacene sifre zaposlenih\r\n $(this.viewId + \" \" + this.webGridId + \" tr td input.saop-td-input-checkbox\").each(function () {\r\n let checked = $(this).is(\":checked\");\r\n if (checked) {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getDataAttribute(selectedRow);\r\n\r\n dataSifraOcenObdobja = data.sifraOcenObdobja;\r\n dataSifraocenobdobjaFingerprint = data.sifraocenobdobjaFingerprint;\r\n dataIsOcenObdobjaStatusActive = data.isOcenObdobjaStatusActive;\r\n\r\n seznamSifraZaposleni.push(data.sifraZaposleni);\r\n seznamFingerprint.push(data.fingerprint);\r\n }\r\n });\r\n\r\n if (seznamSifraZaposleni.length > 0) {\r\n _this._keEmployeeGradesEditView.title = this.formTranslationService.translate(\"Masovni vnos\");\r\n _this._keEmployeeGradesEditView.showViewForm(SaopWfAction.wfaEditRecord, { sifraOcenObdobja: dataSifraOcenObdobja, sifraOcenObdobjaFingerprint: dataSifraocenobdobjaFingerprint, sifraZaposleniList: seznamSifraZaposleni.toString(), isOcenObdobjaStatusActive: dataIsOcenObdobjaStatusActive, fingerprintList: seznamFingerprint.toString() }, null);\r\n }\r\n } \r\n\r\n webGridAfterColumnCheckboxAllChanged(): void {\r\n global.ConsoleLogDegug(\"KEAllEmployeesGradesView.webGridAfterColumnCheckboxAllChanged\");\r\n\r\n let _this = this;\r\n\r\n let allCheckboxChecked = $(this.viewId + \" \" + this._colCheckboxAllId).is(\":checked\");\r\n $(_this.viewId + \" \" + _this._massVnosBtnId).prop('disabled', !allCheckboxChecked);\r\n \r\n // nastavimo vrednosti vseh checkboxov\r\n $(this.viewId + \" \" + this.webGridId + \" tr td input.saop-td-input-checkbox\").each(function () {\r\n $(this).prop('checked', allCheckboxChecked);\r\n });\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\n\r\nexport class KEEmployeeGradesEditView extends SaopViewForm {\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId, libName);\r\n this.setDictionary(); \r\n this.title = \"\";\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"KeAllEmployeesGradesAdministration/EditEmployeeGrades\";\r\n this.deleteRecordEndpoint = \"\"; \r\n }\r\n\r\n setDictionary(){\r\n this.setTerminologyList();\r\n } \r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {\r\n return;\r\n }\r\n }\r\n\r\n showForm(data: any, title: string): void {\r\n global.ConsoleLogDegug(\"KEEmployeeGradesEditView.showForm\");\r\n\r\n this.title = title;\r\n this.editRecord(data);\r\n this.SetToFullScreen(); \r\n\r\n this.viewShowComplete = this.initForm.bind(this);\r\n }\r\n\r\n initForm(): void {\r\n global.ConsoleLogDegug(\"KEEmployeeGradesEditView.initForm\");\r\n }\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopWebDataTable, SaopWebGrid, SaopWebGridProperties, SaopWebGridToolbar, SaopWebGridToolbarButton } from \"../Components/saop-grid\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\n\r\nclass DataAttributes {\r\n sifraKriterija: string;\r\n opis: string;\r\n}\r\n\r\nexport class KEGradeCriterion {\r\n private _viewId: string;\r\n private _libName: string;\r\n private _spinnerDivId: string\r\n\r\n private webGridId: string = \"#gradesCriterionGrid\";\r\n private _rowDetailsPrefixId: string = \"#detailRow\";\r\n private _rowDetailsDivPrefixId: string = \"#detailRowDiv\";\r\n\r\n public webGrid: SaopWebGrid;\r\n\r\n constructor(viewId: string, libName: string = \"\", spinnerDivId: string = null) {\r\n this._viewId = viewId;\r\n this._libName = libName; \r\n this._spinnerDivId = spinnerDivId;\r\n } \r\n\r\n init() {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.init\");\r\n\r\n this.initWebGrid();\r\n }\r\n\r\n initWebGrid() {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.initWebGrid\");\r\n\r\n this.webGrid = new SaopWebGrid(this._libName + \".webGrid\");\r\n let gridProperties: SaopWebGridProperties;\r\n let dataTable: SaopWebDataTable;\r\n\r\n dataTable = { enabled: true, ordering: false };\r\n\r\n gridProperties = {\r\n gridId: this.webGridId\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n }\r\n\r\n initWebGridListners() {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz dogodkov zaposlenega po vrsti dogodkov (sum ure)\r\n $(\"body\").off(\"click\", this._viewId + \" \" + this.webGridId + \" tr.saop-table-row-master td.td-action-details\");\r\n $(\"body\").on(\"click\", this._viewId + \" \" + this.webGridId + \" tr.saop-table-row-master td.td-action-details\", function () {\r\n let selectedRow = $(this).closest(\"tr\");\r\n let actionDetailsColumn = selectedRow.find(\"td\").eq(0);\r\n let dataAttributesValues = _this.getDataAttributesValues(selectedRow);\r\n\r\n _this.showHideDetailsSubTable(selectedRow, actionDetailsColumn, dataAttributesValues);\r\n });\r\n }\r\n\r\n getDataAttributesValues(row: JQuery): DataAttributes {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.getDataAttributesValues\");\r\n\r\n let dataValues = new DataAttributes();\r\n \r\n dataValues.sifraKriterija = row.attr(\"data-sifrakriterija\");\r\n dataValues.opis = row.attr(\"data-opis\");\r\n\r\n return dataValues;\r\n }\r\n\r\n showHideDetailsSubTable(selectedRow: JQuery, actionDetailsColumn: JQuery, dataAttributesValues: DataAttributes): void {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.showHideDetailsSubTable\");\r\n\r\n let iconElement = actionDetailsColumn.find(\"span\");\r\n\r\n let rowDetailsId = this._rowDetailsPrefixId + dataAttributesValues.sifraKriterija;\r\n let rowDetailsIdElement = $(this._viewId + \" \" + rowDetailsId);\r\n\r\n if (!this.isDetailsSubTableShowed(iconElement)) {\r\n // show details subtable\r\n // preverim, če tabela ze obstaja\r\n let detailRowDivId = this._rowDetailsDivPrefixId + dataAttributesValues.sifraKriterija;\r\n let detailRowTableElement = $(this._viewId + \" \" + detailRowDivId + \" table\");\r\n if (detailRowTableElement.length == 0) {\r\n // tabele ni, gremo na server po podatke za prikaz\r\n this.getDetailsSubTable(detailRowDivId, dataAttributesValues.opis);\r\n }\r\n }\r\n\r\n // prikazi/skrij bottom border\r\n selectedRow.toggleClass(\"saop-table-row-border-bottom-none\")\r\n\r\n // prikazi/skrij details tabelo\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-hidden\");\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-showed\");\r\n\r\n // sprememba ikone\r\n iconElement.toggleClass(\"saop-img-right\");\r\n iconElement.toggleClass(\"saop-img-down\");\r\n }\r\n\r\n isDetailsSubTableShowed(iconElement: JQuery): boolean {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.isDetailsSubTableShowed\");\r\n\r\n return iconElement.hasClass(\"saop-img-down\");\r\n }\r\n\r\n getDetailsSubTable(detailRowDivId: string, opis: string): void {\r\n global.ConsoleLogDegug(\"KEGradeCriterion.getDetailsSubTable\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { opis: opis };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(_this._viewId + \" \" + detailRowDivId).html(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeGradeCriterion/GetGradeCriterionTableRowDetails\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: _this._spinnerDivId\r\n });\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/// ;\r\n private _searchValue: JQuery;\r\n\r\n constructor(libName: string, gridOptions: KEGradesPeriodGridOptions = null) {\r\n if (isUnDefined(gridOptions)) {\r\n gridOptions = new KEGradesPeriodGridOptions();\r\n }\r\n this._gridOptions = gridOptions;\r\n\r\n this.libName = libName; \r\n this.formTranslationService = new SaopTranslationService();\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.initView\");\r\n\r\n this._mainFormDiv = $(this.divId);\r\n\r\n // prevajanje\r\n this.setFormTerminologyList();\r\n\r\n // refresh grid data\r\n this.refreshGradesPeriodGridData();\r\n\r\n // init edit view\r\n this.initEditView();\r\n }\r\n\r\n private setFormTerminologyList() {\r\n let terminology = [\"Zapri\"];\r\n\r\n this.formTranslationService.setTranslationsList(terminology);\r\n } \r\n\r\n initEditView(): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.initEditView\");\r\n\r\n this.keGradePeriodView = new KEGradePeriodView(\"#keGradesAdministrationView001\", this.libName + \".keGradePeriodView\");\r\n this.keGradePeriodView.fullScreen = true;\r\n this.keGradePeriodView.refreshData = this.refreshDataAfterEditView.bind(this);\r\n\r\n this.keAllEmployeesGradesView = new KEAllEmployeesGradesView(\"#keGradesAdministrationView002\", this.libName + \".keAllEmployeesGradesView\")\r\n this.keAllEmployeesGradesView.fullScreen = true;\r\n }\r\n\r\n refreshDataAfterEditView(sender: GradesViewSenderData): void { \r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.refreshDataAfterEditView\");\r\n\r\n // osvezi se tabela\r\n this.refreshGradesPeriodGridData(true, sender.selectedSifraOcenObdobja);\r\n // klice se external metoda, da se lahko osvezijo se drugi podatki npr. right summary data\r\n this.afterRefreshDataAfterEditViewExternal(sender);\r\n }\r\n\r\n public afterRefreshDataAfterEditViewExternal(sender: any): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.afterRefreshDataAfterEditViewExternal\");\r\n }\r\n\r\n refreshGradesPeriodGridData(samoVrstice: boolean = false, selectedSifraOcenObdobja: string = \"\"): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.refreshGradesPeriodGridData\");\r\n\r\n let _this = this;\r\n let params = { samoVrstice: samoVrstice, selectedSifraOcenObdobja: selectedSifraOcenObdobja };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshGridData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action:\"KeGradesAdministration/GetGradesPeriodTable\" \r\n ,data:params\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n refreshGridData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.refreshGridData\");\r\n\r\n if ($(this.webGridId).length) {\r\n $(this.webGridAktivnaRowsBodyId).html(htmlContent);\r\n this.initWebGridListners();\r\n if (!isUnDefined(this._searchValue) && this._searchValue.length) {\r\n this.executeFilterSearch(this._searchValue.val().toString());\r\n }\r\n }\r\n else {\r\n $(this.divId).html(htmlContent);\r\n this.getWebGridToolbarAndInitWebGrid(); \r\n }\r\n }\r\n\r\n getWebGridToolbarAndInitWebGrid(): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.getWebGridToolbarAndInitWebGrid\");\r\n\r\n let _this = this;\r\n let params = { javascriptKnjiznica: _this.libName };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.initWebGrid(response);\r\n _this.initFilterControls(); \r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeGradesAdministration/GetTableToolbar\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n initWebGrid(toolbarTemplate: string = \"\") {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.initWebGrid\");\r\n\r\n let captionToolbar = $(this.webGridId).attr(\"caption-toolbar\");\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName + \".webGrid\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n //\r\n if (this._gridOptions.showToolbar) {\r\n toolbarButtons.push({ id: \"\", caption: \"\", template: toolbarTemplate });\r\n gridToolbar = { id: \"saopWebGridTB1\", caption: captionToolbar, buttons: toolbarButtons };\r\n }\r\n\r\n dataTable = { enabled: true, ordering: true};\r\n\r\n gridProperties = {\r\n gridId: this.webGridId\r\n , togglePanel: { enabled: false }\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n\r\n $(this.divId).show();\r\n\r\n //this.setDashboardSpecificView();\r\n }\r\n\r\n initWebGridListners() {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz full screen ko klikne na vrstico\r\n $(\"body\").off(\"click\", this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\");\r\n $(\"body\").on(\"click\", this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getGradePeriodDataAttribute(selectedRow);\r\n\r\n // barvanje oznacene vrstrice\r\n _this.webGrid.markSelectedRow(selectedRow);\r\n\r\n if (!isUnDefined(data.sifraOcenObdobja)) {\r\n _this.showRecordDetails({ sifraOcenObdobja: data.sifraOcenObdobja, isStatusActive: data.isStatusActive, fingerprint: data.fingerprint }, data.formTitle);\r\n }\r\n });\r\n\r\n // prikaz ocen\r\n //če se naredi z \"$(\"body\").off(\"click\", this.webGridId + \" tr .td-action .btnVsiZaposleniPrikazOcen\");\"\r\n // so težave, ker se event 2x izvede (verjetno, ker je narejeno z gumbom in ne z div in ikono v njem)\r\n $(this.webGridId + \" tr .td-action .btnVsiZaposleniPrikazOcen\").off(\"click\");\r\n $(this.webGridId + \" tr .td-action .btnVsiZaposleniPrikazOcen\").on('click', function (row) {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getGradePeriodDataAttribute(selectedRow);\r\n\r\n // barvanje oznacene vrstrice\r\n _this.webGrid.markSelectedRow(selectedRow);\r\n\r\n let baseTitle = $(this).attr(\"data-editocenetitle\");\r\n\r\n if (!isUnDefined(data.sifraOcenObdobja)) {\r\n let fullTitle = baseTitle + \": \" + data.formTitle;\r\n _this.showAllEmployeesGrades({ sifraOcenObdobja: data.sifraOcenObdobja, isStatusActive: data.isStatusActive, fingerprint: data.fingerprint }, fullTitle);\r\n }\r\n }); \r\n\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.initFilterControls\");\r\n\r\n this._searchValue = this._mainFormDiv.find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.executeFilterSearch\");\r\n\r\n // tole ni delovalo: ko se je spremenilo leto, je se vedno filtriral stare podatke od prejsnjega leta\r\n //let oTable = this.webGrid.dataTable;\r\n //oTable.search(searchVal).draw();\r\n\r\n filterTableRows(searchVal, this.divId);\r\n }\r\n\r\n getGradePeriodDataAttribute(element: HTMLElement): GradesPeriodData {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.getGradePeriodDataAttribute\");\r\n\r\n let data = new GradesPeriodData();\r\n\r\n data.sifraOcenObdobja = element.getAttribute(\"data-sifraocenobdobja\");\r\n data.fingerprint = element.getAttribute(\"data-fingerprint\");\r\n data.formTitle = element.getAttribute(\"data-formtitle\");\r\n let isStatusActive = element.getAttribute(\"data-isstatusactive\");\r\n data.isStatusActive = isStatusActive === \"True\" ? true : false;\r\n\r\n return data;\r\n }\r\n\r\n showRecordDetails(detailsData: any, title: string): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.showRecordDetails\");\r\n\r\n this.keGradePeriodView.showForm(detailsData, title);\r\n }\r\n\r\n showAllEmployeesGrades(data: any, fullTitle: string): void {\r\n global.ConsoleLogDegug(\"KEGradesPeriodGrid.showAllEmployeesGrades\");\r\n\r\n this.keAllEmployeesGradesView.showForm(data, fullTitle);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopMessageDlg, SaopMsgDlgButton } from \"../Components/saop-message-dlg\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopTranslationService } from \"../Core/saop-translate\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { KEAllEmployeesGradesView } from \"./KEAllEmployeesGrades-view\";\r\nimport { KEGradeCriterion } from \"./KEGradeCriterion\";\r\n\r\nclass GradesPeriodDetailsData {\r\n sifraOcenObdobja: string;\r\n isStatusActive: boolean;\r\n fingerprint: string;\r\n}\r\n\r\nexport class KEGradePeriodView extends SaopViewForm {\r\n private viewId: string;\r\n private libName: string;\r\n private _loadingSpinnerId: string = \"gradePeriodDetailsLoading\";\r\n private _buttonCloseId: string = \"btnClose\";\r\n private _keGradeCriterion: KEGradeCriterion;\r\n public keAllEmployeesGradesView: KEAllEmployeesGradesView;\r\n public formTranslationService: SaopTranslationService;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId, libName);\r\n\r\n this.viewId = viewId;\r\n this.libName = libName; \r\n\r\n this.setDictionary(); \r\n this.title = \"\";\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"KeGrade/GetGradePeriodDetails\";\r\n this.deleteRecordEndpoint = \"\"; \r\n\r\n this._keGradeCriterion = new KEGradeCriterion(viewId, libName + \"._keGradeCriterion\", \"#\" + this._loadingSpinnerId);\r\n this.formTranslationService = new SaopTranslationService();\r\n }\r\n\r\n setDictionary(){\r\n this.setTerminologyList();\r\n } \r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {\r\n return;\r\n }\r\n }\r\n\r\n showForm(data: any, title: string): void {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.showForm\");\r\n\r\n this.title = title;\r\n this.recordDetails(data);\r\n this.SetToFullScreen(); \r\n\r\n this.viewShowComplete = this.initForm.bind(this);\r\n }\r\n\r\n initForm(): void {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.initForm\");\r\n\r\n // prevajanje\r\n this.setFormTerminologyList();\r\n\r\n this._keGradeCriterion.init();\r\n\r\n this.keAllEmployeesGradesView = new KEAllEmployeesGradesView(\"#keGradesAdministrationView002\", this.libName + \".keAllEmployeesGradesView\")\r\n this.keAllEmployeesGradesView.fullScreen = true;\r\n\r\n this.initEventListners();\r\n }\r\n\r\n private setFormTerminologyList() {\r\n let terminology = [\"Opozorilo\", \"Ali ste prepričani, da želite nadaljevati? Če je ocenjevanje zaključeno ocen ni mogoče več urejati.\"];\r\n\r\n this.formTranslationService.setTranslationsList(terminology);\r\n }\r\n\r\n initEventListners() {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.initEventListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz full screen ko klikne na vrstico\r\n $(\"body\").off(\"click\", this.viewId + \" #concludeGradePeriod\");\r\n $(\"body\").on(\"click\", this.viewId + \" #concludeGradePeriod\", function () {\r\n let data = _this.getDataAttribute();\r\n\r\n if (!isUnDefined(data.sifraOcenObdobja)) {\r\n _this.showConcludeGradePeriodDialog(data);\r\n }\r\n });\r\n\r\n $(\"body\").off(\"click\", this.viewId + \" #btnOcene\");\r\n $(\"body\").on(\"click\", this.viewId + \" #btnOcene\", function () {\r\n let data = _this.getDataAttribute();\r\n var baseTitle = $(this).attr(\"data-editocenetitle\");\r\n\r\n if (!isUnDefined(data.sifraOcenObdobja)) {\r\n var fullTitle = baseTitle + \": \" + _this.title;\r\n _this.showAllEmployeesGrades({ sifraOcenObdobja: data.sifraOcenObdobja, isStatusActive: data.isStatusActive, fingerprint: data.fingerprint }, fullTitle);\r\n }\r\n });\r\n }\r\n\r\n getDataAttribute(): GradesPeriodDetailsData {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.getDataAttribute\");\r\n\r\n let data = new GradesPeriodDetailsData();\r\n\r\n data.sifraOcenObdobja = $(this.viewId + \" #hiddenSifraOcenObdobja\").val().toString();\r\n data.fingerprint = $(this.viewId + \" #hiddenFingerprint\").val().toString();\r\n let isStatusActive = $(this.viewId + \" #hiddenIsStatusActive\").val().toString().toLowerCase();\r\n data.isStatusActive = isStatusActive === \"true\" ? true : false;\r\n\r\n return data;\r\n }\r\n\r\n showConcludeGradePeriodDialog(data: any): void {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.showConcludeGradePeriodDialog\");\r\n\r\n let title = this.formTranslationService.translate(\"Opozorilo\");\r\n let message = this.formTranslationService.translate(\"Ali ste prepričani, da želite nadaljevati? Če je ocenjevanje zaključeno ocen ni mogoče več urejati.\");\r\n\r\n let saopMessageDlg = new SaopMessageDlg(data)\r\n saopMessageDlg.onYes = this.concludeGradePeriod.bind(this);\r\n saopMessageDlg.Show(message, title, 1, [SaopMsgDlgButton.mbYes, SaopMsgDlgButton.mbNo]);\r\n }\r\n\r\n concludeGradePeriod(data: GradesPeriodDetailsData): void {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.concludeGradePeriod\");\r\n\r\n let _this = this;\r\n let params = { sifraOcenObdobja: data.sifraOcenObdobja, isStatusActive: data.isStatusActive, fingerprint: data.fingerprint };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n if (response.success) {\r\n alertify.message(response.alertMessage);\r\n // zapremo okno\r\n $(_this.viewId + \" #\" + _this._buttonCloseId).click();\r\n // poklice se metodo, da se lahko v extended klasu izvede osvezitev grida\r\n _this.refreshData(response);\r\n } else {\r\n alertify.error(response.alertMessage);\r\n }\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeGrade/ConcludeGradePeriod\"\r\n , data: params\r\n , type: \"POST\"\r\n });\r\n }\r\n\r\n showAllEmployeesGrades(data: any, fullTitle: string): void {\r\n global.ConsoleLogDegug(\"KEGradePeriodView.showAllEmployeesGrades\");\r\n\r\n this.keAllEmployeesGradesView.showForm(data, fullTitle);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { KEGradesPeriodGrid } from \"./KEGradePeriod-grid\";\r\n\r\nexport class KEGradesPeriod {\r\n private libName: string;\r\n\r\n private keGradesPeriodGrid: KEGradesPeriodGrid;\r\n \r\n constructor(libName: string) {\r\n this.libName = libName; \r\n\r\n this.keGradesPeriodGrid = new KEGradesPeriodGrid(this.libName + \".keGradesPeriodGrid\");\r\n this.keGradesPeriodGrid.afterRefreshDataAfterEditViewExternal = this.refreshDataAfterEditView.bind(this);\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"KEGradesPeriod.initView\");\r\n\r\n this.keGradesPeriodGrid.initView();\r\n }\r\n\r\n refreshDataAfterEditView(): void { \r\n global.ConsoleLogDegug(\"KEGradesPeriod.refreshDataAfterEditView\");\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\n\r\nexport class KEMyGradeView extends SaopViewForm {\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId, libName);\r\n this.setDictionary(); \r\n this.title = \"\";\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"KeGrade/GetGradeDetails\";\r\n this.deleteRecordEndpoint = \"\"; \r\n }\r\n\r\n setDictionary(){\r\n this.setTerminologyList();\r\n } \r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {\r\n return;\r\n }\r\n }\r\n\r\n showForm(data: any, title: string): void {\r\n global.ConsoleLogDegug(\"KEMyGradeView.showForm\");\r\n\r\n this.title = title;\r\n this.recordDetails(data);\r\n this.SetToFullScreen(); \r\n\r\n this.viewShowComplete = this.initForm.bind(this);\r\n }\r\n\r\n initForm(): void {\r\n global.ConsoleLogDegug(\"KEMyGradeView.initForm\");\r\n }\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { KEGradeCriterion } from \"./KEGradeCriterion\";\r\n\r\nexport class KEMyGradeDetails {\r\n private viewId: string;\r\n private libName: string;\r\n private _loadingSpinnerId: string = \"gradeDetailsLoading\";\r\n private _keGradeCriterion: KEGradeCriterion;\r\n\r\n constructor(viewId: string, libName: string = \"\") {\r\n this.viewId = viewId;\r\n this.libName = libName; \r\n\r\n this._keGradeCriterion = new KEGradeCriterion(viewId, libName + \"._keGradeCriterion\", \"#\" + this._loadingSpinnerId);\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"KEMyGradeDetails.initView\");\r\n\r\n this._keGradeCriterion.init();\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/// ;\r\n private _searchValue: JQuery;\r\n\r\n constructor(libName: string, gridOptions: KEMyGradesGridOptions = null) {\r\n if (isUnDefined(gridOptions)) {\r\n gridOptions = new KEMyGradesGridOptions();\r\n }\r\n this._gridOptions = gridOptions;\r\n\r\n this.libName = libName; \r\n this.formTranslationService = new SaopTranslationService();\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.initView\");\r\n\r\n this._mainFormDiv = $(this.divId);\r\n\r\n // prevajanje\r\n this.setFormTerminologyList();\r\n\r\n // refresh active internal orders\r\n this.refreshMyGradesGridData();\r\n\r\n // init edit view\r\n this.initEditView();\r\n }\r\n\r\n private setFormTerminologyList() {\r\n let terminology = [\"Interno naročilo za kopiranje ni izbrano.\"];\r\n\r\n this.formTranslationService.setTranslationsList(terminology);\r\n } \r\n\r\n initEditView(): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.initEditView\");\r\n\r\n this.keMyGradeView = new KEMyGradeView(\"#keMyGradeView001\", this.libName + \".keMyGradeView\");\r\n this.keMyGradeView.fullScreen = true;\r\n //this.keMyGradeView.refreshData = this.refreshDataAfterEditView.bind(this);\r\n }\r\n\r\n // metoda se izvede po edit, add ali delete metodi v this.ndkInternalOrdersView\r\n refreshDataAfterEditView(sender: any): void { \r\n global.ConsoleLogDegug(\"KEMyGradesGrid.refreshDataAfterEditView\");\r\n\r\n // osvezi se tabela\r\n this.refreshMyGradesGridData();\r\n // klice se external metoda, da se lahko osvezijo se drugi podatki npr. right summary data\r\n this.afterRefreshDataAfterEditViewExternal(sender);\r\n }\r\n\r\n public afterRefreshDataAfterEditViewExternal(sender: any): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.afterRefreshDataAfterEditViewExternal\");\r\n }\r\n\r\n refreshMyGradesGridData(): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.refreshMyGradesGridData\");\r\n\r\n let _this = this;\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshGridData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action:\"KeGrades/GetMyGradesTable\" \r\n ,data:null\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n refreshGridData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.refreshGridData\");\r\n\r\n if ($(this.webGridId).length) {\r\n $(this.webGridAktivnaRowsBodyId).html(htmlContent);\r\n this.initWebGridListners();\r\n if (!isUnDefined(this._searchValue) && this._searchValue.length) {\r\n this.executeFilterSearch(this._searchValue.val().toString());\r\n }\r\n }\r\n else {\r\n $(this.divId).html(htmlContent);\r\n this.getWebGridToolbarAndInitWebGrid(); \r\n }\r\n }\r\n\r\n getWebGridToolbarAndInitWebGrid(): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.getWebGridToolbarAndInitWebGrid\");\r\n\r\n let _this = this;\r\n let params = { javascriptKnjiznica: _this.libName };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.initWebGrid(response);\r\n _this.initFilterControls(); \r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"KeGrades/GetTableToolbar\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n initWebGrid(toolbarTemplate: string = \"\") {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.initWebGrid\");\r\n\r\n let captionToolbar = $(this.webGridId).attr(\"caption-toolbar\");\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName + \".webGrid\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n //\r\n if (this._gridOptions.showToolbar) {\r\n toolbarButtons.push({ id: \"\", caption: \"\", template: toolbarTemplate });\r\n gridToolbar = { id: \"saopWebGridTB1\", caption: captionToolbar, buttons: toolbarButtons };\r\n }\r\n\r\n dataTable = { enabled: true, ordering: true};\r\n\r\n gridProperties = {\r\n gridId: this.webGridId\r\n , togglePanel: { enabled: false }\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n\r\n $(this.divId).show();\r\n\r\n //this.setDashboardSpecificView();\r\n }\r\n\r\n initWebGridListners() {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz full screen ko klikne na vrstico\r\n $(\"body\").off(\"click\", this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\");\r\n $(\"body\").on(\"click\", this.webGridId + \" tr td:not(.td-action,.td-action-checkbox)\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getMyGradeDataAttribute(selectedRow);\r\n\r\n // barvanje oznacene vrstrice\r\n _this.webGrid.markSelectedRow(selectedRow);\r\n\r\n if (!isUnDefined(data.sifraOcenObdobja) && !isUnDefined(data.sifraZaposleni)) {\r\n _this.showRecordDetails({ sifraOcenObdobja: data.sifraOcenObdobja, sifraZaposleni: data.sifraZaposleni, fingerprint: data.fingerprint }, data.formTitle);\r\n }\r\n });\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.initFilterControls\");\r\n\r\n this._searchValue = this._mainFormDiv.find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.executeFilterSearch\");\r\n\r\n // tole ni delovalo: ko se je spremenilo leto, je se vedno filtriral stare podatke od prejsnjega leta\r\n //let oTable = this.webGrid.dataTable;\r\n //oTable.search(searchVal).draw();\r\n\r\n filterTableRows(searchVal, this.divId);\r\n }\r\n\r\n getMyGradeDataAttribute(element: HTMLElement): MyGradeData {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.getMyGradeDataAttribute\");\r\n\r\n let data = new MyGradeData();\r\n\r\n data.sifraOcenObdobja = element.getAttribute(\"data-sifraocenobdobja\");\r\n data.sifraZaposleni = element.getAttribute(\"data-sifrazaposleni\");\r\n data.fingerprint = element.getAttribute(\"data-fingerprint\");\r\n data.formTitle = element.getAttribute(\"data-formtitle\");\r\n\r\n return data;\r\n }\r\n\r\n showRecordDetails(detailsData: any, title: string): void {\r\n global.ConsoleLogDegug(\"KEMyGradesGrid.showRecordDetails\");\r\n\r\n this.keMyGradeView.showForm(detailsData, title);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { KEMyGradesGrid } from \"./KEMyGrades-grid\";\r\n\r\nexport class KEMyGrades {\r\n private libName: string;\r\n\r\n private keMyGradesGrid: KEMyGradesGrid;\r\n \r\n constructor(libName: string) {\r\n this.libName = libName; \r\n\r\n this.keMyGradesGrid = new KEMyGradesGrid(this.libName + \".keMyGradesGrid\");\r\n this.keMyGradesGrid.afterRefreshDataAfterEditViewExternal = this.refreshDataAfterEditView.bind(this);\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"KEMyGrades.initView\");\r\n\r\n this.keMyGradesGrid.initView();\r\n }\r\n\r\n refreshDataAfterEditView(): void { \r\n global.ConsoleLogDegug(\"KEMyGrades.refreshDataAfterEditView\");\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { SaopUploadFiles } from \"../Components/saop-upload-files\";\r\nimport { SaopAttachmentList } from \"../Components/saop-attachment-list\";\r\nimport { OPNPotniNalogiGoggleMapsView } from \"../OPN/OPNPotniNalogiGoggleMaps-view\";\r\nimport { SaopMessageDlg, SaopMsgDlgButton } from '../Components/saop-message-dlg';\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopFloatingLabel } from '../Components/saop-floating-label';\r\n\r\n\r\nexport class LIKVCakalnaVrstaComment extends SaopViewForm {\r\n private _formId: string;\r\n private _saopFloatingLabel: SaopFloatingLabel = new SaopFloatingLabel();\r\n\r\n\r\n constructor(viewId: string, libName: string = \"\") {\r\n super(viewId, libName);\r\n this.setDictionary();\r\n this.title = this.translationService.translate(\"Zavrni dokument\");\r\n this.fullTitle = this.title;\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"LikvConfirmations/AddComment\";\r\n this.deleteRecordEndpoint = \"\";\r\n //\r\n this.afterViewShowSuccess = this.initView;\r\n this.afterSubmitSuccess = this.initView;\r\n //\r\n }\r\n\r\n setDictionary() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.setDictionary\");\r\n let dictionary: string[] = [\"Potrjevanje: prejeti račun\", \"Razlog zavrnitve je obvezen podatek.\",\"Zavrni dokument\"];\r\n this.setTerminologyList(dictionary);\r\n }\r\n\r\n\r\n public initView(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.initView\");\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.LoadViewEvents\");\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) { return; }\r\n\r\n let _this = this;\r\n this._formId = \"#mainLikvCakalnaVrstaComment\";\r\n\r\n $(\"#AddCommentView\").find(\"#btnDeny\").off(\"click\");\r\n $(\"#AddCommentView\").find(\"#btnDeny\").on('click', function (row) {\r\n _this.onDenyClick();\r\n });\r\n }\r\n\r\n public onDenyClick(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.onDenyClick\");\r\n let _komentar = $(\"#AddCommentView\").find(\"#Komentar\")[0] as HTMLInputElement;\r\n let _komentarText = _komentar.value;\r\n if (this.onValideateKomentar(_komentar)) {\r\n\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.onDenyClick.submit\");\r\n this.CloseViewForm();\r\n $(\"#LikvConfirmationsEditView\").find(\"#desktopKomentar\").val(_komentarText);\r\n $(\"#LikvConfirmationsEditView\").find(\"#mobileKomentar\").val(_komentarText);\r\n $(\"#LikvConfirmationsEditView\").find(\"#Status\").val(1);\r\n $(\"#LikvConfirmationsEditView\").submit();\r\n }\r\n }\r\n\r\n public onValideateKomentar(komentar: HTMLInputElement): boolean {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.onValideateKomentar\");\r\n\r\n let _komentarText = komentar.value;\r\n if (_komentarText.length == 0) {\r\n let _msgRequred = this.translationService.translate(\"Razlog zavrnitve je obvezen podatek.\");\r\n this._saopFloatingLabel.setValidationError(komentar, _msgRequred);\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n //\r\n}\r\n\r\n","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { SaopUploadFiles } from \"../Components/saop-upload-files\";\r\nimport { SaopAttachmentList } from \"../Components/saop-attachment-list\";\r\nimport { OPNPotniNalogiGoggleMapsView } from \"../OPN/OPNPotniNalogiGoggleMaps-view\";\r\nimport { SaopMessageDlg, SaopMsgDlgButton } from '../Components/saop-message-dlg';\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopFloatingLabel } from '../Components/saop-floating-label';\r\n\r\n\r\nexport class LIKVCakalnaVrstaCommentConfirm extends SaopViewForm {\r\n private _formId:string;\r\n private _saopFloatingLabel:SaopFloatingLabel = new SaopFloatingLabel();\r\n\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this.setDictionary(); \r\n this.title = this.translationService.translate(\"Potrdi dokument\");\r\n this.fullTitle = this.title;\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"LikvConfirmations/AddCommentConfirm\";\r\n this.deleteRecordEndpoint = \"\"; \r\n //\r\n this.afterViewShowSuccess = this.initView;\r\n this.afterSubmitSuccess = this.initView;\r\n //\r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Potrjevanje: prejeti račun\",\"Razlog zavrnitve je obvezen podatek.\",\"Potrdi dokument\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n\r\n public initView():void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {return;}\r\n\r\n let _this = this;\r\n this._formId = \"#mainLikvCakalnaVrstaCommentConfirm\";\r\n\r\n $(\"#AddCommentConfirmView\").find(\"#btnConfirm\").off(\"click\");\r\n $(\"#AddCommentConfirmView\").find(\"#btnConfirm\").on('click', function(row){\r\n _this.onConfirmClick();\r\n }); \r\n }\r\n\r\n public onConfirmClick (): void{\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaCommentConfirm.onConfirmClick\"); \r\n let _komentar = $(\"#AddCommentConfirmView\").find(\"#Komentar\")[0] as HTMLInputElement;\r\n let _komentarText = _komentar.value;\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaComment.onConfirmClick.submit\"); \r\n this.CloseViewForm();\r\n $(\"#LikvConfirmationsEditView\").find(\"#desktopKomentar\").val(_komentarText);\r\n $(\"#LikvConfirmationsEditView\").find(\"#mobileKomentar\").val(_komentarText); \r\n $(\"#LikvConfirmationsEditView\").find(\"#Status\").val(0);\r\n $(\"#LikvConfirmationsEditView\").submit(); \r\n }\r\n //\r\n}\r\n\r\n","import { global, setModalFormZIndex, getRelativeSiteURL, getSiteAbsoluteURL, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { LIKVCakalnaVrstaView } from \"../LIKV/LIKVCakalnaVrsta-view\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { LIKVCakalnaVrstaComment } from \"../LIKV/LIKVCakalnaVrsta-Comment\";\r\nimport { LIKVCakalnaVrstaCommentConfirm } from \"../LIKV/LIKVCakalnaVrsta-CommentConfirm\";\r\nimport { SaopMultiselect } from \"../Components/saop-multiselect\";\r\nimport { SaopPopover } from \"../Components/saop-popover\";\r\n\r\nexport class LIKVCakalnaVrstaGrid {\r\n private libName: string;\r\n private _saopServicesCore: SaopServicesCore;\r\n private _mainFormDiv: JQuery;\r\n private _searchValue: JQuery;\r\n private _searchValue1: JQuery;\r\n private _selectedRowNo: number;\r\n private _prevIDVrste: string;\r\n private _prevID: string; \r\n private _nextIDVrste: string;\r\n private _nextID: string;\r\n private _likvCakalnaVrstaComment: LIKVCakalnaVrstaComment;\r\n private _likvCakalnaVrstaCommentConfirm: LIKVCakalnaVrstaCommentConfirm;\r\n //\r\n public webGrid1: SaopWebGrid;\r\n public _LIKVCakalnaVrstaView: LIKVCakalnaVrstaView;\r\n private _vrstaDokumenta: SaopMultiselect;\r\n private _vrstaDokumentaMobile: SaopMultiselect;\r\n private _vrstaDokumentaDivId: string;\r\n public _dashboard: boolean = false;\r\n private _saopPopoverFilter: SaopPopover;\r\n private _izbranaVrstaDokumenta: string;\r\n\r\n constructor(libName: string) {\r\n this.libName = libName;\r\n this._saopServicesCore = new SaopServicesCore();\r\n //\r\n this._LIKVCakalnaVrstaView = new LIKVCakalnaVrstaView(\"#LIKVCakalnaVrstaView001\", this.libName + \"._LIKVCakalnaVrstaView\");\r\n this._LIKVCakalnaVrstaView.refreshData = this.onLIKVidDocumentComplete.bind(this);\r\n this._LIKVCakalnaVrstaView.fullScreen = true;\r\n this._LIKVCakalnaVrstaView.MoveToNext = this.MoveToNextExt.bind(this);\r\n this._LIKVCakalnaVrstaView.MoveToPrevious = this.MoveToPreviousExt.bind(this);\r\n this._LIKVCakalnaVrstaView.ConfirmAndMoveToNext = this.ConfirmAndMoveToNextExt.bind(this);\r\n this._LIKVCakalnaVrstaView.DenyAndMoveToNext = this.DenyAndMoveToNextExt.bind(this);\r\n this._likvCakalnaVrstaComment = new LIKVCakalnaVrstaComment(\"#LIKVCakalnaVrstaView002\", libName);\r\n this._likvCakalnaVrstaCommentConfirm = new LIKVCakalnaVrstaCommentConfirm(\"#LIKVCakalnaVrstaView003\", libName);\r\n // this._likvCakalnaVrstaComment.onDenyClick = this.onDenyClick.bind(this);\r\n // this._vrstaDokumentaDivId = \"#VrstaDokumentaDiv\"; \r\n this._saopPopoverFilter = new SaopPopover();\r\n this._saopPopoverFilter.afterPopoverShow = this.afterPopoverMobileFilterShow.bind(this);\r\n }\r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.initView\");\r\n this._nextIDVrste = '';\r\n this._nextID = '';\r\n this._mainFormDiv = $(\"#LIKVCakalnaVrstaGridBrowseForm\");\r\n this.initWebGrid1();\r\n this.initWebGrid1Listners();\r\n this._searchValue = this._mainFormDiv.find(\"#SearchValue\");\r\n this._searchValue1 = this._mainFormDiv.find(\"#SearchValue1\");\r\n this.initFilterControls();\r\n // this.initVrstaDokumenta(); \r\n this._saopPopoverFilter.bindPopoverEvents();\r\n this.setGlobalConfirmDenyButtonsEnableDisable();\r\n this._mainFormDiv.show();\r\n this.setMobileView();\r\n this.setCheckboxEnabledDisabled();\r\n this.editRowFromDashboard();\r\n }\r\n\r\n initWebGrid1() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.\");\r\n let wgId = \"#LIKVCakalnaVrstaGrid\";\r\n let captionToolbar = $(wgId).attr(\"caption-toolbar\");\r\n let toolbarItemsTemplateId = $(wgId).attr(\"toolbar-items-templateId\");\r\n //\r\n this.webGrid1 = new SaopWebGrid(this.libName + \".webGrid1\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n //\r\n if (!this._dashboard) {\r\n gridToolbar = { id: \"saopWebGridTB1\", caption: captionToolbar, buttons: toolbarButtons, itemsTemplateId: toolbarItemsTemplateId };\r\n\r\n dataTable = { enabled: true, columnDefsSettings: [{ targets: 0, checkboxes: { selectRow: true } }],colSettings:true };\r\n }\r\n gridProperties = {\r\n gridId: wgId\r\n , togglePanel: { enabled: false }\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid1.init(gridProperties);\r\n if (this._dashboard) {\r\n $(wgId + \"_wrapper\").addClass(\"saop-table-dashboard saop-table-dashboard-odsotnost\");\r\n $(wgId + \"_wrapper\").css('overflow-x', 'hidden');\r\n }\r\n else {\r\n $(wgId + \"_wrapper\").css('max-height', 'calc(100vh - 350px)');\r\n }\r\n }\r\n\r\n public MoveToNextExt(close: boolean = false): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.MoveToNextExt\");\r\n\r\n let _idVrste = this._nextIDVrste;\r\n let _id = this._nextID\r\n this.StorePrevAndNextRowData(this._nextIDVrste, this._nextID);\r\n let _row = $(\"tr[data-IDVrste='\" + _idVrste + \"']\").filter(\"tr[data-ID='\" + _id + \"']\");\r\n\r\n if (_row.length > 0) {\r\n this._selectedRowNo = _row.index(); // here we store the ID of the current row \r\n //\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\");\r\n let _vrstaDokumenta = _row.attr(\"data-vrstadokumenta\");\r\n let _dokument = _row.attr(\"data-dokument\");\r\n //\r\n this.webGrid1.markSelectedRow((_row)[0]);\r\n this.editRecord(_vrstaDokumenta, _dokument, _idVrste, _id);\r\n } else if (close) {\r\n this._LIKVCakalnaVrstaView.CloseViewForm();\r\n }\r\n }\r\n\r\n public MoveToPreviousExt(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.\");\r\n\r\n let _idVrste = this._prevIDVrste;\r\n let _id = this._prevID\r\n this.StorePrevAndNextRowData(this._prevIDVrste, this._prevID);\r\n\r\n let _row = $(\"tr[data-IDVrste='\" + _idVrste + \"']\").filter(\"tr[data-ID='\" + _id + \"']\");\r\n\r\n if (_row.length > 0) {\r\n this._selectedRowNo = _row.index(); // here we store the ID of the current row \r\n //\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\");\r\n let _vrstaDokumenta = _row.attr(\"data-vrstadokumenta\");\r\n let _dokument = _row.attr(\"data-dokument\");\r\n //\r\n this.webGrid1.markSelectedRow((_row)[0]);\r\n this.editRecord(_vrstaDokumenta, _dokument, _idVrste, _id);\r\n } \r\n }\r\n\r\n public ConfirmAndMoveToNextExt(idVrste: string, id: string, komentar: string, idAkcije: string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.ConfirmAndMoveToNextExt\");\r\n this.confirmRecordAndNext(idVrste, id, komentar, idAkcije);\r\n }\r\n\r\n public DenyAndMoveToNextExt(idVrste: string, id: string, komentar: string, idAkcije: string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.\");\r\n this._likvCakalnaVrstaComment.onDenyClick = this.onDenyAndNext.bind(this);\r\n let _result = this._likvCakalnaVrstaComment.editRecord({});\r\n }\r\n\r\n initWebGrid1Listners() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.initWebGrid1Listners\");\r\n let _this = this;\r\n if (!this._dashboard) {\r\n $(\"body\").off(\"click\", \"#LIKVCakalnaVrstaGrid td:not(.td-action)\");\r\n $(\"body\").on(\"click\", \"#LIKVCakalnaVrstaGrid td:not(.td-action)\", function () {\r\n let _i = $(this).closest('tr').index();\r\n _this._selectedRowNo = _i; // here we store the ID of the current row\r\n // let _rows = $('#LIKVCakalnaVrstaGrid > tbody > tr');\r\n // let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(_i);\r\n // let _idVrsteTest = _row[0].attributes[1].nodeValue;\r\n var data = $(this).closest(\"tr\");\r\n let _idVrste = data.attr(\"data-IDVrste\");\r\n let _id = data.attr(\"data-ID\");\r\n let _vrstaDokumenta = data.attr(\"data-vrstadokumenta\");\r\n let _dokument = data.attr(\"data-dokument\");\r\n\r\n if (!isUnDefined(_idVrste) && !isUnDefined(_id)) {\r\n // barvanje oznacene vrstrice\r\n _this.webGrid1.markSelectedRow((data)[0]);\r\n\r\n _this.editRecord(_vrstaDokumenta, _dokument, _idVrste, _id);\r\n }\r\n });\r\n\r\n $(\"body\").off(\"change\", \"#LIKVCakalnaVrstaGrid tr th.dt-checkboxes-select-all input[type='checkbox']\");\r\n $(\"body\").on(\"change\", \"#LIKVCakalnaVrstaGrid tr th.dt-checkboxes-select-all input[type='checkbox']\", function () {\r\n _this.setGlobalConfirmDenyButtonsEnableDisable();\r\n });\r\n\r\n $(\"body\").off(\"change\", \"#LIKVCakalnaVrstaGrid tr td.dt-checkboxes-cell input[type='checkbox'].dt-checkboxes\");\r\n $(\"body\").on(\"change\", \"#LIKVCakalnaVrstaGrid tr td.dt-checkboxes-cell input[type='checkbox'].dt-checkboxes\", function () {\r\n _this.setGlobalConfirmDenyButtonsEnableDisable();\r\n });\r\n }\r\n\r\n if (this._dashboard) {\r\n $(\"body\").off(\"click\", \"#LIKVCakalnaVrstaGrid td:not(.td-action)\");\r\n $(\"body\").on(\"click\", \"#LIKVCakalnaVrstaGrid td:not(.td-action)\", function () {\r\n let _i = $(this).closest('tr').index();\r\n _this._selectedRowNo = _i; // here we store the ID of the current row\r\n //poberemo podatke\r\n var data = $(this).closest(\"tr\");\r\n let _idVrste = data.attr(\"data-IDVrste\");\r\n let _id = data.attr(\"data-ID\");\r\n\r\n if (!isUnDefined(_idVrste) && !isUnDefined(_id)) {\r\n //naredimo redirect na kontroler s parametri idvrste in id\r\n let _applicationCode = this._izbranaVrstaDokumenta;\r\n let _year = 0\r\n let _controller = \"LikvConfirmations\";\r\n let _action = \"Index\";\r\n let _relativeURL = _controller + \"/\" + _action + \"?year =\" + _year + \"&applicationCode\" + _applicationCode + \"&idVrste=\" + _idVrste + \"&id=\" + _id;\r\n let _url = getSiteAbsoluteURL(_relativeURL);\r\n window.location.href = _url;\r\n //window.location.href = \"../\"+_controller+\"/\"+_action+\"?year =\" + _year + \"&applicationCode\" + _applicationCode + \"&idVrste=\"+_idVrste+\"&id=\"+_id;\r\n }\r\n });\r\n }\r\n\r\n $(\".LIKVCakalnaVrstaGrid_deny\").off(\"click\");\r\n $(\".LIKVCakalnaVrstaGrid_deny\").on('click', function (row) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid_deny.click\");\r\n //$('#detailsOPNPotniNalogiForm').remove();\r\n let _i = $(this).closest('tr').index();\r\n if (_this._selectedRowNo == null)\r\n _this._selectedRowNo = _i; // here we store the ID of the current row \r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n _this._likvCakalnaVrstaComment.onDenyClick = _this.onDenyClick.bind(_this);\r\n let _result = _this._likvCakalnaVrstaComment.editRecord({});\r\n // let IDVrste = _btnEdit.getAttribute(\"data-IDVrste\");\r\n // let ID = _btnEdit.getAttribute(\"data-ID\");\r\n // _this.denyRecord(IDVrste,ID);\r\n }\r\n });\r\n\r\n $(\".LIKVCakalnaVrstaGrid_confirm\").off(\"click\");\r\n $(\".LIKVCakalnaVrstaGrid_confirm\").on('click', function (row) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid_confirm.click\");\r\n //$('#detailsOPNPotniNalogiForm').remove();\r\n let _i = $(this).closest('tr').index();\r\n if (_this._selectedRowNo == null)\r\n _this._selectedRowNo = _i; // here we store the ID of the current row \r\n let _btnDelete = row.currentTarget;\r\n let btnEnabled = _btnDelete.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let IDVrste = _btnDelete.getAttribute(\"data-IDVrste\");\r\n let ID = _btnDelete.getAttribute(\"data-ID\");\r\n let komentar = \"\";\r\n let IDAkcije = \"-1\";\r\n _this.confirmRecord(IDVrste, ID, komentar, IDAkcije);\r\n }\r\n });\r\n\r\n if (!this._dashboard) {\r\n let _btnConfirmGlobal = this._mainFormDiv.find(\"#btnConfirmGlobal\");\r\n _btnConfirmGlobal.off(\"click\");\r\n _btnConfirmGlobal.on('click', function (row) {\r\n global.ConsoleLogDegug(\"btnConfirmGlobal.click\");\r\n // let rows_selected = _this.webGrid1.getSelectedRows();\r\n // rows_selected.forEach(_el => {\r\n // //console.log(_el);\r\n // let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(Number(_el)); // here we extrapolate the row data of selected index\r\n // if (_row.length > 0) {\r\n // //\r\n // let _idVrste = _row.attr(\"data-idvrste\");\r\n // let _id = _row.attr(\"data-id\"); \r\n // let _idAkcije = _row.attr(\"data-idAkcije\"); \r\n // //\r\n // //console.log(_idVrste);\r\n // _this.confirmRecord(_idVrste, _id, _idAkcije);\r\n // }\r\n\r\n // });\r\n _this._likvCakalnaVrstaCommentConfirm.onConfirmClick = _this.onConfirmGlobalClick.bind(_this);\r\n let _result = _this._likvCakalnaVrstaCommentConfirm.editRecord({});\r\n });\r\n\r\n let _btnDenyGlobal = this._mainFormDiv.find(\"#btnDenyGlobal\");\r\n _btnDenyGlobal.off(\"click\");\r\n _btnDenyGlobal.on('click', function (row) {\r\n global.ConsoleLogDegug(\"btnDenyGlobal.click\");\r\n _this._likvCakalnaVrstaComment.onDenyClick = _this.onDenyGlobalClick.bind(_this);\r\n let _result = _this._likvCakalnaVrstaComment.editRecord({});\r\n });\r\n\r\n let _btnSwitchSignees = this._mainFormDiv.find(\"#btnSwitchSignees\");\r\n _btnSwitchSignees.off(\"click\");\r\n _btnSwitchSignees.on('click', function (row) {\r\n global.ConsoleLogDegug(\"btnSwitchSignees.click\");\r\n _this.switchSignees();\r\n });\r\n\r\n let _applicationFilter = this._mainFormDiv.find(\"#ApplicationFilter\");\r\n if (_applicationFilter.length > 0) {\r\n _applicationFilter.off(\"change\");\r\n _applicationFilter.on(\"change\", _this.onApplicationFilterChange.bind(_this));\r\n }\r\n }\r\n //\r\n }\r\n\r\n confirmRecord(idVrste: string, id: string, komentar: string, idAkcije: string, closeCommentView: boolean = false): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.confirmRecord\");\r\n let _this = this;\r\n //\r\n let _idVrste = idVrste;\r\n let _id = id;\r\n let _confirmationStatus = 0;\r\n let _komentar = komentar;\r\n let _idAkcije = idAkcije;\r\n //\r\n let _data = { idVrste: _idVrste, id: _id, confirmationStatus: _confirmationStatus, komentar: _komentar, idAkcije: _idAkcije, caller:\"Grid\" };\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = \"LikvConfirmations/SetConfirmationstatusGrid\";\r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBannerGrid\").html(response.viewContent);\r\n }\r\n if (closeCommentView)\r\n _this._likvCakalnaVrstaCommentConfirm.CloseViewForm();\r\n\r\n _this.refreshGridData(0);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n });\r\n }\r\n\r\n confirmRecordAndNext(idVrste: string, id: string, komentar: string, idAkcije: string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.confirmRecordAndNext\");\r\n let _this = this;\r\n //\r\n let _idVrste = idVrste;\r\n let _id = id;\r\n let _confirmationStatus = 0;\r\n let _komentar = komentar;\r\n let _idAkcije = idAkcije;\r\n\r\n let _data = { idVrste: _idVrste, id: _id, confirmationStatus: _confirmationStatus, komentar: _komentar, idAkcije: _idAkcije, caller:\"Edit\" };\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = \"LikvConfirmations/SetConfirmationstatusGrid\";\r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBannerEdit\").html(response.viewContent);\r\n }\r\n\r\n if (response.success == true)\r\n _this.MoveToNextExt(true);\r\n\r\n _this.refreshGridData(0);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n });\r\n }\r\n\r\n denyRecord(idVrste: string, id: string, komentar: string, idAkcije: string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.denyRecord\");\r\n let _this = this;\r\n //\r\n let _idVrste = idVrste;\r\n let _id = id;\r\n let _confirmationStatus = 1;\r\n let _komentar = komentar;\r\n let _idAkcije = idAkcije;\r\n //\r\n let _data = { idVrste: _idVrste, id: _id, confirmationStatus: _confirmationStatus, komentar: _komentar, idAkcije: _idAkcije, caller:\"Grid\" };\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = \"LikvConfirmations/SetConfirmationstatusGrid\";\r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBannerGrid\").html(response.viewContent);\r\n }\r\n\r\n _this._likvCakalnaVrstaComment.CloseViewForm();\r\n\r\n _this.refreshGridData(0);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n });\r\n }\r\n\r\n onDenyAndNext() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onDenyAndNext\");\r\n let _idVrsteElement = $('#LikvConfirmationsEditView').find(\"#IDVrste\");\r\n let _idVrste = _idVrsteElement.val().toString();\r\n let _idElement = $('#LikvConfirmationsEditView').find(\"#ID\");;\r\n let _id = _idElement.val().toString();\r\n let _idAkcije = \"-1\";\r\n\r\n let _komentar = $(\"#AddCommentView\").find(\"#Komentar\")[0] as HTMLInputElement;\r\n if (this._likvCakalnaVrstaComment.onValideateKomentar(_komentar)) {\r\n this.denyRecordAndNext(_idVrste, _id, _komentar.value, _idAkcije);\r\n }\r\n\r\n }\r\n\r\n denyRecordAndNext(idVrste: string, id: string, komentar: string, idAkcije: string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.denyRecordAndNext\");\r\n let _this = this;\r\n //\r\n let _idVrste = idVrste;\r\n let _id = id;\r\n let _confirmationStatus = 1;\r\n let _komentar = komentar;\r\n let _idAkcije = idAkcije;\r\n\r\n let _data = { idVrste: _idVrste, id: _id, confirmationStatus: _confirmationStatus, komentar: _komentar, idAkcije: _idAkcije, caller:\"Edit\" };\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = \"LikvConfirmations/SetConfirmationstatusGrid\";\r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBannerEdit\").html(response.viewContent);\r\n }\r\n\r\n _this._likvCakalnaVrstaComment.CloseViewForm();\r\n\r\n if (response.success == true)\r\n _this.MoveToNextExt(true);\r\n\r\n _this.refreshGridData(0);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n });\r\n }\r\n\r\n refreshData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.refreshData\");\r\n this.webGrid1.replaceGridRows(htmlContent);\r\n this.initWebGrid1Listners();\r\n this.setGlobalConfirmDenyButtonsEnableDisable();\r\n this.setCheckboxEnabledDisabled();\r\n }\r\n\r\n refreshGridData(year: number): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.refreshGridData\");\r\n\r\n // let applicationCode = (this._vrstaDokumenta.selectedCB.val().toString());\r\n let applicationCode = this._izbranaVrstaDokumenta;\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { year: year, applicationCode: applicationCode };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"LikvConfirmations/Index\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n editRecord(_vrstaDokumenta: string, _dokument: string, _idVrste: string, _id: string) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.editRecord\");\r\n //pridobimo id-je naslednje vrstice\r\n this.StorePrevAndNextRowData(_idVrste, _id);\r\n let _fullTitle = this._LIKVCakalnaVrstaView.translationService.translate(\"Potrjevanje\") + \": \" + _vrstaDokumenta + \" \" + _dokument;\r\n this._LIKVCakalnaVrstaView.fullTitle = _fullTitle;\r\n this._LIKVCakalnaVrstaView.showViewForm(SaopWfAction.wfaEditRecord, { queueId: _idVrste, threeId: _id, fullView: true });\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.initFilterControls\");\r\n let _this = this;\r\n this._searchValue.keyup(function () {\r\n let oTable = _this.webGrid1.dataTable;\r\n oTable.search($(this).val().toString()).draw();\r\n });\r\n this._searchValue1.keyup(function () {\r\n let oTable = _this.webGrid1.dataTable;\r\n oTable.search($(this).val().toString()).draw();\r\n });\r\n }\r\n\r\n onDenyClick() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onDenyClick\");\r\n let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(this._selectedRowNo);\r\n if (_row.length > 0) {\r\n let _komentar = $(\"#AddCommentView\").find(\"#Komentar\")[0] as HTMLInputElement;\r\n if (this._likvCakalnaVrstaComment.onValideateKomentar(_komentar)) {\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\");\r\n let _idAkcije = \"-1\";\r\n this.denyRecord(_idVrste, _id, _komentar.value, _idAkcije);\r\n }\r\n }\r\n }\r\n\r\n onConfirmGlobalClick() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onConfirmGlobalClick\");\r\n let rows_selected = this.webGrid1.getSelectedRowsV2();\r\n rows_selected.forEach(_el => {\r\n //console.log(_el);\r\n let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(Number(_el)); // here we extrapolate the row data of selected index\r\n if (_row.length > 0) {\r\n //\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\");\r\n let _komentar = $(\"#AddCommentConfirmView\").find(\"#Komentar\").val();\r\n let _idAkcije = _row.attr(\"data-idAkcije\");\r\n //\r\n //console.log(_idVrste);\r\n this.confirmRecord(_idVrste, _id, _komentar.toString(), _idAkcije, true);\r\n }\r\n\r\n });\r\n }\r\n\r\n onDenyGlobalClick() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onDenyGlobalClick\");\r\n let rows_selected = this.webGrid1.getSelectedRowsV2();\r\n rows_selected.forEach(_el => {\r\n //console.log(_el);\r\n let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(Number(_el)); // here we extrapolate the row data of selected index\r\n if (_row.length > 0) {\r\n let _komentar = $(\"#AddCommentView\").find(\"#Komentar\")[0] as HTMLInputElement;\r\n if (this._likvCakalnaVrstaComment.onValideateKomentar(_komentar)) {\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\");\r\n let _idAkcije = _row.attr(\"data-idAkcije\");\r\n this.denyRecord(_idVrste, _id, _komentar.value, _idAkcije);\r\n }\r\n }\r\n\r\n });\r\n }\r\n\r\n onApplicationFilterChange(e: any): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onApplicationFilterChange\");\r\n let _applicationFilter = this._mainFormDiv.find(\"#ApplicationFilter\");\r\n if (_applicationFilter.length > 0) {\r\n this._izbranaVrstaDokumenta = _applicationFilter.val() as string;\r\n if (this._izbranaVrstaDokumenta == \"?\")\r\n this._izbranaVrstaDokumenta = \"\";\r\n }\r\n this.refreshGridData(0);\r\n }\r\n\r\n // initVrstaDokumenta(): void {\r\n // global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.initVrstaDokumenta\");\r\n\r\n // this._vrstaDokumenta = new SaopMultiselect();\r\n // this._vrstaDokumenta.afterChangeCommonEvent = this.filterVrstaDokumenta.bind(this);\r\n // // init za metodo \"afterChangeCommonEvent\", da se že v \"_vrstaDokumenta.init\" metodi sprozi filterVrstaDokumenta\r\n // this._vrstaDokumenta.init(\"#VrstaDokumentaFilter\", \"Vrsta dokumenta\");\r\n // // prikazemo select div\r\n // $(this._vrstaDokumentaDivId).show();\r\n // }\r\n\r\n filterVrstaDokumenta(element: any) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.filterVrstaDokumenta\");\r\n\r\n this.refreshGridData(0);\r\n }\r\n\r\n afterPopoverMobileFilterShow(element: HTMLElement): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.afterPopoverMobileFilterShow\");\r\n\r\n let atrContent = element.getAttribute(\"data-popover-content\");\r\n // preverimo če je popup likv filter\r\n if (atrContent === \"#popOverLikvFilter\") {\r\n\r\n // this._vrstaDokumentaMobile = new SaopMultiselect();\r\n // this._vrstaDokumentaMobile.init(\"div.popover.show #VrstaDokumentaFilterMobile\", \"Vrsta dokumenta\");\r\n // // metoda this.setSelectSkupinaMobileFilterValues se mora izvesti pred this._selectSkupinaMobileFilter.afterChangeCommonEvent\r\n // // da se se ne izvede metoda this.selectSkupinaMobileFilterChanged, ker se v this.setSelectSkupinaMobileFilterValues\r\n // // nastavijo vrednosti v klasu SaopMultiselect in posledicno se klice tudi afterChangeCommonEvent event\r\n // this.setSelectVDMobileFilterValues(); \r\n // this._vrstaDokumentaMobile.afterChangeCommonEvent = this.filterVrstaDokumentaMobileChanged.bind(this);\r\n\r\n let _ApplicationFilterMobile = $('div.popover.show').find('#ApplicationFilterMobile');\r\n if (_ApplicationFilterMobile.length > 0) {\r\n _ApplicationFilterMobile.off(\"change\");\r\n _ApplicationFilterMobile.on(\"change\", this.onApplicationFilterMobileChange.bind(this));\r\n }\r\n _ApplicationFilterMobile.val(this._izbranaVrstaDokumenta).change(); //prop('selected', true);\r\n\r\n // dodamo custom css za filter\r\n let filterPopoverDiv = $(\"div.popover.show\");\r\n if (filterPopoverDiv != null) {\r\n let customCss = \"calendar-filter\";\r\n if (!filterPopoverDiv.hasClass(customCss)) {\r\n filterPopoverDiv.addClass(customCss);\r\n }\r\n }\r\n\r\n // dodamo custom css za filter\r\n let filterPopoverBodyDiv = $(\"div.popover.show\").find(\"div.popover-body\");\r\n if (filterPopoverBodyDiv != null) {\r\n let customCss = \"calendar-filter-body\";\r\n if (!filterPopoverBodyDiv.hasClass(customCss)) {\r\n filterPopoverBodyDiv.addClass(customCss);\r\n }\r\n }\r\n\r\n // prikazi filter okno\r\n let filterBody = $(\"div.popover.show\").find(\"#popOverLikvFilterBody\");\r\n filterBody.show();\r\n }\r\n }\r\n\r\n setSelectVDMobileFilterValues() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.setSelectVDMobileFilterValues\");\r\n // preberemo vrednosti VD iz desktop Category element\r\n let izbranaVrstaDokumenta = (this._vrstaDokumenta.selectedCB.val());\r\n this._vrstaDokumentaMobile.setSelectValues(izbranaVrstaDokumenta);\r\n }\r\n\r\n filterVrstaDokumentaMobileChanged(element: any) {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.filterVrstaDokumenta\");\r\n\r\n // preberemo, VD in jih shranimo v desktop Category element\r\n let izbranaVrstaDokumenta = (element.val());\r\n this._vrstaDokumenta.setSelectValues(izbranaVrstaDokumenta);\r\n\r\n this.refreshGridData(0);\r\n }\r\n\r\n setGlobalConfirmDenyButtonsEnableDisable(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.webGridAfterColumnCheckboxChanged\");\r\n\r\n let _btnConfirmGlobal = this._mainFormDiv.find(\"#btnConfirmGlobal\");\r\n _btnConfirmGlobal.prop('disabled', true);\r\n let _btnDenyGlobal = this._mainFormDiv.find(\"#btnDenyGlobal\");\r\n _btnDenyGlobal.prop('disabled', true);\r\n\r\n $(\"#LIKVCakalnaVrstaGrid tr td.dt-checkboxes-cell input[type='checkbox'].dt-checkboxes\").each(function () {\r\n let checked = $(this).is(\":checked\");\r\n if (checked) {\r\n _btnConfirmGlobal.prop('disabled', false);\r\n _btnDenyGlobal.prop('disabled', false);\r\n }\r\n });\r\n }\r\n\r\n switchSignees() {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.switchSignees\");\r\n let _this = this;\r\n let _data = {};\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = \"LikvConfirmations/SwitchSignees\";\r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBanner\").html(response.viewContent);\r\n }\r\n\r\n _this.refreshGridData(0);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n });\r\n\r\n }\r\n\r\n public onLIKVidDocumentComplete(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.onDenyDocumentComplete\");\r\n\r\n this.refreshGridData(0);\r\n }\r\n\r\n setCheckboxEnabledDisabled(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.setCheckboxEnabledDisabled\");\r\n $(\"#LIKVCakalnaVrstaGrid tr\").each(function () {\r\n let _id = $(this).attr(\"data-rowID\");\r\n let _row = $('#LIKVCakalnaVrstaGrid > tbody > tr').eq(Number(_id));\r\n if (_row.length > 0) {\r\n let _idAkcije = _row.attr(\"data-idAkcije\");\r\n let _checkbox = _row.find(\"td.dt-checkboxes-cell input[type='checkbox'].dt-checkboxes\");\r\n if (_idAkcije == \"2\")\r\n _checkbox.prop('disabled', false)\r\n else\r\n _checkbox.prop('disabled', true);\r\n }\r\n });\r\n }\r\n\r\n onApplicationFilterMobileChange(e: any): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.onApplicationFilterMobileChange\");\r\n let _applicationFilter = $('div.popover.show').find('#ApplicationFilterMobile');\r\n if (_applicationFilter.length > 0) {\r\n this._izbranaVrstaDokumenta = _applicationFilter.val() as string;\r\n if (this._izbranaVrstaDokumenta == \"?\")\r\n this._izbranaVrstaDokumenta = \"\";\r\n }\r\n this.refreshGridData(0);\r\n }\r\n\r\n private setMobileView(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.setMobileView\");\r\n if (this.isMobileView()) {\r\n this._mainFormDiv.find('#grid-toolbar').addClass(\"mobile-gridtoolbar\");\r\n this._mainFormDiv.find('#gridtoolbarRow').addClass(\"mobile-gridtoolbarRow\");\r\n this._mainFormDiv.find('#mobileSearchValueDiv').addClass(\"mobile-SearchValueDiv\");\r\n this._mainFormDiv.find('#mobileSearchValueDiv .saop-img-search').addClass(\"mobile-DropDownImgSearch\");\r\n this._mainFormDiv.find('#mobileDropDownDiv').addClass(\"mobile-DropDownDiv\");\r\n this._mainFormDiv.find('#LIKVCakalnaVrstaGrid').toggleClass(\"table-column-holder-last\");\r\n }\r\n }\r\n\r\n private isMobileView(): boolean {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.\");\r\n let isMobile = this._mainFormDiv.find('#mobileSearchValueDiv').css(\"display\") != \"none\";\r\n\r\n return isMobile;\r\n }\r\n\r\n editRowFromDashboard(): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.editRowFromDashboard\");\r\n let _this = this;\r\n if (!this._dashboard) {\r\n //poberemo vrstico ki ima atribut data-rowselected = true, natavimo index, jo oznacimo in odpremo edit formo\r\n let _rowSelected = \"True\";\r\n let data = $(\"tr[data-rowselected='\" + _rowSelected + \"']\");\r\n if (data.length > 0) {\r\n let _idVrste = data.attr(\"data-IDVrste\");\r\n let _id = data.attr(\"data-ID\");\r\n let _vrstaDokumenta = data.attr(\"data-vrstadokumenta\");\r\n let _dokument = data.attr(\"data-dokument\");\r\n _this._selectedRowNo = parseInt(data.attr(\"data-rowID\")); // here we store the ID of the current row\r\n\r\n if (!isUnDefined(_idVrste) && !isUnDefined(_id)) {\r\n // barvanje oznacene vrstrice\r\n _this.webGrid1.markSelectedRow((data)[0]);\r\n\r\n _this.editRecord(_vrstaDokumenta, _dokument, _idVrste, _id);\r\n }\r\n }\r\n }\r\n }\r\n\r\n private StorePrevAndNextRowData(_idVrste:string, _id:string): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGrid.StoreNextRow\");\r\n if (_idVrste.length > 0) {\r\n this._prevIDVrste = \"\";\r\n this._prevID = \"\"; \r\n this._nextIDVrste = \"\";\r\n this._nextID = \"\"; \r\n let _row = $(\"tr[data-IDVrste='\" + _idVrste + \"']\").filter(\"tr[data-ID='\" + _id + \"']\");\r\n if (_row.length > 0) {\r\n let _nextTR = _row.next(\"tr\");\r\n if (_nextTR.length > 0){\r\n this._nextIDVrste = _nextTR.attr(\"data-idvrste\");\r\n this._nextID = _nextTR.attr(\"data-id\");\r\n }\r\n let _prevTR = _row.prev(\"tr\");\r\n if (_prevTR.length > 0){\r\n this._prevIDVrste = _prevTR.attr(\"data-idvrste\");\r\n this._prevID = _prevTR.attr(\"data-id\"); \r\n }\r\n }\r\n }\r\n }\r\n\r\n}","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewForm, SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { SaopUploadFiles } from \"../Components/saop-upload-files\";\r\nimport { SaopAttachmentList } from \"../Components/saop-attachment-list\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { LIKVCakalnaVrstaComment } from \"../LIKV/LIKVCakalnaVrsta-Comment\";\r\nimport { LIKVNivojiPotrjevanjaModal } from \"../LIKV/LIKVNivojiPotrjevanja-modal\";\r\n\r\n\r\nexport class LIKVCakalnaVrstaView extends SaopViewForm {\r\n private _formId:string;\r\n private _viewId: string\r\n private _saopUploadFiles:SaopUploadFiles;\r\n private _saopAttachmentList: SaopAttachmentList;\r\n private _likvNivojiPotrjevanjaModal :LIKVNivojiPotrjevanjaModal;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this._viewId = viewId;\r\n this.title = this.translationService.translate(\"Potni nalog\");\r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"LikvConfirmations/Edit\";\r\n this.deleteRecordEndpoint = \"\"; \r\n this._saopUploadFiles = new SaopUploadFiles(viewId,libName);\r\n this._likvNivojiPotrjevanjaModal = new LIKVNivojiPotrjevanjaModal(\"#LIKVCakalnaVrstaView004\", libName);\r\n this._likvNivojiPotrjevanjaModal.fullScreen = true; \r\n //\r\n this.afterViewShowSuccess = this.initView;\r\n this.afterSubmitSuccess = this.initView;\r\n //this.viewShownComplete = this.shownComplete;\r\n this._saopAttachmentList = new SaopAttachmentList(\"#LikvCakalnaVrstaAttachments\", libName + \"._saopAttachmentList\");\r\n this._saopAttachmentList.initComponent(\r\n {\r\n validationFingerprintController: \"SPLDocument\",\r\n validationFingerprintAction: \"ValidateAttachmentFingerPrint\",\r\n validationFingerprintBannerDivId: viewId + \" #uploadFilesValidationsAjax\",\r\n validationController: \"SPLDocument\",\r\n validationAction: \"ValidateDownloadingDocumentAttachment\",\r\n validationBannerDivId: viewId + \" #uploadFilesValidationsAjax\",\r\n downloadController: \"SPLDocument\",\r\n downloadAction: \"DownloadDocumentAttachment\",\r\n deletedAttachmentListId: viewId + \" \" + \"#PriponkeBrisane\"\r\n });\r\n //\r\n this.setDictionary(); \r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Potrjevanje\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n // shownComplete():void{\r\n // console.log(\"shownComplete...\");\r\n // eval(\"CommonPointer['saopPdfPreview'].setDefaultScale(0.6);\");\r\n // }\r\n\r\n public initView():void{\r\n this.LoadViewEvents();\r\n this.setTitleCss();\r\n this.enableMobileKomentar();\r\n this.setAttachmentCss();\r\n $(this._viewId + \" #likvConfirmationsEditMainDiv\").show();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {return;}\r\n\r\n let _this = this;\r\n this._formId = \"#mainLikvCakalnaVrstaEdit\";\r\n //this._saopUploadFiles.initComponent({controller:\"TravelOrder\",action:\"ValidateFiles\",validateAjax:true,formId:this._formId,validationDivId:\"#uploadFilesValidationsAjax\"});\r\n this._saopUploadFiles.afterRefreshFilesList = this._saopUploadFiles.ajaxValidate;\r\n\r\n $('#btnOk').off('click');\r\n $('#btnOk').bind('click', \r\n function() {\r\n let _result = _this._saopUploadFiles.ajaxValidate();\r\n return _result; \r\n } \r\n ); \r\n\r\n // let btnClose = $('#LikvConfirmationsEditView').find(\"#btnClose\");\r\n // btnClose.off(\"click\",_this.onCloseView);\r\n // btnClose.on(\"click\",_this.onCloseView); \r\n\r\n $('#LIKVCakalnaVrstaView001').on('hidden.bs.modal', function () {\r\n _this.onCloseView();\r\n }); \r\n\r\n //$('.saop-attachment-element').bind('click', this.RefreshAttachment ); \r\n $(\".saop-attachment-element\").on(\"click\", function (e:any) {\r\n var data = e.currentTarget;\r\n let _id = data.getAttribute(\"data-docId\");\r\n let preview = data.getAttribute(\"data-docpreview\");\r\n let docpreview = preview === \"true\" ? true : false;\r\n _this.refreshAttachment(_id, docpreview);\r\n }); \r\n\r\n $('#btnNext').off('click');\r\n $(\"#btnNext\").on(\"click\", function (e:any) {\r\n _this.MoveToNext();\r\n }); \r\n\r\n $('#btnPrevious').off('click');\r\n $(\"#btnPrevious\").on(\"click\", function (e:any) {\r\n _this.MoveToPrevious();\r\n }); \r\n\r\n $('#btnDeny').off('click');\r\n $(\"#btnDeny\").on(\"click\", function (e:any) {\r\n\r\n let _idVrsteElement = $('#LikvConfirmationsEditView').find(\"#IDVrste\");;\r\n let _idVrste = _idVrsteElement.val().toString();\r\n\r\n let _idElement = $('#LikvConfirmationsEditView').find(\"#ID\");;\r\n let _id = _idElement.val().toString();\r\n\r\n let komentarElement = $('#LikvConfirmationsEditView').find(\"#desktopKomentar\");\r\n let komentar = komentarElement.val();\r\n if (!komentarElement.is(\":visible\")) {\r\n komentar = $('#LikvConfirmationsEditView').find(\"#mobileKomentar\").val();\r\n }\r\n\r\n let _idAkcije = -1;\r\n\r\n _this.DenyAndMoveToNext(_idVrste, _id, komentar.toString(), _idAkcije.toString());\r\n }); \r\n\r\n $('#btnConfirm').off('click');\r\n $(\"#btnConfirm\").on(\"click\", function (e:any) {\r\n\r\n let _idVrsteElement = $('#LikvConfirmationsEditView').find(\"#IDVrste\");;\r\n let _idVrste = _idVrsteElement.val().toString();\r\n\r\n let _idElement = $('#LikvConfirmationsEditView').find(\"#ID\");;\r\n let _id = _idElement.val().toString();\r\n\r\n let komentarElement = $('#LikvConfirmationsEditView').find(\"#desktopKomentar\");\r\n let komentar = komentarElement.val();\r\n if (!komentarElement.is(\":visible\")) {\r\n komentar = $('#LikvConfirmationsEditView').find(\"#mobileKomentar\").val();\r\n }\r\n\r\n let _idAkcije = -1;\r\n\r\n _this.ConfirmAndMoveToNext(_idVrste, _id, komentar.toString(), _idAkcije.toString());\r\n }); \r\n\r\n $('#btnUncDocuments').off('click');\r\n $(\"#btnUncDocuments\").on(\"click\", function (e:any) {\r\n let _idVrsteElement = $('#LikvConfirmationsEditView').find(\"#IDVrste\");;\r\n let _idVrste = _idVrsteElement.val().toString();\r\n let _params = { idVrste: _idVrste };\r\n //\r\n _this._likvNivojiPotrjevanjaModal.showForm(_params); \r\n }); \r\n\r\n $('#btnUncDocumentsMB').off('click');\r\n $(\"#btnUncDocumentsMB\").on(\"click\", function (e:any) {\r\n let _idVrsteElement = $('#LikvConfirmationsEditView').find(\"#IDVrste\");;\r\n let _idVrste = _idVrsteElement.val().toString();\r\n let _params = { idVrste: _idVrste };\r\n //\r\n _this._likvNivojiPotrjevanjaModal.showForm(_params); \r\n }); \r\n\r\n }\r\n\r\n private refreshHtmlAttachment(htmlElement:string){\r\n $(\"#likvConfirmationsAttachment\").html(htmlElement);\r\n }\r\n\r\n public refreshAttachment (docID:string, preview: boolean ):void {\r\n let _this = this;\r\n let _params = { documentID: docID, documentPreview: preview };\r\n let _saopServicesCore = new SaopServicesCore();\r\n\r\n _saopServicesCore.afterDone = function(response){\r\n _this.refreshHtmlAttachment(response);\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action:\"LikvConfirmations/RefreshAttachment\" \r\n ,data: _params\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n public MoveToNext ():void{\r\n\r\n }\r\n\r\n public MoveToPrevious ():void{\r\n\r\n }\r\n\r\n public ConfirmAndMoveToNext(idVrste:string, id:string, komentar: string, idAkcije: string):void{\r\n\r\n }\r\n\r\n public DenyAndMoveToNext(idVrste:string, id:string, komentar: string, idAkcije: string):void{\r\n\r\n }\r\n\r\n private setTitleCss(): void {\r\n // samo ce je mobile, se zmanjsa velikost naslova edit forme\r\n if (this.isMobileView()) {\r\n let titleElement = $(this._viewId + \" .modal-title\");\r\n titleElement.removeClass(\"saop-txt-1\");\r\n titleElement.addClass(\"saop-txt-3\");\r\n titleElement.addClass(\"align-self-center\");\r\n }\r\n }\r\n\r\n private isMobileView(): boolean {\r\n let isMobile = $(this._viewId + \" #mobileButtons\").css(\"display\") != \"none\";\r\n\r\n return isMobile;\r\n }\r\n\r\n private enableMobileKomentar(): void {\r\n // po defaultu je mobile komentar text area kontrola disabled, da se form ne pomakne navzdol na text area kontrola\r\n // in ostane na vrhu, zato ga moramo cez nekaj casa enabled\r\n let _this = this;\r\n\r\n setTimeout(function () {\r\n $(_this._viewId + \" #mobileKomentar\").prop(\"disabled\", false);\r\n }, 1000);\r\n }\r\n\r\n private setAttachmentCss(): void {\r\n if (this.isMobileView()) {\r\n let likvConfirmationsAttachmentElement = $(this._viewId + \" #likvConfirmationsAttachment\");\r\n likvConfirmationsAttachmentElement.addClass(\"mobile-likvConfirmationsAttachment\");\r\n \r\n let likvConfirmationsAttachmentRowElement = $(this._viewId + \" #likvConfirmationsAttachmentRow\");\r\n let attachmentRowCss = \"mobile-likvConfirmationsAttachmentRow\";\r\n if (likvConfirmationsAttachmentElement.length == 0) {\r\n attachmentRowCss = \"mobile-likvConfirmationsNoAttachmentRow\";\r\n }\r\n likvConfirmationsAttachmentRowElement.addClass(attachmentRowCss);\r\n\r\n let likvConfirmationsNoAttachment = $(this._viewId + \" #likvConfirmationsNoAttachment\");\r\n likvConfirmationsNoAttachment.addClass(\"mobile-likvConfirmationsNoAttachment\");\r\n\r\n let _modalHeader = $(\".modal-header\");\r\n _modalHeader.css(\"height\",\"20px\");\r\n _modalHeader.css(\"padding\",\"20px 20px 20px 20px\"); \r\n _modalHeader.find(\".modal-title\").css(\"font-size\",\"14px\");\r\n _modalHeader.find(\".modal-title\").css(\"line-height\",\"20px\");\r\n _modalHeader.find(\".close\").css(\"padding\",\"unset\");\r\n //\r\n let _saopHorizontalScrollable = $(\".saop-horizontal-scrollable\");\r\n _saopHorizontalScrollable.find(\".saop-scroll-col\").css(\"padding-top\",\"7px\");\r\n //\r\n //$(this._viewId + \" .saop-control-listBox-wider \").css(\"height\",\"45px\");\r\n $(this._viewId + \" #EditInfoDoc .saop-modal-row \").css(\"padding-top\",\"5px\");\r\n $(this._viewId + \" .modal-footer-buttons \").css(\"padding\",\"5px 5px 5px 5px\"); \r\n $(this._viewId + \" .saop-edit-form-panel-heading \").css(\"padding-top\",\"7px\"); \r\n // \r\n $(this._viewId + \" #attachmentsMainDiv\").css(\"padding-left\",\"0px\");\r\n\r\n }\r\n }\r\n\r\n public onCloseView():void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.onCloseView\");\r\n $(\".pdf-view-container\").remove();\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { global, setModalFormZIndex, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { LIKVCakalnaVrstaView } from \"./LIKVCakalnaVrsta-view\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { SaopMultiselect } from \"../Components/saop-multiselect\";\r\nimport { SaopPopover } from \"../Components/saop-popover\";\r\nimport { DataTables } from \"../@types/data-tables/types\";\r\n\r\nexport class LIKVCakalnaVrstaArhivGrid {\r\n private libName:string;\r\n private _saopServicesCore: SaopServicesCore;\r\n private _mainFormDiv:JQuery;\r\n private _searchValue:JQuery;\r\n private _selectedRowNo:number;\r\n \r\n //\r\n public webGrid1:SaopWebGrid;\r\n public _LIKVCakalnaVrstaView:LIKVCakalnaVrstaView;\r\n private _vrstaDokumenta: SaopMultiselect; \r\n private _vrstaDokumentaDivId: string; \r\n private _vrstaDokumentaMobile: SaopMultiselect; \r\n private _izbranaVrstaDokumenta: string;\r\n private _izbranoLeto: number; \r\n private _statusPotrjen: Boolean;\r\n private _statusZavrnjen: Boolean; \r\n private _statusBrisan: Boolean;\r\n private _saopPopoverFilter: SaopPopover; \r\n \r\n constructor(libName: string) {\r\n this.libName = libName;\r\n this._saopServicesCore = new SaopServicesCore();\r\n //\r\n this._LIKVCakalnaVrstaView = new LIKVCakalnaVrstaView(\"#LIKVCakalnaVrstaView001\",this.libName+\"._LIKVCakalnaVrstaView\");\r\n this._LIKVCakalnaVrstaView.fullScreen = true; \r\n this._LIKVCakalnaVrstaView.MoveToNext = this.MoveToNextExt.bind(this);\r\n this._LIKVCakalnaVrstaView.MoveToPrevious = this.MoveToPreviousExt.bind(this); \r\n// this._vrstaDokumentaDivId = \"#VrstaDokumentaDiv\"; \r\n this._izbranoLeto = 0; \r\n this._statusPotrjen = false;\r\n this._statusZavrnjen = false; \r\n this._statusBrisan = false;\r\n this._saopPopoverFilter = new SaopPopover();\r\n this._saopPopoverFilter.afterPopoverShow = this.afterPopoverMobileFilterShow.bind(this); \r\n } \r\n \r\n initView(){\r\n this._mainFormDiv = $(\"#LIKVCakalnaVrstaGridArchiveBrowseForm\");\r\n this.initWebGrid1();\r\n this.initWebGrid1Listners(); \r\n this._searchValue = this._mainFormDiv.find(\"#SearchValue\"); \r\n this.initFilterControls(); \r\n// this.initVrstaDokumenta(); \r\n this._saopPopoverFilter.bindPopoverEvents(); \r\n this._mainFormDiv.show();\r\n } \r\n \r\n initWebGrid1(){\r\n let wgId = \"#LIKVCakalnaVrstaGridArchive\";\r\n let captionToolbar = $(wgId).attr(\"caption-toolbar\");\r\n let toolbarItemsTemplateId = $(wgId).attr(\"toolbar-items-templateId\");\r\n //\r\n this.webGrid1 = new SaopWebGrid(this.libName+\".webGrid1\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n let toolbarButtons:SaopWebGridToolbarButton[] = [];\r\n let dataTable:SaopWebDataTable;\r\n //\r\n gridToolbar = {id:\"saopWebGridTB1\",caption:captionToolbar,buttons:toolbarButtons,itemsTemplateId:toolbarItemsTemplateId};\r\n \r\n dataTable = { enabled:true, colSettings:true };\r\n \r\n gridProperties = {\r\n gridId:wgId\r\n ,togglePanel:{enabled:false}\r\n ,toolbar:gridToolbar\r\n ,dataTable:dataTable\r\n }; \r\n //\r\n this.webGrid1.init(gridProperties); \r\n let _SearchValue2 = $('#collapsesaopWebGridTB1').find('#SearchValue2');\r\n if (_SearchValue2.length > 0) {\r\n this._izbranoLeto = _SearchValue2.val() as number; \r\n } \r\n let _applicationFilter = this._mainFormDiv.find(\"#ApplicationFilter\"); \r\n if (_applicationFilter.length > 0) {\r\n this._izbranaVrstaDokumenta = _applicationFilter.val() as string; \r\n } \r\n\r\n $(wgId + \"_wrapper\").css('max-height', 'calc(100vh - 350px)');\r\n } \r\n \r\n public MoveToNextExt ():void{\r\n let _row = $('#LIKVCakalnaVrstaGridArchive > tbody > tr').eq(this._selectedRowNo + 1); // here we extrapolate the row data of selected index\r\n if (_row.length > 0) {\r\n this._selectedRowNo = this._selectedRowNo + 1; // here we increase the index of the selected row\r\n //\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\"); \r\n let _vrstaDokumenta = _row.attr(\"data-vrstadokumenta\");\r\n let _dokument = _row.attr(\"data-dokument\");\r\n //\r\n // barvanje oznacene vrstrice\r\n this.webGrid1.markSelectedRow((_row)[0]);\r\n this.editRecord(_vrstaDokumenta,_dokument,_idVrste,_id);\r\n }\r\n }\r\n\r\n public MoveToPreviousExt ():void{\r\n let _row = $('#LIKVCakalnaVrstaGridArchive > tbody > tr').eq(this._selectedRowNo - 1); // here we extrapolate the row data of selected index\r\n if (_row.length > 0) {\r\n this._selectedRowNo = this._selectedRowNo - 1; // here we decrease the index of the selected row\r\n //\r\n let _idVrste = _row.attr(\"data-idvrste\");\r\n let _id = _row.attr(\"data-id\"); \r\n let _vrstaDokumenta = _row.attr(\"data-vrstadokumenta\");\r\n let _dokument = _row.attr(\"data-dokument\");\r\n //\r\n // barvanje oznacene vrstrice\r\n this.webGrid1.markSelectedRow((_row)[0]);\r\n this.editRecord(_vrstaDokumenta,_dokument,_idVrste,_id);\r\n }\r\n }\r\n\r\n initWebGrid1Listners() {\r\n let _this = this;\r\n let _SearchValue2 = $('#collapsesaopWebGridTB1').find('#SearchValue2');\r\n if (_SearchValue2.length > 0) {\r\n _SearchValue2.off(\"change\");\r\n _SearchValue2.on(\"change\", _this.onSearchValue2Change.bind(_this));\r\n }\r\n\r\n let _applicationFilter = this._mainFormDiv.find(\"#ApplicationFilter\");\r\n if (_applicationFilter.length > 0) {\r\n _applicationFilter.off(\"change\");\r\n _applicationFilter.on(\"change\", _this.onApplicationFilterChange.bind(_this));\r\n }\r\n\r\n let _statPotrjen = $('#collapsesaopWebGridTB1').find('#statusPotrjen');\r\n if (_statPotrjen.length > 0) {\r\n _statPotrjen.off(\"change\");\r\n _statPotrjen.on(\"change\", _this.onStatusPotrjenChange.bind(_this));\r\n }\r\n\r\n let _statZavrnjen = $('#collapsesaopWebGridTB1').find('#statusZavrnjen');\r\n if (_statZavrnjen.length > 0) {\r\n _statZavrnjen.off(\"change\");\r\n _statZavrnjen.on(\"change\", _this.onStatusZavrnjenChange.bind(_this));\r\n }\r\n\r\n let _statBrisan = $('#collapsesaopWebGridTB1').find('#statusBrisan');\r\n if (_statBrisan.length > 0) {\r\n _statBrisan.off(\"change\");\r\n _statBrisan.on(\"change\", _this.onStatusBrisanChange.bind(_this));\r\n }\r\n\r\n\r\n $(\"body\").off(\"click\", \"#LIKVCakalnaVrstaGridArchive td:not(.td-action)\");\r\n $(\"body\").on(\"click\", \"#LIKVCakalnaVrstaGridArchive td:not(.td-action)\", function () {\r\n let _i = $(this).closest('tr').index();\r\n _this._selectedRowNo = _i; // here we store the ID of the current row\r\n var data = $(this).closest(\"tr\");\r\n let _idVrste = data.attr(\"data-IDVrste\");\r\n let _id = data.attr(\"data-ID\");\r\n let _vrstaDokumenta = data.attr(\"data-vrstadokumenta\");\r\n let _dokument = data.attr(\"data-dokument\");\r\n\r\n if (!isUnDefined(_idVrste) && !isUnDefined(_id)) {\r\n // barvanje oznacene vrstrice\r\n _this.webGrid1.markSelectedRow((data)[0]);\r\n\r\n _this.editRecord(_vrstaDokumenta, _dokument, _idVrste, _id);\r\n }\r\n });\r\n\r\n //\r\n } \r\n \r\n refreshData(htmlContent:string){\r\n this.webGrid1.replaceGridRows(htmlContent);\r\n this.initWebGrid1Listners();\r\n }\r\n\r\n refreshGridData(year: number, applicationCode: string = \"\", archive: boolean = true): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaGridArchive.refreshRows:\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let _statusFilter = 111;\r\n if (this._statusPotrjen)\r\n _statusFilter = _statusFilter + 100;\r\n if (this._statusZavrnjen == true)\r\n _statusFilter = _statusFilter + 10;\r\n if (this._statusBrisan == true)\r\n _statusFilter = _statusFilter + 1;\r\n let params = { year: year, applicationCode: applicationCode, archive: archive, statusFilter: _statusFilter };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"LikvConfirmations/IndexArchive\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n editRecord(_vrstaDokumenta:string,_dokument: string,_idVrste:string,_id:string){\r\n let _fullTitle = this._LIKVCakalnaVrstaView.translationService.translate(\"Potrjevanje\") + \": \" + _vrstaDokumenta + \" \" + _dokument;\r\n this._LIKVCakalnaVrstaView.fullTitle = _fullTitle;\r\n this._LIKVCakalnaVrstaView.showViewForm(SaopWfAction.wfaEditRecord,{ queueId: _idVrste, threeId: _id, archive: true, fullView: true }); \r\n } \r\n \r\n initFilterControls(): void {\r\n let _this = this;\r\n this._searchValue.keyup(function () {\r\n let oTable = _this.webGrid1.dataTable;\r\n oTable.search($(this).val().toString()).draw() ; \r\n }); \r\n }\r\n\r\n // initVrstaDokumenta(): void {\r\n // global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.initVrstaDokumenta\");\r\n \r\n // this._vrstaDokumenta = new SaopMultiselect();\r\n // this._vrstaDokumenta.afterChangeCommonEvent = this.filterVrstaDokumenta.bind(this);\r\n // // init za metodo \"afterChangeCommonEvent\", da se že v \"_vrstaDokumenta.init\" metodi sprozi filterVrstaDokumenta\r\n // this._vrstaDokumenta.init(\"#VrstaDokumentaFilter\", \"Vrsta dokumenta\");\r\n // // prikazemo select div\r\n // $(this._vrstaDokumentaDivId).show();\r\n // }\r\n \r\n // filterVrstaDokumenta(element: any) {\r\n // global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.filterVrstaDokumenta\");\r\n \r\n // // preberemo, katere sifre zaposlenih sodijo v izbrane skupine\r\n // this._izbranaVrstaDokumenta = (element.val().toString());\r\n \r\n // this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n // } \r\n\r\n onSearchValue2Change(e:any):void{\r\n let _SearchValue2 = $('#collapsesaopWebGridTB1').find('#SearchValue2');\r\n if (_SearchValue2.length > 0) {\r\n this._izbranoLeto = _SearchValue2.val() as number;\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n } \r\n\r\n onApplicationFilterChange(e:any):void{\r\n let _applicationFilter = this._mainFormDiv.find(\"#ApplicationFilter\");\r\n if (_applicationFilter.length > 0) {\r\n this._izbranaVrstaDokumenta = _applicationFilter.val() as string;\r\n if (this._izbranaVrstaDokumenta == \"?\" )\r\n this._izbranaVrstaDokumenta = \"\";\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n }\r\n\r\n onStatusPotrjenChange(e:any):void{\r\n this._statusPotrjen = false;\r\n let _statPotrjen = $('#collapsesaopWebGridTB1').find('#statusPotrjen');\r\n if (_statPotrjen.is(\":checked\")){ \r\n this._statusPotrjen = _statPotrjen.is(\":checked\");\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n } \r\n\r\n onStatusZavrnjenChange(e:any):void{\r\n this._statusZavrnjen = false;\r\n let _statZavrnjen = $('#collapsesaopWebGridTB1').find('#statusZavrnjen');\r\n if (_statZavrnjen.is(\":checked\")){ \r\n this._statusZavrnjen = _statZavrnjen.is(\":checked\");\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n } \r\n\r\n onStatusBrisanChange(e:any):void{\r\n this._statusBrisan = false;\r\n let _statBrisan = $('#collapsesaopWebGridTB1').find('#statusBrisan');\r\n if (_statBrisan.is(\":checked\")){ \r\n this._statusBrisan = _statBrisan.is(\":checked\");\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta, false);\r\n }\r\n\r\n afterPopoverMobileFilterShow(element: HTMLElement): void {\r\n global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.afterPopoverMobileFilterShow\");\r\n\r\n let atrContent = element.getAttribute(\"data-popover-content\");\r\n // preverimo če je popup likv filter\r\n if (atrContent === \"#popOverLikvFilter\") {\r\n\r\n // this._vrstaDokumentaMobile = new SaopMultiselect();\r\n // this._vrstaDokumentaMobile.init(\"div.popover.show #VrstaDokumentaFilterMobile\", \"Vrsta dokumenta\");\r\n // // metoda this.setSelectSkupinaMobileFilterValues se mora izvesti pred this._selectSkupinaMobileFilter.afterChangeCommonEvent\r\n // // da se se ne izvede metoda this.selectSkupinaMobileFilterChanged, ker se v this.setSelectSkupinaMobileFilterValues\r\n // // nastavijo vrednosti v klasu SaopMultiselect in posledicno se klice tudi afterChangeCommonEvent event\r\n // this.setSelectVDMobileFilterValues(); \r\n // this._vrstaDokumentaMobile.afterChangeCommonEvent = this.filterVrstaDokumentaMobileChanged.bind(this);\r\n\r\n let _SearchValue2Mobile = $('div.popover.show').find('#SearchValue2Mobile'); \r\n if (_SearchValue2Mobile.length > 0) {\r\n _SearchValue2Mobile.off(\"change\");\r\n _SearchValue2Mobile.on(\"change\",this.onSearchValue2MobileChange.bind(this));\r\n }\r\n _SearchValue2Mobile.val(this._izbranoLeto);\r\n\r\n let _ApplicationFilterMobile = $('div.popover.show').find('#ApplicationFilterMobile'); \r\n if (_ApplicationFilterMobile.length > 0) {\r\n _ApplicationFilterMobile.off(\"change\");\r\n _ApplicationFilterMobile.on(\"change\",this.onApplicationFilterMobileChange.bind(this));\r\n }\r\n _ApplicationFilterMobile.val(this._izbranaVrstaDokumenta).change(); //prop('selected', true);\r\n\r\n let _statPotrjenMobile = $(\"div.popover.show\").find('#statusPotrjenMobile'); \r\n if (_statPotrjenMobile.length > 0) {\r\n _statPotrjenMobile.off(\"change\");\r\n _statPotrjenMobile.on(\"change\",this.onStatusPotrjenMobileChange.bind(this));\r\n }\r\n _statPotrjenMobile.prop('checked', this._statusPotrjen);\r\n \r\n let _statZavrnjenMobile = $(\"div.popover.show\").find('#statusZavrnjenMobile'); \r\n if (_statZavrnjenMobile.length > 0) {\r\n _statZavrnjenMobile.off(\"change\");\r\n _statZavrnjenMobile.on(\"change\",this.onStatusZavrnjenMobileChange.bind(this));\r\n } \r\n _statZavrnjenMobile.prop('checked', this._statusZavrnjen);\r\n\r\n let _statBrisanMobile = $(\"div.popover.show\").find('#statusBrisanMobile');\r\n if (_statBrisanMobile.length > 0) {\r\n _statBrisanMobile.off(\"change\");\r\n _statBrisanMobile.on(\"change\",this.onStatusBrisanMobileChange.bind(this));\r\n }\r\n\r\n // dodamo custom css za filter\r\n let filterPopoverDiv = $(\"div.popover.show\");\r\n if (filterPopoverDiv != null) {\r\n let customCss = \"calendar-filter\";\r\n if (!filterPopoverDiv.hasClass(customCss)) {\r\n filterPopoverDiv.addClass(customCss);\r\n }\r\n }\r\n\r\n // dodamo custom css za filter\r\n let filterPopoverBodyDiv = $(\"div.popover.show\").find(\"div.popover-body\");\r\n if (filterPopoverBodyDiv != null) {\r\n let customCss = \"calendar-filter-body\";\r\n if (!filterPopoverBodyDiv.hasClass(customCss)) {\r\n filterPopoverBodyDiv.addClass(customCss);\r\n }\r\n }\r\n \r\n // prikazi filter okno\r\n let filterBody = $(\"div.popover.show\").find(\"#popOverLikvFilterBody\");\r\n filterBody.show();\r\n }\r\n }\r\n\r\n// setSelectVDMobileFilterValues() {\r\n// global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.setSelectVDMobileFilterValues\");\r\n// // preberemo vrednosti VD iz desktop Category element\r\n// let izbranaVrstaDokumenta = (this._vrstaDokumenta.selectedCB.val());\r\n// this._vrstaDokumentaMobile.setSelectValues(izbranaVrstaDokumenta);\r\n// } \r\n\r\n// filterVrstaDokumentaMobileChanged(element: any) {\r\n// global.ConsoleLogDegug(\"LIKVCakalnaVrstaView.filterVrstaDokumenta\");\r\n\r\n// // preberemo, VD in jih shranimo v desktop Category element\r\n// let izbranaVrstaDokumenta = (element.val());\r\n// this._vrstaDokumenta.setSelectValues(izbranaVrstaDokumenta);\r\n\r\n// this.refreshGridData(0, izbranaVrstaDokumenta.toString()); \r\n// }\r\n\r\nonSearchValue2MobileChange(e:any):void{\r\n let _SearchValue2 = $('div.popover.show').find('#SearchValue2Mobile');\r\n if (_SearchValue2.length > 0) {\r\n this._izbranoLeto = _SearchValue2.val() as number;\r\n } \r\n $(\"#SearchValue2\").val(this._izbranoLeto); \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n} \r\n\r\nonApplicationFilterMobileChange(e:any):void{\r\n let _applicationFilter = $('div.popover.show').find('#ApplicationFilterMobile');\r\n if (_applicationFilter.length > 0) {\r\n this._izbranaVrstaDokumenta = _applicationFilter.val() as string;\r\n if (this._izbranaVrstaDokumenta == \"?\" )\r\n this._izbranaVrstaDokumenta = \"\";\r\n } \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n} \r\n\r\nonStatusPotrjenMobileChange(e:any):void{\r\n this._statusPotrjen = false;\r\n let _statPotrjen = $(\"div.popover.show\").find('#statusPotrjenMobile');\r\n if (_statPotrjen.is(\":checked\")){ \r\n this._statusPotrjen = _statPotrjen.is(\":checked\");\r\n } \r\n $(\"#statusPotrjen\").prop('checked', this._statusPotrjen); \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n} \r\n\r\nonStatusZavrnjenMobileChange(e:any):void{\r\n this._statusZavrnjen = false;\r\n let _statZavrnjen = $(\"div.popover.show\").find('#statusZavrnjenMobile'); \r\n if (_statZavrnjen.is(\":checked\")){ \r\n this._statusZavrnjen = _statZavrnjen.is(\":checked\");\r\n } \r\n $(\"#statusZavrnjen\").prop('checked', this._statusZavrnjen); \r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta);\r\n } \r\n\r\n onStatusBrisanMobileChange(e: any): void {\r\n this._statusBrisan = false;\r\n let _statBrisan = $(\"div.popover.show\").find('#statusBrisanMobile');\r\n if (_statBrisan.is(\":checked\")) {\r\n this._statusBrisan = _statBrisan.is(\":checked\");\r\n }\r\n $(\"#statusBrisan\").prop('checked', this._statusBrisan);\r\n this.refreshGridData(this._izbranoLeto, this._izbranaVrstaDokumenta, false);\r\n }\r\n\r\n //\r\n}","import { global, getSiteAbsoluteURL } from \"../Common/saop-common\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport * as moment from '../../node_modules/moment/moment';\r\nimport { SaopTreeTable, SaopTreeTableParams } from \"../Components/saop-TreeTable\";\r\n\r\nexport class LIKVNivojiPotrjevanjaGrid {\r\n private libName:string;\r\n //\r\n public webGrid1:SaopWebGrid;\r\n public treeTable:SaopTreeTable;\r\n \r\n constructor(libName: string) {\r\n this.libName = libName;\r\n //\r\n } \r\n \r\n initView(idVrste:string){\r\n var _siteUrl = getSiteAbsoluteURL(\"LikvConfirmations\");\r\n\r\n this.treeTable = new SaopTreeTable(\"\"); \r\n let _params:SaopTreeTableParams;\r\n _params = {\r\n id:'#LIKVNivojiPotrjevanjaGrid'\r\n ,url: _siteUrl+'/GetUncDocumentsData?idVrste='+idVrste\r\n ,columns:\r\n [\r\n {\"data\": \"status\",\r\n render: function(data:any, type:any, row:any){\r\n var _div = \r\n `\r\n \r\n
\r\n
${row[\"nazivStatusa\"]}
\r\n
tipInternegaNarocilaElement.val();\r\n\r\n let sifraArtiklaDivElement = $(this._viewId + \" \" + this._sifraArtiklaDivId);\r\n let kolicinaDivElement = $(this._viewId + \" \" + this._kolicinaDivId);\r\n let sifraNapraveDivElement = $(this._viewId + \" \" + this._sifraNapraveDivId);\r\n let artikelOpisDivElement = $(this._viewId + \" \" + this._artikelOpisDivId);\r\n\r\n if (this.isTipInternegaNarocilaOpisno(izbranTip)) {\r\n sifraArtiklaDivElement.hide();\r\n kolicinaDivElement.hide();\r\n sifraNapraveDivElement.hide();\r\n artikelOpisDivElement.show();\r\n }\r\n else if (this.isTipInternegaNarocilaArtikel(izbranTip)) {\r\n sifraArtiklaDivElement.show();\r\n kolicinaDivElement.show();\r\n sifraNapraveDivElement.hide();\r\n artikelOpisDivElement.hide();\r\n\r\n }\r\n else if (this.isTipInternegaNarocilaServis(izbranTip)) {\r\n sifraArtiklaDivElement.hide();\r\n kolicinaDivElement.hide();\r\n sifraNapraveDivElement.show();\r\n artikelOpisDivElement.show();\r\n }\r\n else {\r\n sifraArtiklaDivElement.hide();\r\n kolicinaDivElement.hide();\r\n sifraNapraveDivElement.hide();\r\n artikelOpisDivElement.hide();\r\n }\r\n }\r\n\r\n isTipInternegaNarocilaOpisno(tip: string) {\r\n return tip.toUpperCase() == 'O' ? true : false;\r\n }\r\n\r\n isTipInternegaNarocilaArtikel(tip: string) {\r\n return tip.toUpperCase() == 'A' ? true : false;\r\n }\r\n\r\n isTipInternegaNarocilaServis(tip: string) {\r\n return tip.toUpperCase() == 'S' ? true : false;\r\n }\r\n\r\n vrstaInternegaNarocilaChange(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrderEditForm.vrstaInternegaNarocilaChange\");\r\n\r\n if (this._tipInternegaNarocilaServisData.sifra == \"\") {\r\n return;\r\n }\r\n\r\n let vrstaInternegaNarocilaElement = $(this._viewId + \" \" + this._vrstaInternegaNarocilaId);\r\n let izbranaVrsta = vrstaInternegaNarocilaElement.val();\r\n\r\n let tipInternegaNarocilaHTMLElement = document.querySelector(this._viewId + \" \" + this._tipInternegaNarocilaId);\r\n let tipInternegaNarocilaJqueryElement = $(this._viewId + \" \" + this._tipInternegaNarocilaId);\r\n\r\n let jeIzbranaVrstaZaServis = this._tipInternegaNarocilaServisData.sifreVrsteInternegaNarocilaServis.includes(izbranaVrsta);\r\n\r\n if (isEmpty(izbranaVrsta) || isUnDefined(izbranaVrsta) || izbranaVrsta == \"?\" || !jeIzbranaVrstaZaServis) {\r\n // prazen izbor\r\n // preverimo, če je slucajno izbran zahtevek za servis, \r\n // potem je potrebno tudi spremeniti izbrano vrstaInternegaNarocila select element\r\n let izbranTip = tipInternegaNarocilaJqueryElement.val();\r\n\r\n if (this.isTipInternegaNarocilaServis(izbranTip)) {\r\n // izbrani tip je servis, tip internega narocila select element postavimo na prazen izbor\r\n $(this._viewId + \" \" + this._tipInternegaNarocilaId).val(\"?\").change();\r\n }\r\n\r\n // preverimo, ce je zahtevek za servis v seznamu tipov internega narocila in ga odstranimo\r\n if ($(this._viewId + \" \" + this._tipInternegaNarocilaId + \" option[value='\" + this._tipInternegaNarocilaServisData.sifra + \"']\").length > 0) {\r\n tipInternegaNarocilaHTMLElement.options[tipInternegaNarocilaHTMLElement.options.length - 1] = null;\r\n }\r\n }\r\n else {\r\n // ni prazen\r\n // preverimo, ce je zahtevek za servis ni v seznamu tipov internega narocila in ga dodamo\r\n if ($(this._viewId + \" \" + this._tipInternegaNarocilaId + \" option[value='\" + this._tipInternegaNarocilaServisData.sifra + \"']\").length == 0) {\r\n let servisOption = new Option(this._tipInternegaNarocilaServisData.naziv, this._tipInternegaNarocilaServisData.sifra);\r\n tipInternegaNarocilaHTMLElement.options[tipInternegaNarocilaHTMLElement.options.length] = servisOption;\r\n }\r\n }\r\n\r\n // preverimo, ce je izbrana vrsta za priponke\r\n let jeIzbranaVrstaZaPriponke = this._sifraVrsteInternegaNarocilaPriponke.sifreVrsteInternegaNarocila.includes(izbranaVrsta);\r\n let attachmentElement = $(this._viewId + \" \" + this._uploadAttachmentElementId);\r\n\r\n if (isEmpty(izbranaVrsta) || isUnDefined(izbranaVrsta) || izbranaVrsta == \"?\" || !jeIzbranaVrstaZaPriponke) {\r\n attachmentElement.hide();\r\n }\r\n else {\r\n attachmentElement.show();\r\n }\r\n }\r\n\r\n getTipInternegaNarocilaServis(): TipInternegaNarocilaServis {\r\n global.ConsoleLogDegug(\"NDKInternalOrderEditForm.getTipInternegaNarocilaServis\");\r\n\r\n let data = new TipInternegaNarocilaServis();\r\n let element = $(this._viewId + \" \" + this._dataTipServisInputId);\r\n\r\n data = element.data('tipservis');\r\n\r\n return data;\r\n }\r\n\r\n getVrsteInternegaNarocilaPriponke(): SifraVrsteInternegaNarocilaPriponke {\r\n global.ConsoleLogDegug(\"NDKInternalOrderEditForm.getVrsteInternegaNarocilaPriponke\");\r\n\r\n let data = new SifraVrsteInternegaNarocilaPriponke();\r\n let element = $(this._viewId + \" \" + this._sifraVrsteInternegaNarocilaPriponkeId);\r\n\r\n data = element.data('vrsteinterneganarocilapriponke');\r\n\r\n return data;\r\n }\r\n\r\n showArtikelMerskaEnota(element: any) {\r\n global.ConsoleLogDegug(\"NDKInternalOrderEditForm.showArtikelMerskaEnota\");\r\n\r\n // preberemo, katere sifre zaposlenih sodijo v izbrane skupine\r\n let izbraniArtikel = ((element.val().toString())).trim();\r\n let izbraniArtikellMerskaEnota = \"\";\r\n if (!isEmpty(izbraniArtikel)) {\r\n // poisci mersko enoto za artikel\r\n this._artikelEnotaMereViewModelList.forEach((item) => {\r\n console.log(\"item\", item);\r\n if (item.SifraArtikla.trim() === izbraniArtikel.trim()) {\r\n izbraniArtikellMerskaEnota = item.MerskaEnota;\r\n }\r\n });\r\n }\r\n\r\n // zapisi mersko enoto v text kontrole\r\n $(this._viewId + ' ' + this._merskaEnotaHiddenId).val(izbraniArtikellMerskaEnota);\r\n $(this._viewId + ' ' + this._merskaEnotaDisplayId).val(izbraniArtikellMerskaEnota);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/// ;\r\n private _searchValue: JQuery;\r\n\r\n constructor(libName: string, gridOptions: NDKInternalOrdersActiveGridOptions = null) {\r\n if (isUnDefined(gridOptions)) {\r\n gridOptions = new NDKInternalOrdersActiveGridOptions();\r\n }\r\n this._gridOptions = gridOptions;\r\n\r\n this.libName = libName; \r\n this.formTranslationService = new SaopTranslationService();\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.initView\");\r\n\r\n this._mainFormDiv = $(this.divAktivnaId);\r\n\r\n // prevajanje\r\n this.setFormTerminologyList();\r\n\r\n // refresh active internal orders\r\n this.refreshActiveInternalOrdersGridData();\r\n\r\n // init edit view\r\n this.initEditView();\r\n }\r\n\r\n private setFormTerminologyList() {\r\n let terminology = [\"Interno naročilo za kopiranje ni izbrano.\"];\r\n\r\n this.formTranslationService.setTranslationsList(terminology);\r\n } \r\n\r\n initEditView(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.initEditView\");\r\n\r\n this.ndkInternalOrdersView = new NDKInternalOrdersView(\"#ndkInternalOrdersView001\", this.libName + \".ndkInternalOrdersView\");\r\n this.ndkInternalOrdersView.refreshData = this.refreshDataAfterEditView.bind(this);\r\n\r\n this.ndkInternalOrdersFullView = new NDKInternalOrdersView(\"#ndkInternalOrdersView002\", this.libName + \".ndkInternalOrdersFullView\");\r\n this.ndkInternalOrdersFullView.fullScreen = true; \r\n this.ndkInternalOrdersFullView.refreshData = this.refreshDataAfterEditView.bind(this);\r\n }\r\n\r\n // metoda se izvede po edit, add ali delete metodi v this.ndkInternalOrdersView\r\n refreshDataAfterEditView(sender: any): void { \r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.refreshDataAfterEditView\");\r\n\r\n // osvezi se tabela\r\n this.refreshActiveInternalOrdersGridData(true);\r\n // klice se external metoda, da se lahko osvezijo se drugi podatki npr. right summary data\r\n this.afterRefreshDataAfterEditViewExternal(sender);\r\n }\r\n\r\n public afterRefreshDataAfterEditViewExternal(sender: any): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.afterRefreshDataAfterEditViewExternal\");\r\n }\r\n\r\n refreshActiveInternalOrdersGridData(samoVrstice: boolean = false): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.refreshActiveInternalOrdersGridData\");\r\n\r\n let _this = this;\r\n let params = { samoVrstice: samoVrstice, dashboard: this._gridOptions.dashboard };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.setCopyButtonsVisibility(false);\r\n _this.refreshGridData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action:\"InternalOrder/GetActiveInternalOrdersTable\" \r\n ,data:params\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n refreshGridData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.refreshGridData\");\r\n\r\n if ($(this.webGridAktivnaId).length) {\r\n $(this.webGridAktivnaRowsBodyId).html(htmlContent);\r\n this.initWebGridListners();\r\n if (!isUnDefined(this._searchValue) && this._searchValue.length) {\r\n this.executeFilterSearch(this._searchValue.val().toString());\r\n }\r\n }\r\n else {\r\n $(this.divAktivnaId).html(htmlContent);\r\n this.getWebGridToolbarAndInitWebGrid(); \r\n }\r\n }\r\n\r\n getWebGridToolbarAndInitWebGrid(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.getWebGridToolbarAndInitWebGrid\");\r\n\r\n let _this = this;\r\n let params = { javascriptKnjiznica: _this.libName };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.setCopyButtonsVisibility(false);\r\n _this.initWebGrid(response);\r\n _this.initFilterControls(); \r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"InternalOrder/GetActiveTableToolbar\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n initWebGrid(toolbarTemplate: string = \"\") {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.initWebGrid\");\r\n\r\n let captionToolbar = $(this.webGridAktivnaId).attr(\"caption-toolbar\");\r\n let captionAddButton = $(this.webGridAktivnaId).attr(\"caption-addButton\");\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName + \".webGrid\");\r\n this.webGrid.afterColumnCheckboxChanged = this.webGridAfterColumnCheckboxChanged.bind(this);\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n //\r\n if (this._gridOptions.showToolbar) {\r\n toolbarButtons.push({ id: \"\", caption: \"\", template: toolbarTemplate });\r\n gridToolbar = { id: \"saopWebGridTB1\", caption: captionToolbar, buttons: toolbarButtons };\r\n }\r\n\r\n dataTable = {enabled: true};\r\n\r\n gridProperties = {\r\n gridId: this.webGridAktivnaId\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n\r\n this.setDashboardSpecificView();\r\n }\r\n\r\n initWebGridListners() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz full screen ko klikne na vrstico\r\n $(\"body\").off(\"click\", this.webGridAktivnaId + \" tr td:not(.td-action,.td-action-checkbox)\");\r\n $(\"body\").on(\"click\", this.webGridAktivnaId + \" tr td:not(.td-action,.td-action-checkbox)\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getInternaNarocilaDataAttribute(selectedRow);\r\n\r\n if (!isUnDefined(data.letoNarocila) && !isUnDefined(data.stevilkaNarocila) && !isUnDefined(data.stevilkaVrstice)) {\r\n _this.ndkInternalOrdersFullView.showViewForm(SaopWfAction.wfaEditRecord, { letoNarocila: data.letoNarocila, stevilkaNarocila: data.stevilkaNarocila, stevilkaVrstice: data.stevilkaVrstice });\r\n }\r\n });\r\n\r\n $(this.webGridAktivnaId + \" .NDKInternaNarocilaGrid_edit\").off(\"click\");\r\n $(this.webGridAktivnaId + \" .NDKInternaNarocilaGrid_edit\").on('click', function (row) {\r\n global.ConsoleLogDegug(\"NDKInternaNarocilaGrid_edit.click\");\r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let data = _this.getInternaNarocilaDataAttribute(_btnEdit);\r\n _this.ndkInternalOrdersFullView.showViewForm(SaopWfAction.wfaEditRecord, { letoNarocila: data.letoNarocila, stevilkaNarocila: data.stevilkaNarocila, stevilkaVrstice: data.stevilkaVrstice }); \r\n }\r\n });\r\n\r\n $(this.webGridAktivnaId + \" .NDKInternaNarocilaGrid_delete\").off(\"click\");\r\n $(this.webGridAktivnaId + \" .NDKInternaNarocilaGrid_delete\").on('click', function (row) {\r\n global.ConsoleLogDegug(\"NDKInternaNarocilaGrid_delete.click\");\r\n let _btnDelete = row.currentTarget;\r\n let btnEnabled = _btnDelete.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let data = _this.getInternaNarocilaDataAttribute(_btnDelete);\r\n _this.ndkInternalOrdersView.deleteRecord({ letoNarocila: data.letoNarocila, stevilkaNarocila: data.stevilkaNarocila, stevilkaVrstice: data.stevilkaVrstice, deleteFingerprint: data.deleteFingerprint });\r\n }\r\n });\r\n\r\n this.webGrid.initWebGridColumnCheckboxBindClickEvent();\r\n }\r\n\r\n webGridAfterColumnCheckboxChanged(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.webGridAfterColumnCheckboxChanged\");\r\n\r\n let checked = this.getCheckboxCheckValue(this.webGrid.markedColumnCheckbox);;\r\n this.setCopyButtonsVisibility(checked);\r\n }\r\n\r\n setCopyButtonsVisibility(checked: boolean): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.setCopyButtonsVisibility\");\r\n\r\n let buttonCopyDisabledDivElement = this._mainFormDiv.find(this.buttonCopyDisabledDivId);\r\n let buttonCopyDivElement = this._mainFormDiv.find(this.buttonCopyDivId);\r\n\r\n if (checked == false) {\r\n buttonCopyDisabledDivElement.show();\r\n buttonCopyDivElement.hide();\r\n } else {\r\n buttonCopyDisabledDivElement.hide();\r\n buttonCopyDivElement.show();\r\n }\r\n }\r\n\r\n getInternaNarocilaDataAttribute(element: HTMLElement): InternaNarocilaData {\r\n let data = new InternaNarocilaData();\r\n\r\n data.letoNarocila = parseInt(element.getAttribute(\"data-letonarocila\"));\r\n data.stevilkaNarocila = parseInt(element.getAttribute(\"data-stevilkanarocila\"));\r\n data.stevilkaVrstice = parseInt(element.getAttribute(\"data-stevilkavrstice\"));\r\n data.deleteFingerprint = element.getAttribute(\"data-deletefingerprint\");\r\n\r\n return data;\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.initFilterControls\");\r\n\r\n this._searchValue = this._mainFormDiv.find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.executeFilterSearch\");\r\n\r\n // tole ni delovalo: ko se je spremenilo leto, je se vedno filtriral stare podatke od prejsnjega leta\r\n //let oTable = this.webGrid.dataTable;\r\n //oTable.search(searchVal).draw();\r\n\r\n filterTableRows(searchVal, this.divAktivnaId);\r\n }\r\n\r\n addRecord() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.addRecord\");\r\n this.ndkInternalOrdersView.showViewForm(SaopWfAction.wfaAddRecord, null, null);\r\n } \r\n\r\n copyRecord() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.copyRecord\");\r\n this.copyInternalOrder(this.webGrid.markedColumnCheckbox);\r\n }\r\n\r\n copyInternalOrder(checkbox: JQuery): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.copyInternalOrder\");\r\n\r\n let checked = this.getCheckboxCheckValue(checkbox);\r\n\r\n if (checked) {\r\n let data = this.getInternaNarocilaDataAttribute(checkbox[0]);\r\n this.ndkInternalOrdersView.showViewForm(SaopWfAction.wfaAddRecord, { letoNarocilaInput: data.letoNarocila, stevilkaNarocilaInput: data.stevilkaNarocila, stevilkaVrsticeInput: data.stevilkaVrstice }, null);\r\n }\r\n else {\r\n //potrebno izbrati vrstico \"Interno naročilo za kopiranje ni izbrano.\"\r\n alertify.message(this.formTranslationService.translate(\"Interno naročilo za kopiranje ni izbrano.\"));\r\n }\r\n }\r\n\r\n getCheckboxCheckValue(checkbox: JQuery): boolean {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.getCheckboxCheckValue\");\r\n\r\n let checked = false;\r\n\r\n if (isUnDefined(checkbox)) {\r\n checked = false;\r\n } else {\r\n checked = checkbox.is(':checked');\r\n }\r\n\r\n return checked;\r\n }\r\n\r\n setDashboardSpecificView(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersActiveGrid.setDashboardSpecificView\");\r\n\r\n let isDashBNoardView = $(this.webGridAktivnaId).attr(\"data-dashboardview\").toLowerCase() == \"true\" ? true : false;\r\n\r\n if (isDashBNoardView) {\r\n $(this.webGridAktivnaId + \"_wrapper\").addClass(\"saop-table-dashboard-odsotnost\");\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { filterTableRows, global, isUnDefined, setModalFormZIndex } from \"../Common/saop-common\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopWfAction } from \"../core/saop-view-form\";\r\nimport { NDKInternalOrdersView } from \"./NDKInternalOrders-view\";\r\n\r\nclass ArchivedFilterValues {\r\n letoNarocila: number;\r\n}\r\n\r\nclass InternaNarocilaData {\r\n letoNarocila: number;\r\n stevilkaNarocila: number;\r\n stevilkaVrstice: number;\r\n deleteFingerprint: string;\r\n}\r\n\r\nexport class NDKInternalOrdersArchivedGrid {\r\n private libName: string;\r\n\r\n private buttonCopyDisabledDivId: string = \"#copyArchivedInternalOrderDisabledDiv\";\r\n private buttonCopyDivId: string = \"#copyArchivedInternalOrderDiv\";\r\n private divArhiviranaId: string = \"#internaNarocilaArhiviranaDiv\";\r\n private webGridArhiviranaId: string = \"#NDKInternaNarocilaArhiviranaGrid\";\r\n private webGridArhiviranaRowsBodyId: string = \"#NDKInternaNarocilaArhiviranaGridBodyAjax\";\r\n public webGrid: SaopWebGrid;\r\n public ndkInternalOrdersFullView: NDKInternalOrdersView;\r\n public letoFilterId: string = \"#LetoNarocila\";\r\n private _searchValueId: string = \"#ArchivedTableSearchValue\";\r\n private _mainFormDiv: JQuery;\r\n private _searchValue: JQuery;\r\n\r\n constructor(libName: string) {\r\n this.libName = libName; \r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.initView\");\r\n\r\n this._mainFormDiv = $(this.divArhiviranaId);\r\n\r\n // archived internal orders\r\n this.refreshArchiveInternalOrdersGridData();\r\n\r\n // init edit view\r\n this.initEditView();\r\n }\r\n\r\n initEditView(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.initEditView\");\r\n\r\n this.ndkInternalOrdersFullView = new NDKInternalOrdersView(\"#ndkInternalOrdersView002\", this.libName + \".ndkInternalOrdersFullView\");\r\n this.ndkInternalOrdersFullView.fullScreen = true;\r\n }\r\n\r\n refreshArchiveInternalOrdersGridData(letoNarocila: number = null, samoVrstice: boolean = false): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.refreshArchiveInternalOrdersGridData\");\r\n\r\n let _this = this;\r\n let params = { letoNarocila: letoNarocila, samoVrstice: samoVrstice };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.setCopyButtonsVisibility(false);\r\n _this.refreshGridData(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"InternalOrder/GetArchivedInternalOrdersTable\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n refreshGridData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.refreshGridData\");\r\n\r\n if ($(this.webGridArhiviranaId).length) {\r\n $(this.webGridArhiviranaRowsBodyId).html(htmlContent);\r\n this.initWebGridListners();\r\n this.executeFilterSearch(this._searchValue.val().toString());\r\n }\r\n else {\r\n $(this.divArhiviranaId).html(htmlContent);\r\n this.getWebGridToolbarAndInitWebGrid(); \r\n }\r\n }\r\n\r\n getWebGridToolbarAndInitWebGrid(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.getWebGridToolbarAndInitWebGrid\");\r\n\r\n let _this = this;\r\n let params = { javascriptKnjiznica: _this.libName };\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.afterDone = function (response) {\r\n _this.setCopyButtonsVisibility(false);\r\n _this.initWebGrid(response);\r\n _this.initFilterControls(); \r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"InternalOrder/GetArchivedTableToolbar\"\r\n , data: params\r\n , type: \"GET\"\r\n });\r\n }\r\n\r\n initWebGrid(toolbarTemplate: string) {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.initWebGrid\");\r\n\r\n let captionToolbar = $(this.webGridArhiviranaId).attr(\"caption-toolbar\");\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName + \".webGrid2\");\r\n this.webGrid.afterColumnCheckboxChanged = this.webGridAfterColumnCheckboxChanged.bind(this);\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar: SaopWebGridToolbar;\r\n let toolbarButtons: SaopWebGridToolbarButton[] = [];\r\n let dataTable: SaopWebDataTable;\r\n //\r\n // id in caption je ze v template\r\n toolbarButtons.push({ id: \"\", caption: \"\", template: toolbarTemplate });\r\n //\r\n gridToolbar = { id: \"saopWebGridTB2\", caption: captionToolbar, buttons: toolbarButtons };\r\n\r\n dataTable = { enabled:true };\r\n\r\n gridProperties = {\r\n gridId: this.webGridArhiviranaId\r\n , toolbar: gridToolbar\r\n , dataTable: dataTable\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n\r\n this.initWebGridListners();\r\n }\r\n\r\n initWebGridListners() {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.initWebGridListners\");\r\n\r\n let _this = this;\r\n\r\n // prikaz readonly full screen \r\n $(\"body\").off(\"click\", this.webGridArhiviranaId + \" tr td:not(.td-action,.td-action-checkbox)\");\r\n $(\"body\").on(\"click\", this.webGridArhiviranaId + \" tr td:not(.td-action,.td-action-checkbox)\", function () {\r\n let selectedRow = $(this).closest(\"tr\")[0];\r\n let data = _this.getDataValues(selectedRow);\r\n\r\n if (!isUnDefined(data.letoNarocila) && !isUnDefined(data.stevilkaNarocila) && !isUnDefined(data.stevilkaVrstice)) {\r\n _this.ndkInternalOrdersFullView.showViewForm(SaopWfAction.wfaEditRecord, { letoNarocila: data.letoNarocila, stevilkaNarocila: data.stevilkaNarocila, stevilkaVrstice: data.stevilkaVrstice });\r\n }\r\n });\r\n\r\n this.webGrid.initWebGridColumnCheckboxBindClickEvent();\r\n }\r\n\r\n webGridAfterColumnCheckboxChanged(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.webGridAfterColumnCheckboxChanged\");\r\n\r\n let checked = this.getCheckboxCheckValue(this.webGrid.markedColumnCheckbox);;\r\n this.setCopyButtonsVisibility(checked);\r\n }\r\n\r\n setCopyButtonsVisibility(checked: boolean): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.setCopyButtonsVisibility\");\r\n\r\n let buttonCopyDisabledDivElement = this._mainFormDiv.find(this.buttonCopyDisabledDivId);\r\n let buttonCopyDivElement = this._mainFormDiv.find(this.buttonCopyDivId);\r\n\r\n if (checked == false) {\r\n buttonCopyDisabledDivElement.show();\r\n buttonCopyDivElement.hide();\r\n } else {\r\n buttonCopyDisabledDivElement.hide();\r\n buttonCopyDivElement.show();\r\n }\r\n }\r\n\r\n getDataValues(element: HTMLElement): InternaNarocilaData {\r\n let data = new InternaNarocilaData();\r\n\r\n data.letoNarocila = parseInt(element.getAttribute(\"data-letonarocila\"));\r\n data.stevilkaNarocila = parseInt(element.getAttribute(\"data-stevilkanarocila\"));\r\n data.stevilkaVrstice = parseInt(element.getAttribute(\"data-stevilkavrstice\"));\r\n\r\n return data;\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.initFilterControls\");\r\n\r\n this._searchValue = this._mainFormDiv.find(this._searchValueId);\r\n let _this = this;\r\n\r\n this._searchValue.off(\"keyup\");\r\n this._searchValue.on(\"keyup\", function () {\r\n _this.executeFilterSearch($(this).val().toString());\r\n });\r\n }\r\n\r\n executeFilterSearch(searchVal: string): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.executeFilterSearch\");\r\n\r\n // tole ni delovalo: ko se je spremenilo leto, je se vedno filtriral stare podatke od prejsnjega leta\r\n //let oTable = this.webGrid.dataTable;\r\n //oTable.search(searchVal).draw();\r\n\r\n filterTableRows(searchVal, this.divArhiviranaId);\r\n }\r\n\r\n copyArchiveInternalOrder(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.copyArchiveInternalOrder\");\r\n\r\n this.copyArchiveInternalOrderExternal(this.webGrid.markedColumnCheckbox);\r\n }\r\n\r\n copyArchiveInternalOrderExternal(checkbox: JQuery): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.copyArchiveInternalOrderExternal\");\r\n }\r\n\r\n archivedFiltersChanged(): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.archivedFiltersChanged\");\r\n\r\n let archivedFilterValues = this.getArchivedFilterValues();\r\n\r\n this.refreshArchiveInternalOrdersGridData(archivedFilterValues.letoNarocila, true);\r\n }\r\n\r\n getArchivedFilterValues(): ArchivedFilterValues {\r\n global.ConsoleLogDegug(\"NDKInternalOrdersArchivedGrid.getFilterValues\");\r\n\r\n let leto = null;\r\n let letoInput = $(this.letoFilterId)\r\n let letoStr = String(letoInput.val());\r\n if (letoStr.length == 4 || letoStr.length == 0) {\r\n if (letoStr.length == 4) {\r\n leto = +letoStr;\r\n }\r\n }\r\n\r\n let result = new ArchivedFilterValues();\r\n result.letoNarocila = leto;\r\n return result;\r\n }\r\n\r\n getCheckboxCheckValue(checkbox: JQuery): boolean {\r\n let checked = false;\r\n\r\n if (isUnDefined(checkbox)) {\r\n checked = false;\r\n } else {\r\n checked = checkbox.is(':checked');\r\n }\r\n\r\n return checked;\r\n }\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { SaopViewForm } from \"../Core/saop-view-form\";\r\n\r\nexport class NDKInternalOrdersView extends SaopViewForm {\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId, libName);\r\n this.setDictionary(); \r\n this.title = this.translationService.translate(\"Interno naročilo\");\r\n this.addRecordEndpoint = \"InternalOrder/CreateInternalOrder\";\r\n this.editRecordEndpoint = \"InternalOrder/EditInternalOrder\";\r\n this.deleteRecordEndpoint = \"InternalOrder/DeleteInternalOrder\"; \r\n }\r\n\r\n setDictionary(){\r\n let dictionary: string[] = [\"Interno naročilo\",\"Brisanje\",\"Ali ste prepričani, da želite izbrisati interno naročilo?\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n \r\n public deleteRecord(deleteData:any):void{\r\n let deletTitle = this.translationService.translate(\"Brisanje\");\r\n let deleteMessage = this.translationService.translate(\"Ali ste prepričani, da želite izbrisati interno naročilo?\"); \r\n super.deleteRecord(deletTitle,deleteMessage,deleteData);\r\n } \r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n this.LoadViewEvents();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n let _viewDiv = $(this.id);\r\n if (_viewDiv.length == 0) {\r\n return;\r\n }\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, isUnDefined, setModalFormZIndex } from \"../Common/saop-common\";\r\n//import { SaopRightSidebar,SaopRightSidebarView } from '../Components/saop-right-sidebar';\r\nimport { NDKInternalOrdersActiveGrid } from \"./NDKInternalOrders-Active-grid\";\r\nimport { NDKInternalOrdersArchivedGrid } from \"./NDKInternalOrders-Archived-grid\";\r\n\r\nexport class NDKInternalOrders {\r\n private libName: string;\r\n\r\n private ndkInternalOrdersActiveGrid: NDKInternalOrdersActiveGrid;\r\n private ndkInternalOrdersArchivedGrid: NDKInternalOrdersArchivedGrid;\r\n //public rightSidebar: SaopRightSidebar;\r\n \r\n constructor(libName: string) {\r\n this.libName = libName; \r\n\r\n this.ndkInternalOrdersActiveGrid = new NDKInternalOrdersActiveGrid(this.libName + \".ndkInternalOrdersActiveGrid\");\r\n this.ndkInternalOrdersActiveGrid.afterRefreshDataAfterEditViewExternal = this.refreshDataAfterEditView.bind(this);\r\n\r\n this.ndkInternalOrdersArchivedGrid = new NDKInternalOrdersArchivedGrid(this.libName + \".ndkInternalOrdersArchivedGrid\");\r\n this.ndkInternalOrdersArchivedGrid.copyArchiveInternalOrderExternal = this.copyInternalOrder.bind(this);\r\n } \r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"NDKInternalOrders.initView\");\r\n\r\n // active internal orders\r\n this.ndkInternalOrdersActiveGrid.initView();\r\n\r\n // archived internal orders\r\n this.ndkInternalOrdersArchivedGrid.initView();\r\n\r\n // init sidebar right\r\n //this.initRightSidebar();\r\n }\r\n\r\n //initRightSidebar() {\r\n // global.ConsoleLogDegug(\"NDKInternalOrders.initRightSidebar\");\r\n\r\n // this.rightSidebar = new SaopRightSidebar();\r\n // this.rightSidebar.bindCarouselDiv(\"#right-sidebar-ajax\",SaopRightSidebarView.InternalOrders);\r\n // this.rightSidebar.refreshNdkInternalOrdersSummary(\"#ndkInternalOrdersSummary\",\"#saopLoadingSidebarr\"); \r\n //}\r\n\r\n refreshDataAfterEditView(): void { \r\n global.ConsoleLogDegug(\"NDKInternalOrders.refreshDataAfterEditView\");\r\n\r\n //this.rightSidebar.refreshNdkInternalOrdersSummary(\"#ndkInternalOrdersSummary\", \"#saopLoadingSidebarr\"); \r\n }\r\n\r\n // metoda iz archived grid klasa\r\n copyInternalOrder(checkbox: JQuery): void {\r\n global.ConsoleLogDegug(\"NDKInternalOrders.copyInternalOrder\");\r\n\r\n this.ndkInternalOrdersActiveGrid.copyInternalOrder(checkbox);\r\n }\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, isUnDefined, isEmpty } from \"../Common/saop-common\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { SaopMultiselectOptions } from \"../Components/saop-multiselect\";\r\nimport { SaopSelectDropDown } from \"../Components/saop-select-dropdown\";\r\nimport { OPNNalogeView } from \"../OPN/OPNNaloge-view\";\r\nimport { SaopServicesCore, SaopServicesCoreParams } from \"../Core/saop-services-core\";\r\n\r\nexport class OPNNalogeSelect extends SaopSelectDropDown {\r\n // private __target:string;\r\n // private __caption:string; \r\n private __libName:string;\r\n public _opnNalogeView:OPNNalogeView;\r\n\r\n constructor(libName:string = \"\", options:SaopMultiselectOptions = null) {\r\n global.ConsoleLogDegug(\"OPNNalogeSelect\");\r\n super(libName,options);\r\n this.__libName = libName; \r\n //\r\n this._opnNalogeView = new OPNNalogeView(\"#opnTasksPopupForm\",this.__libName + \"._opnNalogeView\");\r\n this._opnNalogeView.fullScreen = false; \r\n this._opnNalogeView.afterSubmitSuccess = this.refreshDataAfterSubmit.bind(this); \r\n } \r\n\r\n init(target: string = \"\", caption = \"\" ){\r\n // this._target = target;\r\n // this._caption = caption;\r\n //\r\n if (target.length == 0){\r\n target = \"SifraNaloge\";\r\n }\r\n if (caption.length == 0){\r\n caption = \"Naloge\";\r\n }\r\n super.init(target, caption);\r\n //\r\n }\r\n\r\n addRecord(){\r\n let _fullTitle = this._opnNalogeView.translationService.translate(\"Naloge\");\r\n this._opnNalogeView.fullTitle = _fullTitle;\r\n this._opnNalogeView.showViewForm(SaopWfAction.wfaAddRecord,{ }); \r\n } \r\n\r\n editRecord(_sifraNaloge:string){\r\n let _fullTitle = this._opnNalogeView.translationService.translate(\"Naloge\");\r\n this._opnNalogeView.fullTitle = _fullTitle;\r\n this._opnNalogeView.showViewForm(SaopWfAction.wfaEditRecord,{ sifraNaloge: _sifraNaloge, fullView: false }); \r\n } \r\n\r\n public onAddBtnClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onAddBtnClick...SifraLokacije\");\r\n this.addRecord();\r\n } \r\n\r\n public onEditBtnClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onEditBtnClick...SifraLokacije\");\r\n let _sifraNaloge = this.selectedCB.val();\r\n this.editRecord(_sifraNaloge); \r\n } \r\n\r\n public refreshDataAfterSubmit(result: any): void {\r\n global.ConsoleLogDegug(\"submit.afterExecuteSuccess\");\r\n //\r\n if ( (isUnDefined(result.success) == false) && (result.success == true) ) {\r\n let _sifraNaloge = \"\";\r\n if (isUnDefined(result.data) == false) {\r\n let jsonData = JSON.parse(result.data);\r\n _sifraNaloge = jsonData.SifraNaloge;\r\n } \r\n //\r\n let _servicesParams:SaopServicesCoreParams = {\r\n action: \"OpnTasks/GetList\"\r\n , data: {sifraNaloge:_sifraNaloge}\r\n , type: \"GET\"\r\n };\r\n \r\n this.getDropDownItemsData(_servicesParams, _sifraNaloge);\r\n } \r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { SaopSifranti } from \"../Components/saop-sifranti\";\r\n\r\n\r\nexport class OPNNalogeView extends SaopViewForm {\r\n private _saopSifranti:SaopSifranti;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this.title = this.translationService.translate(\"Naloge\");\r\n this.addRecordEndpoint = \"OpnTasks/Create\";\r\n this.editRecordEndpoint = \"OpnTasks/Edit\";\r\n //this.deleteRecordEndpoint = \"OpnTasks/Delete\"; \r\n //\r\n this._saopSifranti = new SaopSifranti();\r\n //\r\n this.afterViewShowSuccess = this.initView;\r\n this.afterSubmitSuccess = this.initView; \r\n }\r\n\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Naloge\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n public initView():void{\r\n this.setDictionary(); \r\n this.LoadViewEvents();\r\n this._saopSifranti.init();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n\r\n }\r\n\r\n //\r\n}","import { global, isUnDefined, setModalFormZIndex } from \"../Common/saop-common\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { OPNPotniNalogiView } from \"../OPN/OPNPotniNalogi-view\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopRightSidebar,SaopRightSidebarView } from '../Components/saop-right-sidebar';\r\n\r\nexport class OPNPotniNalogiGridOptions {\r\n dashboard: boolean = false;\r\n showToolbar: boolean = true;\r\n showFilter: boolean = true;\r\n}\r\n\r\nexport class OPNPotniNalogiGrid {\r\n private libName: string;\r\n private _gridOptions: OPNPotniNalogiGridOptions;\r\n private _saopServicesCore: SaopServicesCore;\r\n //\r\n public webGrid1:SaopWebGrid;\r\n public opnPotniNalogiMinView:OPNPotniNalogiView;\r\n public opnPotniNalogiFullView:OPNPotniNalogiView;\r\n public rightSidebar: SaopRightSidebar;\r\n\r\n constructor(libName: string, gridOptions: OPNPotniNalogiGridOptions = null) {\r\n if (isUnDefined(gridOptions)) {\r\n gridOptions = new OPNPotniNalogiGridOptions();\r\n }\r\n this._gridOptions = gridOptions;\r\n\r\n this.libName = libName;\r\n this._saopServicesCore = new SaopServicesCore();\r\n }\r\n\r\n initView() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.initView\");\r\n\r\n this.initWebGrid1();\r\n this.initWebGrid1Listners(); \r\n this.initEditView();\r\n this.initRightSidebar();\r\n }\r\n\r\n initRightSidebar() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.initRightSidebar\");\r\n\r\n this.rightSidebar = new SaopRightSidebar();\r\n this.rightSidebar.bindCarouselDiv(\"#right-sidebar-ajax\",SaopRightSidebarView.TravelOrders);\r\n this.rightSidebar.refreshRegOPNPotniNalogiSummary(\"#opnPotniNalogiSummary\",\"#saopLoadingSidebarr\"); \r\n }\r\n\r\n initWebGrid1() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.initWebGrid1\");\r\n\r\n let wgId = \"#OPNPotniNalogiGrid\";\r\n let captionToolbar = $(wgId).attr(\"caption-toolbar\");\r\n let captionAddButton = $(wgId).attr(\"caption-addButton\"); \r\n //\r\n this.webGrid1 = new SaopWebGrid(this.libName+\".webGrid1\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n let toolbarButtons:SaopWebGridToolbarButton[] = [];\r\n let dataTable:SaopWebDataTable;\r\n //\r\n toolbarButtons.push({id:\"addTo\",caption:captionAddButton,onClickEvent:this.libName+\".addRecord();\"}); \r\n gridToolbar = {id:\"saopWebGridTB1\",caption:captionToolbar,buttons:toolbarButtons};\r\n \r\n dataTable = { enabled:true,columnDefsSettings:[{orderable: true, targets: \"no-sort\"}],order: [[ 2, \"desc\" ], [ 3, \"desc\" ]],colSettings:true};\r\n\r\n gridProperties = {\r\n gridId:wgId\r\n ,togglePanel:{enabled:false}\r\n ,toolbar:gridToolbar\r\n ,dataTable:dataTable\r\n }; \r\n //\r\n this.webGrid1.init(gridProperties); \r\n }\r\n\r\n initWebGrid1Listners() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.initWebGrid1Listners\");\r\n\r\n let _this = this;\r\n $(\"body\").off(\"click\", \"#OPNPotniNalogiGrid td:not(.td-action)\");\r\n $(\"body\").on(\"click\", \"#OPNPotniNalogiGrid td:not(.td-action)\", function () {\r\n var data = $(this).closest(\"tr\");\r\n let letoPotnegaNaloga = data.attr(\"data-leto\");\r\n let stevilkaPotnegaNaloga = data.attr(\"data-stevilka\");\r\n _this.editRecord(letoPotnegaNaloga,stevilkaPotnegaNaloga);\r\n }); \r\n \r\n $(\".OPNPotniNalogiGrid_edit\").off(\"click\");\r\n $(\".OPNPotniNalogiGrid_edit\").on('click', function(row){\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid_edit.click\");\r\n $('#detailsOPNPotniNalogiForm').remove();\r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let letoPotnegaNaloga = _btnEdit.getAttribute(\"data-LetoPotnegaNaloga\");\r\n let stevilkaPotnegaNaloga = _btnEdit.getAttribute(\"data-StevilkaPotnegaNaloga\");\r\n _this.editRecord(letoPotnegaNaloga,stevilkaPotnegaNaloga);\r\n } \r\n }); \r\n\r\n $(\".OPNPotniNalogiGrid_delete\").off(\"click\");\r\n $(\".OPNPotniNalogiGrid_delete\").on('click', function(row){\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid_delete.click\");\r\n let _btnDelete = row.currentTarget;\r\n let btnEnabled = _btnDelete.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let letoPotnegaNaloga = _btnDelete.getAttribute(\"data-LetoPotnegaNaloga\");\r\n let stevilkaPotnegaNaloga = _btnDelete.getAttribute(\"data-StevilkaPotnegaNaloga\");\r\n _this.opnPotniNalogiMinView.deleteRecord({ letoPotnegaNaloga: letoPotnegaNaloga, stevilkaPotnegaNaloga: stevilkaPotnegaNaloga });\r\n }\r\n }); \r\n }\r\n\r\n addRecord() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.addRecord\");\r\n\r\n $('#detailsOPNPotniNalogiFullForm').remove();\r\n this.opnPotniNalogiMinView.showViewForm(SaopWfAction.wfaAddRecord, null, null);\r\n } \r\n\r\n editRecord(letoPotnegaNaloga: string, stevilkaPotnegaNaloga: string) {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.editRecord\");\r\n\r\n let _fullTitle = this.opnPotniNalogiFullView.translationService.translate(\"Uredi: Potni nalog\")+\" \" +letoPotnegaNaloga+\"-\"+stevilkaPotnegaNaloga;\r\n this.opnPotniNalogiFullView.fullTitle = _fullTitle;\r\n this.opnPotniNalogiFullView.showViewForm(SaopWfAction.wfaEditRecord,{ letoPotnegaNaloga: letoPotnegaNaloga, stevilkaPotnegaNaloga: stevilkaPotnegaNaloga, fullView: true }); \r\n }\r\n\r\n initEditView() {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.initEditView\");\r\n\r\n this.opnPotniNalogiFullView = new OPNPotniNalogiView(\"#opnPotniNalogiView001\",this.libName+\".opnPotniNalogiFullView\");\r\n this.opnPotniNalogiFullView.fullScreen = true; \r\n this.opnPotniNalogiFullView.refreshData = this.refreshGridData.bind(this);\r\n //\r\n this.opnPotniNalogiMinView = new OPNPotniNalogiView(\"#opnPotniNalogiView002\",this.libName+\".opnPotniNalogiMinView\");\r\n this.opnPotniNalogiMinView.fullScreen = false; \r\n this.opnPotniNalogiMinView.refreshData = this.refreshGridData.bind(this);\r\n } \r\n\r\n refreshData(htmlContent: string) {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.refreshData\");\r\n\r\n if(!this._gridOptions.dashboard)\r\n this.webGrid1.replaceGridRows(htmlContent);\r\n\r\n this.initWebGrid1Listners();\r\n\r\n if (!this._gridOptions.dashboard)\r\n this.rightSidebar.refreshRegOPNPotniNalogiSummary(\"#opnPotniNalogiSummary\",\"#saopLoadingSidebarr\"); \r\n }\r\n\r\n refreshGridData(): void {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.refreshGridData\");\r\n\r\n let _this = this;\r\n\r\n this._saopServicesCore.afterDone = function (response) {\r\n //#ToDo#\r\n //_this.opnPotniNalogiView.refreshElementData(response,\"[data-stevilka=\\\"6\\\"]\");\r\n _this.refreshData(response);\r\n //_this.webGrid1.refreshData();\r\n //_this.initWebGrid1Listners();\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action: \"TravelOrder/Index\"\r\n , data: null\r\n , type: \"GET\"\r\n }); \r\n\r\n }\r\n\r\n public afterRefreshDataAfterEditViewExternal(sender: any): void {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGrid.afterRefreshDataAfterEditViewExternal\");\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","/// $(idFrom)[0];\r\n let filesFrom = inputElementFrom.files;\r\n\r\n let inputElementTo = $(idTo)[0];\r\n inputElementTo.files = filesFrom;\r\n if (refreshList) {\r\n this.saopUploadFiles.refreshFileList(inputElementTo);\r\n }\r\n }\r\n\r\n public removeAllFiles(id:string):void{\r\n let inputElementFrom = $(id)[0];\r\n inputElementFrom.value = null;\r\n }\r\n\r\n public setFocusOnError():void{\r\n let _validationSummary = $(\"#detailsKePlanDopustovValidationSummary\");\r\n if (_validationSummary.length > 0) {\r\n $(\"#detailsKePlanDopustovValidationSummary\").find(\"li\").focus();\r\n }\r\n }\r\n\r\n public onSubmitSuccessComplete(response: any): void {\r\n if (response.viewContent) {\r\n alertify.message(response.viewContent);\r\n } \r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { global, isEmpty, isUnDefined, filterTableRows, convertString2Date, formatDate } from \"../Common/saop-common\";\r\n\r\nexport class OPNPotniNalogiAllGrid {\r\n private wgId:string;\r\n private libName:string;\r\n private _saopServicesCore: SaopServicesCore;\r\n //\r\n public webGrid:SaopWebGrid;\r\n\r\n constructor(libName: string) {\r\n this.wgId = \"#OPNPotniNalogiGridAll\";\r\n this.libName = libName;\r\n this._saopServicesCore = new SaopServicesCore();\r\n } \r\n\r\n initView(){\r\n this.initWebGrid();\r\n this.initWebGridListners(); \r\n }\r\n\r\n initWebGrid(){\r\n \r\n let captionToolbar = $(this.wgId).attr(\"caption-toolbar\")!;\r\n //\r\n this.webGrid = new SaopWebGrid(this.libName+\".webGrid\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n let dataTable:SaopWebDataTable;\r\n let toolbarItemsTemplateId = $(this.wgId).attr(\"toolbar-items-templateId\");\r\n //\r\n gridToolbar = {id:\"saopWebGridTB1\",caption:captionToolbar, itemsTemplateId:toolbarItemsTemplateId};\r\n\r\n dataTable = { enabled:true,columnDefsSettings:[{orderable: true, targets: \"no-sort\"}]};\r\n\r\n gridProperties = {\r\n gridId:this.wgId\r\n ,togglePanel:{enabled:false}\r\n ,toolbar:gridToolbar\r\n ,dataTable:dataTable\r\n }; \r\n //\r\n this.webGrid.init(gridProperties); \r\n }\r\n\r\n initWebGridListners(){\r\n let _this = this;\r\n //\r\n let _SearchValue = $('#collapsesaopWebGridTB1').find('#SearchValue'); \r\n if (_SearchValue.length > 0) {\r\n _SearchValue.off(\"change\");\r\n _SearchValue.on(\"change\",_this.onSearchValue2Change.bind(_this));\r\n }\r\n //\r\n $(\"body\").off(\"click\", this.wgId + \" td.td-action-details\");\r\n $(\"body\").on(\"click\", this.wgId + \" td.td-action-details\", function () {\r\n let selectedRow = $(this).closest(\"tr\");\r\n _this.showHideDetailsSubTable(selectedRow);\r\n }); \r\n \r\n }\r\n\r\n showHideDetailsSubTable(selectedRow: JQuery): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.showHideDetailsSubTable\");\r\n let data_leto = selectedRow.attr(\"data-leto\");\r\n let data_stevilka = selectedRow.attr(\"data-stevilka\");\r\n let rowDetailsId = \"#detailRow\"+data_leto+data_stevilka;\r\n //\r\n let rowDetailsIdElement = $(rowDetailsId);\r\n // prikazi/skrij bottom border\r\n selectedRow.toggleClass(\"saop-table-row-border-bottom-none\")\r\n\r\n // prikazi/skrij details tabelo\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-hidden\");\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-showed\"); \r\n // // sprememba ikone\r\n let iconElement = selectedRow.find(\"span\");\r\n iconElement.toggleClass(\"saop-img-right\");\r\n iconElement.toggleClass(\"saop-img-down\"); \r\n\r\n }\r\n\r\n refreshData(htmlContent:string){\r\n this.webGrid.replaceGridRows(htmlContent);\r\n this.initWebGridListners();\r\n }\r\n\r\n refreshGridData():void {\r\n let _this = this;\r\n\r\n let _SearchValue = $('#collapsesaopWebGridTB1').find('#SearchValue');\r\n let _letoPotnegaNaloga = \"\";\r\n if (_SearchValue.length > 0) {\r\n _letoPotnegaNaloga = _SearchValue.val() as string;\r\n }\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n _this.refreshData(response);\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"TravelOrder/IndexAll\" \r\n ,data: {letoPotnegaNaloga : _letoPotnegaNaloga}\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n onSearchValue2Change(e:any):void{\r\n this.refreshGridData();\r\n } \r\n\r\n \r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebGridToolbarButton,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { OPNPotniNalogiView } from \"../OPN/OPNPotniNalogi-view\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\n\r\nexport class OPNPotniNalogiArhivGrid {\r\n private libName:string;\r\n private _saopServicesCore: SaopServicesCore;\r\n //\r\n public webGrid2:SaopWebGrid;\r\n public opnPotniNalogiFullView:OPNPotniNalogiView;\r\n\r\n constructor(libName: string) {\r\n this.libName = libName;\r\n this._saopServicesCore = new SaopServicesCore();\r\n } \r\n\r\n initView(){\r\n this.initWebGrid2();\r\n this.initWebGrid2Listners(); \r\n this.initEditView();\r\n }\r\n\r\n editRecord(letoPotnegaNaloga:string, stevilkaPotnegaNaloga:string){\r\n let _fullTitle = this.opnPotniNalogiFullView.translationService.translate(\"Uredi: Potni nalog\")+\" \" +letoPotnegaNaloga+\"-\"+stevilkaPotnegaNaloga;\r\n this.opnPotniNalogiFullView.fullTitle = _fullTitle;\r\n this.opnPotniNalogiFullView.showViewForm(SaopWfAction.wfaEditRecord,{ letoPotnegaNaloga: letoPotnegaNaloga, stevilkaPotnegaNaloga: stevilkaPotnegaNaloga, fullView: true }); \r\n }\r\n\r\n initWebGrid2(){\r\n let wgId = \"#OPNPotniNalogiGridArchive\";\r\n let captionToolbar = $(wgId).attr(\"caption-toolbar\")!;\r\n //\r\n this.webGrid2 = new SaopWebGrid(this.libName+\".webGrid2\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n let dataTable:SaopWebDataTable;\r\n let toolbarItemsTemplateId = $(wgId).attr(\"toolbar-items-templateId\");\r\n //\r\n gridToolbar = {id:\"saopWebGridTB2\",caption:captionToolbar, itemsTemplateId:toolbarItemsTemplateId};\r\n\r\n dataTable = { enabled:true,columnDefsSettings:[{orderable: true, targets: \"no-sort\"}],order: [[ 2, \"desc\" ], [ 3, \"desc\" ]],};\r\n\r\n gridProperties = {\r\n gridId:wgId\r\n ,togglePanel:{enabled:false}\r\n ,toolbar:gridToolbar\r\n ,dataTable:dataTable\r\n }; \r\n //\r\n this.webGrid2.init(gridProperties); \r\n }\r\n\r\n initWebGrid2Listners(){\r\n let _this = this;\r\n //\r\n let _SearchValue2 = $('#collapsesaopWebGridTB2').find('#SearchValue2'); \r\n if (_SearchValue2.length > 0) {\r\n _SearchValue2.off(\"change\");\r\n _SearchValue2.on(\"change\",_this.onSearchValue2Change.bind(_this));\r\n }\r\n //\r\n $(\"body\").off(\"click\", \"#OPNPotniNalogiGridArchive td:not(.td-action)\");\r\n $(\"body\").on(\"click\", \"#OPNPotniNalogiGridArchive td:not(.td-action)\", function () {\r\n var data = $(this).closest(\"tr\");\r\n let letoPotnegaNaloga = data.attr(\"data-leto\")!;\r\n let stevilkaPotnegaNaloga = data.attr(\"data-stevilka\")!;\r\n _this.editRecord(letoPotnegaNaloga,stevilkaPotnegaNaloga);\r\n }); \r\n \r\n $(\".OPNPotniNalogiGridArchive_edit\").off(\"click\");\r\n $(\".OPNPotniNalogiGridArchive_edit\").on('click', function(row){\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGridArchive_edit.click\");\r\n $('#detailsOPNPotniNalogiForm').remove();\r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\")!;\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let letoPotnegaNaloga = _btnEdit.getAttribute(\"data-LetoPotnegaNaloga\")!;\r\n let stevilkaPotnegaNaloga = _btnEdit.getAttribute(\"data-StevilkaPotnegaNaloga\")!;\r\n _this.editRecord(letoPotnegaNaloga,stevilkaPotnegaNaloga);\r\n } \r\n }); \r\n }\r\n\r\n initEditView(){\r\n this.opnPotniNalogiFullView = new OPNPotniNalogiView(\"#opnPotniNalogiView001\",this.libName+\".opnPotniNalogiFullView\");\r\n this.opnPotniNalogiFullView.fullScreen = true; \r\n this.opnPotniNalogiFullView.refreshData = this.refreshGridData.bind(this);\r\n } \r\n\r\n refreshData(htmlContent:string){\r\n this.webGrid2.replaceGridRows(htmlContent);\r\n this.initWebGrid2Listners();\r\n }\r\n\r\n refreshGridData():void {\r\n let _this = this;\r\n\r\n let _SearchValue2 = $('#collapsesaopWebGridTB2').find('#SearchValue2');\r\n let _letoPotnegaNaloga = \"\";\r\n if (_SearchValue2.length > 0) {\r\n _letoPotnegaNaloga = _SearchValue2.val() as string;\r\n }\r\n\r\n this._saopServicesCore.afterDone = function(response){\r\n //#ToDo#\r\n //_this.opnPotniNalogiView.refreshElementData(response,\"[data-stevilka=\\\"6\\\"]\");\r\n _this.refreshData(response);\r\n //_this.webGrid1.refreshData();\r\n //_this.initWebGrid1Listners();\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"TravelOrder/indexArchive\" \r\n ,data: {letoPotnegaNaloga : _letoPotnegaNaloga}\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n // onOdobrenaUporabaChange(e:any):void{\r\n // let _selectedValue = e.value; \r\n // let _registrskaStevilkaPredlog = $('#RegistrskaStevilkaPredlog');\r\n // if (_selectedValue == '1') {\r\n // _registrskaStevilkaPredlog.show();\r\n // } else {\r\n // _registrskaStevilkaPredlog.hide();\r\n // }\r\n // }\r\n\r\n onSearchValue2Change(e:any):void{\r\n this.refreshGridData();\r\n } \r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewForm,SaopWfAction } from \"../Core/saop-view-form\";\r\n import { SaopGoogleMaps } from \"../Components/saop-googlemaps\";\r\n\r\nexport class OPNPotniNalogiGoggleMapsView extends SaopViewForm {\r\n private _parentViewId:string;\r\n //private _saopGoogleMaps:SaopGoogleMaps;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGoggleMapsView\");\r\n super(viewId,libName);\r\n this.setDictionary(); \r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"TravelOrder/GoogleMaps\";\r\n this.deleteRecordEndpoint = \"\"; \r\n this.fullScreen = true;\r\n //\r\n //this._saopGoogleMaps = new SaopGoogleMaps();\r\n //\r\n this.onBtnOkClick = this.onBtnOkClickEx.bind(this);\r\n //this.viewShowComplete = this.initForm.bind(this); \r\n }\r\n\r\n private setDictionary() {\r\n this.setTerminologyList();\r\n } \r\n\r\n private initForm(): void {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGoggleMapsView.initForm\");\r\n // this._saopGoogleMaps = new SaopGoogleMaps();\r\n // this._saopGoogleMaps.initView();\r\n this.loadRoutesList();\r\n }\r\n\r\n prepareView(parentViewId:string, title: string): void {\r\n global.ConsoleLogDegug(\"prepareView.showForm\");\r\n this._parentViewId = parentViewId;\r\n this.title = title;\r\n let _googleMapsRoutesElement = $('#GoogleMapsRoutes');\r\n if (_googleMapsRoutesElement.length == 0){\r\n this.prepareViewForm(SaopWfAction.wfaRecordDestails, null, null);\r\n }\r\n }\r\n\r\n showForm(parentViewId:string): void {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGoggleMapsView.showForm\");\r\n this._parentViewId = parentViewId;\r\n $('#opnPotniNalogiView003').modal('show');\r\n $('#opnPotniNalogiView003').find('#messageBanner').hide();\r\n this.initForm();\r\n }\r\n\r\n public loadRoutesList(): void {\r\n let _routesList = $(this._parentViewId).find('#DodatniOpisRelacije');\r\n let _routesListString = _routesList.val() as string;\r\n $('#GoogleMapsRoutes').find('#RoutesList').val(_routesListString);\r\n\r\n $('#GoogleMapsRoutes').find('#btnRoutesList').click();\r\n // let saopGoogleMaps = new SaopGoogleMaps(this.id);\r\n // if (_routesListString.length > 0) {\r\n // let _routesArray = _routesListString.split(\";\");\r\n // saopGoogleMaps.loadWaypoints(_routesArray);\r\n // } else {\r\n // saopGoogleMaps.loadWaypoints(null);\r\n // }\r\n }\r\n\r\n public onBtnOkClickEx(sender: any): void {\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGoggleMapsView.onBtnOkClickEx\");\r\n let saopGoogleMaps = new SaopGoogleMaps(this.id);\r\n\r\n let _routesListString = saopGoogleMaps.getRoutes();\r\n\r\n //let _routesList = $(this._parentViewId).find('#DodatniOpisRelacije');\r\n let _routesList = $('#DodatniOpisRelacije');\r\n _routesList.val(_routesListString);\r\n //\r\n let _distanceString = saopGoogleMaps.getDistance();\r\n //$(this._parentViewId).find('#PredvideniKm').val(_distanceString);\r\n $('#PredvideniKm').val(_distanceString);\r\n } \r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { global, isUnDefined, isEmpty } from \"../Common/saop-common\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\nimport { SaopMultiselectOptions } from \"../Components/saop-multiselect\";\r\nimport { SaopSelectDropDown } from \"../Components/saop-select-dropdown\";\r\nimport { OPNRelacijeView } from \"../OPN/OPNRelacije-view\";\r\nimport { SaopServicesCore, SaopServicesCoreParams } from \"../Core/saop-services-core\";\r\n\r\nexport class OPNRelacijeSelect extends SaopSelectDropDown {\r\n // private __target:string;\r\n // private __caption:string; \r\n private __libName:string;\r\n public _opnRelacijeView:OPNRelacijeView;\r\n\r\n constructor(libName:string = \"\", options:SaopMultiselectOptions = null) {\r\n global.ConsoleLogDegug(\"OPNRelacijeSelect\");\r\n super(libName,options);\r\n this.__libName = libName; \r\n //\r\n this._opnRelacijeView = new OPNRelacijeView(\"#opnRelationsPopupForm\",this.__libName + \"._opnRelacijeView\");\r\n this._opnRelacijeView.fullScreen = false; \r\n this._opnRelacijeView.afterSubmitSuccess = this.refreshDataAfterSubmit.bind(this); \r\n } \r\n\r\n init(target: string = \"\", caption = \"\" ){\r\n // this._target = target;\r\n // this._caption = caption;\r\n //\r\n if (target.length == 0){\r\n target = \"SifraRelacije\";\r\n }\r\n if (caption.length == 0){\r\n caption = \"Relacije\";\r\n }\r\n super.init(target, caption);\r\n //\r\n }\r\n\r\n addRecord(){\r\n let _fullTitle = this._opnRelacijeView.translationService.translate(\"Relacije\");\r\n this._opnRelacijeView.fullTitle = _fullTitle;\r\n this._opnRelacijeView.showViewForm(SaopWfAction.wfaAddRecord,{ }); \r\n } \r\n\r\n editRecord(_sifraRelacije:string){\r\n let _fullTitle = this._opnRelacijeView.translationService.translate(\"Relacije\");\r\n this._opnRelacijeView.fullTitle = _fullTitle;\r\n this._opnRelacijeView.showViewForm(SaopWfAction.wfaEditRecord,{ sifraRelacije: _sifraRelacije, fullView: false }); \r\n } \r\n\r\n public onAddBtnClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onAddBtnClick...SifraLokacije\");\r\n this.addRecord();\r\n } \r\n\r\n public onEditBtnClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onEditBtnClick...SifraLokacije\");\r\n let _sifraRelacije = this.selectedCB.val();\r\n this.editRecord(_sifraRelacije); \r\n } \r\n\r\n public refreshDataAfterSubmit(result: any): void {\r\n global.ConsoleLogDegug(\"submit.afterExecuteSuccess\");\r\n //\r\n if ( (isUnDefined(result.success) == false) && (result.success == true) ) {\r\n let _sifraRelacije = \"\";\r\n if (isUnDefined(result.data) == false) {\r\n let jsonData = JSON.parse(result.data);\r\n _sifraRelacije = jsonData.SifraRelacije;\r\n } \r\n //\r\n let _servicesParams:SaopServicesCoreParams = {\r\n action: \"OpnRelations/GetList\"\r\n , data: {sifraRelacije:_sifraRelacije}\r\n , type: \"GET\"\r\n };\r\n \r\n this.getDropDownItemsData(_servicesParams, _sifraRelacije);\r\n } \r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { SaopSifranti } from \"../Components/saop-sifranti\";\r\n\r\n\r\nexport class OPNRelacijeView extends SaopViewForm {\r\n private _saopSifranti:SaopSifranti;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this.title = this.translationService.translate(\"Relacije\");\r\n this.addRecordEndpoint = \"OpnRelations/Create\";\r\n this.editRecordEndpoint = \"OpnRelations/Edit\";\r\n //this.deleteRecordEndpoint = \"OpnRelations/Delete\"; \r\n //\r\n this._saopSifranti = new SaopSifranti();\r\n //\r\n this.afterViewShowSuccess = this.initView;\r\n this.afterSubmitSuccess = this.initView; \r\n }\r\n\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Relacije\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n public initView():void{\r\n this.setDictionary(); \r\n this.LoadViewEvents();\r\n this._saopSifranti.init();\r\n }\r\n\r\n public LoadViewEvents ():void{\r\n\r\n }\r\n\r\n //\r\n}","/// (element.val().toString());\r\n\r\n this.refreshData(izbraneEnoteOrgStrukture);\r\n }\r\n\r\n filterSelectZaposleni(element: any) {\r\n global.ConsoleLogDegug(\"SaopOrganigramView.filterSelectZaposleni\");\r\n\r\n // odstranimo css klas za obrobo vsem elementom\r\n $(\".tree li .trcont\").removeClass(\"selected-employee\");\r\n $(\".tree li .tree-chart-header\").removeClass(\"selected-employee-header\");\r\n\r\n // preberemo, katere sifre zaposlenih je izbrana\r\n let izbranZaposleni = (element.val().toString());\r\n if (izbranZaposleni != null && izbranZaposleni != \"\") {\r\n // oznacimo zaposlenega\r\n let zaposleniMainElement = $(\"#\" + izbranZaposleni + \" .trcont\").first();\r\n let zaposleniHeaderElement = $(\"#\" + izbranZaposleni + \" .tree-chart-header\").first();\r\n\r\n // dodamo css klas za obrobo\r\n if (zaposleniMainElement.length) {\r\n zaposleniMainElement.addClass(\"selected-employee\");\r\n }\r\n // popravimo header style\r\n if (zaposleniHeaderElement.length) {\r\n zaposleniHeaderElement.addClass(\"selected-employee-header\");\r\n }\r\n\r\n // preverimo, ce je potreben scroll\r\n let izvenHorizontal = this.checkHorizontalPositionOffset(zaposleniMainElement);\r\n let izvenVertical = this.checkVerticalPositionOffset(zaposleniMainElement);\r\n\r\n if (izvenHorizontal) {\r\n let length = 500\r\n for (var i = 0; i < length; i++) {\r\n $(this._treeChartDivId).scrollLeft(i * 100);\r\n if (!this.checkHorizontalPositionOffset(zaposleniMainElement)) {\r\n break;\r\n }\r\n }\r\n \r\n }\r\n if (izvenVertical) {\r\n let length = 500\r\n for (var i = 0; i < length; i++) {\r\n $(this._treeChartDivId).scrollTop(i * 100);\r\n if (!this.checkVerticalPositionOffset(zaposleniMainElement)) {\r\n break;\r\n }\r\n }\r\n }\r\n } \r\n }\r\n\r\n checkHorizontalPositionOffset(element: JQuery): boolean {\r\n let treeChartOffset = $(\"#treeChart\").offset();\r\n let w = Math.max(document.documentElement.clientWidth - treeChartOffset.left, window.innerWidth - treeChartOffset.left || 0)\r\n\r\n let leftPos = element.offset().left - treeChartOffset.left;\r\n if (leftPos < 0 || leftPos > w) {\r\n return true;\r\n }\r\n // left pristejemo se width in ponovno preverimo, ce je izved\r\n leftPos = leftPos + element.width();\r\n if (leftPos < 0 || leftPos > w) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n checkVerticalPositionOffset(element: JQuery): boolean {\r\n let treeChartOffset = $(\"#treeChart\").offset();\r\n let pageFooter = $(\"#site-footer\");\r\n let h = Math.max(document.documentElement.clientHeight - treeChartOffset.top - pageFooter.height(), window.innerHeight - treeChartOffset.top - pageFooter.height() || 0)\r\n let d = $(document).scrollTop();\r\n\r\n let topPos = element.offset().top - treeChartOffset.top;\r\n //vertical\r\n if (topPos < 0 || topPos > h - d) {\r\n return true;\r\n }\r\n // top pristejemo se height in ponovno preverimo, ce je izved\r\n topPos = topPos + element.height();\r\n if (topPos < 0 || topPos > h - d) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n refreshData(izbraneEnoteOrgStrukture: string): void {\r\n global.ConsoleLogDegug(\"SaopOrganigramView.refreshData\");\r\n\r\n let _this = this;\r\n let params = { izbraneEnote: izbraneEnoteOrgStrukture };\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n let apiResult: apiResponse = response;\r\n\r\n if (apiResult.success) {\r\n // pobrisemo div\r\n $(\"#treeChart\").html(\"\");\r\n\r\n $(\"#treeChart\").jHTree({\r\n callType: 'obj',\r\n structureObj: apiResult.data.items,\r\n zoomer: false\r\n });\r\n\r\n $(_this._treeChartDivId).scrollLeft(0);\r\n\r\n // osvezimo se zaposlene\r\n _this.refreshSelectZaposleni(apiResult.data.sifraZaposleniList);\r\n }\r\n\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"Organization/GetOrganizationChartData\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#organigramLoading\"\r\n }); \r\n }\r\n\r\n refreshSelectZaposleni(sifraZaposleniList: string[]): void {\r\n global.ConsoleLogDegug(\"SaopOrganigramView.refreshSelectZaposleni\");\r\n\r\n let _this = this;\r\n let params = { sifreZaposleni: sifraZaposleniList.toString() };\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(_this._zaposleniDivId).html(response);\r\n\r\n _this.initSelectZaposleni();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"Organization/GetEmpoyeesFilter\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#organigramLoading\"\r\n }); \r\n }\r\n //\r\n}\r\n\r\n\r\n","import { SaopViewForm } from \"../core/saop-view-form\";\r\nimport { SaopWfSubmitResult } from \"../core/saop-view-form\";\r\nimport { SaopMessageDlg, SaopMsgDlgButton } from '../Components/saop-message-dlg';\r\nimport { global} from \"../Common/saop-common\";\r\n\r\n\r\nexport class SaopRegKeZapDopustiView extends SaopViewForm {\r\n constructor(viewId: string, libName: string = \"\") {\r\n super(viewId, libName);\r\n this.setDictionary(); \r\n this.title = this.translationService.translate(\"Odsotnost\"); \r\n this.addRecordEndpoint = \"KeZapDopusti/CreateKeZapDopusti\";\r\n this.editRecordEndpoint = \"\";\r\n this.deleteRecordEndpoint = \"KeZapDopusti/DeleteKeZapDopusti\";\r\n } \r\n \r\n setDictionary(){\r\n let dictionary: string[] = [\"Odsotnost\"\r\n , \"Ali ste prepričani, da želite izbrisati odsotnost?\"\r\n , \"Potrdi\"\r\n , \"Pozor, število dni predlaganega dopusta je večje kot število dni, ki ga imate na razpolago. Želite nadaljevati?\"\r\n , \"Pozor, vpisano število ur predlaganega koriščenja je večje od števila ur, ki jih imate na razpolago. Ali želite nadaljevati?\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n public afterSubmitSuccess(result: SaopWfSubmitResult): void {\r\n let prikaziOpozoriloStr = result.alertMessage.toString();\r\n let prikaziOpozorilo = prikaziOpozoriloStr == \"#PrekoracitevOdsotnostiOpozorilo\" ? true : false;\r\n\r\n let opozoriloStr = $(\"#PrekoracitevOdsotnostiOpozorilo\").val();// ne obstaja v primeru ko se dopust doda in niso nastavljene potrebne nastavitve za avtomatsko potrjevanje\r\n if (opozoriloStr !== undefined) {\r\n let opozorilo = opozoriloStr === \"\" ? false : true;\r\n\r\n if (opozorilo && prikaziOpozorilo) {\r\n let title = this.translationService.translate(\"Potrdi\");\r\n\r\n let message = \"\";\r\n if ($(\"#editFormVrstaDopusta\").val() == 'T') {\r\n message = this.translationService.translate(\"Pozor, število dni predlaganega dopusta je večje kot število dni, ki ga imate na razpolago. Želite nadaljevati?\");\r\n }\r\n else if ($(\"#editFormVrstaDopusta\").val() == 'K') {\r\n message = this.translationService.translate(\"Pozor, vpisano število ur predlaganega koriščenja je večje od števila ur, ki jih imate na razpolago. Ali želite nadaljevati?\");\r\n }\r\n\r\n let saopMessageDlg = new SaopMessageDlg({ data: null, parent: null })\r\n saopMessageDlg.onYes = this.proceedYes.bind(this);\r\n saopMessageDlg.onNo = this.proceedNo.bind(this);\r\n saopMessageDlg.Show(message, title, 1, [SaopMsgDlgButton.mbYes, SaopMsgDlgButton.mbNo]);\r\n }\r\n }\r\n }\r\n \r\n proceedYes(data: any): void {\r\n global.ConsoleLogDegug(\"CreateKeZapDopusti.Alert.proceedYes\");\r\n $(\"#PrekoracitevOdsotnostiOpozorilo\").val(\"\");\r\n $('#regKeZapDopustiView').first().trigger(\"submit\");\r\n }\r\n\r\n proceedNo(data: any): void {\r\n global.ConsoleLogDegug(\"CreateKeZapDopusti.Alert.proceedNo\");\r\n $(\"#PrekoracitevOdsotnostiOpozorilo\").val(\"true\");\r\n }\r\n}\r\n\r\n\r\n","/// , dataInput: JQuery): DataAttributes {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.getDataValues\");\r\n\r\n let dataValues = new DataAttributes();\r\n if (dataColumn != null && dataColumn.length > 0){\r\n dataValues.sifraZaposleni = dataColumn.attr(\"data-sifrazaposleni\");\r\n }\r\n \r\n dataValues.leto = parseInt(dataInput.attr(\"data-leto\"));\r\n dataValues.mesec = parseInt(dataInput.attr(\"data-mesec\"));\r\n\r\n return dataValues;\r\n }\r\n\r\n // oznacimo, na katero vrstico je uporabnik kliknil\r\n allEmployeesTableMarkRow(selectedRow: JQuery, dataValues: DataAttributes): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.allEmployeesTableMarkRow\");\r\n\r\n // odznacimo vse vrstice\r\n this.allEmployeesTableUnMarkRows();\r\n\r\n let markColumn = selectedRow.find(\"td.saop-td-mark-row\");\r\n markColumn.addClass(this._markColumnCss);\r\n\r\n // oznacimo se details row markcolumn\r\n let rowDetailsElement = $(this._rowDetailsPrefixId + dataValues.sifraZaposleni);\r\n let detailsMarkColumn = rowDetailsElement.find(\"td.saop-td-mark-row\");\r\n detailsMarkColumn.addClass(this._markColumnCss);\r\n }\r\n\r\n allEmployeesTableUnMarkRows(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.allEmployeesTableUnMarkRows\");\r\n\r\n let _this = this;\r\n\r\n $(this._tableId + \" > tbody > tr\").each(\r\n function (index: any, tr: any) {\r\n let markColumn = $(tr).find(\"td\").eq(1);\r\n markColumn.removeClass(_this._markColumnCss);\r\n }\r\n );\r\n }\r\n\r\n // osvezimo mesecne podatke za posameznega zaposlenega\r\n // ce je parameter null, se prikaze \"Izberite zaposlenega za prikaz dogodkov\" \r\n refreshEmployeeMonthData(dataValues: DataAttributes): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.refreshEmployeeMonthData\");\r\n global.ConsoleLogDegug(dataValues);\r\n\r\n if (dataValues.sifraZaposleni == null) {\r\n return;\r\n }\r\n\r\n let _this = this;\r\n let params = { leto: dataValues.leto, mesec: dataValues.mesec, sifraZaposleni: dataValues.sifraZaposleni };\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n //\r\n let employeeName = $(\"#attendanceAllEmployeesTableRows\").find(\"[data-sifra-zaposleni='\" + dataValues.sifraZaposleni + \"']\").find(\"#employeeName\").html();\r\n $(\"#attendanceAllEmployeesRightSideDiv\").find(\"#employeeName\").html(employeeName);\r\n //\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(\"#reg-grid\").html(response);\r\n _this.refreshEmployeeMonthTableHtml();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGMonthEvents/GetRegUraTableView2\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#saopLoadingEmployeeMonthGrid\"\r\n });\r\n }\r\n\r\n // vrne prazno tabelo mesecne podatke za zaposlenega\r\n getEmptyEmployeeMonthData(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.getEmptyEmployeeMonthData\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n $(\"#attendanceAllEmployeesRightSideDiv\").find(\"#employeeName\").html(\"\");\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(\"#reg-grid\").html(response);\r\n _this.refreshEmployeeMonthTableHtml();\r\n //_this.bindDropDownMenuEvents();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGMonthEvents/GetEmptyRegUraTableView\"\r\n , type: \"GET\"\r\n , spinnerDivId: \"#saopLoadingEmployeeMonthGrid\"\r\n });\r\n }\r\n\r\n // osvezimo table html elemente\r\n refreshEmployeeMonthTableHtml(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.refreshEmployeeMonthTableHtml\");\r\n // refresh month employee data brez bind events\r\n let _btnAddEvents = $(\"#btnAddEvents\");\r\n if (_btnAddEvents.length > 0) {\r\n this._regUraView.refreshTableData(true);\r\n } else {\r\n this._regUraView.refreshTableData(false);\r\n }\r\n\r\n // dodamo bind event za details tabelo\r\n this.saopRegDetailsTableView.bindGridEvents();\r\n\r\n this.bindDropDownMenuEvents();\r\n }\r\n\r\n isDetailsSubTableShowed(iconElement: JQuery): boolean {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.isDetailsSubTableShowed\");\r\n\r\n return iconElement.hasClass(\"saop-img-down\");\r\n }\r\n\r\n showHideDetailsSubTable(selectedRow: JQuery, actionDetailsColumn: JQuery, dataValues: DataAttributes): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.showHideDetailsSubTable\");\r\n\r\n let iconElement = actionDetailsColumn.find(\"span\");\r\n\r\n let rowDetailsId = this._rowDetailsPrefixId + dataValues.sifraZaposleni;\r\n let rowDetailsIdElement = $(rowDetailsId);\r\n\r\n if (!this.isDetailsSubTableShowed(iconElement)) {\r\n // show details subtable\r\n // preverim, če tabela ze obstaja\r\n let detailRowDivId = this._rowDetailsDivPrefixId + dataValues.sifraZaposleni;\r\n let detailRowTableElement = $(detailRowDivId + \" table\");\r\n if (detailRowTableElement.length == 0) {\r\n // tabele ni, gremo na server po podatke za prikaz\r\n this.getDetailsSubTable(detailRowDivId, dataValues.leto, dataValues.mesec, dataValues.sifraZaposleni);\r\n }\r\n }\r\n\r\n // prikazi/skrij bottom border\r\n selectedRow.toggleClass(\"saop-table-row-border-bottom-none\")\r\n\r\n // prikazi/skrij details tabelo\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-hidden\");\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-showed\");\r\n\r\n // sprememba ikone\r\n iconElement.toggleClass(\"saop-img-right\");\r\n iconElement.toggleClass(\"saop-img-down\");\r\n }\r\n\r\n getDetailsSubTable(detailRowDivId: string, leto: number, mesec: number, sifraZaposleni: string): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.getDetailsSubTable\");\r\n\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { leto: leto, mesec: mesec, sifraZaposleni: sifraZaposleni };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(detailRowDivId).html(response);\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployees/GetEmployeeEventsForm\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n }\r\n\r\n obdobjeClick(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.obdobjeClick\");\r\n $(this._calendarIconId).trigger(\"click\");\r\n }\r\n\r\n afterPopoverShow(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.afterPopoverShow\");\r\n\r\n let obdobjeData = this.getObdobjeDataAttributes(this._obdobjeId);\r\n\r\n // osvezimo vrednosti filtrov iz data attributes\r\n this.setObdobjeFilterValues(obdobjeData);\r\n\r\n // prikazi okno\r\n var filterBody = $(\"div.popover.show\").find(\"#popOverObdobjeBody\");\r\n filterBody.show();\r\n }\r\n\r\n // klik na gumb trenutni v popover filtru za obdobje\r\n obdobjeCurrentMonth(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.obdobjeCurrentMonth\");\r\n\r\n let currentMonthFilterValues = new ObdobjefilterValues();\r\n\r\n currentMonthFilterValues.leto = new Date().getFullYear();\r\n currentMonthFilterValues.mesec = new Date().getMonth() + 1;\r\n currentMonthFilterValues.mesecNaziv = this.getMonthName(currentMonthFilterValues.mesec);\r\n\r\n // zapisemo vrednost v filter leto\r\n this.setObdobjeFilterValues(currentMonthFilterValues);\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, currentMonthFilterValues);\r\n\r\n // osvezimo tabelo podatkov vseh zaposlenih\r\n this.refreshAllEmployeesTable(currentMonthFilterValues.leto, currentMonthFilterValues.mesec);\r\n }\r\n\r\n // na popover filtru za obdobje pomik za en mesec naprej, nazaj\r\n obdobjefiltersMonthStepChange(step: number): void {\r\n if (this._refreshingAllEmployeesTable == true) {\r\n // poteka postopek osvezevanja pdoatkov, novi zahtevek ni dovoljen \r\n return;\r\n }\r\n\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.obdobjefiltersMonthStepChange\");\r\n\r\n // preberemo vrednosti leto in mesec\r\n let filterValues = this.getObdobjefilterValues();\r\n\r\n let newFilterValues = new ObdobjefilterValues();\r\n newFilterValues.mesec = filterValues.mesec + step;\r\n newFilterValues.leto = filterValues.leto;\r\n if (newFilterValues.mesec == 13) {\r\n // za december je januar\r\n newFilterValues.mesec = 1;\r\n newFilterValues.leto = newFilterValues.leto + 1;\r\n }\r\n else if (newFilterValues.mesec == 0) {\r\n // pred januarjem je december\r\n newFilterValues.mesec = 12;\r\n newFilterValues.leto = newFilterValues.leto - 1;\r\n }\r\n\r\n // poiscemo se naziv meseca\r\n newFilterValues.mesecNaziv = this.getMonthName(newFilterValues.mesec);\r\n\r\n // zapisemo novo vrednost v filter leto\r\n this.setObdobjeFilterValues(newFilterValues);\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, newFilterValues);\r\n\r\n // osvezimo tabelo podatkov vseh zaposlenih\r\n this.refreshAllEmployeesTable(newFilterValues.leto, newFilterValues.mesec);\r\n }\r\n\r\n getMonthName(month: number): string {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.getMonthName\");\r\n\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n return $(mesecElement).find(\" option[value = '\" + month + \"']\").text();\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n enableDisableObdobjeFilters(disable: boolean): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.enableDisableObdobjeFilters\");\r\n\r\n // leto\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n letoElement.prop(\"disabled\", disable);\r\n }\r\n\r\n // mesec\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n mesecElement.prop(\"disabled\", disable);\r\n } \r\n\r\n // gumb trenutni\r\n let _obdobjeCurrentBtnElement = $(\"div.popover.show\").find(this._obdobjeCurrentBtnId);\r\n if (_obdobjeCurrentBtnElement.length) {\r\n _obdobjeCurrentBtnElement.prop(\"disabled\", disable);\r\n } \r\n }\r\n\r\n setObdobjeFilterValues(filterValues: ObdobjefilterValues): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.setObdobjeFilterValues\");\r\n\r\n let oldfilterValues = this.getObdobjefilterValues();\r\n\r\n // leto\r\n if (oldfilterValues.leto != filterValues.leto) {\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n letoElement.val(filterValues.leto);\r\n }\r\n }\r\n\r\n // mesec\r\n if (oldfilterValues.mesec != filterValues.mesec) {\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n mesecElement.val(filterValues.mesec.toString());\r\n } \r\n } \r\n }\r\n\r\n // vrednosti v filtru leto, mesec so se spremenile\r\n obdobjefiltersChanged(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.obdobjefiltersChanged\");\r\n\r\n // preberemo vrednosti leto in mesec\r\n let filterValues = this.getObdobjefilterValues();\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, filterValues);\r\n\r\n this.refreshAllEmployeesTable(filterValues.leto, filterValues.mesec);\r\n }\r\n\r\n getObdobjefilterValues(): ObdobjefilterValues {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.getObdobjefilterValues\");\r\n\r\n let filterValues = new ObdobjefilterValues();\r\n filterValues.leto = null;\r\n filterValues.mesec = null;\r\n filterValues.mesecNaziv = \"\";\r\n\r\n // dolocimo leto\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n let letoStr = String(letoElement.val());\r\n if (letoStr.length == 4 || letoStr.length == 0) {\r\n if (letoStr.length == 4) {\r\n filterValues.leto = +letoStr;\r\n }\r\n }\r\n }\r\n \r\n // dolocimo mesec\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n let selMesecNaziv = $(mesecElement).find(\":selected\").text();\r\n let selMesec = $(mesecElement).find(\":selected\").val();\r\n\r\n if (!isNaN(+selMesec)) {\r\n filterValues.mesec = +selMesec\r\n filterValues.mesecNaziv = selMesecNaziv\r\n }\r\n }\r\n\r\n return filterValues;\r\n }\r\n\r\n refreshAllEmployeesTable(leto: number, mesec: number): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.refreshAllEmployeesTable\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { leto: leto, mesec: mesec };\r\n this._refreshingAllEmployeesTable = true;\r\n\r\n this.enableDisableObdobjeFilters(this._refreshingAllEmployeesTable);\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n _this.webGrid1.replaceGridRows(response);\r\n\r\n //$(_this._tableId).html(response);\r\n \r\n _this._refreshingAllEmployeesTable = false;\r\n _this.enableDisableObdobjeFilters(_this._refreshingAllEmployeesTable);\r\n\r\n // izvedemo se filter vrstic tabele glede oznacenih zaposlenih\r\n let izbraniZaposleni = (_this._selectOrgFilter._selectZaposleni.selectedCB.val());\r\n _this._selectOrgFilter._selectZaposleni.setSelectValues(izbraniZaposleni);\r\n\r\n // nastavimo prazno zabelo za prikaz mesecnih podatkov\r\n _this.getEmptyEmployeeMonthData();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployees/GetAllEmployeesTable\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n\r\n }\r\n\r\n refreshEmployeeRow(leto: number, mesec: number, sifraZaposleni: string = \"\"): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.refreshEmployeeTable:\"+sifraZaposleni);\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { leto: leto, mesec: mesec, sifraZaposleni: sifraZaposleni };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n _this.refreshEmployeeRowHtml(response,sifraZaposleni); \r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployees/GetAllEmployeesTable\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n }\r\n\r\n public refreshEmployeeRowHtml(htmlRespone:string,sifraZaposleni:string): void {\r\n //var source_dom_nodes = $($.parseHTML(''+htmlRespone+'
'));\r\n //\r\n let responeNode = $(htmlRespone);\r\n\r\n //let sourceRow = responeNode[0].outerHTML;\r\n let sourceRow = $(responeNode[2].outerHTML);\r\n //let sourceDetailsRow = responeNode[2].outerHTML;\r\n\r\n let destinationRow = $(this._allEmployeesTableRowsId + \" > [data-sifra-zaposleni='\" + sifraZaposleni + \"']\");\r\n // destinationDetailsRow = $(this._allEmployeesTableRowsId+\" > #detailRow\"+sifraZaposleni);\"[data-sifra-zaposleni='\" + dataValues.sifraZaposleni + \"']\"\r\n if (destinationRow.length > 0){\r\n let _sourceTd = sourceRow.find(\"td\");\r\n let _destTd = destinationRow.find(\"td\");\r\n \r\n _destTd.eq(4).replaceWith(_sourceTd.eq(4));\r\n _destTd.eq(5).replaceWith(_sourceTd.eq(5));\r\n _destTd.eq(6).replaceWith(_sourceTd.eq(6));\r\n _destTd.eq(7).replaceWith(_sourceTd.eq(7));\r\n _destTd.eq(8).replaceWith(_sourceTd.eq(8));\r\n _destTd.eq(9).replaceWith(_sourceTd.eq(9));\r\n }\r\n }\r\n\r\n afterRefreshTodayData(): void {\r\n global.ConsoleLogDegug(\"afterRefreshTodayData\");\r\n }\r\n\r\n onCloseRegUraDanView():void{\r\n global.ConsoleLogDegug(\"SaopRegAttendanceView.onCloseRegUraDanView\"); \r\n if (isUnDefined(this._lastDataValues) == false) {\r\n let detailRowDivId = this._rowDetailsDivPrefixId + this._lastDataValues.sifraZaposleni;\r\n this.refreshEmployeeRow(this._lastDataValues.leto,this._lastDataValues.mesec,this._lastDataValues.sifraZaposleni);\r\n this.getDetailsSubTable(detailRowDivId,this._lastDataValues.leto,this._lastDataValues.mesec,this._lastDataValues.sifraZaposleni);\r\n //\r\n this.refreshEmployeeMonthData(this._lastDataValues);\r\n } \r\n } \r\n \r\n public buttonsBinding():void{\r\n global.ConsoleLogDegug(\"buttonsBinding...\");\r\n //\r\n let _this = this;\r\n let _btnAddEvents = $(\"#attendanceAllEmployeesForm\").find(\"#btnAddEvents\");\r\n if (_btnAddEvents.length > 0) {\r\n _btnAddEvents.off(\"click\");\r\n _btnAddEvents.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"btnAddEvents.click...\");\r\n let dataValues = _this.getDataValues(null, $(_this._obdobjeId));\r\n let _leto = dataValues.leto;\r\n let _mesec = (\"0\"+dataValues.mesec).slice(-2);\r\n let _dateStart = convertString2Date(\"01.\"+_mesec+\".\"+_leto,\"dd.mm.yyyy\"); \r\n //\r\n let _today = new Date();\r\n let __todayYear = _today.getFullYear();\r\n let __todayMonth = _today.getMonth();\r\n if (__todayYear == _dateStart.getFullYear() && __todayMonth == _dateStart.getMonth() ){\r\n let _dan = (\"0\"+_today.getDate()).slice(-2);\r\n _dateStart = convertString2Date(_dan+\".\"+_mesec+\".\"+_leto,\"dd.mm.yyyy\"); \r\n }\r\n // \r\n _this._regUraDogodek.addRecord({ SelectedDay:formatDate(_dateStart,\"dd.mm.yyyy\"), sifraZaposleni:\"*\"}); \r\n });\r\n } else {\r\n console.log(\"error:attendanceAllEmployeesForm.btnAddEvents not found...\");\r\n \r\n }\r\n //\r\n let _btnDeleteEvents = $(\"#attendanceAllEmployeesForm\").find(\"#btnDeleteEvents\");\r\n if (_btnDeleteEvents.length > 0) {\r\n _btnDeleteEvents.off(\"click\");\r\n _btnDeleteEvents.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"btnDeleteEvents.click...\");\r\n let dataValues = _this.getDataValues(null, $(_this._obdobjeId));\r\n let _leto = dataValues.leto;\r\n let _mesec = (\"0\"+dataValues.mesec).slice(-2);\r\n let _dateStart = convertString2Date(\"01.\"+_mesec+\".\"+_leto,\"dd.mm.yyyy\");\r\n let _dateEnd = convertString2Date(\"01.\"+_mesec+\".\"+_leto,\"dd.mm.yyyy\");; \r\n _dateEnd = new Date(_dateEnd.setMonth(_dateEnd.getMonth() + 1)-1);\r\n //\r\n _this._regUraDogodekDeleteView.showForm({DateStart:formatDate(_dateStart,\"dd.mm.yyyy\"),DateEnd:formatDate(_dateEnd,\"dd.mm.yyyy\")});\r\n });\r\n } else {\r\n console.log(\"error:attendanceAllEmployeesForm.btnAddEvents not found...\");\r\n \r\n } \r\n // \r\n let _btnRefresh = $(\"#attendanceAllEmployeesForm\").find(\"#btnRefresh\");\r\n if (_btnRefresh.length > 0) {\r\n _btnRefresh.off(\"click\");\r\n _btnRefresh.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"btnRefresh.click...\");\r\n _this.refreshDataWithCurrentFiler(); \r\n });\r\n } else {\r\n console.log(\"error:attendanceAllEmployeesForm.btnRefresh not found...\");\r\n } \r\n //\r\n let _btnCheckInAll = $(\"#attendanceAllEmployeesForm\").find(\".btnCheckInAll\");\r\n if (_btnCheckInAll.length > 0) {\r\n _btnCheckInAll.off(\"click\");\r\n _btnCheckInAll.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"CheckInAll.click...\");\r\n _this.attendanceAllEmployeesFormCheckInOutAll(true);\r\n });\r\n } else {\r\n console.log(\"error:attendanceAllEmployeesForm.btnCheckInAll not found...\");\r\n } \r\n //\r\n let _btnCheckOutAll = $(\"#attendanceAllEmployeesForm\").find(\".btnCheckOutAll\");\r\n if (_btnCheckOutAll.length > 0) {\r\n _btnCheckOutAll.off(\"click\");\r\n _btnCheckOutAll.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"btnCheckOutAll.click...\");\r\n _this.attendanceAllEmployeesFormCheckInOutAll(false);\r\n });\r\n } else {\r\n console.log(\"error:attendanceAllEmployeesForm.btnCheckOutAll not found...\");\r\n } \r\n \r\n }\r\n\r\n public setTableHeight():void {\r\n global.ConsoleLogDegug(\"setTableHeight...\");\r\n\r\n let _height = $('#grid-toolbar-processed').height();\r\n let remaining_height = window.innerHeight - _height - 245;\r\n $('#attendanceAllEmployeesTable_wrapper').css(\"height\",remaining_height); \r\n }\r\n\r\n public setEventBindings():void{\r\n global.ConsoleLogDegug(\"setEventBindings...\");\r\n let _this = this;\r\n\r\n _this.setTableHeight();\r\n window.onresize = function () {\r\n _this.setTableHeight();\r\n };\r\n\r\n }\r\n\r\n public refreshDataWithCurrentFiler(): void {\r\n global.ConsoleLogDegug(\"refreshDataWithCurrentFiler...\");\r\n let dataValues = this.getDataValues(null, $(this._obdobjeId));\r\n this.refreshAllEmployeesTable(dataValues.leto, dataValues.mesec);\r\n }\r\n\r\n public afterAddEventsSuccess(result: any): void {\r\n global.ConsoleLogDegug(\"afterAddEventsSuccess...\");\r\n this.refreshDataWithCurrentFiler();\r\n } \r\n \r\n public afterDeleteEventsSuccess(result: any): void {\r\n global.ConsoleLogDegug(\"afterDeleteEventsSuccess...\");\r\n this.refreshDataWithCurrentFiler();\r\n } \r\n\r\n public onDeleteValidationError(result: any): void {\r\n global.ConsoleLogDegug(\"onDeleteValidationError...\");\r\n this._regUraDogodekDeleteView.afterViewShowSuccess(result);\r\n } \r\n\r\n public attendanceAllEmployeesFormCheckInOut(row:any,checkIn:boolean):void{\r\n global.ConsoleLogDegug(\"attendanceAllEmployeesFormCheckIn.click\");\r\n let _this = this;\r\n //\r\n let _subMenu = row.currentTarget; \r\n let _leto = _subMenu.getAttribute(\"data-year\");\r\n let _mesec = _subMenu.getAttribute(\"data-month\");\r\n let _sifraZaposleni = _subMenu.getAttribute(\"data-employeeCode\"); \r\n //\r\n let _data = { leto: _leto, mesec: _mesec, sifraZaposleni: _sifraZaposleni };\r\n //\r\n let _urlAction = \"\";\r\n _urlAction = checkIn ? \"REGAttendanceAllEmployees/CalculationCheckIn\" :\"REGAttendanceAllEmployees/CalculationCheckOut\"; \r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBanner\").html(response.viewContent);\r\n }\r\n\r\n _this.refreshEmployeeRow(parseInt(_leto),parseInt(_mesec),_sifraZaposleni);\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n }\r\n\r\n public attendanceAllEmployeesFormCheckInOutAll(checkIn:boolean):void{\r\n global.ConsoleLogDegug(\"attendanceAllEmployeesFormCheckInOutAll.click\");\r\n let _this = this;\r\n let dataValues = this.getDataValues(null, $(this._obdobjeId));\r\n //\r\n let _data = { leto: dataValues.leto, mesec: dataValues.mesec, sifraZaposleni: \"\" };\r\n // \r\n let _urlAction = \"\";\r\n _urlAction = checkIn ? \"REGAttendanceAllEmployees/CalculationCheckIn\" :\"REGAttendanceAllEmployees/CalculationCheckOut\"; \r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function (response) {\r\n if (response.alertMessage) {\r\n alertify.message(response.alertMessage);\r\n }\r\n\r\n if (response.viewContent) {\r\n $(\"#messageBanner\").html(response.viewContent);\r\n }\r\n\r\n _this.refreshDataWithCurrentFiler();\r\n\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n }\r\n\r\n filterZaposleniTableRows(filterZaposleni: string) {\r\n // Declare variables\r\n var table, tr, _rowId, i, txtValue;\r\n table = document.getElementById(\"attendanceAllEmployeesTable\");\r\n tr = table.getElementsByTagName(\"tr\");\r\n // Loop through all table rows, and hide those who don't match the search query\r\n for (i = 0; i < tr.length; i++) {\r\n _rowId = null;\r\n let _trId = $(tr[i]).attr(\"data-sifra-zaposleni\");\r\n if (!isUnDefined(_trId)) {\r\n _rowId = _trId.toString()\r\n }\r\n\r\n if (_rowId) {\r\n txtValue = _rowId.toUpperCase();\r\n if (isEmpty(filterZaposleni)) {\r\n $(tr[i]).addClass(\"element-hidden\");\r\n } else if (filterZaposleni.toUpperCase().indexOf(txtValue) > -1) {\r\n $(tr[i]).removeClass(\"element-hidden\");\r\n } else {\r\n $(tr[i]).addClass(\"element-hidden\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n //\r\n}\r\n\r\n\r\n","import { global, isEmpty, isUnDefined, filterTableRows, convertString2Date, formatDate } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopMultiselect, SelectOption, SaopMultiselectOptions } from \"../Components/saop-multiselect\";\r\nimport { SaopPopover } from \"../Components/saop-popover\";\r\nimport { SaopWebGrid,SaopWebGridProperties,SaopWebGridToolbar,SaopWebDataTable} from \"../Components/saop-grid\";\r\nimport { SaopExport } from \"../Components/saop-export\";\r\nimport { SaopWebGridUnitOrgFilter } from \"../Components/saop-grid-filter-UnitOrg\";\r\nimport { SaopTranslationService } from '../Core/saop-translate';\r\n\r\nclass ObdobjefilterValues {\r\n leto: number;\r\n mesec: number;\r\n mesecNaziv: string;\r\n}\r\n\r\nexport class SaopRegAttendanceAllEmployeesAnalysisView {\r\n private _libName: string;\r\n private _refreshingAllEmployeesTable: boolean;\r\n private _tableDivId: string;\r\n private _tableId: string;\r\n private _searchAllFieldsValueId: string;\r\n private _obdobjeId: string;\r\n private _calendarIconId: string;\r\n private _obdobjeFilterLetoId: string;\r\n private _obdobjeFilterMesecId: string;\r\n private _obdobjeCurrentBtnId: string\r\n private _tableRowsId: string;\r\n private _selectDogodekHiddenId: string; \r\n private _selectOrgFilter: SaopWebGridUnitOrgFilter;\r\n private _selectDogodek: SaopMultiselect;\r\n private _selectPrikazPodatki: SaopMultiselect;\r\n //\r\n public translationService:SaopTranslationService; \r\n //\r\n private _saopPopover: SaopPopover;\r\n //\r\n public webGrid1:SaopWebGrid;\r\n //\r\n\r\n constructor(libName: string = \"\") {\r\n this._libName = libName;\r\n this._refreshingAllEmployeesTable = false;\r\n this._tableDivId = \"#attendanceAllEmployeesAnalysisTableDiv\";\r\n this._tableId = \"#attendanceAllEmployeesAnalysisTable\";\r\n this._searchAllFieldsValueId = \"#SearchValue\";\r\n this._obdobjeId = \"#Obdobje\";\r\n this._calendarIconId = \"#calendarIcon\";\r\n this._obdobjeFilterLetoId = \"#letoObdobje\";\r\n this._obdobjeFilterMesecId = \"#MesecString\";\r\n this._obdobjeCurrentBtnId = \"#currentMonthBtnFilter\";\r\n this._tableRowsId = \"#attendanceAllEmployeesAnalysisTableRows\";\r\n this._selectDogodekHiddenId = \"#EventsFilterHidden\";\r\n\r\n this._selectOrgFilter = new SaopWebGridUnitOrgFilter(libName, \"\");\r\n this._selectOrgFilter.filterZaposleniTableRows = this.filterZaposleniTableRows.bind(this);\r\n\r\n this._saopPopover = new SaopPopover();\r\n this._saopPopover.afterPopoverShow = this.afterPopoverShow.bind(this); \r\n\r\n this.translationService = new SaopTranslationService();\r\n //\r\n this.setDictionary();\r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Zbirnik ur zaposlenih\"];\r\n this.translationService.setTranslationsList(dictionary);\r\n } \r\n\r\n onInitView():void{\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.onInitView\");\r\n this.refreshAllData();\r\n }\r\n\r\n initWebGrid1() {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.initWebGrid1\");\r\n\r\n let wgId = this._tableId;\r\n let captionToolbar = $(wgId).attr(\"caption-toolbar\");\r\n //let captionAddButton = $(wgId).attr(\"caption-addButton\"); \r\n //\r\n this.webGrid1 = new SaopWebGrid(this._libName+\".webGrid1\");\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n //let toolbarButtons:SaopWebGridToolbarButton[] = [];\r\n let dataTable:SaopWebDataTable;\r\n //\r\n //toolbarButtons.push({id:\"addTo\",caption:captionAddButton,onClickEvent:this.libName+\".addRecord();\"});\r\n //gridToolbar = {id:\"saopWebGridTB1\",caption:captionToolbar,buttons:toolbarButtons};\r\n\r\n dataTable = {\r\n enabled: true,\r\n columnDefsSettings: [\r\n {\r\n targets: 4,\r\n type: 'numeric-comma'\r\n },\r\n {\r\n targets: \"special-sort\",\r\n render: (data, type, row, meta) => type === 'display' ? row[meta.col + 1] : data,\r\n type: 'numeric-comma'\r\n },\r\n {\r\n targets: \"special-sort-hidden\",\r\n visible: false\r\n }\r\n ]\r\n };\r\n \r\n gridProperties = {\r\n gridId:wgId\r\n //,toolbar:gridToolbar\r\n , dataTable: dataTable\r\n , css: \"max-height-attendanceAllEmployeesAnalysisTable\"\r\n }; \r\n //\r\n this.webGrid1.init(gridProperties); \r\n\r\n // fix css za stolpce za tedne, da imajo lahko nazivi stolpcev dve vrstici\r\n let tedenCaptionheaderDivs = $(this._tableId + \" thead tr th.saop-table-col-teden div.saop-table-header-caption\");\r\n let indElement = 0\r\n tedenCaptionheaderDivs.each(function (index, divElement) {\r\n indElement = indElement + 1;\r\n $(divElement).removeClass(\"saop-table-text-truncate\");\r\n $(divElement).addClass(\"saop-table-col-teden-caption\");\r\n });\r\n }\r\n\r\n refreshAllData(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.refreshAllData\");\r\n\r\n this.refreshAllEmployeesData();\r\n } \r\n\r\n refreshAllEmployeesData(params: any = null): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.refreshAllEmployeesData\");\r\n \r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(\"#attendanceAllEmployeesAnalysisForm\").html(response);\r\n _this.initFilterControls();\r\n _this.bindGridEvents();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployeesAnalysis/GetAllEmployeesAnalysisForm\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesAnalysisLoading\"\r\n }); \r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.initFilterControls\");\r\n let _this = this;\r\n\r\n //\r\n this.setEventBindings();\r\n //\r\n\r\n this._selectOrgFilter.initFilterControls();\r\n\r\n this._selectDogodek = new SaopMultiselect();\r\n this._selectDogodek.init(\"#EventsFilter\", \"Dogodki za prikaz\");\r\n // event binding za init, da se v init metodi (se nastavi checkboxe na select all) ne izvede metoda filterEventColumns (ni potrebe)\r\n this._selectDogodek.afterChangeCommonEvent = _this.filterEventColumns.bind(_this);\r\n\r\n this._selectPrikazPodatki = new SaopMultiselect();\r\n this._selectPrikazPodatki.init(\"#PodatkiFilter\", \"Dodatno filtriranje\");\r\n // odznacimo vse opcije\r\n let izbraniPodatki: string[] = []; \r\n this._selectPrikazPodatki.setSelectValues(izbraniPodatki);\r\n // event binding za init, da se v init metodi (se nastavi checkboxe na select all) ne izvede metoda filterEventColumns (ni potrebe)\r\n this._selectPrikazPodatki.afterChangeCommonEvent = _this.filterZaposleniTableRows.bind(this);\r\n\r\n $(this._searchAllFieldsValueId).keyup(function () {\r\n let oTable = _this.webGrid1.dataTable;\r\n oTable.search($(this).val().toString()).draw() ; \r\n //$(_this.webGrid1.webGridId).dataTable().search($(this).val()).draw() ;\r\n });\r\n\r\n this._saopPopover.bindPopoverEvents();\r\n\r\n this.initObdobjeControl()\r\n }\r\n\r\n //filterAllFields(): void {\r\n // global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.filterAllFields\");\r\n\r\n // let filterVal = String($(this._searchAllFieldsValueId).val());\r\n // filterTableRows(filterVal, this._tableId);\r\n //}\r\n\r\n initObdobjeControl(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.initObdobjeControl\");\r\n\r\n this.setObdobjeText(this._obdobjeId)\r\n }\r\n\r\n setObdobjeText(id: string): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.setObdobjeText\");\r\n\r\n let obdobjeElement = $(this._obdobjeId);\r\n\r\n let mesecNaziv = obdobjeElement.attr(\"data-mesec-naziv\");\r\n let leto = obdobjeElement.attr(\"data-leto\");\r\n\r\n obdobjeElement.val(mesecNaziv + \" \" + leto);\r\n }\r\n\r\n getObdobjeDataAttributes(id: string): ObdobjefilterValues {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.getObdobjeDataAttributes\");\r\n\r\n let obdobjeElement = $(this._obdobjeId);\r\n\r\n let dataAttributes = new ObdobjefilterValues();\r\n dataAttributes.leto = parseInt(obdobjeElement.attr(\"data-leto\"));\r\n dataAttributes.mesec = parseInt(obdobjeElement.attr(\"data-mesec\"));\r\n dataAttributes.mesecNaziv = obdobjeElement.attr(\"data-mesec-naziv\");\r\n\r\n return dataAttributes;\r\n }\r\n \r\n setObdobjeDataAttributes(id: string, values: ObdobjefilterValues): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.setObdobjeDataAttributes\");\r\n\r\n let obdobjeElement = $(id);\r\n\r\n if (values.leto != null && values.mesec != null) {\r\n obdobjeElement.attr(\"data-leto\", values.leto);\r\n obdobjeElement.attr(\"data-mesec\", values.mesec);\r\n obdobjeElement.attr(\"data-mesec-naziv\", values.mesecNaziv);\r\n\r\n this.setObdobjeText(this._obdobjeId);\r\n } \r\n }\r\n\r\n bindGridEvents(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.bindGridEvents\");\r\n\r\n this.initWebGrid1(); \r\n }\r\n\r\n obdobjeClick(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.obdobjeClick\");\r\n $(this._calendarIconId).trigger(\"click\");\r\n }\r\n\r\n afterPopoverShow(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.afterPopoverShow\");\r\n\r\n let obdobjeData = this.getObdobjeDataAttributes(this._obdobjeId);\r\n\r\n // osvezimo vrednosti filtrov iz data attributes\r\n this.setObdobjeFilterValues(obdobjeData);\r\n\r\n // prikazi okno\r\n var filterBody = $(\"div.popover.show\").find(\"#popOverObdobjeBody\");\r\n filterBody.show();\r\n }\r\n\r\n // klik na gumb trenutni v popover filtru za obdobje\r\n obdobjeCurrentMonth(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.obdobjeCurrentMonth\");\r\n\r\n let currentMonthFilterValues = new ObdobjefilterValues();\r\n\r\n currentMonthFilterValues.leto = new Date().getFullYear();\r\n currentMonthFilterValues.mesec = new Date().getMonth() + 1;\r\n currentMonthFilterValues.mesecNaziv = this.getMonthName(currentMonthFilterValues.mesec);\r\n\r\n // zapisemo vrednost v filter leto\r\n this.setObdobjeFilterValues(currentMonthFilterValues);\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, currentMonthFilterValues);\r\n\r\n // osvezimo tabelo podatkov vseh zaposlenih\r\n this.refreshAllEmployeesTable(currentMonthFilterValues.leto, currentMonthFilterValues.mesec);\r\n }\r\n\r\n // na popover filtru za obdobje pomik za en mesec naprej, nazaj\r\n obdobjefiltersMonthStepChange(step: number): void {\r\n if (this._refreshingAllEmployeesTable == true) {\r\n // poteka postopek osvezevanja podatkov, novi zahtevek ni dovoljen \r\n return;\r\n }\r\n\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.obdobjefiltersMonthStepChange\");\r\n\r\n // preberemo vrednosti leto in mesec\r\n let filterValues = this.getObdobjefilterValues();\r\n\r\n let newFilterValues = new ObdobjefilterValues();\r\n newFilterValues.mesec = filterValues.mesec + step;\r\n newFilterValues.leto = filterValues.leto;\r\n if (newFilterValues.mesec == 13) {\r\n // za december je januar\r\n newFilterValues.mesec = 1;\r\n newFilterValues.leto = newFilterValues.leto + 1;\r\n }\r\n else if (newFilterValues.mesec == 0) {\r\n // pred januarjem je december\r\n newFilterValues.mesec = 12;\r\n newFilterValues.leto = newFilterValues.leto - 1;\r\n }\r\n\r\n // poiscemo se naziv meseca\r\n newFilterValues.mesecNaziv = this.getMonthName(newFilterValues.mesec);\r\n\r\n // zapisemo novo vrednost v filter leto\r\n this.setObdobjeFilterValues(newFilterValues);\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, newFilterValues);\r\n\r\n // osvezimo tabelo podatkov vseh zaposlenih\r\n this.refreshAllEmployeesTable(newFilterValues.leto, newFilterValues.mesec);\r\n }\r\n\r\n getMonthName(month: number): string {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.getMonthName\");\r\n\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n return $(mesecElement).find(\" option[value = '\" + month + \"']\").text();\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n enableDisableObdobjeFilters(disable: boolean): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.enableDisableObdobjeFilters\");\r\n\r\n // leto\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n letoElement.prop(\"disabled\", disable);\r\n }\r\n\r\n // mesec\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n mesecElement.prop(\"disabled\", disable);\r\n } \r\n\r\n // gumb trenutni\r\n let _obdobjeCurrentBtnElement = $(\"div.popover.show\").find(this._obdobjeCurrentBtnId);\r\n if (_obdobjeCurrentBtnElement.length) {\r\n _obdobjeCurrentBtnElement.prop(\"disabled\", disable);\r\n } \r\n }\r\n\r\n setObdobjeFilterValues(filterValues: ObdobjefilterValues): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.setObdobjeFilterValues\");\r\n\r\n let oldfilterValues = this.getObdobjefilterValues();\r\n\r\n // leto\r\n if (oldfilterValues.leto != filterValues.leto) {\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n letoElement.val(filterValues.leto);\r\n }\r\n }\r\n\r\n // mesec\r\n if (oldfilterValues.mesec != filterValues.mesec) {\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n mesecElement.val(filterValues.mesec.toString());\r\n } \r\n } \r\n }\r\n\r\n // vrednosti v filtru leto, mesec so se spremenile\r\n obdobjefiltersChanged(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.obdobjefiltersChanged\");\r\n\r\n // preberemo vrednosti leto in mesec\r\n let filterValues = this.getObdobjefilterValues();\r\n\r\n // osvezimo obdobje element z novimi podatki\r\n this.setObdobjeDataAttributes(this._obdobjeId, filterValues);\r\n\r\n this.refreshAllEmployeesTable(filterValues.leto, filterValues.mesec);\r\n }\r\n\r\n getObdobjefilterValues(): ObdobjefilterValues {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.getObdobjefilterValues\");\r\n\r\n let filterValues = new ObdobjefilterValues();\r\n filterValues.leto = null;\r\n filterValues.mesec = null;\r\n filterValues.mesecNaziv = \"\";\r\n\r\n // dolocimo leto\r\n let letoElement = $(\"div.popover.show\").find(this._obdobjeFilterLetoId);\r\n if (letoElement.length) {\r\n let letoStr = String(letoElement.val());\r\n if (letoStr.length == 4 || letoStr.length == 0) {\r\n if (letoStr.length == 4) {\r\n filterValues.leto = +letoStr;\r\n }\r\n }\r\n }\r\n \r\n // dolocimo mesec\r\n let mesecElement = $(\"div.popover.show\").find(this._obdobjeFilterMesecId);\r\n if (mesecElement.length) {\r\n let selMesecNaziv = $(mesecElement).find(\":selected\").text();\r\n let selMesec = $(mesecElement).find(\":selected\").val();\r\n\r\n if (!isNaN(+selMesec)) {\r\n filterValues.mesec = +selMesec\r\n filterValues.mesecNaziv = selMesecNaziv\r\n }\r\n }\r\n\r\n return filterValues;\r\n }\r\n\r\n refreshAllEmployeesTable(leto: number, mesec: number): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.refreshAllEmployeesTable\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { leto: leto, mesec: mesec };\r\n this._refreshingAllEmployeesTable = true;\r\n\r\n this.enableDisableObdobjeFilters(this._refreshingAllEmployeesTable);\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(_this._tableDivId).html(response);\r\n\r\n let current_month = new Date();\r\n var previous_month = new Date(new Date(current_month).setMonth(current_month.getMonth() - 1));\r\n\r\n if (current_month.getFullYear() == leto && current_month.getMonth() + 1 == mesec) {\r\n $('.d-current-month').removeClass('d-none');\r\n $('.d-current-month').removeClass('element-hidden');\r\n } else {\r\n $('.d-current-month').addClass('d-none');\r\n $('.d-current-month').addClass('element-hidden');\r\n if (previous_month.getFullYear() == leto && previous_month.getMonth() + 1 == mesec) {\r\n $('.d-previous-month').removeClass('d-none');\r\n $('.d-previous-month').removeClass('element-hidden');\r\n } else {\r\n $('.d-previous-month').addClass('d-none');\r\n $('.d-previous-month').addClass('element-hidden');\r\n }\r\n }\r\n\r\n _this.initWebGrid1(); \r\n\r\n _this._refreshingAllEmployeesTable = false;\r\n _this.enableDisableObdobjeFilters(_this._refreshingAllEmployeesTable);\r\n\r\n // izvedemo se filter vrstic tabele glede oznacenih zaposlenih\r\n let izbraniZaposleni = (_this._selectOrgFilter._selectZaposleni.selectedCB.val());\r\n _this._selectOrgFilter._selectZaposleni.setSelectValues(izbraniZaposleni);\r\n\r\n // refresh options of selectDogodek html control\r\n _this.refreshSelectDogodekOptions();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployeesAnalysis/GetAllEmployeesAnalysisTable\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesAnalysisLoading\"\r\n }); \r\n\r\n }\r\n\r\n afterRefreshTodayData(): void {\r\n global.ConsoleLogDegug(\"afterRefreshTodayData\");\r\n }\r\n\r\n public setTableHeight(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.setTableHeight\");\r\n\r\n let _height = $('#grid-toolbar-processed').height();\r\n let remaining_height = window.innerHeight - _height - 245;\r\n $('#attendanceAllEmployeesTable_wrapper').height(remaining_height); \r\n }\r\n\r\n public setEventBindings(): void{\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.setEventBindings\");\r\n\r\n let _this = this;\r\n\r\n _this.setTableHeight();\r\n window.onresize = function () {\r\n _this.setTableHeight();\r\n };\r\n\r\n }\r\n\r\n\r\n private refreshSelectDogodekOptions(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.refreshSelectDogodekOptions\");\r\n\r\n let options: SelectOption[] = [];\r\n\r\n // preberemo options iz hiddent select kontrole\r\n $(this._selectDogodekHiddenId + \" option\").each(function () {\r\n options.push({ value: $(this).val().toString(), text: $(this).text() });\r\n });\r\n\r\n this._selectDogodek.refreshHtmlOptions(options, true);\r\n }\r\n\r\n private filterEventColumns(element: any): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.filterEventColumns\");\r\n\r\n let _this = this;\r\n let izbraneSifreDogodkov = (element.val().toString());\r\n let izbraneSifreDogodkovArray = izbraneSifreDogodkov.split(\",\");\r\n \r\n // event stolpci-headerji\r\n $(this._tableId + \" thead tr th.saop-table-col-event\").each(function (index, tableCellElement) {\r\n _this.showHideTableEventCell(tableCellElement, izbraneSifreDogodkovArray);\r\n });\r\n\r\n // event stolpci-podatki\r\n $(this._tableId + \" tbody td.saop-table-col-event\").each(function (index, tableCellElement) {\r\n _this.showHideTableEventCell(tableCellElement, izbraneSifreDogodkovArray);\r\n });\r\n }\r\n\r\n private showHideTableEventCell(element: HTMLElement, sifreDogodkovArray: string[]): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesAnalysisView.filterEventColumns\");\r\n\r\n let showTableCellElement = false;\r\n let $tableCellElement = $(element);\r\n\r\n for (var i = 0; i < sifreDogodkovArray.length; i++) {\r\n if ($tableCellElement.hasClass(\"saop-table-col-event-\" + sifreDogodkovArray[i].toLowerCase())) {\r\n showTableCellElement = true;\r\n }\r\n }\r\n\r\n if (showTableCellElement) {\r\n $tableCellElement.removeClass(\"element-hidden\");\r\n }\r\n else {\r\n $tableCellElement.addClass(\"element-hidden\");\r\n }\r\n }\r\n\r\n public exportCsv() {\r\n let saopExport = new SaopExport();\r\n\r\n saopExport.exportTableData2Csv(this._tableId, this.translationService.translate(\"Zbirnik ur zaposlenih\")+\".csv\");\r\n }\r\n\r\n public filterZaposleniTableRows() {\r\n // Declare variables\r\n var table, tr, _rowId, i, txtValue;\r\n table = document.getElementById(\"attendanceAllEmployeesAnalysisTable\");\r\n tr = table.getElementsByTagName(\"tr\");\r\n\r\n //skupine - zaposleni za prikaz\r\n let multiselectZaposleni = this._selectOrgFilter._selectZaposleni.selectedCB;\r\n let filterZaposleni = (multiselectZaposleni.val().toString());\r\n\r\n //dodatni pogoji\r\n let prikaziTedenskaPrekoracitev = false;\r\n let prikaziMesecnaPrekoracitev = false; \r\n if (this._selectPrikazPodatki) {\r\n let element = this._selectPrikazPodatki.selectedCB;\r\n\r\n // preberemo, katere sifre zaposlenih sodijo v izbrane skupine\r\n let izbraniDodatniPogoji = (element.val().toString());\r\n\r\n prikaziTedenskaPrekoracitev = (izbraniDodatniPogoji.toUpperCase().indexOf(\"TED\") > -1) ? true : false;\r\n prikaziMesecnaPrekoracitev = (izbraniDodatniPogoji.toUpperCase().indexOf(\"MES\") > -1) ? true : false;\r\n }\r\n\r\n\r\n // Loop through all table rows, and hide those who don't match the search query\r\n for (i = 0; i < tr.length; i++) {\r\n _rowId = null;\r\n let _trId = $(tr[i]).attr(\"data-sifra-zaposleni\");\r\n if (!isUnDefined(_trId)) {\r\n _rowId = _trId.toString()\r\n }\r\n\r\n if (_rowId) {\r\n txtValue = _rowId.toUpperCase();\r\n if (isEmpty(filterZaposleni)) {\r\n $(tr[i]).addClass(\"element-hidden\");\r\n }\r\n else if (filterZaposleni.toUpperCase().indexOf(txtValue) > -1) {\r\n let row = $(tr[i]);\r\n row.removeClass(\"element-hidden\");\r\n\r\n //dodatni pogoji\r\n if (prikaziTedenskaPrekoracitev || prikaziMesecnaPrekoracitev) {\r\n row.addClass(\"element-hidden\");\r\n if (prikaziTedenskaPrekoracitev && row.hasClass(\"tedenskiPodatki-nadure-error\")) {\r\n row.removeClass(\"element-hidden\");\r\n }\r\n if (prikaziMesecnaPrekoracitev && row.hasClass(\"mesecniPodatki-nadure-error\")) {\r\n row.removeClass(\"element-hidden\");\r\n }\r\n }\r\n } else {\r\n $(tr[i]).addClass(\"element-hidden\");\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n","import { global, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\nimport { SaopWebGrid, SaopWebGridProperties, SaopWebDataTable } from \"../Components/saop-grid\";\r\nimport { SaopWebGridUnitOrgFilter } from \"../Components/saop-grid-filter-UnitOrg\";\r\nimport { SaopSelectMonthYear } from \"../Components/saop-select-month-year\";\r\nimport { SaopRegAttendanceAllEmployeesExcessHoursView } from \"../REG/saop-regAttendanceAllEmployeesExcessHours-view\";\r\nimport { SaopWfAction } from \"../Core/saop-view-form\";\r\n\r\nenum ExcessHoursActionType {\r\n ConfirmMultiple = 0\r\n , DeleteMultiple = 1\r\n , PayoutMultiple = 2\r\n , UnlockMultiple = 3\r\n , ConcludeMultiple = 4\r\n}\r\n\r\nexport class SaopRegAttendanceAllEmployeesExcessHoursGrid {\r\n public _libName: string;\r\n\r\n private _webgrid: SaopWebGrid;\r\n\r\n //filtri tabela\r\n private _selectOrgFilter: SaopWebGridUnitOrgFilter;\r\n public _saopSelectMonthYearFilter: SaopSelectMonthYear;\r\n\r\n //edit forma\r\n private regAttendanceAllEmployeesExcessHoursView: SaopRegAttendanceAllEmployeesExcessHoursView;\r\n\r\n private _tableId: string;\r\n private _refreshingAllEmployeesTable: boolean;\r\n private _tableDivId: string;\r\n\r\n constructor(libName: string = \"\") {\r\n this._libName = libName;\r\n this._refreshingAllEmployeesTable = false;\r\n this._tableDivId = \"#attendanceAllEmployeesExcessHoursTableDiv\";\r\n this._tableId = \"tableREGAllEmployeesExcessHours\";\r\n\r\n this._selectOrgFilter = new SaopWebGridUnitOrgFilter(libName, \"\");\r\n this._selectOrgFilter = new SaopWebGridUnitOrgFilter(libName, \"\");\r\n this._selectOrgFilter.filterZaposleniTableRows = this.filterZaposleniTableRows.bind(this);\r\n\r\n this._saopSelectMonthYearFilter = new SaopSelectMonthYear(\"\", \"#selectMesecLeto\", this._libName + \"._saopSelectMonthYear\");\r\n this._saopSelectMonthYearFilter.afterMonthYearValuesChanged = this.afterSaopMonthYearValuesChanged.bind(this);\r\n }\r\n\r\n editRecord(year: number, month: number, employeeId: string, employeeName: string): void {\r\n this.regAttendanceAllEmployeesExcessHoursView.fullTitle = this.regAttendanceAllEmployeesExcessHoursView.translationService.translate(\"Obdelava viška ur: \") + \" \" + employeeId + \" - \" + employeeName;\r\n this.regAttendanceAllEmployeesExcessHoursView.showViewForm(SaopWfAction.wfaEditRecord, { leto: year, mesec: month, sifraZaposleni: employeeId });\r\n };\r\n\r\n onInitView(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.onInitView\");\r\n\r\n this.regAttendanceAllEmployeesExcessHoursView = new SaopRegAttendanceAllEmployeesExcessHoursView(\"#regAttendanceAllEmployeesExcessHoursView001\", this._libName + \".regAttendanceAllEmployeesExcessHoursView\");\r\n this.regAttendanceAllEmployeesExcessHoursView.refreshData = this.refreshAllEmployeesTable.bind(this);\r\n\r\n this.refreshAllEmployeesForm();\r\n\r\n this.setMultipleConfirmDenyButtonsEnableDisable();\r\n }\r\n\r\n initFilterControls(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.initFilterControls\");\r\n\r\n this.setEventBindings();\r\n\r\n this._selectOrgFilter.initFilterControls();\r\n\r\n this._saopSelectMonthYearFilter.init();\r\n }\r\n\r\n initWebGrid1() {\r\n let _this = this;\r\n\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.initWebGrid1\");\r\n let wgId = \"#\" + this._tableId;\r\n\r\n this._webgrid = new SaopWebGrid(this._libName + \".webGrid1\");\r\n let gridProperties: SaopWebGridProperties;\r\n\r\n let dataTable: SaopWebDataTable;\r\n\r\n dataTable = {\r\n enabled: true\r\n , columnDefsSettings: [\r\n {\r\n targets: 0\r\n , checkboxes: { selectRow: true }\r\n , render: function (data, type, row, meta) {\r\n var table, tr;\r\n table = document.getElementById(\"tableREGAllEmployeesExcessHours\");\r\n tr = table.getElementsByTagName(\"tr\");\r\n\r\n data = '
';\r\n }\r\n if (hidden) {\r\n data = '(_this._selectOrgFilter._selectZaposleni.selectedCB.val());\r\n _this._selectOrgFilter._selectZaposleni.setSelectValues(izbraniZaposleni);\r\n _this._saopSelectMonthYearFilter.setRefreshingRecordsComplete();\r\n _this.setMultipleConfirmDenyButtonsEnableDisable();\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: _urlAction\r\n , data: _data\r\n , type: \"POST\"\r\n , spinnerDivId: \"#attendanceAllEmployeesExcessHoursLoading\"\r\n });\r\n }\r\n\r\n\r\n refreshAllEmployeesTable(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.refreshAllEmployeesTable\");\r\n \r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n let filter_values = this._saopSelectMonthYearFilter.getSelectedMonthYear();\r\n let params = { leto: filter_values.leto, mesec: filter_values.mesec };\r\n this._refreshingAllEmployeesTable = true;\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(_this._tableDivId).html(response);\r\n\r\n _this.initWebGrid1();\r\n\r\n _this._refreshingAllEmployeesTable = false;\r\n //_this.enableDisableObdobjeFilters(_this._refreshingAllEmployeesTable);\r\n\r\n // izvedemo se filter vrstic tabele glede oznacenih zaposlenih\r\n let izbraniZaposleni = (_this._selectOrgFilter._selectZaposleni.selectedCB.val());\r\n _this._selectOrgFilter._selectZaposleni.setSelectValues(izbraniZaposleni);\r\n _this._saopSelectMonthYearFilter.setRefreshingRecordsComplete();\r\n _this.setMultipleConfirmDenyButtonsEnableDisable();\r\n _this.setEventBindings();\r\n\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployeesExcessHours/GetAllEmployeesExcessHoursTable\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesExcessHoursLoading\"\r\n }); \r\n }\r\n\r\n refreshAllEmployeesForm(params: any = null): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.refreshAllEmployeesForm\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(\"#attendanceAllEmployeesExcessHoursForm\").html(response);\r\n _this.initFilterControls();\r\n _this.bindGridEvents();\r\n _this.setEventBindings();\r\n\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployeesExcessHours/GetAllEmployeesExcessHoursForm\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesExcessHoursLoading\"\r\n }); \r\n }\r\n\r\n bindGridEvents(): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.bindGridEvents\");\r\n\r\n this.initWebGrid1();\r\n }\r\n\r\n filterZaposleniTableRows(filterZaposleni: string) {\r\n //filtriranje glede na organizacijsko enoto in zaposlenega\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesExcessHoursGrid.filterZaposleniTableRows\");\r\n\r\n // Declare variables\r\n var table, tr, _rowId, i, txtValue;\r\n table = document.getElementById(this._tableId);\r\n tr = table.getElementsByTagName(\"tr\");\r\n // Loop through all table rows, and hide those who don't match the search query\r\n for (i = 0; i < tr.length; i++) {\r\n _rowId = null;\r\n let _trId = $(tr[i]).attr(\"data-employee-id\");\r\n if (!isUnDefined(_trId)) { \r\n _rowId = _trId.toString()\r\n }\r\n\r\n if (_rowId) {\r\n txtValue = _rowId.toUpperCase();\r\n let checkbox = $(tr[i])[0].children[0];\r\n let defined = checkbox.children.length == 1 && checkbox.children[0].localName == 'input';\r\n if (isEmpty(filterZaposleni)) {\r\n $(tr[i]).addClass(\"element-hidden\");\r\n if (defined) $(tr[i])[0].children[0].innerHTML = '($(\"#OnLoadMessage\").val());\r\n if (message) {\r\n alertify.message(message);\r\n }\r\n\r\n this.refreshListData();\r\n }\r\n\r\n initClock(): void {\r\n global.ConsoleLogDegug(\"onReadyInitDogodkiTekociPartialView\");\r\n\r\n this.updateClock();\r\n this.updateClock1();\r\n this.updateClock2();\r\n\r\n setInterval(this.updateClock, 1000)\r\n setInterval(this.updateClock1, 1000)\r\n setInterval(this.updateClock2, 1000)\r\n }\r\n\r\n updateClock(): void {\r\n let clockElement = $(\"#clock\");\r\n\r\n // trenutni čas\r\n let currentTime = moment();\r\n let currentTime_ms = moment.duration(currentTime.format(\"HH:mm:ss\")).asMilliseconds();\r\n\r\n // trenutni čas kot niz\r\n let currentTimeString = moment.utc(Math.abs(currentTime_ms)).format(\"HH:mm:ss\");\r\n\r\n clockElement.html(currentTimeString);\r\n }\r\n\r\n updateClock1(): void {\r\n let clockElement1 = $(\"#clock1\");\r\n\r\n // trenutni čas\r\n let currentTime = moment();\r\n let currentTime_ms = moment.duration(currentTime.format(\"HH:mm:ss\")).asMilliseconds();\r\n\r\n //saldo vseh zaključenih dogodkov na dnevni ravni (stolpec \"Dnevni saldo\" v \"Mesečni evidenci\")\r\n let saldoUreHHMM = $('#SaldoUreHHMM').val() + \":00\";\r\n let saldoUreHHMM_ms = moment.duration(saldoUreHHMM).asMilliseconds();\r\n\r\n //začetek zadnjega dogodka pred trenutnim časom\r\n let uraZadnjegaDogodka = $('#UraZadnjegaDogodka').val();\r\n\r\n //računanje tekoče dodanega časa\r\n let result_ms = saldoUreHHMM_ms;\r\n if (uraZadnjegaDogodka !== undefined) {\r\n let uraZadnjegaDogodka_ms = moment.duration(uraZadnjegaDogodka.toString()).asMilliseconds();\r\n\r\n if (uraZadnjegaDogodka_ms > 0)\r\n result_ms = result_ms + (currentTime_ms - uraZadnjegaDogodka_ms);\r\n }\r\n\r\n //ms -> formatted string\r\n let isNegative = result_ms < 0;\r\n let formattedDuration = moment.utc(Math.abs(result_ms)).format(\"H:mm\");\r\n\r\n isNegative = isNegative && formattedDuration !== '0:00';\r\n const result = isNegative ? `-${formattedDuration}` : `+${formattedDuration}`;\r\n\r\n clockElement1.html(result);\r\n }\r\n\r\n updateClock2(): void {\r\n let clockElement2 = $(\"#clock2\");\r\n\r\n // trenutni čas\r\n let currentTime = moment();\r\n let currentTime_ms = moment.duration(currentTime.format(\"HH:mm:ss\")).asMilliseconds();\r\n\r\n //saldo vseh zaključenih dogodkov na dnevni ravni (stolpec \"Tekoči saldo\" v \"Mesečni evidenci\")\r\n let saldoUreTekoceHHMM = $('#SaldoUreTekoceHHMM').val() + \":00\";\r\n let saldoUreTekoceHHMM_list = saldoUreTekoceHHMM.split(\":\");\r\n let saldoUreTekoceHHMM_ms = (Math.abs(Number(saldoUreTekoceHHMM_list[0]) * 3600) + Math.abs(Number(saldoUreTekoceHHMM_list[1]) * 60)) * 1000;\r\n saldoUreTekoceHHMM_ms = saldoUreTekoceHHMM_list[0][0] == '-' ? saldoUreTekoceHHMM_ms * (-1) : saldoUreTekoceHHMM_ms;\r\n\r\n //začetek zadnjega dogodka pred trenutnim časom\r\n let uraZadnjegaDogodka = $('#UraZadnjegaDogodka').val();\r\n\r\n //računanje tekoče dodanega časa\r\n let result_ms = saldoUreTekoceHHMM_ms;\r\n if (uraZadnjegaDogodka !== undefined) {\r\n let uraZadnjegaDogodka_ms = moment.duration(uraZadnjegaDogodka.toString()).asMilliseconds();\r\n\r\n if (uraZadnjegaDogodka_ms > 0)\r\n result_ms = result_ms + (currentTime_ms - uraZadnjegaDogodka_ms);\r\n }\r\n\r\n //ms -> formatted string (ne moremo uporabit enake funkcije kot v clock1, ker tudkaj lahko pride do ur večjih od 24)\r\n let isNegative = result_ms < 0;\r\n result_ms = Math.abs(result_ms);\r\n\r\n let hours = Math.floor(result_ms / 3600000);\r\n let minutes = Math.floor((result_ms - hours * 3600000) / 60000);\r\n\r\n let hoursStr = hours;\r\n let minutesStr = (minutes < 10 ? \"0\" : \"\") + minutes;\r\n\r\n let formattedDuration = hoursStr + ':' + minutesStr;\r\n isNegative = isNegative && formattedDuration !== '0:00';\r\n const result = isNegative ? `-${formattedDuration}` : `+${formattedDuration}`;\r\n\r\n clockElement2.html(result);\r\n }\r\n\r\n onReadyInitDogodkiDanasnjiPartialView(): void {\r\n global.ConsoleLogDegug(\"onReadyInitDogodkiDanasnjiPartialView\");\r\n\r\n $(\"#regDogodkiDanasnjiTable tbody tr\").each(\r\n function (i, row) {\r\n // koda zakomentirana, ker ni potrebna.\r\n // Če ni zakomentirana, se pojavijo težave pri refresh view \"Dogodki na dan\", in se polje \"Konec\" obarva rdece zaradi spodnje kode\r\n\r\n //var $actualRow = $(row);\r\n\r\n //if ($actualRow.children('td:nth-child(2)').text() == \"\") {\r\n // $(this).children('td:nth-child(6)').css(\"background-color\", '#FAC0BE');\r\n //} else if ($actualRow.children('td:nth-child(1)').text() == \"\") {\r\n // $(this).children('td:nth-child(5)').css(\"background-color\", '#FAC0BE');\r\n //}\r\n });\r\n\r\n $(\"#webgrid1 th:nth-child(1)\").hide();\r\n $(\"#webgrid1 th:nth-child(2)\").hide();\r\n }\r\n\r\n}\r\n\r\n\r\n","/// , actionDetailsColumn: JQuery, selectedDay: string, datumKey: string, sifraZaposleniKey: string): void {\r\n global.ConsoleLogDegug(\"SaopRegDetailsTableView.showHideDetailsSubTable\");\r\n\r\n let iconElement = actionDetailsColumn.find(\"span\");\r\n\r\n let rowDetailsId = \"#detailRow\" + datumKey;\r\n let rowDetailsIdElement = $(rowDetailsId);\r\n\r\n if (!this.isDetailsSubTableShowed(iconElement)) {\r\n // show details subtable\r\n //preverim, če tabela ze obstaja\r\n let detailRowDivId = \"#detailRowDiv\" + datumKey;\r\n let detailRowTableElement = $(detailRowDivId + \" table\");\r\n if (detailRowTableElement.length == 0) {\r\n // tabele ni, gremo na server po podatke za prikaz\r\n this.getDetailsSubTable(detailRowDivId, selectedDay, sifraZaposleniKey);\r\n }\r\n }\r\n\r\n // prikazi/skrij bottom border\r\n selectedRow.toggleClass(\"saop-table-row-border-bottom-none\")\r\n\r\n // prikazi/skrij details tabelo\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-hidden\");\r\n rowDetailsIdElement.toggleClass(\"saop-table-row-showed\");\r\n\r\n // sprememba ikone\r\n iconElement.toggleClass(\"saop-img-right\");\r\n iconElement.toggleClass(\"saop-img-down\");\r\n }\r\n\r\n private isDetailsSubTableShowed(iconElement: JQuery): boolean {\r\n global.ConsoleLogDegug(\"SaopRegDetailsTableView.isDetailsSubTableShowed\");\r\n\r\n return iconElement.hasClass(\"saop-img-down\");\r\n }\r\n\r\n private getDetailsSubTable(detailRowDivId: string, selectedDay: string, sifraZaposleni: string): void {\r\n global.ConsoleLogDegug(\"SaopRegDetailsTableView.getDetailsSubTable\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { SelectedDay: selectedDay, SifraZaposleni: sifraZaposleni };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n $(detailRowDivId).html(response);\r\n _this.initWebGrid();\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGDayEvents/GetRegUraBrowseEventsTable\"\r\n , data: params\r\n , type: \"GET\"\r\n //, spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n });\r\n }\r\n\r\n private initWebGrid() {\r\n //\r\n this.webGrid = new SaopWebGrid(this._libName);\r\n let gridProperties: SaopWebGridProperties;\r\n\r\n gridProperties = {\r\n gridId: \"#saopWebGridDetails\"\r\n , css: \"table-column-holder-last\"\r\n , toolbar: null\r\n };\r\n //\r\n this.webGrid.init(gridProperties);\r\n }\r\n //\r\n}\r\n\r\n\r\n","/// $(\"#SelectedDate1\").val();\r\n this._sifraZaposleni = $(\"#reg-grid #SifraZaposleni\").val();\r\n this._revizijskaSled = $(\"#RevizijskaSled\").val();\r\n global.ConsoleLogDegug(\"selectedDate:\" + this._selectedDate);\r\n global.ConsoleLogDegug(\"RevizijskaSled:\" + this._revizijskaSled);\r\n }\r\n\r\n setDictionary():void{\r\n let dictionary:string[] = [\"Dogodek\",\"Brisanje\",\"Ali ste prepričani, da želite izbrisati dogodek?\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n initWebGrid1():void{\r\n let captionToolbar = $(\"#saopWebGrid1\").attr(\"caption-toolbar\");\r\n let captionAddButton = $(\"#saopWebGrid1\").attr(\"caption-addButton\");\r\n //\r\n this.webGrid1 = new SaopWebGrid(this._libNameP);\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n let toolbarButtons:SaopWebGridToolbarButton[] = [];\r\n //\r\n toolbarButtons.push({id: this._addButton1Id.replace(\"#\",\"\"),caption:captionAddButton,onClickEvent:this._libName+\".addRecordEx();\"}); \r\n gridToolbar = {id:\"saopWebGridTB1\",caption:captionToolbar,buttons:toolbarButtons};\r\n gridProperties = {\r\n gridId:\"#saopWebGrid1\"\r\n ,css:\"table-column-holder-last\"\r\n ,toolbar:gridToolbar\r\n ,dataTable:{enabled:true,ordering:false}\r\n }; \r\n //\r\n this.webGrid1.init(gridProperties); \r\n\r\n this.refreshButtonsState();\r\n }\r\n\r\n initWebGrid1Listners():void{\r\n let _this = this;\r\n $(\".regDayEvents_edit\").off(\"click\");\r\n $(\".regDayEvents_edit\").on('click', function(row){\r\n global.ConsoleLogDegug(\"regDayEvents_edit.click\");\r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let data_idStart = _btnEdit.getAttribute(\"data-idstart\");\r\n let data_idEnd = _btnEdit.getAttribute(\"data-idend\");\r\n _this.editRecord({ idStart: data_idStart, idEnd: data_idEnd });\r\n } \r\n }); \r\n \r\n $(\".regDayEvents_delete\").off(\"click\");\r\n $(\".regDayEvents_delete\").on('click', function(row){\r\n global.ConsoleLogDegug(\"regDayEvents_delete.click\");\r\n let _btnEdit = row.currentTarget;\r\n let btnEnabled = _btnEdit.getAttribute(\"data-enabled\");\r\n if (btnEnabled.toString().toLowerCase() == \"true\") {\r\n let data_idStart = _btnEdit.getAttribute(\"data-idstart\");\r\n let data_idEnd = _btnEdit.getAttribute(\"data-idend\");\r\n if (_this._revizijskaSled.toString().toLowerCase() == \"true\") {\r\n let trail_parms = {\r\n idStart: data_idStart,\r\n idEnd: data_idEnd,\r\n auditTrail: _this._revizijskaSled.toString().toLowerCase() == \"true\"\r\n }\r\n _this._regUraDogodekDeleteOneView.showForm({ IdStart: trail_parms.idStart, IdEnd: trail_parms.idEnd, AuditTrail: trail_parms.auditTrail });\r\n }\r\n else{\r\n _this.deleteRecord(\r\n _this.translationService.translate(\"Brisanje\")\r\n , _this.translationService.translate(\"Ali ste prepričani, da želite izbrisati dogodek?\")\r\n , { idStart: data_idStart, idEnd: data_idEnd }\r\n );\r\n }\r\n } \r\n }); \r\n\r\n $(\"#showPreviousDayData\").off(\"click\");\r\n $(\"#showPreviousDayData\").on('click', function(row){\r\n global.ConsoleLogDegug(\"showPreviousDayData.click\");\r\n _this.showPreviousDayData();\r\n }); \r\n\r\n $(\"#showNextDayData\").off(\"click\");\r\n $(\"#showNextDayData\").on('click', function(row){\r\n global.ConsoleLogDegug(\"showNextDayData.click\");\r\n _this.showNextDayData();\r\n }); \r\n\r\n }\r\n\r\n initWebGrid2Listners():void {\r\n global.ConsoleLogDegug(\"initWebGrid2Listners...\");\r\n let _this = this;\r\n let _btnRefresh = $(\".form-today-events\").find(\"#btnRefresh\");\r\n if (_btnRefresh.length > 0) {\r\n _btnRefresh.off(\"click\");\r\n _btnRefresh.on(\"click\", function () {\r\n global.ConsoleLogDegug(\"btnRefresh.click...\");\r\n _this.refreshChainingEvents(); \r\n });\r\n } else {\r\n console.log(\"error:.form-today-events.btnRefresh not found...\");\r\n } \r\n }\r\n\r\n addRecordEx():void{\r\n this.addRecord({ SelectedDay:this._selectedDate, sifraZaposleni:this._sifraZaposleni });\r\n } \r\n\r\n initWebGrid2(){\r\n let captionToolbar = $(\"#saopWebGrid2\").attr(\"caption-toolbar\");\r\n let toolbarItemsTemplateId = $(\"#saopWebGrid2\").attr(\"toolbar-items-templateId\");\r\n //\r\n this.webGrid2 = new SaopWebGrid(this._libNameP);\r\n let gridProperties: SaopWebGridProperties;\r\n let gridToolbar:SaopWebGridToolbar;\r\n //\r\n gridToolbar = {id:\"saopWebGridTB2\",caption:captionToolbar, itemsTemplateId:toolbarItemsTemplateId};\r\n gridProperties = {\r\n gridId:\"#saopWebGrid2\"\r\n ,toolbar:gridToolbar\r\n ,dataTable:{enabled:true,ordering:false}\r\n }; \r\n //\r\n this.webGrid2.init(gridProperties); \r\n }\r\n\r\n showNextDayData():void{\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.showNextDayData\");\r\n let parsedDate = moment(this._selectedDate,\"DD.MM.YYYY\").add(1, 'days');\r\n\r\n //premikamo se lahko samo od prvega do zadnjega v mesecu _selectedDate\r\n if (moment(this._selectedDate,\"DD.MM.YYYY\").endOf('month').isBefore(moment(parsedDate,\"DD.MM.YYYY\"))){\r\n $('#showNextDayData').prop(\"disabled\", true);\r\n }\r\n else {\r\n $('#showNextDayData').prop(\"disabled\", false);\r\n let parsedDateF = parsedDate.format(\"DD.MM.YYYY\");\r\n this._selectedDate = parsedDateF;\r\n this.refreshListData(); \r\n }\r\n }\r\n\r\n showPreviousDayData():void{\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.showPreviousDayData\");\r\n let parsedDate = moment(this._selectedDate,\"DD.MM.YYYY\").add(-1, 'days');\r\n\r\n //premikamo se lahko samo od prvega do zadnjega v mesecu _selectedDate\r\n if (moment(this._selectedDate,\"DD.MM.YYYY\").startOf('month').isAfter(moment(parsedDate, \"DD.MM.YYYY\"))) {\r\n $('#showPreviousDayData').prop(\"disabled\", true);\r\n }\r\n else {\r\n $('#showPreviousDayData').prop(\"disabled\", false);\r\n let parsedDateF = parsedDate.format(\"DD.MM.YYYY\");\r\n this._selectedDate = parsedDateF;\r\n this.refreshListData();\r\n }\r\n } \r\n\r\n afterRefreshData():void{\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.afterRefreshListData\");\r\n }\r\n\r\n refreshListData(trigger:boolean = true):void{\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.refreshListData\");\r\n global.ConsoleLogDegug(trigger);\r\n let _this = this;\r\n this._saopServicesCore.afterDone = function(response){\r\n $(\"#fullscreenModalBody\").html(response);\r\n\r\n if (trigger && _this.afterRefreshData != null){ \r\n _this.afterRefreshData(); \r\n }\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"REGDayEvents/GetRegUraBrowseViewPV?SelectedDay=\" + _this._selectedDate+\"&employeeId=\"+_this._sifraZaposleni\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId:\"#saopLoadingSidebarr\"\r\n }); \r\n }\r\n\r\n refreshButtonsState(): void {\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.refreshButtonsState\");\r\n\r\n if (typeof $(this._addRecordEnabledId).val() === 'undefined') {\r\n return;\r\n }\r\n let _btnAddRecordEnabled = $(this._addRecordEnabledId).val().toString();\r\n if (!isUnDefined(_btnAddRecordEnabled) && _btnAddRecordEnabled.toLowerCase() == \"true\") {\r\n $(this._addButton1Id).removeAttr(\"disabled\");\r\n } else {\r\n $(this._addButton1Id).attr(\"disabled\", \"true\");\r\n }\r\n }\r\n\r\n public afterDeleteEventsSuccess(result: any): void {\r\n global.ConsoleLogDegug(\"afterDeleteEventsSuccess...\");\r\n this.refreshListData();\r\n }\r\n\r\n public onDeleteValidationError(result: any): void {\r\n global.ConsoleLogDegug(\"onDeleteValidationError...\");\r\n this._regUraDogodekDeleteOneView.afterViewShowSuccess(result);\r\n }\r\n\r\n refreshChainDataTable(leto: number, mesec: number, dan :number, IdZaposleni:string): void {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.refreshAllEmployeesTable\");\r\n\r\n let _this = this;\r\n let saopServicesCore = new SaopServicesCore();\r\n let params = { leto: leto, mesec: mesec, dan : dan, IdZaposleni : IdZaposleni };\r\n\r\n saopServicesCore.afterDone = function (response) {\r\n\r\n };\r\n saopServicesCore.ExecuteAction({\r\n action: \"REGAttendanceAllEmployees/GetAllEmployeesTable\"\r\n , data: params\r\n , type: \"GET\"\r\n , spinnerDivId: \"#attendanceAllEmployeesLoading\"\r\n }); \r\n\r\n }\r\n\r\n refreshChainingEvents():void{\r\n global.ConsoleLogDegug(\"SaopRegUraDanView.refreshListData\");\r\n let _this = this;\r\n this._saopServicesCore.afterDone = function(response){\r\n $(\"#fullscreenModalBody\").html(response);\r\n if (_this.afterRefreshData != null){ \r\n _this.afterRefreshData(); \r\n }\r\n };\r\n this._saopServicesCore.ExecuteAction({\r\n action:\"REGDayEvents/GetRegUraBrowseViewPV?SelectedDay=\" + _this._selectedDate+\"&employeeId=\"+_this._sifraZaposleni+\"&refresh=y\"\r\n ,data:null\r\n ,type:\"GET\"\r\n ,spinnerDivId:\"#saopLoadingSidebarr\"\r\n }); \r\n } \r\n\r\n //\r\n}\r\n\r\n\r\n","import { global } from \"../Common/saop-common\";\r\nimport { SaopCheckboxSwitch } from \"../Components/saop-checkbox-switch\";\r\nimport { SaopViewForm } from \"../core/saop-view-form\";\r\nimport { SaopMultiselect } from \"../Components/saop-multiselect\";\r\n\r\n\r\nexport class SaopRegUraDogodekView extends SaopViewForm {\r\n private _viewId: string; \r\n private _sifraDogodkaId: string = \"#SifraDogodka\";\r\n private _createRowActionId: string = \"#CreateRowAction\";\r\n private _eventStartId: string = \"#EventStart\";\r\n private _eventEndId: string = \"#EventEnd\";\r\n private _trajenjeMalicaId: string = \"#TrajenjeMalica\";\r\n \r\n private _cbvecDniCheckBoxMainControl: JQuery;\r\n private _cbvecDniCheckBoxControl: JQuery;\r\n private _enDatumDivControl: JQuery;\r\n private _vecDatumovDivControl: JQuery;\r\n private _izborVecDniControl: JQuery;\r\n private _selectZaposleni: SaopMultiselect;\r\n private _sifraLokacijeDivControl : JQuery;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this.setDictionary(); \r\n this.title = this.translationService.translate(\"Dogodek\");\r\n this.addRecordEndpoint = \"REGUraDogodek/CreateRegUraDogodek\";\r\n this.editRecordEndpoint = \"REGUraDogodek/EditRegUraDogodek\";\r\n this.deleteRecordEndpoint = \"REGUraDogodek/DeleteRegUraDogodek\"; \r\n\r\n this._viewId = viewId;\r\n this.viewShowComplete = this.initForm.bind(this);\r\n this.afterSubmitSuccess = this.initForm.bind(this);\r\n //\r\n this._selectZaposleni = new SaopMultiselect(libName + \"._selectZaposleni\", { inputWidthPX: '260px' });\r\n this._selectZaposleni.afterChangeCommonEvent = this.filterSelectZaposleniData.bind(this);\r\n //this._selectZaposleni.init(\"#employeesFilter\", \"Išči\"); \r\n //\r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Dogodek\",\"Ali ste prepričani, da želite izbrisati dogodek?\"];\r\n this.setTerminologyList(dictionary);\r\n } \r\n\r\n initForm() {\r\n this.title = this.translationService.translate(\"Dogodek\");\r\n this.onBtnCancel = this.emptyCheckboxHtml.bind(this);\r\n this.onSubmitSuccessComplete = this.emptyCheckboxHtml.bind(this);\r\n\r\n let _this = this;\r\n global.ConsoleLogDegug(this.id + \".initForm()\");\r\n\r\n let saopCheckboxSwitch = new SaopCheckboxSwitch();\r\n saopCheckboxSwitch.init(this.id);\r\n\r\n this._cbvecDniCheckBoxMainControl = $(\"\" + this._viewId + \" *> #vecDniCheckBox\");\r\n this._cbvecDniCheckBoxControl = $(\"\" + this._viewId + \" *> #cbvecDniCheckBox\");\r\n this._izborVecDniControl = $(\"\" + this._viewId + \" *> #IzborVecDni\");\r\n this._enDatumDivControl = $(\"\" + this._viewId + \" *> #enDatumDiv\");\r\n this._vecDatumovDivControl = $(\"\" + this._viewId + \" *> #vecDatumovDiv\");\r\n this._sifraLokacijeDivControl = $(\"\" + this._viewId + \" *> #SifraLokacije\");\r\n\r\n this.setDatumControlsDisplay();\r\n\r\n $(this._cbvecDniCheckBoxControl).change(function () {\r\n _this.setDatumControlsDisplay();\r\n }); \r\n\r\n this._selectZaposleni.init(\"#employeesFilter\", \"Zaposleni\"); \r\n let selected_options = $(\"#employeesFilter\").attr(\"data-selected\");\r\n if (selected_options !== undefined) {\r\n let array = selected_options.split(\",\");\r\n _this._selectZaposleni.setSelectValues(array);\r\n }\r\n\r\n this.toggleLocationInput();\r\n $(this._viewId + ' ' + this._sifraDogodkaId).off('change');\r\n $(this._viewId + ' ' + this._sifraDogodkaId).on('change', _this.onChangesifraDogodka.bind(this));\r\n\r\n $(this._viewId + ' ' + this._eventStartId).on('input', function () {\r\n _this.checkAndSetLunchEventEndTime();\r\n });\r\n }\r\n\r\n setDatumControlsDisplay(): void {\r\n let checked = this._cbvecDniCheckBoxControl.is(\":checked\");\r\n let checkedStringVal = checked ? \"true\" : \"false\";\r\n\r\n $(this._izborVecDniControl).val(checkedStringVal);\r\n\r\n if (this._enDatumDivControl != null && this._vecDatumovDivControl != null) {\r\n if (checked) {\r\n this._enDatumDivControl.hide();\r\n this._vecDatumovDivControl.show();\r\n }\r\n else {\r\n this._enDatumDivControl.show(); \r\n this._vecDatumovDivControl.hide();\r\n }\r\n }\r\n }\r\n\r\n // potrebno, ker switch checkbox ne dela dobro, če je na isti html več isti edit form\r\n emptyCheckboxHtml(): void {\r\n global.ConsoleLogDegug(this.id + \".emptyCheckboxHtml()\");\r\n this._cbvecDniCheckBoxMainControl.html(\"\");\r\n }\r\n filterSelectZaposleniData(element: any) {\r\n global.ConsoleLogDegug(\"SaopRegAttendanceAllEmployeesView.filterSelectZaposleniData\");\r\n \r\n // preberemo, katere sifre zaposlenih sodijo v izbrane skupine\r\n let izbraneSifreZaposlenih = (element.val().toString());\r\n\r\n console.log(\"ch...:\"+izbraneSifreZaposlenih);\r\n\r\n let _SelectedEmployees = $(\"#regUraDogodekView > #SelectedEmployees\");\r\n if (_SelectedEmployees.length > 0) {\r\n $(\"#regUraDogodekView > #SelectedEmployees\").val(izbraneSifreZaposlenih);\r\n } else {\r\n console.log(\"regUraDogodekView.SelectedEmployees not found ...\");\r\n }\r\n \r\n }\r\n\r\n onChangesifraDogodka(e: any): void {\r\n this.checkAndSetLunchEventEndTime();\r\n this.toggleLocationInput();\r\n }\r\n\r\n private checkAndSetLunchEventEndTime(): void {\r\n let _selectedValue = $(this._viewId + ' ' + this._sifraDogodkaId).val().toString();\r\n let createRowActionVal = $(this._viewId + ' ' + this._createRowActionId).val().toString().toLowerCase();\r\n let isCreateRowAction = createRowActionVal === \"true\" ? true : false;\r\n\r\n if (isCreateRowAction && _selectedValue == 'MAK') {\r\n let eventStart = $(this._viewId + ' ' + this._eventStartId).val().toString().trim()\r\n let uraStartArray = eventStart.split(':');\r\n\r\n if (uraStartArray.length == 3) {\r\n if (!isNaN(Number(uraStartArray[0])) && !isNaN(Number(uraStartArray[1])) && !isNaN(Number(uraStartArray[2]))) {\r\n let datumZac = new Date(2023, 1, 1, Number((uraStartArray[0])), Number((uraStartArray[1])), Number((uraStartArray[2])))\r\n\r\n let trajanjeMaliceUre = Number($(this._viewId + ' ' + this._trajenjeMalicaId).val().toString().replace(\",\",\".\"));\r\n if (isNaN(trajanjeMaliceUre)) {\r\n trajanjeMaliceUre = 0.5;\r\n }\r\n\r\n let datumKon = new Date(datumZac.getTime() + (1000 * 60 * 60 * trajanjeMaliceUre)); // ms * sekunde * minute * ure\r\n\r\n let ure = datumKon.getHours();\r\n let minute = datumKon.getMinutes();\r\n let sekunde = datumKon.getSeconds();\r\n let uraKonecString = this.addLeadingZero(ure) + \":\" + this.addLeadingZero(minute) + \":\" + this.addLeadingZero(sekunde)\r\n\r\n $(this._viewId + ' ' + this._eventEndId).val(uraKonecString);\r\n }\r\n }\r\n }\r\n }\r\n\r\n private toggleLocationInput(): void {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekView.toggleLocationInput\");\r\n\r\n let _selectedValue = $(this._viewId + ' ' + this._sifraDogodkaId).val().toString();\r\n\r\n let show = _selectedValue === '?' ? \"False\" : $('#' + _selectedValue).val();\r\n\r\n global.ConsoleLogDegug(show);\r\n \r\n if (show === 'True' || _selectedValue === 'RD') {\r\n this._sifraLokacijeDivControl.parent().show();\r\n } else {\r\n this._sifraLokacijeDivControl.parent().hide();\r\n }\r\n }\r\n\r\n private addLeadingZero(stevilo: number): string {\r\n return (stevilo < 10 ? \"0\" : \"\") + stevilo.toString().trim(); \r\n }\r\n // \r\n}\r\n","/// ;\r\n private _multipleDaysDiv:JQuery;\r\n private _singleDayDiv:JQuery; \r\n private _singleDaySelect:JQuery; \r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n super(viewId,libName);\r\n this._viewForm = new SaopViewForm(viewId,libName+\"._viewForm\");\r\n this.setDictionary(); \r\n this._viewForm.fullTitle = this._viewForm.translationService.translate(\"Brisanje\");\r\n this._viewForm.title = \"\";\r\n this._viewForm.addRecordEndpoint = \"REGUraDogodek/DeleteRegUraDogodekPartial\";\r\n this._viewForm.editRecordEndpoint = \"\";\r\n this._viewForm.deleteRecordEndpoint = \"\"; \r\n //\r\n this._viewForm.afterViewShowSuccess = this.afterViewShowSuccess.bind(this); \r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Brisanje\",\"Ali ste prepričani, da želite izbrisati dogodke?\"];\r\n this._viewForm.setTerminologyList(dictionary);\r\n } \r\n\r\n public showForm(params:SaopRegUraDogodekDeleteParamsters = null):void {\r\n global.ConsoleLogDegug(\"showForm...\");\r\n this._viewForm.addRecord(params);\r\n }\r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n global.ConsoleLogDegug(this.id + \".afterViewShowSuccess()\");\r\n let _this = this;\r\n //\r\n this._viewForm.refreshData = this.refreshData.bind(this);\r\n this._viewForm.onBtnOkClick = this.deleteDialog.bind(this);\r\n this._viewForm.afterSubmitSuccess = this.onValidationError.bind(this);\r\n //\r\n this._selectZaposleni = new SaopMultiselect();\r\n this._selectZaposleni.afterChangeCommonEvent = this.filterSelectZaposleniData.bind(this); \r\n //\r\n this._singleDaySelect = $(\"#deleteRegUraDogodekPartial\").find(\"#SingleDaySelect\");\r\n if (this._singleDaySelect.length == 0) {\r\n console.error(\"Could not find control 'SingleDaySelect'... \");\r\n } \r\n //\r\n this._cbSingleDaySelect = $(\"#deleteRegUraDogodekPartial\").find(\"#cbSingleDaySelectSwitch\");\r\n if (this._cbSingleDaySelect.length == 0) {\r\n console.error(\"Could not find control 'SingleDaySelect'... \");\r\n }\r\n //\r\n this._cbSingleDaySelect.off(\"change\",_this.setCBSelectedDaysDisplay);\r\n this._cbSingleDaySelect.on(\"change\",_this.setCBSelectedDaysDisplay.bind(this)); \r\n //\r\n this._multipleDaysDiv = $(\"#deleteRegUraDogodekPartial\").find(\"#multipleDaysDiv\");\r\n if (this._multipleDaysDiv.length == 0) {\r\n console.error(\"Could not find control 'multipleDaysDiv'... \");\r\n } \r\n //\r\n this._singleDayDiv = $(\"#deleteRegUraDogodekPartial\").find(\"#singleDayDiv\");\r\n if (this._singleDayDiv.length == 0) {\r\n console.error(\"Could not find control 'singleDayDiv'... \");\r\n } \r\n //\r\n this._selectZaposleni.init(\"#employeesFilter\", \"Zaposleni\");\r\n let selected_options = $(\"#employeesFilter\").attr(\"data-selected\");\r\n if (selected_options !== undefined) {\r\n let array = selected_options.split(\",\");\r\n _this._selectZaposleni.setSelectValues(array);\r\n }\r\n //\r\n let saopCheckboxSwitch = new SaopCheckboxSwitch();\r\n saopCheckboxSwitch.init(this._viewForm.id); \r\n\r\n }\r\n\r\n setCBSelectedDaysDisplay(): void {\r\n let checked = this._cbSingleDaySelect.is(\":checked\");\r\n let checkedStringVal = checked ? \"true\" : \"false\";\r\n $(this._cbSingleDaySelect).val(checkedStringVal);\r\n checkedStringVal = !checked ? \"true\" : \"false\"; \r\n $(this._singleDaySelect).val(checkedStringVal);\r\n\r\n if (this._singleDayDiv != null && this._multipleDaysDiv != null) {\r\n if (checked) {\r\n this._singleDayDiv.hide();\r\n this._multipleDaysDiv.show();\r\n }\r\n else {\r\n this._singleDayDiv.show(); \r\n this._multipleDaysDiv.hide();\r\n }\r\n }\r\n } \r\n\r\n filterSelectZaposleniData(element: any) {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekDeleteView.filterSelectZaposleniData\");\r\n \r\n // preberemo, katere sifre zaposlenih sodijo v izbrane skupine\r\n let izbraneSifreZaposlenih = (element.val().toString());\r\n\r\n console.log(\"ch...:\"+izbraneSifreZaposlenih);\r\n\r\n let _SelectedEmployees = $(\"#deleteRegUraDogodekPartial > #SelectedEmployees\");\r\n if (_SelectedEmployees.length > 0) {\r\n $(\"#deleteRegUraDogodekPartial > #SelectedEmployees\").val(izbraneSifreZaposlenih);\r\n } else {\r\n console.log(\"SelectedEmployees not found ...\");\r\n } \r\n }\r\n\r\n public deleteDialog(sender:any):void{\r\n global.ConsoleLogDegug(\"deleteDialog\");\r\n let message = this._viewForm.translationService.translate(\"Ali ste prepričani, da želite izbrisati dogodke?\");\r\n let title = this._viewForm.translationService.translate(\"Brisanje\");\r\n let saopMessageDlg = new SaopMessageDlg({data:null,parent:null}) \r\n saopMessageDlg.onYes = this.onDeleteRecord.bind(this);\r\n saopMessageDlg.Show(message,title,1,[SaopMsgDlgButton.mbYes,SaopMsgDlgButton.mbNo]);\r\n }\r\n\r\n public onDeleteRecord(sender:any):void{\r\n $(\"#deleteRegUraDogodekPartial\").submit();\r\n }\r\n\r\n public refreshData(sender:any):void {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekDeleteView.refreshData\");\r\n this.afterDeleteSuccess(sender);\r\n } \r\n\r\n public afterDeleteSuccess(sender:any):void {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekDeleteView.afterDeleteSuccess\");\r\n } \r\n\r\n public onValidationError(sender:any):void {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekDeleteView.onDeleteError\");\r\n //this._viewForm.bindViewEvents();\r\n this.afterValidationError(sender);\r\n } \r\n\r\n\r\n public afterValidationError(sender:any):void {\r\n global.ConsoleLogDegug(\"SaopRegUraDogodekDeleteView.AfterValidationError\");\r\n } \r\n //\r\n}","/// ;\r\n private _viewModalBody:JQuery; \r\n private _view_title:JQuery;\r\n private _view_btnOk:JQuery;\r\n private _view_btnCancel:JQuery;\r\n private _servicesParams:SaopServicesCoreParams = {action:null,data:null,type:\"POST\"};\r\n private _terminology: string[];\r\n private _prepareView:boolean = false;\r\n private _data:any;\r\n private _modalParent:boolean = false;\r\n //\r\n public _libName:string; \r\n public saopServicesCore:SaopServicesCore = new SaopServicesCore();\r\n public translationService:SaopTranslationService;\r\n public contentElementId = \".saop-modal-body-element\"; \r\n public addRecordEndpoint: string = \"\";\r\n public editRecordEndpoint: string = \"\";\r\n public deleteRecordEndpoint: string = \"\";\r\n public saopFloatingLabel: SaopFloatingLabel;\r\n //\r\n public onSucccessCallback: string = \"\";\r\n public onErrorCallback: string = \"\";\r\n public onFailureCallback: string = \"\";\r\n // \r\n public id:string;\r\n public title:string;\r\n public fullTitle:string = \"\";\r\n public fullScreen:boolean = false; \r\n //\r\n public onClose: (params:any) => any = null;\r\n public onSubmit: (params:any) => any = null;\r\n public onError: (params:any) => any = null; \r\n \r\n constructor(viewId:string,libName:string = \"\"){\r\n global.ConsoleLogDegug(\"SaopViewForm...\");\r\n global.ConsoleLogDegug(\"viewId:\"+viewId);\r\n this.id = viewId;\r\n this._libName = libName;\r\n this.onSucccessCallback = libName+\".onSubmitSuccess(data,\"+libName+\");\";\r\n this.onErrorCallback = libName + \".onSubmitError(data,\" + libName + \");\"; \r\n this.onFailureCallback = libName + \".onSubmitFailure(xhr,\" + libName + \");\"; \r\n this.translationService = new SaopTranslationService();\r\n this.saopFloatingLabel = new SaopFloatingLabel();\r\n // \r\n }\r\n\r\n getData():any {\r\n return this._data;\r\n }\r\n\r\n public setTerminologyList(dictionary: string[] = null) {\r\n this._terminology = [\"Uredi\",\"Nov vnos\",\"Podrobnosti\",\"Brisanje\"];\r\n if (dictionary != null) {\r\n this._terminology = this._terminology.concat(dictionary);\r\n }\r\n this.translationService.setTranslationsList(this._terminology);\r\n } \r\n\r\n public onBtnOkClick(sender:any):void{\r\n global.ConsoleLogDegug(\"onBtnOkClick...\");\r\n }\r\n\r\n public onBtnCancel(sender:any):void{\r\n global.ConsoleLogDegug(\"onBtnCancel...\");\r\n } \r\n\r\n public beforeViewShow(sender:any):void{\r\n global.ConsoleLogDegug(this.id+\".beforeViewShow()\");\r\n \r\n this._viewModalFrame = $(this.id);\r\n if (this._viewModalFrame == null) { console.log(this.id+\" not found!\");};\r\n //\r\n var contentSel = this.id + \" \" + this.contentElementId;\r\n this._viewModalBody = $(contentSel); \r\n }\r\n\r\n public afterViewShow(sender:any,wfAction:SaopWfAction):void{\r\n global.ConsoleLogDegug(this.id+\".afterViewShow()\");\r\n\r\n let _this = this;\r\n\r\n this.bindViewEvents(sender);\r\n\r\n // let _this = this;\r\n // this._view_btnOk = $(\"\"+this.id+\" *> #btnOk\");\r\n // this._view_btnCancel = $(\"\"+this.id+\" *> #btnCancel\");\r\n // this._view_title = $(\"\"+this.id+\" *> #exampleModalLongTitle\");\r\n //\r\n\r\n global.ConsoleLogDegug(\"afterViewShow title:\"+ this.title);\r\n\r\n if (this.fullTitle.length > 0) {\r\n this.title = this.fullTitle;\r\n }\r\n\r\n if (!isEmpty(this.title)){\r\n let _title = \"\";\r\n if (this.fullTitle.length > 0) {\r\n _title = this.title;\r\n }else if (wfAction == SaopWfAction.wfaAddRecord){\r\n _title = this.translationService.translate(\"Nov vnos\")+\": \"+this.title;\r\n } else if (wfAction == SaopWfAction.wfaEditRecord){\r\n _title = this.translationService.translate(\"Uredi\")+\": \"+this.title;\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails){ \r\n _title = this.translationService.translate(\"Podrobnosti\")+\": \"+this.title;\r\n } \r\n global.ConsoleLogDegug(\"afterViewShow _title:\"+ _title);\r\n\r\n this._view_title.html(_title);\r\n } else {\r\n if (wfAction == SaopWfAction.wfaAddRecord){\r\n let defaultTitleAdd = $(\"\"+this.id+\" *> #addTitle\").val().toString();\r\n this._view_title.html(defaultTitleAdd);\r\n } else {\r\n let defaultTitleEdit = $(\"\"+this.id+\" *> #editTitle\").val().toString();\r\n this._view_title.html(defaultTitleEdit);\r\n }\r\n }\r\n\r\n this.viewShowComplete(sender, wfAction);\r\n \r\n //\r\n // this._view_btnOk.click(\r\n // function () {\r\n // _this.onBtnOkClick(sender);\r\n // }\r\n // );\r\n\r\n // this._view_btnCancel.click(\r\n // function () {\r\n // _this.onBtnCancel(sender);\r\n // }\r\n // ); \r\n \r\n //this.bindViewEvents();\r\n\r\n this._modalParent = $(\"body\").hasClass(\"modal-open\");\r\n\r\n if (this._prepareView == false){\r\n this._viewModalFrame.modal('show');\r\n setModalFormZIndex(this.id); \r\n setFirstFormControlToFocus(this.id);\r\n }\r\n //\r\n this.afterViewShowSuccess(sender);\r\n\r\n }\r\n\r\n public afterViewShowSuccess(sender:any):void{\r\n global.ConsoleLogDegug(this.id + \".afterViewShowSuccess()\");\r\n }\r\n\r\n public viewShowComplete(sender: any, wfAction: SaopWfAction): void {\r\n global.ConsoleLogDegug(this.id + \".viewShowComplete()\");\r\n }\r\n\r\n public viewShownComplete(sender: any): void {\r\n global.ConsoleLogDegug(this.id + \".viewShownComplete()\");\r\n }\r\n\r\n public bindViewEvents(sender:any): void {\r\n global.ConsoleLogDegug(\"bindViewEvents\");\r\n\r\n let _this = this;\r\n let divForm = this._viewModalFrame.find(\"form\");\r\n \r\n this._view_btnOk = $(\"\"+this.id+\" *> #btnOk\");\r\n this._view_btnCancel = $(\"\"+this.id+\" *> #btnCancel\");\r\n this._view_title = $(\"\"+this.id+\" *> #exampleModalLongTitle\"); \r\n\r\n this._view_btnOk.click(\r\n function () {\r\n _this.onBtnOkClick(sender);\r\n }\r\n );\r\n\r\n this._view_btnCancel.click(\r\n function () {\r\n _this.onBtnCancel(sender);\r\n }\r\n ); \r\n\r\n if (this.onSucccessCallback !== null) {\r\n divForm.attr(\"data-ajax-success\", this.onSucccessCallback);\r\n }\r\n if (this.onErrorCallback !== null) {\r\n divForm.attr(\"data-ajax-error\", this.onErrorCallback);\r\n }\r\n if (this.onFailureCallback !== null) {\r\n divForm.attr(\"data-ajax-failure\", this.onFailureCallback);\r\n }\r\n \r\n this._viewModalFrame.on('hidden.bs.modal', function (e) { \r\n if (_this._modalParent) {\r\n $(\"body\").addClass(\"modal-open\");\r\n } \r\n })\r\n\r\n this._viewModalFrame.on('shown.bs.modal', function(e) { \r\n _this.viewShownComplete(e);\r\n });\r\n\r\n this.saopFloatingLabel.init(); \r\n }\r\n\r\n private renderErrorsBanner(errors:Error[]):SaopServicesCoreResponse {\r\n let result:SaopServicesCoreResponse;\r\n result = {response:SaopServicesCoreResult.error,data:null}; \r\n //\r\n let jsonData = JSON.stringify(errors);\r\n let _data = {jsonInput:jsonData}; \r\n //\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterSuccess = function (response:SaopServicesCoreResponse) {\r\n result = response;\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action: \"Errors/RenderErrorsBanner\"\r\n , type: \"POST\"\r\n , data: _data\r\n , async: false\r\n });\r\n\r\n return result;\r\n }\r\n\r\n public renderError(errMessage:string):void{\r\n try {\r\n global.ConsoleLogDegug(\"ajax.afterError\");\r\n let _errors:Error[];\r\n _errors = [{Code:\"\",Message:errMessage}]; \r\n let _parentView = $(this.id).parent();\r\n let _errorBannerId = this.id+\"ErrorBanner\";\r\n let _view_banner = _parentView.find(_errorBannerId);\r\n if ( isUnDefined(_view_banner) || _view_banner.length == 0) {\r\n _parentView.append(\"
\");\r\n _view_banner = _parentView.find(_errorBannerId);\r\n }\r\n let _bannerResult = this.renderErrorsBanner(_errors);\r\n _view_banner.html(_bannerResult.data.viewContent); \r\n }\r\n catch(err) {\r\n alert(err.message);\r\n } \r\n }\r\n //public loadViewBody(wfAction:SaopWfAction,data:any,sender:any):SaopServicesCoreResult{\r\n public loadViewBody(wfAction:SaopWfAction,data:any,sender:any):void{\r\n global.ConsoleLogDegug(\"loadViewBody\");\r\n let _this = this;\r\n this.beforeViewShow(sender);\r\n\r\n if (wfAction != SaopWfAction.wfaCustomHtml) {\r\n let _ajaxAction = wfAction == SaopWfAction.wfaAddRecord ? this.addRecordEndpoint : this.editRecordEndpoint;\r\n //_ajaxAction = getSiteAbsoluteURL(_ajaxAction);\r\n\r\n this._servicesParams = {action:_ajaxAction,data:data,type:\"POST\"};\r\n\r\n this.saopServicesCore.afterSuccess = function(_ajaxResult){\r\n if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n global.ConsoleLogDegug(\"ajax.success\");\r\n _this._viewModalBody.html(_ajaxResult.data);\r\n _this.afterViewShow(sender,wfAction);\r\n } else {\r\n global.ConsoleLogDegug(\"ajax.error\");\r\n if ((isUnDefined(_ajaxResult.data) && isUnDefined(_ajaxResult.data.alertMessage)) == false){\r\n _this.renderError(_ajaxResult.data.alertMessage);\r\n } else if (_ajaxResult.data.responseJSON && _ajaxResult.data.responseJSON.message){\r\n alertify.error(_ajaxResult.data.responseJSON.message);\r\n } \r\n }\r\n \r\n };\r\n \r\n this.saopServicesCore.afterError = function(_ajaxResult){\r\n //###\r\n if ((isUnDefined(_ajaxResult.data) && isUnDefined(_ajaxResult.data.alertMessage)) == false){\r\n _this.renderError(_ajaxResult.data.alertMessage);\r\n } else {\r\n alert(\"Internal error!\");\r\n }\r\n };\r\n \r\n this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n } else {\r\n if (!isUnDefined(data) && !isUnDefined(data.html)) {\r\n this._viewModalBody.html(data.html);\r\n }\r\n _this.afterViewShow(sender,wfAction);\r\n }\r\n\r\n } \r\n\r\n public afterSubmitSuccess(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.afterExecuteSuccess\");\r\n }\r\n\r\n public onSubmitSuccessComplete(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitSuccessComplete\");\r\n }\r\n\r\n public onSubmitError(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitError\");\r\n }\r\n\r\n public onSubmitFailure(result: any): void {\r\n global.ConsoleLogDegug(\"submit.onSubmitFailure\");\r\n var saopServicesCore = new SaopServicesCore();\r\n saopServicesCore.handleSubmitError(result);\r\n }\r\n \r\n public onSubmitSuccess(result: SaopWfSubmitResult): void {\r\n global.ConsoleLogDegug(\"submit.onExecuteSuccess\");\r\n if (result.success) {\r\n global.ConsoleLogDegug(\"submit.success\");\r\n\r\n this._viewModalFrame.modal('hide');\r\n\r\n // just in case: odstrani, če je še vedno vidno, avtomatsko se ne zapre vedno :(\r\n $('.modal-backdrop').remove();\r\n $(document.body).removeClass(\"modal-open\");\r\n\r\n if (result.alertMessage) {\r\n alertify.message(result.alertMessage);\r\n } \r\n\r\n if (!isUnDefined(this.refreshData)){\r\n this.refreshData(result);\r\n }\r\n\r\n this.onSubmitSuccessComplete(result);\r\n } else {\r\n global.ConsoleLogDegug(\"submit.error\");\r\n global.ConsoleLogDegug(\"reload view form\");\r\n this._viewModalBody.html(result.viewContent);\r\n this.bindViewEvents(result);\r\n }\r\n this.afterSubmitSuccess(result);\r\n } \r\n\r\n public onDeleteRecord(deleteData:any):void {\r\n global.ConsoleLogDegug(\"onDeleteRecord\");\r\n let _this = this;\r\n this._servicesParams = {action:this.deleteRecordEndpoint,data:deleteData,type:\"POST\"};\r\n\r\n this.saopServicesCore.afterSuccess = function(_ajaxResult){\r\n if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n alertify.message(_ajaxResult.data.alertMessage);\r\n if (!isUnDefined(_this.refreshData)){\r\n _this.refreshData(deleteData);\r\n }\r\n } else {\r\n alertify.error(_ajaxResult.data.alertMessage);\r\n }\r\n };\r\n this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n\r\n // let _ajaxResult = this.saopServicesCore.ExecuteAction(this._servicesParams);\r\n // if (_ajaxResult.response == SaopServicesCoreResult.success){\r\n // alertify.message(_ajaxResult.data.alertMessage);\r\n // if (!isUnDefined(this.refreshData)){\r\n // this.refreshData(deleteData);\r\n // }\r\n // } else {\r\n // alertify.error(_ajaxResult.data.alertMessage);\r\n // }\r\n // return _ajaxResult.response;\r\n }\r\n \r\n public refreshData(sender:any):void {\r\n global.ConsoleLogDegug(\"refreshData\");\r\n }\r\n\r\n public deleteRecord(title:string,message:string,deleteData:any):void{\r\n global.ConsoleLogDegug(\"deleteRecord.begin\");\r\n let saopMessageDlg = new SaopMessageDlg(deleteData) \r\n saopMessageDlg.onYes = this.onDeleteRecord.bind(this);\r\n saopMessageDlg.Show(message,title,1,[SaopMsgDlgButton.mbYes,SaopMsgDlgButton.mbNo]);\r\n global.ConsoleLogDegug(\"deleteRecord.end\");\r\n }\r\n\r\n public addRecord(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"addRecord\");\r\n this._data = data;\r\n let _result = this.loadViewBody(SaopWfAction.wfaAddRecord,data,sender);\r\n }\r\n\r\n public editRecord(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"editRecord\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaEditRecord,data,sender);\r\n }\r\n\r\n public recordDetails(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"editRecord\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaRecordDestails,data,sender);\r\n }\r\n\r\n public custonHtmlBody(data:any,sender:any = null):void {\r\n global.ConsoleLogDegug(\"custonHtmlBody\");\r\n this._data = data;\r\n this.loadViewBody(SaopWfAction.wfaCustomHtml,data,sender);\r\n }\r\n\r\n // public recordPreview(data:any,sender:any = null):void {\r\n // global.ConsoleLogDegug(\"editRecord\");\r\n // this.loadViewBody(SaopWfAction.wfaPrepareView,data,sender);\r\n // } \r\n\r\n public showViewForm(wfAction:SaopWfAction,data:any,sender:any = null):void{\r\n global.ConsoleLogDegug(\"showViewForm\");\r\n this._data = data;\r\n if (wfAction == SaopWfAction.wfaAddRecord) {\r\n this.addRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaEditRecord) {\r\n this.editRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails) { \r\n this.recordDetails(data,sender); \r\n } else if (wfAction == SaopWfAction.wfaCustomHtml) {\r\n this.custonHtmlBody(data,sender); \r\n } \r\n this.SetToFullScreen(); \r\n } \r\n\r\n public prepareViewForm(wfAction:SaopWfAction,data:any,sender:any = null):void{\r\n global.ConsoleLogDegug(\"showViewForm\");\r\n this._data = data;\r\n this._prepareView = true;\r\n if (wfAction == SaopWfAction.wfaAddRecord) {\r\n this.addRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaEditRecord) {\r\n this.editRecord(data,sender);\r\n } else if (wfAction == SaopWfAction.wfaRecordDestails) { \r\n this.recordDetails(data,sender); \r\n } else if (wfAction == SaopWfAction.wfaCustomHtml) {\r\n this.custonHtmlBody(data,sender); \r\n } \r\n\r\n this.SetToFullScreen(); \r\n } \r\n\r\n public SetToFullScreen(){\r\n if (this.fullScreen ){\r\n this._viewModalFrame.addClass(\"saop-modal-fullscreen-form\");\r\n let _dialogDiv = this._viewModalFrame.find(\".modal-dialog\");\r\n _dialogDiv.removeClass('modal-dialog-centered');\r\n _dialogDiv.addClass('modal-fullscreen');\r\n _dialogDiv.removeAttr('style');\r\n \r\n let _content = this._viewModalFrame.find(\".modal-content\");\r\n _content.removeAttr('class');\r\n _content.addClass('modal-content');\r\n }\r\n }\r\n\r\n public refreshElementData(htmlContent:string,elementId:string): void {\r\n global.ConsoleLogDegug(\"refreshElementData\");\r\n let _document = $(htmlContent);\r\n let _cell = _document.find(elementId);\r\n $(elementId).replaceWith(_cell);\r\n }\r\n\r\n public CloseViewForm(): void {\r\n this._viewModalFrame.modal('hide');\r\n // just in case: odstrani, če je še vedno vidno, avtomatsko se ne zapre vedno :(\r\n $('.modal-backdrop').remove();\r\n $(document.body).removeClass(\"modal-open\"); \r\n }\r\n\r\n public showModal():void {\r\n if (this._prepareView == false){\r\n this._viewModalFrame.modal('show');\r\n setModalFormZIndex(this.id); \r\n setFirstFormControlToFocus(this.id);\r\n } \r\n }\r\n \r\n // \r\n}\r\n","import { global, setFirstFormControlToFocus } from \"./Common/saop-common\";\r\nimport { SaopUtils } from \"./Core/saop-utils\";\r\nimport { SaopTogglePanel } from \"./Components/saop-toggle-panel\";\r\nimport { SaopInputMask } from \"./Components/saop-inputmask\";\r\nimport { SaopCheckboxSwitch } from \"./Components/saop-checkbox-switch\";\r\nimport { SaopMultiselect } from \"./Components/saop-multiselect\";\r\nimport { SaopViewSpinner } from './Components/saop-view-spinner';\r\nimport { SaopRightSidebar } from './Components/saop-right-sidebar';\r\nimport { SaopCalendar } from \"./Components/saop-calendar\";\r\nimport { MenuSidebar } from \"./Components/saop-menu-sidebar\";\r\nimport { SaopMessageDlg } from \"./Components/saop-message-dlg\";\r\nimport { SaopPopupDialog } from './Components/saop-popup-dialog'\r\nimport { SaopFloatingLabel } from \"./Components/saop-floating-label\";\r\nimport { SaopRegView } from \"./REG/saop-regUra-view\";\r\nimport { SaopRegUraDanView } from \"./REG/saop-regUraDan-view\"\r\nimport { SaopRegUraDogodekView } from \"./REG/saop-regUraDogodek-view\";\r\nimport { SaopRegAbsenceEventsView } from \"./REG/saop-regAbsenceEvents-view\";\r\nimport { SaopRegTodayEventsView } from \"./REG/saop-regTodayEvents-view\";\r\nimport { SaopDashboardView } from \"./Dashboard/saop-dashboard-view\";\r\nimport { SaopRegAttendanceView } from './REG/saop-regAttendance-view';\r\nimport { SaopAbsenceConfirmationView } from './AbsenceConfirmation/saop-absenceConfirmation-view';\r\nimport { SaopAbsenceConfirmationPendingView } from \"./AbsenceConfirmation/saop-absenceConfirmation-pending-view\";\r\nimport { SaopAbsenceConfirmationProcessedView } from \"./AbsenceConfirmation/saop-absenceConfirmation-processed-view\";\r\nimport { SaopAbsenceConfirmationCalendarView } from \"./AbsenceConfirmation/saop-absenceConfirmationCalendar-view\";\r\nimport { SaopSplDocumentView } from \"./SPLDocument/saop-splDocument-view\";\r\nimport { SaopAbsenceConfirmationDetailsEvents } from \"./AbsenceConfirmation/saop-absenceConfirmation-details-events\";\r\nimport { SaopAbsenceConfirmationPartiallyApproveView } from \"./AbsenceConfirmation/saop-absenceConfirmation-partially-approve-view\";\r\nimport { OPNPotniNalogiGrid } from \"./OPN/OPNPotniNalogi-grid\";\r\nimport { OPNPotniNalogiArhivGrid } from \"./OPN/OPNPotniNalogiArhiv-grid\";\r\nimport { OPNPotniNalogiAllGrid } from \"./OPN/OPNPotniNalogiAll-grid\";\r\nimport { SaopSettingsView } from \"./Settings/saop-settings-view\";\r\nimport { SaopRegAbsenceMainView } from \"./REG/saop-regAbsenceMain-view\";\r\nimport { SaopOrganigramView } from \"./Organization/saop-organigram-view\";\r\nimport { SaopRegAttendanceAllEmployeesView } from './REG/saop-regAttendanceAllEmployees-view';\r\nimport { SaopChangePwdView } from './Account/saop-change-pwd-view';\r\nimport { NDKInternalOrders } from \"./NDK/NDKInternalOrders\";\r\nimport { NDKInternalOrderEditForm } from \"./NDK/NDKInternalOrderEditForm\";\r\nimport { KeEployeeLeaveListGrid } from './AbsenceConfirmation/saop-employeeLeaveList-grid'\r\nimport { KEMyGrades } from './KE/KEMyGrades';\r\nimport { KEMyGradeDetails } from './KE/KEMyGradeDetails';\r\nimport { KEGradesPeriod } from './KE/KEGradesPeriod';\r\nimport { SaopGoogleMaps } from './Components/saop-googlemaps';\r\nimport { SaopRegAttendanceAllEmployeesAnalysisView } from \"./REG/saop-regAttendanceAllEmployeesAnalysis-view\";\r\nimport { LIKVCakalnaVrstaGrid } from \"./LIKV/LIKVCakalnaVrsta-grid\";\r\nimport { LIKVCakalnaVrstaView } from \"./LIKV/LIKVCakalnaVrsta-view\";\r\nimport { SaopAppSettingsView } from \"./AppSettings/saop-appsettings-view\";\r\nimport { LIKVCakalnaVrstaArhivGrid } from \"./LIKV/LIKVCakalnaVrstaArhiv-grid\";\r\nimport { SaopRegAttendanceAllEmployeesExcessHoursGrid } from \"./REG/saop-regAttendanceAllEmployeesExcessHours-grid\";\r\nimport { LIKVNivojiPotrjevanjaGrid } from \"./LIKV/LIKVNivojiPotrjevanja-grid\";\r\n\r\n/*import { extend } from \"jquery\";*/\r\n\r\nexport function checkCompatibility(): boolean {\r\n global.ConsoleLogDegug(\"checkCompatibility\");\r\n let utils = new SaopUtils();\r\n return utils.checkCompatibility();\r\n}\r\n\r\nexport function initClientLogModeValue() {\r\n global.debugMode = global.GetClientLogModeStorageValue();\r\n}\r\n\r\nexport function initSiteBaseUrlValue() {\r\n global.siteBaseUrl = global.getSiteBaseUrl()\r\n}\r\n\r\nexport function initializeSiteJS() {\r\n global.ConsoleLogDegug(\"initializeSiteJS\");\r\n //new MenuSidebar().init();\r\n new SaopTogglePanel().init();\r\n\r\n document.addEventListener('keydown', function (e) {\r\n if (e.ctrlKey && e.altKey && e.keyCode == 79) {\r\n // CTRL + ALT + O\r\n global.SetClientLogModeStorageValue();\r\n global.debugMode = global.GetClientLogModeStorageValue();\r\n }\r\n });\r\n\r\n global.setHelpLink();\r\n}\r\n\r\nexport function setFirstControlToFocus(formId: string) {\r\n setFirstFormControlToFocus(formId);\r\n}\r\n\r\nexport class SaopTogglePanelEx extends SaopTogglePanel{};\r\n\r\nexport class SaopInputMaskEx extends SaopInputMask{};\r\n\r\nexport class SaopCheckboxSwitchEx extends SaopCheckboxSwitch{};\r\n\r\nexport class SaopMultiselectEx extends SaopMultiselect{};\r\n\r\nexport class SaopCalendarEx extends SaopCalendar{};\r\n\r\nexport class SaopMessageDlgEx extends SaopMessageDlg{};\r\n\r\nexport class SaopPopupDialogEx extends SaopPopupDialog{};\r\n\r\nexport class SaopRegViewEx extends SaopRegView{};\r\n\r\nexport class SaopRegUraDanViewEx extends SaopRegUraDanView{};\r\n\r\nexport class SaopRegUraDogodekViewEx extends SaopRegUraDogodekView{};\r\n\r\nexport class SaopRegAbsenceEventsViewEx extends SaopRegAbsenceEventsView { };\r\n\r\nexport class SaopRegTodayEventsViewEx extends SaopRegTodayEventsView { };\r\n\r\nexport class SaopDashboardViewEx extends SaopDashboardView { };\r\n\r\nexport class SaopViewSpinnerEX extends SaopViewSpinner { };\r\n\r\nexport class SaopRightSidebarEx extends SaopRightSidebar { };\r\n\r\nexport class SaopRegAttendanceViewEx extends SaopRegAttendanceView { };\r\n\r\nexport class SaopAbsenceConfirmationViewEx extends SaopAbsenceConfirmationView { };\r\n\r\nexport class SaopAbsenceConfirmationPendingViewEx extends SaopAbsenceConfirmationPendingView { }; \r\n\r\nexport class SaopAbsenceConfirmationProcessedViewEx extends SaopAbsenceConfirmationProcessedView { };\r\n\r\nexport class SaopAbsenceConfirmationCalendarViewEx extends SaopAbsenceConfirmationCalendarView { };\r\n\r\nexport class SaopSplDocumentViewEx extends SaopSplDocumentView { };\r\n\r\nexport class SaopAbsenceConfirmationDetailsEventsEx extends SaopAbsenceConfirmationDetailsEvents { };\r\n\r\nexport class SaopAbsenceConfirmationPartiallyApproveViewEx extends SaopAbsenceConfirmationPartiallyApproveView { };\r\n\r\nexport class OPNPotniNalogiGridEx extends OPNPotniNalogiGrid { };\r\n\r\nexport class OPNPotniNalogiGridArhivEx extends OPNPotniNalogiArhivGrid { };\r\n\r\nexport class OPNPotniNalogiAllGridEx extends OPNPotniNalogiAllGrid { };\r\n\r\nexport class SaopFloatingLabelEx extends SaopFloatingLabel { };\r\n\r\nexport class SaopSettingsViewEx extends SaopSettingsView { };\r\n\r\nexport class SaopRegAbsenceMainViewEx extends SaopRegAbsenceMainView { };\r\n\r\nexport class SaopOrganigramViewEx extends SaopOrganigramView { };\r\n\r\nexport class SaopRegAttendanceAllEmployeesViewEx extends SaopRegAttendanceAllEmployeesView { };\r\n\r\nexport class SaopChangePwdViewEx extends SaopChangePwdView { };\r\n\r\nexport class NDKInternalOrdersEx extends NDKInternalOrders { };\r\n\r\nexport class NDKInternalOrderEditFormEx extends NDKInternalOrderEditForm { };\r\n\r\nexport class KeEployeeLeaveListGridEx extends KeEployeeLeaveListGrid { };\r\n\r\nexport class KEMyGradesEx extends KEMyGrades { }\r\n\r\nexport class KEMyGradeDetailsEx extends KEMyGradeDetails { };\r\n\r\nexport class KEGradesPeriodEx extends KEGradesPeriod { };\r\n\r\nexport class SaopGoogleMapsEx extends SaopGoogleMaps { };\r\n\r\nexport class SaopRegAttendanceAllEmployeesAnalysisViewEx extends SaopRegAttendanceAllEmployeesAnalysisView { };\r\n\r\nexport class LIKVCakalnaVrstaGridEx extends LIKVCakalnaVrstaGrid {};\r\n\r\nexport class LIKVCakalnaVrstaViewEx extends LIKVCakalnaVrstaView {};\r\n\r\nexport class SaopAppSettingsViewEx extends SaopAppSettingsView {};\r\n\r\nexport class LIKVCakalnaVrstaGridArhivEx extends LIKVCakalnaVrstaArhivGrid { };\r\n\r\nexport class SaopRegAttendanceAllEmployeesExcessHoursGridEx extends SaopRegAttendanceAllEmployeesExcessHoursGrid { };\r\n\r\nexport class mojInfoMenuSidebarEx extends MenuSidebar { };\r\n\r\nexport class LIKVNivojiPotrjevanjaGridEx extends LIKVNivojiPotrjevanjaGrid { };\r\n//","import { global, getRelativeSiteURL, getSiteAbsoluteURL, isEmpty, isUnDefined } from \"../Common/saop-common\";\r\nimport { SaopViewForm } from \"../Core/saop-view-form\";\r\nimport { SaopMultiselect } from \"../Components/saop-multiselect\";\r\nimport { SaopServicesCore } from \"../Core/saop-services-core\";\r\n\r\nexport class OPNSelectPassengersView extends SaopViewForm {\r\n private _selectZaposleni: SaopMultiselect;\r\n\r\n constructor(viewId:string,libName:string = \"\"){\r\n global.ConsoleLogDegug(\"OPNPotniNalogiGoggleMapsView\");\r\n super(viewId,libName);\r\n this.setDictionary(); \r\n this.addRecordEndpoint = \"\";\r\n this.editRecordEndpoint = \"TravelOrder/GetSelectPassengersView\";\r\n this.deleteRecordEndpoint = \"\"; \r\n this.fullScreen = true;\r\n this.fullTitle = this.translationService.translate(\"Nov vnos: Sopotnik\");\r\n this.fullScreen = false;\r\n //\r\n this.afterViewShowSuccess = this.afterViewShowSuccessExt.bind(this); \r\n //\r\n this._selectZaposleni = new SaopMultiselect(libName+\"._selectZaposleni\",{selectAll:false,selectAllOption:false,inputWidthPX:'260px'});\r\n this._selectZaposleni.afterChangeCommonEvent = this.refreshSelectedEmployeesList.bind(this);\r\n }\r\n\r\n setDictionary(){\r\n let dictionary:string[] = [\"Nov vnos: Sopotnik\"];\r\n this.setTerminologyList(dictionary);\r\n} \r\n\r\n public bindRemoveButtonEvents ():void{\r\n let _this = this;\r\n //\r\n $(this.id).find('.saop-remove-item-event').off('click');\r\n $(this.id).find('.saop-remove-item-event').bind('click', \r\n function(row) {\r\n global.ConsoleLogDegug(\".saop-remove-item-event.click\");\r\n // //\r\n let _btnRemove = row.currentTarget;\r\n let _sifrazaposleni = _btnRemove.getAttribute(\"data-sifrazaposleni\");\r\n //\r\n _this._selectZaposleni.unsetSelectValues([_sifrazaposleni]);\r\n } \r\n ); \r\n\r\n }\r\n\r\n public afterViewShowSuccessExt(sender:any):void{\r\n global.ConsoleLogDegug(this.id + \".afterViewShowSuccessExt()\");\r\n this._selectZaposleni.init(\"#opnModel_SelectedEmployees\", \"Zaposleni\"); \r\n } \r\n \r\n public refreshSelectedEmployeesList():void {\r\n global.ConsoleLogDegug(\"regreshSelectedEmployeesList\");\r\n\r\n let _selectedEmployeesList = $(this.id).find(\"#opnModel_SelectedEmployees\").val() as [any];\r\n //\r\n $(this.id).find(\"#SelectedEmployeesList\").val(_selectedEmployeesList);\r\n //\r\n var myJsonString = JSON.stringify(_selectedEmployeesList);\r\n this.refreshLinksData(myJsonString);\r\n //\r\n }\r\n\r\n refreshLinksData(jsonEmployeesList:string):void {\r\n global.ConsoleLogDegug(\"refreshLinksData\");\r\n let _this = this;\r\n\r\n let _data = this.getData();\r\n Object.assign(_data, {\"jsonEmployeesList\":jsonEmployeesList});\r\n\r\n let _saopServicesCore = new SaopServicesCore();\r\n _saopServicesCore.afterDone = function(response){\r\n $(_this.id).find(\"#SelectedEmployeesListAjax\").html(response);\r\n _this.bindRemoveButtonEvents();\r\n };\r\n _saopServicesCore.ExecuteAction({\r\n action:\"TravelOrder/GetLinks\" \r\n ,data: _data\r\n ,type:\"GET\"\r\n }); \r\n }\r\n\r\n\r\n //\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n","//! moment.js\n//! version : 2.30.1\n//! authors : Tim Wood, Iskren Chernev, Moment.js contributors\n//! license : MIT\n//! momentjs.com\n\n;(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n global.moment = factory()\n}(this, (function () { 'use strict';\n\n var hookCallback;\n\n function hooks() {\n return hookCallback.apply(null, arguments);\n }\n\n // This is done to register the method called with moment()\n // without creating circular dependencies.\n function setHookCallback(callback) {\n hookCallback = callback;\n }\n\n function isArray(input) {\n return (\n input instanceof Array ||\n Object.prototype.toString.call(input) === '[object Array]'\n );\n }\n\n function isObject(input) {\n // IE8 will treat undefined and null as object if it wasn't for\n // input != null\n return (\n input != null &&\n Object.prototype.toString.call(input) === '[object Object]'\n );\n }\n\n function hasOwnProp(a, b) {\n return Object.prototype.hasOwnProperty.call(a, b);\n }\n\n function isObjectEmpty(obj) {\n if (Object.getOwnPropertyNames) {\n return Object.getOwnPropertyNames(obj).length === 0;\n } else {\n var k;\n for (k in obj) {\n if (hasOwnProp(obj, k)) {\n return false;\n }\n }\n return true;\n }\n }\n\n function isUndefined(input) {\n return input === void 0;\n }\n\n function isNumber(input) {\n return (\n typeof input === 'number' ||\n Object.prototype.toString.call(input) === '[object Number]'\n );\n }\n\n function isDate(input) {\n return (\n input instanceof Date ||\n Object.prototype.toString.call(input) === '[object Date]'\n );\n }\n\n function map(arr, fn) {\n var res = [],\n i,\n arrLen = arr.length;\n for (i = 0; i < arrLen; ++i) {\n res.push(fn(arr[i], i));\n }\n return res;\n }\n\n function extend(a, b) {\n for (var i in b) {\n if (hasOwnProp(b, i)) {\n a[i] = b[i];\n }\n }\n\n if (hasOwnProp(b, 'toString')) {\n a.toString = b.toString;\n }\n\n if (hasOwnProp(b, 'valueOf')) {\n a.valueOf = b.valueOf;\n }\n\n return a;\n }\n\n function createUTC(input, format, locale, strict) {\n return createLocalOrUTC(input, format, locale, strict, true).utc();\n }\n\n function defaultParsingFlags() {\n // We need to deep clone this object.\n return {\n empty: false,\n unusedTokens: [],\n unusedInput: [],\n overflow: -2,\n charsLeftOver: 0,\n nullInput: false,\n invalidEra: null,\n invalidMonth: null,\n invalidFormat: false,\n userInvalidated: false,\n iso: false,\n parsedDateParts: [],\n era: null,\n meridiem: null,\n rfc2822: false,\n weekdayMismatch: false,\n };\n }\n\n function getParsingFlags(m) {\n if (m._pf == null) {\n m._pf = defaultParsingFlags();\n }\n return m._pf;\n }\n\n var some;\n if (Array.prototype.some) {\n some = Array.prototype.some;\n } else {\n some = function (fun) {\n var t = Object(this),\n len = t.length >>> 0,\n i;\n\n for (i = 0; i < len; i++) {\n if (i in t && fun.call(this, t[i], i, t)) {\n return true;\n }\n }\n\n return false;\n };\n }\n\n function isValid(m) {\n var flags = null,\n parsedParts = false,\n isNowValid = m._d && !isNaN(m._d.getTime());\n if (isNowValid) {\n flags = getParsingFlags(m);\n parsedParts = some.call(flags.parsedDateParts, function (i) {\n return i != null;\n });\n isNowValid =\n flags.overflow < 0 &&\n !flags.empty &&\n !flags.invalidEra &&\n !flags.invalidMonth &&\n !flags.invalidWeekday &&\n !flags.weekdayMismatch &&\n !flags.nullInput &&\n !flags.invalidFormat &&\n !flags.userInvalidated &&\n (!flags.meridiem || (flags.meridiem && parsedParts));\n if (m._strict) {\n isNowValid =\n isNowValid &&\n flags.charsLeftOver === 0 &&\n flags.unusedTokens.length === 0 &&\n flags.bigHour === undefined;\n }\n }\n if (Object.isFrozen == null || !Object.isFrozen(m)) {\n m._isValid = isNowValid;\n } else {\n return isNowValid;\n }\n return m._isValid;\n }\n\n function createInvalid(flags) {\n var m = createUTC(NaN);\n if (flags != null) {\n extend(getParsingFlags(m), flags);\n } else {\n getParsingFlags(m).userInvalidated = true;\n }\n\n return m;\n }\n\n // Plugins that add properties should also add the key here (null value),\n // so we can properly clone ourselves.\n var momentProperties = (hooks.momentProperties = []),\n updateInProgress = false;\n\n function copyConfig(to, from) {\n var i,\n prop,\n val,\n momentPropertiesLen = momentProperties.length;\n\n if (!isUndefined(from._isAMomentObject)) {\n to._isAMomentObject = from._isAMomentObject;\n }\n if (!isUndefined(from._i)) {\n to._i = from._i;\n }\n if (!isUndefined(from._f)) {\n to._f = from._f;\n }\n if (!isUndefined(from._l)) {\n to._l = from._l;\n }\n if (!isUndefined(from._strict)) {\n to._strict = from._strict;\n }\n if (!isUndefined(from._tzm)) {\n to._tzm = from._tzm;\n }\n if (!isUndefined(from._isUTC)) {\n to._isUTC = from._isUTC;\n }\n if (!isUndefined(from._offset)) {\n to._offset = from._offset;\n }\n if (!isUndefined(from._pf)) {\n to._pf = getParsingFlags(from);\n }\n if (!isUndefined(from._locale)) {\n to._locale = from._locale;\n }\n\n if (momentPropertiesLen > 0) {\n for (i = 0; i < momentPropertiesLen; i++) {\n prop = momentProperties[i];\n val = from[prop];\n if (!isUndefined(val)) {\n to[prop] = val;\n }\n }\n }\n\n return to;\n }\n\n // Moment prototype object\n function Moment(config) {\n copyConfig(this, config);\n this._d = new Date(config._d != null ? config._d.getTime() : NaN);\n if (!this.isValid()) {\n this._d = new Date(NaN);\n }\n // Prevent infinite loop in case updateOffset creates new moment\n // objects.\n if (updateInProgress === false) {\n updateInProgress = true;\n hooks.updateOffset(this);\n updateInProgress = false;\n }\n }\n\n function isMoment(obj) {\n return (\n obj instanceof Moment || (obj != null && obj._isAMomentObject != null)\n );\n }\n\n function warn(msg) {\n if (\n hooks.suppressDeprecationWarnings === false &&\n typeof console !== 'undefined' &&\n console.warn\n ) {\n console.warn('Deprecation warning: ' + msg);\n }\n }\n\n function deprecate(msg, fn) {\n var firstTime = true;\n\n return extend(function () {\n if (hooks.deprecationHandler != null) {\n hooks.deprecationHandler(null, msg);\n }\n if (firstTime) {\n var args = [],\n arg,\n i,\n key,\n argLen = arguments.length;\n for (i = 0; i < argLen; i++) {\n arg = '';\n if (typeof arguments[i] === 'object') {\n arg += '\\n[' + i + '] ';\n for (key in arguments[0]) {\n if (hasOwnProp(arguments[0], key)) {\n arg += key + ': ' + arguments[0][key] + ', ';\n }\n }\n arg = arg.slice(0, -2); // Remove trailing comma and space\n } else {\n arg = arguments[i];\n }\n args.push(arg);\n }\n warn(\n msg +\n '\\nArguments: ' +\n Array.prototype.slice.call(args).join('') +\n '\\n' +\n new Error().stack\n );\n firstTime = false;\n }\n return fn.apply(this, arguments);\n }, fn);\n }\n\n var deprecations = {};\n\n function deprecateSimple(name, msg) {\n if (hooks.deprecationHandler != null) {\n hooks.deprecationHandler(name, msg);\n }\n if (!deprecations[name]) {\n warn(msg);\n deprecations[name] = true;\n }\n }\n\n hooks.suppressDeprecationWarnings = false;\n hooks.deprecationHandler = null;\n\n function isFunction(input) {\n return (\n (typeof Function !== 'undefined' && input instanceof Function) ||\n Object.prototype.toString.call(input) === '[object Function]'\n );\n }\n\n function set(config) {\n var prop, i;\n for (i in config) {\n if (hasOwnProp(config, i)) {\n prop = config[i];\n if (isFunction(prop)) {\n this[i] = prop;\n } else {\n this['_' + i] = prop;\n }\n }\n }\n this._config = config;\n // Lenient ordinal parsing accepts just a number in addition to\n // number + (possibly) stuff coming from _dayOfMonthOrdinalParse.\n // TODO: Remove \"ordinalParse\" fallback in next major release.\n this._dayOfMonthOrdinalParseLenient = new RegExp(\n (this._dayOfMonthOrdinalParse.source || this._ordinalParse.source) +\n '|' +\n /\\d{1,2}/.source\n );\n }\n\n function mergeConfigs(parentConfig, childConfig) {\n var res = extend({}, parentConfig),\n prop;\n for (prop in childConfig) {\n if (hasOwnProp(childConfig, prop)) {\n if (isObject(parentConfig[prop]) && isObject(childConfig[prop])) {\n res[prop] = {};\n extend(res[prop], parentConfig[prop]);\n extend(res[prop], childConfig[prop]);\n } else if (childConfig[prop] != null) {\n res[prop] = childConfig[prop];\n } else {\n delete res[prop];\n }\n }\n }\n for (prop in parentConfig) {\n if (\n hasOwnProp(parentConfig, prop) &&\n !hasOwnProp(childConfig, prop) &&\n isObject(parentConfig[prop])\n ) {\n // make sure changes to properties don't modify parent config\n res[prop] = extend({}, res[prop]);\n }\n }\n return res;\n }\n\n function Locale(config) {\n if (config != null) {\n this.set(config);\n }\n }\n\n var keys;\n\n if (Object.keys) {\n keys = Object.keys;\n } else {\n keys = function (obj) {\n var i,\n res = [];\n for (i in obj) {\n if (hasOwnProp(obj, i)) {\n res.push(i);\n }\n }\n return res;\n };\n }\n\n var defaultCalendar = {\n sameDay: '[Today at] LT',\n nextDay: '[Tomorrow at] LT',\n nextWeek: 'dddd [at] LT',\n lastDay: '[Yesterday at] LT',\n lastWeek: '[Last] dddd [at] LT',\n sameElse: 'L',\n };\n\n function calendar(key, mom, now) {\n var output = this._calendar[key] || this._calendar['sameElse'];\n return isFunction(output) ? output.call(mom, now) : output;\n }\n\n function zeroFill(number, targetLength, forceSign) {\n var absNumber = '' + Math.abs(number),\n zerosToFill = targetLength - absNumber.length,\n sign = number >= 0;\n return (\n (sign ? (forceSign ? '+' : '') : '-') +\n Math.pow(10, Math.max(0, zerosToFill)).toString().substr(1) +\n absNumber\n );\n }\n\n var formattingTokens =\n /(\\[[^\\[]*\\])|(\\\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,\n localFormattingTokens = /(\\[[^\\[]*\\])|(\\\\)?(LTS|LT|LL?L?L?|l{1,4})/g,\n formatFunctions = {},\n formatTokenFunctions = {};\n\n // token: 'M'\n // padded: ['MM', 2]\n // ordinal: 'Mo'\n // callback: function () { this.month() + 1 }\n function addFormatToken(token, padded, ordinal, callback) {\n var func = callback;\n if (typeof callback === 'string') {\n func = function () {\n return this[callback]();\n };\n }\n if (token) {\n formatTokenFunctions[token] = func;\n }\n if (padded) {\n formatTokenFunctions[padded[0]] = function () {\n return zeroFill(func.apply(this, arguments), padded[1], padded[2]);\n };\n }\n if (ordinal) {\n formatTokenFunctions[ordinal] = function () {\n return this.localeData().ordinal(\n func.apply(this, arguments),\n token\n );\n };\n }\n }\n\n function removeFormattingTokens(input) {\n if (input.match(/\\[[\\s\\S]/)) {\n return input.replace(/^\\[|\\]$/g, '');\n }\n return input.replace(/\\\\/g, '');\n }\n\n function makeFormatFunction(format) {\n var array = format.match(formattingTokens),\n i,\n length;\n\n for (i = 0, length = array.length; i < length; i++) {\n if (formatTokenFunctions[array[i]]) {\n array[i] = formatTokenFunctions[array[i]];\n } else {\n array[i] = removeFormattingTokens(array[i]);\n }\n }\n\n return function (mom) {\n var output = '',\n i;\n for (i = 0; i < length; i++) {\n output += isFunction(array[i])\n ? array[i].call(mom, format)\n : array[i];\n }\n return output;\n };\n }\n\n // format date using native date object\n function formatMoment(m, format) {\n if (!m.isValid()) {\n return m.localeData().invalidDate();\n }\n\n format = expandFormat(format, m.localeData());\n formatFunctions[format] =\n formatFunctions[format] || makeFormatFunction(format);\n\n return formatFunctions[format](m);\n }\n\n function expandFormat(format, locale) {\n var i = 5;\n\n function replaceLongDateFormatTokens(input) {\n return locale.longDateFormat(input) || input;\n }\n\n localFormattingTokens.lastIndex = 0;\n while (i >= 0 && localFormattingTokens.test(format)) {\n format = format.replace(\n localFormattingTokens,\n replaceLongDateFormatTokens\n );\n localFormattingTokens.lastIndex = 0;\n i -= 1;\n }\n\n return format;\n }\n\n var defaultLongDateFormat = {\n LTS: 'h:mm:ss A',\n LT: 'h:mm A',\n L: 'MM/DD/YYYY',\n LL: 'MMMM D, YYYY',\n LLL: 'MMMM D, YYYY h:mm A',\n LLLL: 'dddd, MMMM D, YYYY h:mm A',\n };\n\n function longDateFormat(key) {\n var format = this._longDateFormat[key],\n formatUpper = this._longDateFormat[key.toUpperCase()];\n\n if (format || !formatUpper) {\n return format;\n }\n\n this._longDateFormat[key] = formatUpper\n .match(formattingTokens)\n .map(function (tok) {\n if (\n tok === 'MMMM' ||\n tok === 'MM' ||\n tok === 'DD' ||\n tok === 'dddd'\n ) {\n return tok.slice(1);\n }\n return tok;\n })\n .join('');\n\n return this._longDateFormat[key];\n }\n\n var defaultInvalidDate = 'Invalid date';\n\n function invalidDate() {\n return this._invalidDate;\n }\n\n var defaultOrdinal = '%d',\n defaultDayOfMonthOrdinalParse = /\\d{1,2}/;\n\n function ordinal(number) {\n return this._ordinal.replace('%d', number);\n }\n\n var defaultRelativeTime = {\n future: 'in %s',\n past: '%s ago',\n s: 'a few seconds',\n ss: '%d seconds',\n m: 'a minute',\n mm: '%d minutes',\n h: 'an hour',\n hh: '%d hours',\n d: 'a day',\n dd: '%d days',\n w: 'a week',\n ww: '%d weeks',\n M: 'a month',\n MM: '%d months',\n y: 'a year',\n yy: '%d years',\n };\n\n function relativeTime(number, withoutSuffix, string, isFuture) {\n var output = this._relativeTime[string];\n return isFunction(output)\n ? output(number, withoutSuffix, string, isFuture)\n : output.replace(/%d/i, number);\n }\n\n function pastFuture(diff, output) {\n var format = this._relativeTime[diff > 0 ? 'future' : 'past'];\n return isFunction(format) ? format(output) : format.replace(/%s/i, output);\n }\n\n var aliases = {\n D: 'date',\n dates: 'date',\n date: 'date',\n d: 'day',\n days: 'day',\n day: 'day',\n e: 'weekday',\n weekdays: 'weekday',\n weekday: 'weekday',\n E: 'isoWeekday',\n isoweekdays: 'isoWeekday',\n isoweekday: 'isoWeekday',\n DDD: 'dayOfYear',\n dayofyears: 'dayOfYear',\n dayofyear: 'dayOfYear',\n h: 'hour',\n hours: 'hour',\n hour: 'hour',\n ms: 'millisecond',\n milliseconds: 'millisecond',\n millisecond: 'millisecond',\n m: 'minute',\n minutes: 'minute',\n minute: 'minute',\n M: 'month',\n months: 'month',\n month: 'month',\n Q: 'quarter',\n quarters: 'quarter',\n quarter: 'quarter',\n s: 'second',\n seconds: 'second',\n second: 'second',\n gg: 'weekYear',\n weekyears: 'weekYear',\n weekyear: 'weekYear',\n GG: 'isoWeekYear',\n isoweekyears: 'isoWeekYear',\n isoweekyear: 'isoWeekYear',\n w: 'week',\n weeks: 'week',\n week: 'week',\n W: 'isoWeek',\n isoweeks: 'isoWeek',\n isoweek: 'isoWeek',\n y: 'year',\n years: 'year',\n year: 'year',\n };\n\n function normalizeUnits(units) {\n return typeof units === 'string'\n ? aliases[units] || aliases[units.toLowerCase()]\n : undefined;\n }\n\n function normalizeObjectUnits(inputObject) {\n var normalizedInput = {},\n normalizedProp,\n prop;\n\n for (prop in inputObject) {\n if (hasOwnProp(inputObject, prop)) {\n normalizedProp = normalizeUnits(prop);\n if (normalizedProp) {\n normalizedInput[normalizedProp] = inputObject[prop];\n }\n }\n }\n\n return normalizedInput;\n }\n\n var priorities = {\n date: 9,\n day: 11,\n weekday: 11,\n isoWeekday: 11,\n dayOfYear: 4,\n hour: 13,\n millisecond: 16,\n minute: 14,\n month: 8,\n quarter: 7,\n second: 15,\n weekYear: 1,\n isoWeekYear: 1,\n week: 5,\n isoWeek: 5,\n year: 1,\n };\n\n function getPrioritizedUnits(unitsObj) {\n var units = [],\n u;\n for (u in unitsObj) {\n if (hasOwnProp(unitsObj, u)) {\n units.push({ unit: u, priority: priorities[u] });\n }\n }\n units.sort(function (a, b) {\n return a.priority - b.priority;\n });\n return units;\n }\n\n var match1 = /\\d/, // 0 - 9\n match2 = /\\d\\d/, // 00 - 99\n match3 = /\\d{3}/, // 000 - 999\n match4 = /\\d{4}/, // 0000 - 9999\n match6 = /[+-]?\\d{6}/, // -999999 - 999999\n match1to2 = /\\d\\d?/, // 0 - 99\n match3to4 = /\\d\\d\\d\\d?/, // 999 - 9999\n match5to6 = /\\d\\d\\d\\d\\d\\d?/, // 99999 - 999999\n match1to3 = /\\d{1,3}/, // 0 - 999\n match1to4 = /\\d{1,4}/, // 0 - 9999\n match1to6 = /[+-]?\\d{1,6}/, // -999999 - 999999\n matchUnsigned = /\\d+/, // 0 - inf\n matchSigned = /[+-]?\\d+/, // -inf - inf\n matchOffset = /Z|[+-]\\d\\d:?\\d\\d/gi, // +00:00 -00:00 +0000 -0000 or Z\n matchShortOffset = /Z|[+-]\\d\\d(?::?\\d\\d)?/gi, // +00 -00 +00:00 -00:00 +0000 -0000 or Z\n matchTimestamp = /[+-]?\\d+(\\.\\d{1,3})?/, // 123456789 123456789.123\n // any word (or two) characters or numbers including two/three word month in arabic.\n // includes scottish gaelic two word and hyphenated months\n matchWord =\n /[0-9]{0,256}['a-z\\u00A0-\\u05FF\\u0700-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFF07\\uFF10-\\uFFEF]{1,256}|[\\u0600-\\u06FF\\/]{1,256}(\\s*?[\\u0600-\\u06FF]{1,256}){1,2}/i,\n match1to2NoLeadingZero = /^[1-9]\\d?/, // 1-99\n match1to2HasZero = /^([1-9]\\d|\\d)/, // 0-99\n regexes;\n\n regexes = {};\n\n function addRegexToken(token, regex, strictRegex) {\n regexes[token] = isFunction(regex)\n ? regex\n : function (isStrict, localeData) {\n return isStrict && strictRegex ? strictRegex : regex;\n };\n }\n\n function getParseRegexForToken(token, config) {\n if (!hasOwnProp(regexes, token)) {\n return new RegExp(unescapeFormat(token));\n }\n\n return regexes[token](config._strict, config._locale);\n }\n\n // Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript\n function unescapeFormat(s) {\n return regexEscape(\n s\n .replace('\\\\', '')\n .replace(\n /\\\\(\\[)|\\\\(\\])|\\[([^\\]\\[]*)\\]|\\\\(.)/g,\n function (matched, p1, p2, p3, p4) {\n return p1 || p2 || p3 || p4;\n }\n )\n );\n }\n\n function regexEscape(s) {\n return s.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n }\n\n function absFloor(number) {\n if (number < 0) {\n // -0 -> 0\n return Math.ceil(number) || 0;\n } else {\n return Math.floor(number);\n }\n }\n\n function toInt(argumentForCoercion) {\n var coercedNumber = +argumentForCoercion,\n value = 0;\n\n if (coercedNumber !== 0 && isFinite(coercedNumber)) {\n value = absFloor(coercedNumber);\n }\n\n return value;\n }\n\n var tokens = {};\n\n function addParseToken(token, callback) {\n var i,\n func = callback,\n tokenLen;\n if (typeof token === 'string') {\n token = [token];\n }\n if (isNumber(callback)) {\n func = function (input, array) {\n array[callback] = toInt(input);\n };\n }\n tokenLen = token.length;\n for (i = 0; i < tokenLen; i++) {\n tokens[token[i]] = func;\n }\n }\n\n function addWeekParseToken(token, callback) {\n addParseToken(token, function (input, array, config, token) {\n config._w = config._w || {};\n callback(input, config._w, config, token);\n });\n }\n\n function addTimeToArrayFromToken(token, input, config) {\n if (input != null && hasOwnProp(tokens, token)) {\n tokens[token](input, config._a, config, token);\n }\n }\n\n function isLeapYear(year) {\n return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n }\n\n var YEAR = 0,\n MONTH = 1,\n DATE = 2,\n HOUR = 3,\n MINUTE = 4,\n SECOND = 5,\n MILLISECOND = 6,\n WEEK = 7,\n WEEKDAY = 8;\n\n // FORMATTING\n\n addFormatToken('Y', 0, 0, function () {\n var y = this.year();\n return y <= 9999 ? zeroFill(y, 4) : '+' + y;\n });\n\n addFormatToken(0, ['YY', 2], 0, function () {\n return this.year() % 100;\n });\n\n addFormatToken(0, ['YYYY', 4], 0, 'year');\n addFormatToken(0, ['YYYYY', 5], 0, 'year');\n addFormatToken(0, ['YYYYYY', 6, true], 0, 'year');\n\n // PARSING\n\n addRegexToken('Y', matchSigned);\n addRegexToken('YY', match1to2, match2);\n addRegexToken('YYYY', match1to4, match4);\n addRegexToken('YYYYY', match1to6, match6);\n addRegexToken('YYYYYY', match1to6, match6);\n\n addParseToken(['YYYYY', 'YYYYYY'], YEAR);\n addParseToken('YYYY', function (input, array) {\n array[YEAR] =\n input.length === 2 ? hooks.parseTwoDigitYear(input) : toInt(input);\n });\n addParseToken('YY', function (input, array) {\n array[YEAR] = hooks.parseTwoDigitYear(input);\n });\n addParseToken('Y', function (input, array) {\n array[YEAR] = parseInt(input, 10);\n });\n\n // HELPERS\n\n function daysInYear(year) {\n return isLeapYear(year) ? 366 : 365;\n }\n\n // HOOKS\n\n hooks.parseTwoDigitYear = function (input) {\n return toInt(input) + (toInt(input) > 68 ? 1900 : 2000);\n };\n\n // MOMENTS\n\n var getSetYear = makeGetSet('FullYear', true);\n\n function getIsLeapYear() {\n return isLeapYear(this.year());\n }\n\n function makeGetSet(unit, keepTime) {\n return function (value) {\n if (value != null) {\n set$1(this, unit, value);\n hooks.updateOffset(this, keepTime);\n return this;\n } else {\n return get(this, unit);\n }\n };\n }\n\n function get(mom, unit) {\n if (!mom.isValid()) {\n return NaN;\n }\n\n var d = mom._d,\n isUTC = mom._isUTC;\n\n switch (unit) {\n case 'Milliseconds':\n return isUTC ? d.getUTCMilliseconds() : d.getMilliseconds();\n case 'Seconds':\n return isUTC ? d.getUTCSeconds() : d.getSeconds();\n case 'Minutes':\n return isUTC ? d.getUTCMinutes() : d.getMinutes();\n case 'Hours':\n return isUTC ? d.getUTCHours() : d.getHours();\n case 'Date':\n return isUTC ? d.getUTCDate() : d.getDate();\n case 'Day':\n return isUTC ? d.getUTCDay() : d.getDay();\n case 'Month':\n return isUTC ? d.getUTCMonth() : d.getMonth();\n case 'FullYear':\n return isUTC ? d.getUTCFullYear() : d.getFullYear();\n default:\n return NaN; // Just in case\n }\n }\n\n function set$1(mom, unit, value) {\n var d, isUTC, year, month, date;\n\n if (!mom.isValid() || isNaN(value)) {\n return;\n }\n\n d = mom._d;\n isUTC = mom._isUTC;\n\n switch (unit) {\n case 'Milliseconds':\n return void (isUTC\n ? d.setUTCMilliseconds(value)\n : d.setMilliseconds(value));\n case 'Seconds':\n return void (isUTC ? d.setUTCSeconds(value) : d.setSeconds(value));\n case 'Minutes':\n return void (isUTC ? d.setUTCMinutes(value) : d.setMinutes(value));\n case 'Hours':\n return void (isUTC ? d.setUTCHours(value) : d.setHours(value));\n case 'Date':\n return void (isUTC ? d.setUTCDate(value) : d.setDate(value));\n // case 'Day': // Not real\n // return void (isUTC ? d.setUTCDay(value) : d.setDay(value));\n // case 'Month': // Not used because we need to pass two variables\n // return void (isUTC ? d.setUTCMonth(value) : d.setMonth(value));\n case 'FullYear':\n break; // See below ...\n default:\n return; // Just in case\n }\n\n year = value;\n month = mom.month();\n date = mom.date();\n date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;\n void (isUTC\n ? d.setUTCFullYear(year, month, date)\n : d.setFullYear(year, month, date));\n }\n\n // MOMENTS\n\n function stringGet(units) {\n units = normalizeUnits(units);\n if (isFunction(this[units])) {\n return this[units]();\n }\n return this;\n }\n\n function stringSet(units, value) {\n if (typeof units === 'object') {\n units = normalizeObjectUnits(units);\n var prioritized = getPrioritizedUnits(units),\n i,\n prioritizedLen = prioritized.length;\n for (i = 0; i < prioritizedLen; i++) {\n this[prioritized[i].unit](units[prioritized[i].unit]);\n }\n } else {\n units = normalizeUnits(units);\n if (isFunction(this[units])) {\n return this[units](value);\n }\n }\n return this;\n }\n\n function mod(n, x) {\n return ((n % x) + x) % x;\n }\n\n var indexOf;\n\n if (Array.prototype.indexOf) {\n indexOf = Array.prototype.indexOf;\n } else {\n indexOf = function (o) {\n // I know\n var i;\n for (i = 0; i < this.length; ++i) {\n if (this[i] === o) {\n return i;\n }\n }\n return -1;\n };\n }\n\n function daysInMonth(year, month) {\n if (isNaN(year) || isNaN(month)) {\n return NaN;\n }\n var modMonth = mod(month, 12);\n year += (month - modMonth) / 12;\n return modMonth === 1\n ? isLeapYear(year)\n ? 29\n : 28\n : 31 - ((modMonth % 7) % 2);\n }\n\n // FORMATTING\n\n addFormatToken('M', ['MM', 2], 'Mo', function () {\n return this.month() + 1;\n });\n\n addFormatToken('MMM', 0, 0, function (format) {\n return this.localeData().monthsShort(this, format);\n });\n\n addFormatToken('MMMM', 0, 0, function (format) {\n return this.localeData().months(this, format);\n });\n\n // PARSING\n\n addRegexToken('M', match1to2, match1to2NoLeadingZero);\n addRegexToken('MM', match1to2, match2);\n addRegexToken('MMM', function (isStrict, locale) {\n return locale.monthsShortRegex(isStrict);\n });\n addRegexToken('MMMM', function (isStrict, locale) {\n return locale.monthsRegex(isStrict);\n });\n\n addParseToken(['M', 'MM'], function (input, array) {\n array[MONTH] = toInt(input) - 1;\n });\n\n addParseToken(['MMM', 'MMMM'], function (input, array, config, token) {\n var month = config._locale.monthsParse(input, token, config._strict);\n // if we didn't find a month name, mark the date as invalid.\n if (month != null) {\n array[MONTH] = month;\n } else {\n getParsingFlags(config).invalidMonth = input;\n }\n });\n\n // LOCALES\n\n var defaultLocaleMonths =\n 'January_February_March_April_May_June_July_August_September_October_November_December'.split(\n '_'\n ),\n defaultLocaleMonthsShort =\n 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),\n MONTHS_IN_FORMAT = /D[oD]?(\\[[^\\[\\]]*\\]|\\s)+MMMM?/,\n defaultMonthsShortRegex = matchWord,\n defaultMonthsRegex = matchWord;\n\n function localeMonths(m, format) {\n if (!m) {\n return isArray(this._months)\n ? this._months\n : this._months['standalone'];\n }\n return isArray(this._months)\n ? this._months[m.month()]\n : this._months[\n (this._months.isFormat || MONTHS_IN_FORMAT).test(format)\n ? 'format'\n : 'standalone'\n ][m.month()];\n }\n\n function localeMonthsShort(m, format) {\n if (!m) {\n return isArray(this._monthsShort)\n ? this._monthsShort\n : this._monthsShort['standalone'];\n }\n return isArray(this._monthsShort)\n ? this._monthsShort[m.month()]\n : this._monthsShort[\n MONTHS_IN_FORMAT.test(format) ? 'format' : 'standalone'\n ][m.month()];\n }\n\n function handleStrictParse(monthName, format, strict) {\n var i,\n ii,\n mom,\n llc = monthName.toLocaleLowerCase();\n if (!this._monthsParse) {\n // this is not used\n this._monthsParse = [];\n this._longMonthsParse = [];\n this._shortMonthsParse = [];\n for (i = 0; i < 12; ++i) {\n mom = createUTC([2000, i]);\n this._shortMonthsParse[i] = this.monthsShort(\n mom,\n ''\n ).toLocaleLowerCase();\n this._longMonthsParse[i] = this.months(mom, '').toLocaleLowerCase();\n }\n }\n\n if (strict) {\n if (format === 'MMM') {\n ii = indexOf.call(this._shortMonthsParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._longMonthsParse, llc);\n return ii !== -1 ? ii : null;\n }\n } else {\n if (format === 'MMM') {\n ii = indexOf.call(this._shortMonthsParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._longMonthsParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._longMonthsParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortMonthsParse, llc);\n return ii !== -1 ? ii : null;\n }\n }\n }\n\n function localeMonthsParse(monthName, format, strict) {\n var i, mom, regex;\n\n if (this._monthsParseExact) {\n return handleStrictParse.call(this, monthName, format, strict);\n }\n\n if (!this._monthsParse) {\n this._monthsParse = [];\n this._longMonthsParse = [];\n this._shortMonthsParse = [];\n }\n\n // TODO: add sorting\n // Sorting makes sure if one month (or abbr) is a prefix of another\n // see sorting in computeMonthsParse\n for (i = 0; i < 12; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, i]);\n if (strict && !this._longMonthsParse[i]) {\n this._longMonthsParse[i] = new RegExp(\n '^' + this.months(mom, '').replace('.', '') + '$',\n 'i'\n );\n this._shortMonthsParse[i] = new RegExp(\n '^' + this.monthsShort(mom, '').replace('.', '') + '$',\n 'i'\n );\n }\n if (!strict && !this._monthsParse[i]) {\n regex =\n '^' + this.months(mom, '') + '|^' + this.monthsShort(mom, '');\n this._monthsParse[i] = new RegExp(regex.replace('.', ''), 'i');\n }\n // test the regex\n if (\n strict &&\n format === 'MMMM' &&\n this._longMonthsParse[i].test(monthName)\n ) {\n return i;\n } else if (\n strict &&\n format === 'MMM' &&\n this._shortMonthsParse[i].test(monthName)\n ) {\n return i;\n } else if (!strict && this._monthsParse[i].test(monthName)) {\n return i;\n }\n }\n }\n\n // MOMENTS\n\n function setMonth(mom, value) {\n if (!mom.isValid()) {\n // No op\n return mom;\n }\n\n if (typeof value === 'string') {\n if (/^\\d+$/.test(value)) {\n value = toInt(value);\n } else {\n value = mom.localeData().monthsParse(value);\n // TODO: Another silent failure?\n if (!isNumber(value)) {\n return mom;\n }\n }\n }\n\n var month = value,\n date = mom.date();\n\n date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));\n void (mom._isUTC\n ? mom._d.setUTCMonth(month, date)\n : mom._d.setMonth(month, date));\n return mom;\n }\n\n function getSetMonth(value) {\n if (value != null) {\n setMonth(this, value);\n hooks.updateOffset(this, true);\n return this;\n } else {\n return get(this, 'Month');\n }\n }\n\n function getDaysInMonth() {\n return daysInMonth(this.year(), this.month());\n }\n\n function monthsShortRegex(isStrict) {\n if (this._monthsParseExact) {\n if (!hasOwnProp(this, '_monthsRegex')) {\n computeMonthsParse.call(this);\n }\n if (isStrict) {\n return this._monthsShortStrictRegex;\n } else {\n return this._monthsShortRegex;\n }\n } else {\n if (!hasOwnProp(this, '_monthsShortRegex')) {\n this._monthsShortRegex = defaultMonthsShortRegex;\n }\n return this._monthsShortStrictRegex && isStrict\n ? this._monthsShortStrictRegex\n : this._monthsShortRegex;\n }\n }\n\n function monthsRegex(isStrict) {\n if (this._monthsParseExact) {\n if (!hasOwnProp(this, '_monthsRegex')) {\n computeMonthsParse.call(this);\n }\n if (isStrict) {\n return this._monthsStrictRegex;\n } else {\n return this._monthsRegex;\n }\n } else {\n if (!hasOwnProp(this, '_monthsRegex')) {\n this._monthsRegex = defaultMonthsRegex;\n }\n return this._monthsStrictRegex && isStrict\n ? this._monthsStrictRegex\n : this._monthsRegex;\n }\n }\n\n function computeMonthsParse() {\n function cmpLenRev(a, b) {\n return b.length - a.length;\n }\n\n var shortPieces = [],\n longPieces = [],\n mixedPieces = [],\n i,\n mom,\n shortP,\n longP;\n for (i = 0; i < 12; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, i]);\n shortP = regexEscape(this.monthsShort(mom, ''));\n longP = regexEscape(this.months(mom, ''));\n shortPieces.push(shortP);\n longPieces.push(longP);\n mixedPieces.push(longP);\n mixedPieces.push(shortP);\n }\n // Sorting makes sure if one month (or abbr) is a prefix of another it\n // will match the longer piece.\n shortPieces.sort(cmpLenRev);\n longPieces.sort(cmpLenRev);\n mixedPieces.sort(cmpLenRev);\n\n this._monthsRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._monthsShortRegex = this._monthsRegex;\n this._monthsStrictRegex = new RegExp(\n '^(' + longPieces.join('|') + ')',\n 'i'\n );\n this._monthsShortStrictRegex = new RegExp(\n '^(' + shortPieces.join('|') + ')',\n 'i'\n );\n }\n\n function createDate(y, m, d, h, M, s, ms) {\n // can't just apply() to create a date:\n // https://stackoverflow.com/q/181348\n var date;\n // the date constructor remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n date = new Date(y + 400, m, d, h, M, s, ms);\n if (isFinite(date.getFullYear())) {\n date.setFullYear(y);\n }\n } else {\n date = new Date(y, m, d, h, M, s, ms);\n }\n\n return date;\n }\n\n function createUTCDate(y) {\n var date, args;\n // the Date.UTC function remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n args = Array.prototype.slice.call(arguments);\n // preserve leap years using a full 400 year cycle, then reset\n args[0] = y + 400;\n date = new Date(Date.UTC.apply(null, args));\n if (isFinite(date.getUTCFullYear())) {\n date.setUTCFullYear(y);\n }\n } else {\n date = new Date(Date.UTC.apply(null, arguments));\n }\n\n return date;\n }\n\n // start-of-first-week - start-of-year\n function firstWeekOffset(year, dow, doy) {\n var // first-week day -- which january is always in the first week (4 for iso, 1 for other)\n fwd = 7 + dow - doy,\n // first-week day local weekday -- which local weekday is fwd\n fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;\n\n return -fwdlw + fwd - 1;\n }\n\n // https://en.wikipedia.org/wiki/ISO_week_date#Calculating_a_date_given_the_year.2C_week_number_and_weekday\n function dayOfYearFromWeeks(year, week, weekday, dow, doy) {\n var localWeekday = (7 + weekday - dow) % 7,\n weekOffset = firstWeekOffset(year, dow, doy),\n dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset,\n resYear,\n resDayOfYear;\n\n if (dayOfYear <= 0) {\n resYear = year - 1;\n resDayOfYear = daysInYear(resYear) + dayOfYear;\n } else if (dayOfYear > daysInYear(year)) {\n resYear = year + 1;\n resDayOfYear = dayOfYear - daysInYear(year);\n } else {\n resYear = year;\n resDayOfYear = dayOfYear;\n }\n\n return {\n year: resYear,\n dayOfYear: resDayOfYear,\n };\n }\n\n function weekOfYear(mom, dow, doy) {\n var weekOffset = firstWeekOffset(mom.year(), dow, doy),\n week = Math.floor((mom.dayOfYear() - weekOffset - 1) / 7) + 1,\n resWeek,\n resYear;\n\n if (week < 1) {\n resYear = mom.year() - 1;\n resWeek = week + weeksInYear(resYear, dow, doy);\n } else if (week > weeksInYear(mom.year(), dow, doy)) {\n resWeek = week - weeksInYear(mom.year(), dow, doy);\n resYear = mom.year() + 1;\n } else {\n resYear = mom.year();\n resWeek = week;\n }\n\n return {\n week: resWeek,\n year: resYear,\n };\n }\n\n function weeksInYear(year, dow, doy) {\n var weekOffset = firstWeekOffset(year, dow, doy),\n weekOffsetNext = firstWeekOffset(year + 1, dow, doy);\n return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;\n }\n\n // FORMATTING\n\n addFormatToken('w', ['ww', 2], 'wo', 'week');\n addFormatToken('W', ['WW', 2], 'Wo', 'isoWeek');\n\n // PARSING\n\n addRegexToken('w', match1to2, match1to2NoLeadingZero);\n addRegexToken('ww', match1to2, match2);\n addRegexToken('W', match1to2, match1to2NoLeadingZero);\n addRegexToken('WW', match1to2, match2);\n\n addWeekParseToken(\n ['w', 'ww', 'W', 'WW'],\n function (input, week, config, token) {\n week[token.substr(0, 1)] = toInt(input);\n }\n );\n\n // HELPERS\n\n // LOCALES\n\n function localeWeek(mom) {\n return weekOfYear(mom, this._week.dow, this._week.doy).week;\n }\n\n var defaultLocaleWeek = {\n dow: 0, // Sunday is the first day of the week.\n doy: 6, // The week that contains Jan 6th is the first week of the year.\n };\n\n function localeFirstDayOfWeek() {\n return this._week.dow;\n }\n\n function localeFirstDayOfYear() {\n return this._week.doy;\n }\n\n // MOMENTS\n\n function getSetWeek(input) {\n var week = this.localeData().week(this);\n return input == null ? week : this.add((input - week) * 7, 'd');\n }\n\n function getSetISOWeek(input) {\n var week = weekOfYear(this, 1, 4).week;\n return input == null ? week : this.add((input - week) * 7, 'd');\n }\n\n // FORMATTING\n\n addFormatToken('d', 0, 'do', 'day');\n\n addFormatToken('dd', 0, 0, function (format) {\n return this.localeData().weekdaysMin(this, format);\n });\n\n addFormatToken('ddd', 0, 0, function (format) {\n return this.localeData().weekdaysShort(this, format);\n });\n\n addFormatToken('dddd', 0, 0, function (format) {\n return this.localeData().weekdays(this, format);\n });\n\n addFormatToken('e', 0, 0, 'weekday');\n addFormatToken('E', 0, 0, 'isoWeekday');\n\n // PARSING\n\n addRegexToken('d', match1to2);\n addRegexToken('e', match1to2);\n addRegexToken('E', match1to2);\n addRegexToken('dd', function (isStrict, locale) {\n return locale.weekdaysMinRegex(isStrict);\n });\n addRegexToken('ddd', function (isStrict, locale) {\n return locale.weekdaysShortRegex(isStrict);\n });\n addRegexToken('dddd', function (isStrict, locale) {\n return locale.weekdaysRegex(isStrict);\n });\n\n addWeekParseToken(['dd', 'ddd', 'dddd'], function (input, week, config, token) {\n var weekday = config._locale.weekdaysParse(input, token, config._strict);\n // if we didn't get a weekday name, mark the date as invalid\n if (weekday != null) {\n week.d = weekday;\n } else {\n getParsingFlags(config).invalidWeekday = input;\n }\n });\n\n addWeekParseToken(['d', 'e', 'E'], function (input, week, config, token) {\n week[token] = toInt(input);\n });\n\n // HELPERS\n\n function parseWeekday(input, locale) {\n if (typeof input !== 'string') {\n return input;\n }\n\n if (!isNaN(input)) {\n return parseInt(input, 10);\n }\n\n input = locale.weekdaysParse(input);\n if (typeof input === 'number') {\n return input;\n }\n\n return null;\n }\n\n function parseIsoWeekday(input, locale) {\n if (typeof input === 'string') {\n return locale.weekdaysParse(input) % 7 || 7;\n }\n return isNaN(input) ? null : input;\n }\n\n // LOCALES\n function shiftWeekdays(ws, n) {\n return ws.slice(n, 7).concat(ws.slice(0, n));\n }\n\n var defaultLocaleWeekdays =\n 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),\n defaultLocaleWeekdaysShort = 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),\n defaultLocaleWeekdaysMin = 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),\n defaultWeekdaysRegex = matchWord,\n defaultWeekdaysShortRegex = matchWord,\n defaultWeekdaysMinRegex = matchWord;\n\n function localeWeekdays(m, format) {\n var weekdays = isArray(this._weekdays)\n ? this._weekdays\n : this._weekdays[\n m && m !== true && this._weekdays.isFormat.test(format)\n ? 'format'\n : 'standalone'\n ];\n return m === true\n ? shiftWeekdays(weekdays, this._week.dow)\n : m\n ? weekdays[m.day()]\n : weekdays;\n }\n\n function localeWeekdaysShort(m) {\n return m === true\n ? shiftWeekdays(this._weekdaysShort, this._week.dow)\n : m\n ? this._weekdaysShort[m.day()]\n : this._weekdaysShort;\n }\n\n function localeWeekdaysMin(m) {\n return m === true\n ? shiftWeekdays(this._weekdaysMin, this._week.dow)\n : m\n ? this._weekdaysMin[m.day()]\n : this._weekdaysMin;\n }\n\n function handleStrictParse$1(weekdayName, format, strict) {\n var i,\n ii,\n mom,\n llc = weekdayName.toLocaleLowerCase();\n if (!this._weekdaysParse) {\n this._weekdaysParse = [];\n this._shortWeekdaysParse = [];\n this._minWeekdaysParse = [];\n\n for (i = 0; i < 7; ++i) {\n mom = createUTC([2000, 1]).day(i);\n this._minWeekdaysParse[i] = this.weekdaysMin(\n mom,\n ''\n ).toLocaleLowerCase();\n this._shortWeekdaysParse[i] = this.weekdaysShort(\n mom,\n ''\n ).toLocaleLowerCase();\n this._weekdaysParse[i] = this.weekdays(mom, '').toLocaleLowerCase();\n }\n }\n\n if (strict) {\n if (format === 'dddd') {\n ii = indexOf.call(this._weekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else if (format === 'ddd') {\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n }\n } else {\n if (format === 'dddd') {\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else if (format === 'ddd') {\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._minWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n } else {\n ii = indexOf.call(this._minWeekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._weekdaysParse, llc);\n if (ii !== -1) {\n return ii;\n }\n ii = indexOf.call(this._shortWeekdaysParse, llc);\n return ii !== -1 ? ii : null;\n }\n }\n }\n\n function localeWeekdaysParse(weekdayName, format, strict) {\n var i, mom, regex;\n\n if (this._weekdaysParseExact) {\n return handleStrictParse$1.call(this, weekdayName, format, strict);\n }\n\n if (!this._weekdaysParse) {\n this._weekdaysParse = [];\n this._minWeekdaysParse = [];\n this._shortWeekdaysParse = [];\n this._fullWeekdaysParse = [];\n }\n\n for (i = 0; i < 7; i++) {\n // make the regex if we don't have it already\n\n mom = createUTC([2000, 1]).day(i);\n if (strict && !this._fullWeekdaysParse[i]) {\n this._fullWeekdaysParse[i] = new RegExp(\n '^' + this.weekdays(mom, '').replace('.', '\\\\.?') + '$',\n 'i'\n );\n this._shortWeekdaysParse[i] = new RegExp(\n '^' + this.weekdaysShort(mom, '').replace('.', '\\\\.?') + '$',\n 'i'\n );\n this._minWeekdaysParse[i] = new RegExp(\n '^' + this.weekdaysMin(mom, '').replace('.', '\\\\.?') + '$',\n 'i'\n );\n }\n if (!this._weekdaysParse[i]) {\n regex =\n '^' +\n this.weekdays(mom, '') +\n '|^' +\n this.weekdaysShort(mom, '') +\n '|^' +\n this.weekdaysMin(mom, '');\n this._weekdaysParse[i] = new RegExp(regex.replace('.', ''), 'i');\n }\n // test the regex\n if (\n strict &&\n format === 'dddd' &&\n this._fullWeekdaysParse[i].test(weekdayName)\n ) {\n return i;\n } else if (\n strict &&\n format === 'ddd' &&\n this._shortWeekdaysParse[i].test(weekdayName)\n ) {\n return i;\n } else if (\n strict &&\n format === 'dd' &&\n this._minWeekdaysParse[i].test(weekdayName)\n ) {\n return i;\n } else if (!strict && this._weekdaysParse[i].test(weekdayName)) {\n return i;\n }\n }\n }\n\n // MOMENTS\n\n function getSetDayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n\n var day = get(this, 'Day');\n if (input != null) {\n input = parseWeekday(input, this.localeData());\n return this.add(input - day, 'd');\n } else {\n return day;\n }\n }\n\n function getSetLocaleDayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n var weekday = (this.day() + 7 - this.localeData()._week.dow) % 7;\n return input == null ? weekday : this.add(input - weekday, 'd');\n }\n\n function getSetISODayOfWeek(input) {\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n\n // behaves the same as moment#day except\n // as a getter, returns 7 instead of 0 (1-7 range instead of 0-6)\n // as a setter, sunday should belong to the previous week.\n\n if (input != null) {\n var weekday = parseIsoWeekday(input, this.localeData());\n return this.day(this.day() % 7 ? weekday : weekday - 7);\n } else {\n return this.day() || 7;\n }\n }\n\n function weekdaysRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysStrictRegex;\n } else {\n return this._weekdaysRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n this._weekdaysRegex = defaultWeekdaysRegex;\n }\n return this._weekdaysStrictRegex && isStrict\n ? this._weekdaysStrictRegex\n : this._weekdaysRegex;\n }\n }\n\n function weekdaysShortRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysShortStrictRegex;\n } else {\n return this._weekdaysShortRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysShortRegex')) {\n this._weekdaysShortRegex = defaultWeekdaysShortRegex;\n }\n return this._weekdaysShortStrictRegex && isStrict\n ? this._weekdaysShortStrictRegex\n : this._weekdaysShortRegex;\n }\n }\n\n function weekdaysMinRegex(isStrict) {\n if (this._weekdaysParseExact) {\n if (!hasOwnProp(this, '_weekdaysRegex')) {\n computeWeekdaysParse.call(this);\n }\n if (isStrict) {\n return this._weekdaysMinStrictRegex;\n } else {\n return this._weekdaysMinRegex;\n }\n } else {\n if (!hasOwnProp(this, '_weekdaysMinRegex')) {\n this._weekdaysMinRegex = defaultWeekdaysMinRegex;\n }\n return this._weekdaysMinStrictRegex && isStrict\n ? this._weekdaysMinStrictRegex\n : this._weekdaysMinRegex;\n }\n }\n\n function computeWeekdaysParse() {\n function cmpLenRev(a, b) {\n return b.length - a.length;\n }\n\n var minPieces = [],\n shortPieces = [],\n longPieces = [],\n mixedPieces = [],\n i,\n mom,\n minp,\n shortp,\n longp;\n for (i = 0; i < 7; i++) {\n // make the regex if we don't have it already\n mom = createUTC([2000, 1]).day(i);\n minp = regexEscape(this.weekdaysMin(mom, ''));\n shortp = regexEscape(this.weekdaysShort(mom, ''));\n longp = regexEscape(this.weekdays(mom, ''));\n minPieces.push(minp);\n shortPieces.push(shortp);\n longPieces.push(longp);\n mixedPieces.push(minp);\n mixedPieces.push(shortp);\n mixedPieces.push(longp);\n }\n // Sorting makes sure if one weekday (or abbr) is a prefix of another it\n // will match the longer piece.\n minPieces.sort(cmpLenRev);\n shortPieces.sort(cmpLenRev);\n longPieces.sort(cmpLenRev);\n mixedPieces.sort(cmpLenRev);\n\n this._weekdaysRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._weekdaysShortRegex = this._weekdaysRegex;\n this._weekdaysMinRegex = this._weekdaysRegex;\n\n this._weekdaysStrictRegex = new RegExp(\n '^(' + longPieces.join('|') + ')',\n 'i'\n );\n this._weekdaysShortStrictRegex = new RegExp(\n '^(' + shortPieces.join('|') + ')',\n 'i'\n );\n this._weekdaysMinStrictRegex = new RegExp(\n '^(' + minPieces.join('|') + ')',\n 'i'\n );\n }\n\n // FORMATTING\n\n function hFormat() {\n return this.hours() % 12 || 12;\n }\n\n function kFormat() {\n return this.hours() || 24;\n }\n\n addFormatToken('H', ['HH', 2], 0, 'hour');\n addFormatToken('h', ['hh', 2], 0, hFormat);\n addFormatToken('k', ['kk', 2], 0, kFormat);\n\n addFormatToken('hmm', 0, 0, function () {\n return '' + hFormat.apply(this) + zeroFill(this.minutes(), 2);\n });\n\n addFormatToken('hmmss', 0, 0, function () {\n return (\n '' +\n hFormat.apply(this) +\n zeroFill(this.minutes(), 2) +\n zeroFill(this.seconds(), 2)\n );\n });\n\n addFormatToken('Hmm', 0, 0, function () {\n return '' + this.hours() + zeroFill(this.minutes(), 2);\n });\n\n addFormatToken('Hmmss', 0, 0, function () {\n return (\n '' +\n this.hours() +\n zeroFill(this.minutes(), 2) +\n zeroFill(this.seconds(), 2)\n );\n });\n\n function meridiem(token, lowercase) {\n addFormatToken(token, 0, 0, function () {\n return this.localeData().meridiem(\n this.hours(),\n this.minutes(),\n lowercase\n );\n });\n }\n\n meridiem('a', true);\n meridiem('A', false);\n\n // PARSING\n\n function matchMeridiem(isStrict, locale) {\n return locale._meridiemParse;\n }\n\n addRegexToken('a', matchMeridiem);\n addRegexToken('A', matchMeridiem);\n addRegexToken('H', match1to2, match1to2HasZero);\n addRegexToken('h', match1to2, match1to2NoLeadingZero);\n addRegexToken('k', match1to2, match1to2NoLeadingZero);\n addRegexToken('HH', match1to2, match2);\n addRegexToken('hh', match1to2, match2);\n addRegexToken('kk', match1to2, match2);\n\n addRegexToken('hmm', match3to4);\n addRegexToken('hmmss', match5to6);\n addRegexToken('Hmm', match3to4);\n addRegexToken('Hmmss', match5to6);\n\n addParseToken(['H', 'HH'], HOUR);\n addParseToken(['k', 'kk'], function (input, array, config) {\n var kInput = toInt(input);\n array[HOUR] = kInput === 24 ? 0 : kInput;\n });\n addParseToken(['a', 'A'], function (input, array, config) {\n config._isPm = config._locale.isPM(input);\n config._meridiem = input;\n });\n addParseToken(['h', 'hh'], function (input, array, config) {\n array[HOUR] = toInt(input);\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('hmm', function (input, array, config) {\n var pos = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos));\n array[MINUTE] = toInt(input.substr(pos));\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('hmmss', function (input, array, config) {\n var pos1 = input.length - 4,\n pos2 = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos1));\n array[MINUTE] = toInt(input.substr(pos1, 2));\n array[SECOND] = toInt(input.substr(pos2));\n getParsingFlags(config).bigHour = true;\n });\n addParseToken('Hmm', function (input, array, config) {\n var pos = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos));\n array[MINUTE] = toInt(input.substr(pos));\n });\n addParseToken('Hmmss', function (input, array, config) {\n var pos1 = input.length - 4,\n pos2 = input.length - 2;\n array[HOUR] = toInt(input.substr(0, pos1));\n array[MINUTE] = toInt(input.substr(pos1, 2));\n array[SECOND] = toInt(input.substr(pos2));\n });\n\n // LOCALES\n\n function localeIsPM(input) {\n // IE8 Quirks Mode & IE7 Standards Mode do not allow accessing strings like arrays\n // Using charAt should be more compatible.\n return (input + '').toLowerCase().charAt(0) === 'p';\n }\n\n var defaultLocaleMeridiemParse = /[ap]\\.?m?\\.?/i,\n // Setting the hour should keep the time, because the user explicitly\n // specified which hour they want. So trying to maintain the same hour (in\n // a new timezone) makes sense. Adding/subtracting hours does not follow\n // this rule.\n getSetHour = makeGetSet('Hours', true);\n\n function localeMeridiem(hours, minutes, isLower) {\n if (hours > 11) {\n return isLower ? 'pm' : 'PM';\n } else {\n return isLower ? 'am' : 'AM';\n }\n }\n\n var baseConfig = {\n calendar: defaultCalendar,\n longDateFormat: defaultLongDateFormat,\n invalidDate: defaultInvalidDate,\n ordinal: defaultOrdinal,\n dayOfMonthOrdinalParse: defaultDayOfMonthOrdinalParse,\n relativeTime: defaultRelativeTime,\n\n months: defaultLocaleMonths,\n monthsShort: defaultLocaleMonthsShort,\n\n week: defaultLocaleWeek,\n\n weekdays: defaultLocaleWeekdays,\n weekdaysMin: defaultLocaleWeekdaysMin,\n weekdaysShort: defaultLocaleWeekdaysShort,\n\n meridiemParse: defaultLocaleMeridiemParse,\n };\n\n // internal storage for locale config files\n var locales = {},\n localeFamilies = {},\n globalLocale;\n\n function commonPrefix(arr1, arr2) {\n var i,\n minl = Math.min(arr1.length, arr2.length);\n for (i = 0; i < minl; i += 1) {\n if (arr1[i] !== arr2[i]) {\n return i;\n }\n }\n return minl;\n }\n\n function normalizeLocale(key) {\n return key ? key.toLowerCase().replace('_', '-') : key;\n }\n\n // pick the locale from the array\n // try ['en-au', 'en-gb'] as 'en-au', 'en-gb', 'en', as in move through the list trying each\n // substring from most specific to least, but move to the next array item if it's a more specific variant than the current root\n function chooseLocale(names) {\n var i = 0,\n j,\n next,\n locale,\n split;\n\n while (i < names.length) {\n split = normalizeLocale(names[i]).split('-');\n j = split.length;\n next = normalizeLocale(names[i + 1]);\n next = next ? next.split('-') : null;\n while (j > 0) {\n locale = loadLocale(split.slice(0, j).join('-'));\n if (locale) {\n return locale;\n }\n if (\n next &&\n next.length >= j &&\n commonPrefix(split, next) >= j - 1\n ) {\n //the next array item is better than a shallower substring of this one\n break;\n }\n j--;\n }\n i++;\n }\n return globalLocale;\n }\n\n function isLocaleNameSane(name) {\n // Prevent names that look like filesystem paths, i.e contain '/' or '\\'\n // Ensure name is available and function returns boolean\n return !!(name && name.match('^[^/\\\\\\\\]*$'));\n }\n\n function loadLocale(name) {\n var oldLocale = null,\n aliasedRequire;\n // TODO: Find a better way to register and load all the locales in Node\n if (\n locales[name] === undefined &&\n typeof module !== 'undefined' &&\n module &&\n module.exports &&\n isLocaleNameSane(name)\n ) {\n try {\n oldLocale = globalLocale._abbr;\n aliasedRequire = require;\n aliasedRequire('./locale/' + name);\n getSetGlobalLocale(oldLocale);\n } catch (e) {\n // mark as not found to avoid repeating expensive file require call causing high CPU\n // when trying to find en-US, en_US, en-us for every format call\n locales[name] = null; // null means not found\n }\n }\n return locales[name];\n }\n\n // This function will load locale and then set the global locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n function getSetGlobalLocale(key, values) {\n var data;\n if (key) {\n if (isUndefined(values)) {\n data = getLocale(key);\n } else {\n data = defineLocale(key, values);\n }\n\n if (data) {\n // moment.duration._locale = moment._locale = data;\n globalLocale = data;\n } else {\n if (typeof console !== 'undefined' && console.warn) {\n //warn user if arguments are passed but the locale could not be set\n console.warn(\n 'Locale ' + key + ' not found. Did you forget to load it?'\n );\n }\n }\n }\n\n return globalLocale._abbr;\n }\n\n function defineLocale(name, config) {\n if (config !== null) {\n var locale,\n parentConfig = baseConfig;\n config.abbr = name;\n if (locales[name] != null) {\n deprecateSimple(\n 'defineLocaleOverride',\n 'use moment.updateLocale(localeName, config) to change ' +\n 'an existing locale. moment.defineLocale(localeName, ' +\n 'config) should only be used for creating a new locale ' +\n 'See http://momentjs.com/guides/#/warnings/define-locale/ for more info.'\n );\n parentConfig = locales[name]._config;\n } else if (config.parentLocale != null) {\n if (locales[config.parentLocale] != null) {\n parentConfig = locales[config.parentLocale]._config;\n } else {\n locale = loadLocale(config.parentLocale);\n if (locale != null) {\n parentConfig = locale._config;\n } else {\n if (!localeFamilies[config.parentLocale]) {\n localeFamilies[config.parentLocale] = [];\n }\n localeFamilies[config.parentLocale].push({\n name: name,\n config: config,\n });\n return null;\n }\n }\n }\n locales[name] = new Locale(mergeConfigs(parentConfig, config));\n\n if (localeFamilies[name]) {\n localeFamilies[name].forEach(function (x) {\n defineLocale(x.name, x.config);\n });\n }\n\n // backwards compat for now: also set the locale\n // make sure we set the locale AFTER all child locales have been\n // created, so we won't end up with the child locale set.\n getSetGlobalLocale(name);\n\n return locales[name];\n } else {\n // useful for testing\n delete locales[name];\n return null;\n }\n }\n\n function updateLocale(name, config) {\n if (config != null) {\n var locale,\n tmpLocale,\n parentConfig = baseConfig;\n\n if (locales[name] != null && locales[name].parentLocale != null) {\n // Update existing child locale in-place to avoid memory-leaks\n locales[name].set(mergeConfigs(locales[name]._config, config));\n } else {\n // MERGE\n tmpLocale = loadLocale(name);\n if (tmpLocale != null) {\n parentConfig = tmpLocale._config;\n }\n config = mergeConfigs(parentConfig, config);\n if (tmpLocale == null) {\n // updateLocale is called for creating a new locale\n // Set abbr so it will have a name (getters return\n // undefined otherwise).\n config.abbr = name;\n }\n locale = new Locale(config);\n locale.parentLocale = locales[name];\n locales[name] = locale;\n }\n\n // backwards compat for now: also set the locale\n getSetGlobalLocale(name);\n } else {\n // pass null for config to unupdate, useful for tests\n if (locales[name] != null) {\n if (locales[name].parentLocale != null) {\n locales[name] = locales[name].parentLocale;\n if (name === getSetGlobalLocale()) {\n getSetGlobalLocale(name);\n }\n } else if (locales[name] != null) {\n delete locales[name];\n }\n }\n }\n return locales[name];\n }\n\n // returns locale data\n function getLocale(key) {\n var locale;\n\n if (key && key._locale && key._locale._abbr) {\n key = key._locale._abbr;\n }\n\n if (!key) {\n return globalLocale;\n }\n\n if (!isArray(key)) {\n //short-circuit everything else\n locale = loadLocale(key);\n if (locale) {\n return locale;\n }\n key = [key];\n }\n\n return chooseLocale(key);\n }\n\n function listLocales() {\n return keys(locales);\n }\n\n function checkOverflow(m) {\n var overflow,\n a = m._a;\n\n if (a && getParsingFlags(m).overflow === -2) {\n overflow =\n a[MONTH] < 0 || a[MONTH] > 11\n ? MONTH\n : a[DATE] < 1 || a[DATE] > daysInMonth(a[YEAR], a[MONTH])\n ? DATE\n : a[HOUR] < 0 ||\n a[HOUR] > 24 ||\n (a[HOUR] === 24 &&\n (a[MINUTE] !== 0 ||\n a[SECOND] !== 0 ||\n a[MILLISECOND] !== 0))\n ? HOUR\n : a[MINUTE] < 0 || a[MINUTE] > 59\n ? MINUTE\n : a[SECOND] < 0 || a[SECOND] > 59\n ? SECOND\n : a[MILLISECOND] < 0 || a[MILLISECOND] > 999\n ? MILLISECOND\n : -1;\n\n if (\n getParsingFlags(m)._overflowDayOfYear &&\n (overflow < YEAR || overflow > DATE)\n ) {\n overflow = DATE;\n }\n if (getParsingFlags(m)._overflowWeeks && overflow === -1) {\n overflow = WEEK;\n }\n if (getParsingFlags(m)._overflowWeekday && overflow === -1) {\n overflow = WEEKDAY;\n }\n\n getParsingFlags(m).overflow = overflow;\n }\n\n return m;\n }\n\n // iso 8601 regex\n // 0000-00-00 0000-W00 or 0000-W00-0 + T + 00 or 00:00 or 00:00:00 or 00:00:00.000 + +00:00 or +0000 or +00)\n var extendedIsoRegex =\n /^\\s*((?:[+-]\\d{6}|\\d{4})-(?:\\d\\d-\\d\\d|W\\d\\d-\\d|W\\d\\d|\\d\\d\\d|\\d\\d))(?:(T| )(\\d\\d(?::\\d\\d(?::\\d\\d(?:[.,]\\d+)?)?)?)([+-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\n basicIsoRegex =\n /^\\s*((?:[+-]\\d{6}|\\d{4})(?:\\d\\d\\d\\d|W\\d\\d\\d|W\\d\\d|\\d\\d\\d|\\d\\d|))(?:(T| )(\\d\\d(?:\\d\\d(?:\\d\\d(?:[.,]\\d+)?)?)?)([+-]\\d\\d(?::?\\d\\d)?|\\s*Z)?)?$/,\n tzRegex = /Z|[+-]\\d\\d(?::?\\d\\d)?/,\n isoDates = [\n ['YYYYYY-MM-DD', /[+-]\\d{6}-\\d\\d-\\d\\d/],\n ['YYYY-MM-DD', /\\d{4}-\\d\\d-\\d\\d/],\n ['GGGG-[W]WW-E', /\\d{4}-W\\d\\d-\\d/],\n ['GGGG-[W]WW', /\\d{4}-W\\d\\d/, false],\n ['YYYY-DDD', /\\d{4}-\\d{3}/],\n ['YYYY-MM', /\\d{4}-\\d\\d/, false],\n ['YYYYYYMMDD', /[+-]\\d{10}/],\n ['YYYYMMDD', /\\d{8}/],\n ['GGGG[W]WWE', /\\d{4}W\\d{3}/],\n ['GGGG[W]WW', /\\d{4}W\\d{2}/, false],\n ['YYYYDDD', /\\d{7}/],\n ['YYYYMM', /\\d{6}/, false],\n ['YYYY', /\\d{4}/, false],\n ],\n // iso time formats and regexes\n isoTimes = [\n ['HH:mm:ss.SSSS', /\\d\\d:\\d\\d:\\d\\d\\.\\d+/],\n ['HH:mm:ss,SSSS', /\\d\\d:\\d\\d:\\d\\d,\\d+/],\n ['HH:mm:ss', /\\d\\d:\\d\\d:\\d\\d/],\n ['HH:mm', /\\d\\d:\\d\\d/],\n ['HHmmss.SSSS', /\\d\\d\\d\\d\\d\\d\\.\\d+/],\n ['HHmmss,SSSS', /\\d\\d\\d\\d\\d\\d,\\d+/],\n ['HHmmss', /\\d\\d\\d\\d\\d\\d/],\n ['HHmm', /\\d\\d\\d\\d/],\n ['HH', /\\d\\d/],\n ],\n aspNetJsonRegex = /^\\/?Date\\((-?\\d+)/i,\n // RFC 2822 regex: For details see https://tools.ietf.org/html/rfc2822#section-3.3\n rfc2822 =\n /^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\\s)?(\\d{1,2})\\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\\s(\\d{2,4})\\s(\\d\\d):(\\d\\d)(?::(\\d\\d))?\\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\\d{4}))$/,\n obsOffsets = {\n UT: 0,\n GMT: 0,\n EDT: -4 * 60,\n EST: -5 * 60,\n CDT: -5 * 60,\n CST: -6 * 60,\n MDT: -6 * 60,\n MST: -7 * 60,\n PDT: -7 * 60,\n PST: -8 * 60,\n };\n\n // date from iso format\n function configFromISO(config) {\n var i,\n l,\n string = config._i,\n match = extendedIsoRegex.exec(string) || basicIsoRegex.exec(string),\n allowTime,\n dateFormat,\n timeFormat,\n tzFormat,\n isoDatesLen = isoDates.length,\n isoTimesLen = isoTimes.length;\n\n if (match) {\n getParsingFlags(config).iso = true;\n for (i = 0, l = isoDatesLen; i < l; i++) {\n if (isoDates[i][1].exec(match[1])) {\n dateFormat = isoDates[i][0];\n allowTime = isoDates[i][2] !== false;\n break;\n }\n }\n if (dateFormat == null) {\n config._isValid = false;\n return;\n }\n if (match[3]) {\n for (i = 0, l = isoTimesLen; i < l; i++) {\n if (isoTimes[i][1].exec(match[3])) {\n // match[2] should be 'T' or space\n timeFormat = (match[2] || ' ') + isoTimes[i][0];\n break;\n }\n }\n if (timeFormat == null) {\n config._isValid = false;\n return;\n }\n }\n if (!allowTime && timeFormat != null) {\n config._isValid = false;\n return;\n }\n if (match[4]) {\n if (tzRegex.exec(match[4])) {\n tzFormat = 'Z';\n } else {\n config._isValid = false;\n return;\n }\n }\n config._f = dateFormat + (timeFormat || '') + (tzFormat || '');\n configFromStringAndFormat(config);\n } else {\n config._isValid = false;\n }\n }\n\n function extractFromRFC2822Strings(\n yearStr,\n monthStr,\n dayStr,\n hourStr,\n minuteStr,\n secondStr\n ) {\n var result = [\n untruncateYear(yearStr),\n defaultLocaleMonthsShort.indexOf(monthStr),\n parseInt(dayStr, 10),\n parseInt(hourStr, 10),\n parseInt(minuteStr, 10),\n ];\n\n if (secondStr) {\n result.push(parseInt(secondStr, 10));\n }\n\n return result;\n }\n\n function untruncateYear(yearStr) {\n var year = parseInt(yearStr, 10);\n if (year <= 49) {\n return 2000 + year;\n } else if (year <= 999) {\n return 1900 + year;\n }\n return year;\n }\n\n function preprocessRFC2822(s) {\n // Remove comments and folding whitespace and replace multiple-spaces with a single space\n return s\n .replace(/\\([^()]*\\)|[\\n\\t]/g, ' ')\n .replace(/(\\s\\s+)/g, ' ')\n .replace(/^\\s\\s*/, '')\n .replace(/\\s\\s*$/, '');\n }\n\n function checkWeekday(weekdayStr, parsedInput, config) {\n if (weekdayStr) {\n // TODO: Replace the vanilla JS Date object with an independent day-of-week check.\n var weekdayProvided = defaultLocaleWeekdaysShort.indexOf(weekdayStr),\n weekdayActual = new Date(\n parsedInput[0],\n parsedInput[1],\n parsedInput[2]\n ).getDay();\n if (weekdayProvided !== weekdayActual) {\n getParsingFlags(config).weekdayMismatch = true;\n config._isValid = false;\n return false;\n }\n }\n return true;\n }\n\n function calculateOffset(obsOffset, militaryOffset, numOffset) {\n if (obsOffset) {\n return obsOffsets[obsOffset];\n } else if (militaryOffset) {\n // the only allowed military tz is Z\n return 0;\n } else {\n var hm = parseInt(numOffset, 10),\n m = hm % 100,\n h = (hm - m) / 100;\n return h * 60 + m;\n }\n }\n\n // date and time from ref 2822 format\n function configFromRFC2822(config) {\n var match = rfc2822.exec(preprocessRFC2822(config._i)),\n parsedArray;\n if (match) {\n parsedArray = extractFromRFC2822Strings(\n match[4],\n match[3],\n match[2],\n match[5],\n match[6],\n match[7]\n );\n if (!checkWeekday(match[1], parsedArray, config)) {\n return;\n }\n\n config._a = parsedArray;\n config._tzm = calculateOffset(match[8], match[9], match[10]);\n\n config._d = createUTCDate.apply(null, config._a);\n config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);\n\n getParsingFlags(config).rfc2822 = true;\n } else {\n config._isValid = false;\n }\n }\n\n // date from 1) ASP.NET, 2) ISO, 3) RFC 2822 formats, or 4) optional fallback if parsing isn't strict\n function configFromString(config) {\n var matched = aspNetJsonRegex.exec(config._i);\n if (matched !== null) {\n config._d = new Date(+matched[1]);\n return;\n }\n\n configFromISO(config);\n if (config._isValid === false) {\n delete config._isValid;\n } else {\n return;\n }\n\n configFromRFC2822(config);\n if (config._isValid === false) {\n delete config._isValid;\n } else {\n return;\n }\n\n if (config._strict) {\n config._isValid = false;\n } else {\n // Final attempt, use Input Fallback\n hooks.createFromInputFallback(config);\n }\n }\n\n hooks.createFromInputFallback = deprecate(\n 'value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), ' +\n 'which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are ' +\n 'discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.',\n function (config) {\n config._d = new Date(config._i + (config._useUTC ? ' UTC' : ''));\n }\n );\n\n // Pick the first defined of two or three arguments.\n function defaults(a, b, c) {\n if (a != null) {\n return a;\n }\n if (b != null) {\n return b;\n }\n return c;\n }\n\n function currentDateArray(config) {\n // hooks is actually the exported moment object\n var nowValue = new Date(hooks.now());\n if (config._useUTC) {\n return [\n nowValue.getUTCFullYear(),\n nowValue.getUTCMonth(),\n nowValue.getUTCDate(),\n ];\n }\n return [nowValue.getFullYear(), nowValue.getMonth(), nowValue.getDate()];\n }\n\n // convert an array to a date.\n // the array should mirror the parameters below\n // note: all values past the year are optional and will default to the lowest possible value.\n // [year, month, day , hour, minute, second, millisecond]\n function configFromArray(config) {\n var i,\n date,\n input = [],\n currentDate,\n expectedWeekday,\n yearToUse;\n\n if (config._d) {\n return;\n }\n\n currentDate = currentDateArray(config);\n\n //compute day of the year from weeks and weekdays\n if (config._w && config._a[DATE] == null && config._a[MONTH] == null) {\n dayOfYearFromWeekInfo(config);\n }\n\n //if the day of the year is set, figure out what it is\n if (config._dayOfYear != null) {\n yearToUse = defaults(config._a[YEAR], currentDate[YEAR]);\n\n if (\n config._dayOfYear > daysInYear(yearToUse) ||\n config._dayOfYear === 0\n ) {\n getParsingFlags(config)._overflowDayOfYear = true;\n }\n\n date = createUTCDate(yearToUse, 0, config._dayOfYear);\n config._a[MONTH] = date.getUTCMonth();\n config._a[DATE] = date.getUTCDate();\n }\n\n // Default to current date.\n // * if no year, month, day of month are given, default to today\n // * if day of month is given, default month and year\n // * if month is given, default only year\n // * if year is given, don't default anything\n for (i = 0; i < 3 && config._a[i] == null; ++i) {\n config._a[i] = input[i] = currentDate[i];\n }\n\n // Zero out whatever was not defaulted, including time\n for (; i < 7; i++) {\n config._a[i] = input[i] =\n config._a[i] == null ? (i === 2 ? 1 : 0) : config._a[i];\n }\n\n // Check for 24:00:00.000\n if (\n config._a[HOUR] === 24 &&\n config._a[MINUTE] === 0 &&\n config._a[SECOND] === 0 &&\n config._a[MILLISECOND] === 0\n ) {\n config._nextDay = true;\n config._a[HOUR] = 0;\n }\n\n config._d = (config._useUTC ? createUTCDate : createDate).apply(\n null,\n input\n );\n expectedWeekday = config._useUTC\n ? config._d.getUTCDay()\n : config._d.getDay();\n\n // Apply timezone offset from input. The actual utcOffset can be changed\n // with parseZone.\n if (config._tzm != null) {\n config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);\n }\n\n if (config._nextDay) {\n config._a[HOUR] = 24;\n }\n\n // check for mismatching day of week\n if (\n config._w &&\n typeof config._w.d !== 'undefined' &&\n config._w.d !== expectedWeekday\n ) {\n getParsingFlags(config).weekdayMismatch = true;\n }\n }\n\n function dayOfYearFromWeekInfo(config) {\n var w, weekYear, week, weekday, dow, doy, temp, weekdayOverflow, curWeek;\n\n w = config._w;\n if (w.GG != null || w.W != null || w.E != null) {\n dow = 1;\n doy = 4;\n\n // TODO: We need to take the current isoWeekYear, but that depends on\n // how we interpret now (local, utc, fixed offset). So create\n // a now version of current config (take local/utc/offset flags, and\n // create now).\n weekYear = defaults(\n w.GG,\n config._a[YEAR],\n weekOfYear(createLocal(), 1, 4).year\n );\n week = defaults(w.W, 1);\n weekday = defaults(w.E, 1);\n if (weekday < 1 || weekday > 7) {\n weekdayOverflow = true;\n }\n } else {\n dow = config._locale._week.dow;\n doy = config._locale._week.doy;\n\n curWeek = weekOfYear(createLocal(), dow, doy);\n\n weekYear = defaults(w.gg, config._a[YEAR], curWeek.year);\n\n // Default to current week.\n week = defaults(w.w, curWeek.week);\n\n if (w.d != null) {\n // weekday -- low day numbers are considered next week\n weekday = w.d;\n if (weekday < 0 || weekday > 6) {\n weekdayOverflow = true;\n }\n } else if (w.e != null) {\n // local weekday -- counting starts from beginning of week\n weekday = w.e + dow;\n if (w.e < 0 || w.e > 6) {\n weekdayOverflow = true;\n }\n } else {\n // default to beginning of week\n weekday = dow;\n }\n }\n if (week < 1 || week > weeksInYear(weekYear, dow, doy)) {\n getParsingFlags(config)._overflowWeeks = true;\n } else if (weekdayOverflow != null) {\n getParsingFlags(config)._overflowWeekday = true;\n } else {\n temp = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy);\n config._a[YEAR] = temp.year;\n config._dayOfYear = temp.dayOfYear;\n }\n }\n\n // constant that refers to the ISO standard\n hooks.ISO_8601 = function () {};\n\n // constant that refers to the RFC 2822 form\n hooks.RFC_2822 = function () {};\n\n // date from string and format string\n function configFromStringAndFormat(config) {\n // TODO: Move this to another part of the creation flow to prevent circular deps\n if (config._f === hooks.ISO_8601) {\n configFromISO(config);\n return;\n }\n if (config._f === hooks.RFC_2822) {\n configFromRFC2822(config);\n return;\n }\n config._a = [];\n getParsingFlags(config).empty = true;\n\n // This array is used to make a Date, either with `new Date` or `Date.UTC`\n var string = '' + config._i,\n i,\n parsedInput,\n tokens,\n token,\n skipped,\n stringLength = string.length,\n totalParsedInputLength = 0,\n era,\n tokenLen;\n\n tokens =\n expandFormat(config._f, config._locale).match(formattingTokens) || [];\n tokenLen = tokens.length;\n for (i = 0; i < tokenLen; i++) {\n token = tokens[i];\n parsedInput = (string.match(getParseRegexForToken(token, config)) ||\n [])[0];\n if (parsedInput) {\n skipped = string.substr(0, string.indexOf(parsedInput));\n if (skipped.length > 0) {\n getParsingFlags(config).unusedInput.push(skipped);\n }\n string = string.slice(\n string.indexOf(parsedInput) + parsedInput.length\n );\n totalParsedInputLength += parsedInput.length;\n }\n // don't parse if it's not a known token\n if (formatTokenFunctions[token]) {\n if (parsedInput) {\n getParsingFlags(config).empty = false;\n } else {\n getParsingFlags(config).unusedTokens.push(token);\n }\n addTimeToArrayFromToken(token, parsedInput, config);\n } else if (config._strict && !parsedInput) {\n getParsingFlags(config).unusedTokens.push(token);\n }\n }\n\n // add remaining unparsed input length to the string\n getParsingFlags(config).charsLeftOver =\n stringLength - totalParsedInputLength;\n if (string.length > 0) {\n getParsingFlags(config).unusedInput.push(string);\n }\n\n // clear _12h flag if hour is <= 12\n if (\n config._a[HOUR] <= 12 &&\n getParsingFlags(config).bigHour === true &&\n config._a[HOUR] > 0\n ) {\n getParsingFlags(config).bigHour = undefined;\n }\n\n getParsingFlags(config).parsedDateParts = config._a.slice(0);\n getParsingFlags(config).meridiem = config._meridiem;\n // handle meridiem\n config._a[HOUR] = meridiemFixWrap(\n config._locale,\n config._a[HOUR],\n config._meridiem\n );\n\n // handle era\n era = getParsingFlags(config).era;\n if (era !== null) {\n config._a[YEAR] = config._locale.erasConvertYear(era, config._a[YEAR]);\n }\n\n configFromArray(config);\n checkOverflow(config);\n }\n\n function meridiemFixWrap(locale, hour, meridiem) {\n var isPm;\n\n if (meridiem == null) {\n // nothing to do\n return hour;\n }\n if (locale.meridiemHour != null) {\n return locale.meridiemHour(hour, meridiem);\n } else if (locale.isPM != null) {\n // Fallback\n isPm = locale.isPM(meridiem);\n if (isPm && hour < 12) {\n hour += 12;\n }\n if (!isPm && hour === 12) {\n hour = 0;\n }\n return hour;\n } else {\n // this is not supposed to happen\n return hour;\n }\n }\n\n // date from string and array of format strings\n function configFromStringAndArray(config) {\n var tempConfig,\n bestMoment,\n scoreToBeat,\n i,\n currentScore,\n validFormatFound,\n bestFormatIsValid = false,\n configfLen = config._f.length;\n\n if (configfLen === 0) {\n getParsingFlags(config).invalidFormat = true;\n config._d = new Date(NaN);\n return;\n }\n\n for (i = 0; i < configfLen; i++) {\n currentScore = 0;\n validFormatFound = false;\n tempConfig = copyConfig({}, config);\n if (config._useUTC != null) {\n tempConfig._useUTC = config._useUTC;\n }\n tempConfig._f = config._f[i];\n configFromStringAndFormat(tempConfig);\n\n if (isValid(tempConfig)) {\n validFormatFound = true;\n }\n\n // if there is any input that was not parsed add a penalty for that format\n currentScore += getParsingFlags(tempConfig).charsLeftOver;\n\n //or tokens\n currentScore += getParsingFlags(tempConfig).unusedTokens.length * 10;\n\n getParsingFlags(tempConfig).score = currentScore;\n\n if (!bestFormatIsValid) {\n if (\n scoreToBeat == null ||\n currentScore < scoreToBeat ||\n validFormatFound\n ) {\n scoreToBeat = currentScore;\n bestMoment = tempConfig;\n if (validFormatFound) {\n bestFormatIsValid = true;\n }\n }\n } else {\n if (currentScore < scoreToBeat) {\n scoreToBeat = currentScore;\n bestMoment = tempConfig;\n }\n }\n }\n\n extend(config, bestMoment || tempConfig);\n }\n\n function configFromObject(config) {\n if (config._d) {\n return;\n }\n\n var i = normalizeObjectUnits(config._i),\n dayOrDate = i.day === undefined ? i.date : i.day;\n config._a = map(\n [i.year, i.month, dayOrDate, i.hour, i.minute, i.second, i.millisecond],\n function (obj) {\n return obj && parseInt(obj, 10);\n }\n );\n\n configFromArray(config);\n }\n\n function createFromConfig(config) {\n var res = new Moment(checkOverflow(prepareConfig(config)));\n if (res._nextDay) {\n // Adding is smart enough around DST\n res.add(1, 'd');\n res._nextDay = undefined;\n }\n\n return res;\n }\n\n function prepareConfig(config) {\n var input = config._i,\n format = config._f;\n\n config._locale = config._locale || getLocale(config._l);\n\n if (input === null || (format === undefined && input === '')) {\n return createInvalid({ nullInput: true });\n }\n\n if (typeof input === 'string') {\n config._i = input = config._locale.preparse(input);\n }\n\n if (isMoment(input)) {\n return new Moment(checkOverflow(input));\n } else if (isDate(input)) {\n config._d = input;\n } else if (isArray(format)) {\n configFromStringAndArray(config);\n } else if (format) {\n configFromStringAndFormat(config);\n } else {\n configFromInput(config);\n }\n\n if (!isValid(config)) {\n config._d = null;\n }\n\n return config;\n }\n\n function configFromInput(config) {\n var input = config._i;\n if (isUndefined(input)) {\n config._d = new Date(hooks.now());\n } else if (isDate(input)) {\n config._d = new Date(input.valueOf());\n } else if (typeof input === 'string') {\n configFromString(config);\n } else if (isArray(input)) {\n config._a = map(input.slice(0), function (obj) {\n return parseInt(obj, 10);\n });\n configFromArray(config);\n } else if (isObject(input)) {\n configFromObject(config);\n } else if (isNumber(input)) {\n // from milliseconds\n config._d = new Date(input);\n } else {\n hooks.createFromInputFallback(config);\n }\n }\n\n function createLocalOrUTC(input, format, locale, strict, isUTC) {\n var c = {};\n\n if (format === true || format === false) {\n strict = format;\n format = undefined;\n }\n\n if (locale === true || locale === false) {\n strict = locale;\n locale = undefined;\n }\n\n if (\n (isObject(input) && isObjectEmpty(input)) ||\n (isArray(input) && input.length === 0)\n ) {\n input = undefined;\n }\n // object construction must be done this way.\n // https://github.com/moment/moment/issues/1423\n c._isAMomentObject = true;\n c._useUTC = c._isUTC = isUTC;\n c._l = locale;\n c._i = input;\n c._f = format;\n c._strict = strict;\n\n return createFromConfig(c);\n }\n\n function createLocal(input, format, locale, strict) {\n return createLocalOrUTC(input, format, locale, strict, false);\n }\n\n var prototypeMin = deprecate(\n 'moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/',\n function () {\n var other = createLocal.apply(null, arguments);\n if (this.isValid() && other.isValid()) {\n return other < this ? this : other;\n } else {\n return createInvalid();\n }\n }\n ),\n prototypeMax = deprecate(\n 'moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/',\n function () {\n var other = createLocal.apply(null, arguments);\n if (this.isValid() && other.isValid()) {\n return other > this ? this : other;\n } else {\n return createInvalid();\n }\n }\n );\n\n // Pick a moment m from moments so that m[fn](other) is true for all\n // other. This relies on the function fn to be transitive.\n //\n // moments should either be an array of moment objects or an array, whose\n // first element is an array of moment objects.\n function pickBy(fn, moments) {\n var res, i;\n if (moments.length === 1 && isArray(moments[0])) {\n moments = moments[0];\n }\n if (!moments.length) {\n return createLocal();\n }\n res = moments[0];\n for (i = 1; i < moments.length; ++i) {\n if (!moments[i].isValid() || moments[i][fn](res)) {\n res = moments[i];\n }\n }\n return res;\n }\n\n // TODO: Use [].sort instead?\n function min() {\n var args = [].slice.call(arguments, 0);\n\n return pickBy('isBefore', args);\n }\n\n function max() {\n var args = [].slice.call(arguments, 0);\n\n return pickBy('isAfter', args);\n }\n\n var now = function () {\n return Date.now ? Date.now() : +new Date();\n };\n\n var ordering = [\n 'year',\n 'quarter',\n 'month',\n 'week',\n 'day',\n 'hour',\n 'minute',\n 'second',\n 'millisecond',\n ];\n\n function isDurationValid(m) {\n var key,\n unitHasDecimal = false,\n i,\n orderLen = ordering.length;\n for (key in m) {\n if (\n hasOwnProp(m, key) &&\n !(\n indexOf.call(ordering, key) !== -1 &&\n (m[key] == null || !isNaN(m[key]))\n )\n ) {\n return false;\n }\n }\n\n for (i = 0; i < orderLen; ++i) {\n if (m[ordering[i]]) {\n if (unitHasDecimal) {\n return false; // only allow non-integers for smallest unit\n }\n if (parseFloat(m[ordering[i]]) !== toInt(m[ordering[i]])) {\n unitHasDecimal = true;\n }\n }\n }\n\n return true;\n }\n\n function isValid$1() {\n return this._isValid;\n }\n\n function createInvalid$1() {\n return createDuration(NaN);\n }\n\n function Duration(duration) {\n var normalizedInput = normalizeObjectUnits(duration),\n years = normalizedInput.year || 0,\n quarters = normalizedInput.quarter || 0,\n months = normalizedInput.month || 0,\n weeks = normalizedInput.week || normalizedInput.isoWeek || 0,\n days = normalizedInput.day || 0,\n hours = normalizedInput.hour || 0,\n minutes = normalizedInput.minute || 0,\n seconds = normalizedInput.second || 0,\n milliseconds = normalizedInput.millisecond || 0;\n\n this._isValid = isDurationValid(normalizedInput);\n\n // representation for dateAddRemove\n this._milliseconds =\n +milliseconds +\n seconds * 1e3 + // 1000\n minutes * 6e4 + // 1000 * 60\n hours * 1000 * 60 * 60; //using 1000 * 60 * 60 instead of 36e5 to avoid floating point rounding errors https://github.com/moment/moment/issues/2978\n // Because of dateAddRemove treats 24 hours as different from a\n // day when working around DST, we need to store them separately\n this._days = +days + weeks * 7;\n // It is impossible to translate months into days without knowing\n // which months you are are talking about, so we have to store\n // it separately.\n this._months = +months + quarters * 3 + years * 12;\n\n this._data = {};\n\n this._locale = getLocale();\n\n this._bubble();\n }\n\n function isDuration(obj) {\n return obj instanceof Duration;\n }\n\n function absRound(number) {\n if (number < 0) {\n return Math.round(-1 * number) * -1;\n } else {\n return Math.round(number);\n }\n }\n\n // compare two arrays, return the number of differences\n function compareArrays(array1, array2, dontConvert) {\n var len = Math.min(array1.length, array2.length),\n lengthDiff = Math.abs(array1.length - array2.length),\n diffs = 0,\n i;\n for (i = 0; i < len; i++) {\n if (\n (dontConvert && array1[i] !== array2[i]) ||\n (!dontConvert && toInt(array1[i]) !== toInt(array2[i]))\n ) {\n diffs++;\n }\n }\n return diffs + lengthDiff;\n }\n\n // FORMATTING\n\n function offset(token, separator) {\n addFormatToken(token, 0, 0, function () {\n var offset = this.utcOffset(),\n sign = '+';\n if (offset < 0) {\n offset = -offset;\n sign = '-';\n }\n return (\n sign +\n zeroFill(~~(offset / 60), 2) +\n separator +\n zeroFill(~~offset % 60, 2)\n );\n });\n }\n\n offset('Z', ':');\n offset('ZZ', '');\n\n // PARSING\n\n addRegexToken('Z', matchShortOffset);\n addRegexToken('ZZ', matchShortOffset);\n addParseToken(['Z', 'ZZ'], function (input, array, config) {\n config._useUTC = true;\n config._tzm = offsetFromString(matchShortOffset, input);\n });\n\n // HELPERS\n\n // timezone chunker\n // '+10:00' > ['10', '00']\n // '-1530' > ['-15', '30']\n var chunkOffset = /([\\+\\-]|\\d\\d)/gi;\n\n function offsetFromString(matcher, string) {\n var matches = (string || '').match(matcher),\n chunk,\n parts,\n minutes;\n\n if (matches === null) {\n return null;\n }\n\n chunk = matches[matches.length - 1] || [];\n parts = (chunk + '').match(chunkOffset) || ['-', 0, 0];\n minutes = +(parts[1] * 60) + toInt(parts[2]);\n\n return minutes === 0 ? 0 : parts[0] === '+' ? minutes : -minutes;\n }\n\n // Return a moment from input, that is local/utc/zone equivalent to model.\n function cloneWithOffset(input, model) {\n var res, diff;\n if (model._isUTC) {\n res = model.clone();\n diff =\n (isMoment(input) || isDate(input)\n ? input.valueOf()\n : createLocal(input).valueOf()) - res.valueOf();\n // Use low-level api, because this fn is low-level api.\n res._d.setTime(res._d.valueOf() + diff);\n hooks.updateOffset(res, false);\n return res;\n } else {\n return createLocal(input).local();\n }\n }\n\n function getDateOffset(m) {\n // On Firefox.24 Date#getTimezoneOffset returns a floating point.\n // https://github.com/moment/moment/pull/1871\n return -Math.round(m._d.getTimezoneOffset());\n }\n\n // HOOKS\n\n // This function will be called whenever a moment is mutated.\n // It is intended to keep the offset in sync with the timezone.\n hooks.updateOffset = function () {};\n\n // MOMENTS\n\n // keepLocalTime = true means only change the timezone, without\n // affecting the local hour. So 5:31:26 +0300 --[utcOffset(2, true)]-->\n // 5:31:26 +0200 It is possible that 5:31:26 doesn't exist with offset\n // +0200, so we adjust the time as needed, to be valid.\n //\n // Keeping the time actually adds/subtracts (one hour)\n // from the actual represented time. That is why we call updateOffset\n // a second time. In case it wants us to change the offset again\n // _changeInProgress == true case, then we have to adjust, because\n // there is no such time in the given timezone.\n function getSetOffset(input, keepLocalTime, keepMinutes) {\n var offset = this._offset || 0,\n localAdjust;\n if (!this.isValid()) {\n return input != null ? this : NaN;\n }\n if (input != null) {\n if (typeof input === 'string') {\n input = offsetFromString(matchShortOffset, input);\n if (input === null) {\n return this;\n }\n } else if (Math.abs(input) < 16 && !keepMinutes) {\n input = input * 60;\n }\n if (!this._isUTC && keepLocalTime) {\n localAdjust = getDateOffset(this);\n }\n this._offset = input;\n this._isUTC = true;\n if (localAdjust != null) {\n this.add(localAdjust, 'm');\n }\n if (offset !== input) {\n if (!keepLocalTime || this._changeInProgress) {\n addSubtract(\n this,\n createDuration(input - offset, 'm'),\n 1,\n false\n );\n } else if (!this._changeInProgress) {\n this._changeInProgress = true;\n hooks.updateOffset(this, true);\n this._changeInProgress = null;\n }\n }\n return this;\n } else {\n return this._isUTC ? offset : getDateOffset(this);\n }\n }\n\n function getSetZone(input, keepLocalTime) {\n if (input != null) {\n if (typeof input !== 'string') {\n input = -input;\n }\n\n this.utcOffset(input, keepLocalTime);\n\n return this;\n } else {\n return -this.utcOffset();\n }\n }\n\n function setOffsetToUTC(keepLocalTime) {\n return this.utcOffset(0, keepLocalTime);\n }\n\n function setOffsetToLocal(keepLocalTime) {\n if (this._isUTC) {\n this.utcOffset(0, keepLocalTime);\n this._isUTC = false;\n\n if (keepLocalTime) {\n this.subtract(getDateOffset(this), 'm');\n }\n }\n return this;\n }\n\n function setOffsetToParsedOffset() {\n if (this._tzm != null) {\n this.utcOffset(this._tzm, false, true);\n } else if (typeof this._i === 'string') {\n var tZone = offsetFromString(matchOffset, this._i);\n if (tZone != null) {\n this.utcOffset(tZone);\n } else {\n this.utcOffset(0, true);\n }\n }\n return this;\n }\n\n function hasAlignedHourOffset(input) {\n if (!this.isValid()) {\n return false;\n }\n input = input ? createLocal(input).utcOffset() : 0;\n\n return (this.utcOffset() - input) % 60 === 0;\n }\n\n function isDaylightSavingTime() {\n return (\n this.utcOffset() > this.clone().month(0).utcOffset() ||\n this.utcOffset() > this.clone().month(5).utcOffset()\n );\n }\n\n function isDaylightSavingTimeShifted() {\n if (!isUndefined(this._isDSTShifted)) {\n return this._isDSTShifted;\n }\n\n var c = {},\n other;\n\n copyConfig(c, this);\n c = prepareConfig(c);\n\n if (c._a) {\n other = c._isUTC ? createUTC(c._a) : createLocal(c._a);\n this._isDSTShifted =\n this.isValid() && compareArrays(c._a, other.toArray()) > 0;\n } else {\n this._isDSTShifted = false;\n }\n\n return this._isDSTShifted;\n }\n\n function isLocal() {\n return this.isValid() ? !this._isUTC : false;\n }\n\n function isUtcOffset() {\n return this.isValid() ? this._isUTC : false;\n }\n\n function isUtc() {\n return this.isValid() ? this._isUTC && this._offset === 0 : false;\n }\n\n // ASP.NET json date format regex\n var aspNetRegex = /^(-|\\+)?(?:(\\d*)[. ])?(\\d+):(\\d+)(?::(\\d+)(\\.\\d*)?)?$/,\n // from http://docs.closure-library.googlecode.com/git/closure_goog_date_date.js.source.html\n // somewhat more in line with 4.4.3.2 2004 spec, but allows decimal anywhere\n // and further modified to allow for strings containing both week and day\n isoRegex =\n /^(-|\\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;\n\n function createDuration(input, key) {\n var duration = input,\n // matching against regexp is expensive, do it on demand\n match = null,\n sign,\n ret,\n diffRes;\n\n if (isDuration(input)) {\n duration = {\n ms: input._milliseconds,\n d: input._days,\n M: input._months,\n };\n } else if (isNumber(input) || !isNaN(+input)) {\n duration = {};\n if (key) {\n duration[key] = +input;\n } else {\n duration.milliseconds = +input;\n }\n } else if ((match = aspNetRegex.exec(input))) {\n sign = match[1] === '-' ? -1 : 1;\n duration = {\n y: 0,\n d: toInt(match[DATE]) * sign,\n h: toInt(match[HOUR]) * sign,\n m: toInt(match[MINUTE]) * sign,\n s: toInt(match[SECOND]) * sign,\n ms: toInt(absRound(match[MILLISECOND] * 1000)) * sign, // the millisecond decimal point is included in the match\n };\n } else if ((match = isoRegex.exec(input))) {\n sign = match[1] === '-' ? -1 : 1;\n duration = {\n y: parseIso(match[2], sign),\n M: parseIso(match[3], sign),\n w: parseIso(match[4], sign),\n d: parseIso(match[5], sign),\n h: parseIso(match[6], sign),\n m: parseIso(match[7], sign),\n s: parseIso(match[8], sign),\n };\n } else if (duration == null) {\n // checks for null or undefined\n duration = {};\n } else if (\n typeof duration === 'object' &&\n ('from' in duration || 'to' in duration)\n ) {\n diffRes = momentsDifference(\n createLocal(duration.from),\n createLocal(duration.to)\n );\n\n duration = {};\n duration.ms = diffRes.milliseconds;\n duration.M = diffRes.months;\n }\n\n ret = new Duration(duration);\n\n if (isDuration(input) && hasOwnProp(input, '_locale')) {\n ret._locale = input._locale;\n }\n\n if (isDuration(input) && hasOwnProp(input, '_isValid')) {\n ret._isValid = input._isValid;\n }\n\n return ret;\n }\n\n createDuration.fn = Duration.prototype;\n createDuration.invalid = createInvalid$1;\n\n function parseIso(inp, sign) {\n // We'd normally use ~~inp for this, but unfortunately it also\n // converts floats to ints.\n // inp may be undefined, so careful calling replace on it.\n var res = inp && parseFloat(inp.replace(',', '.'));\n // apply sign while we're at it\n return (isNaN(res) ? 0 : res) * sign;\n }\n\n function positiveMomentsDifference(base, other) {\n var res = {};\n\n res.months =\n other.month() - base.month() + (other.year() - base.year()) * 12;\n if (base.clone().add(res.months, 'M').isAfter(other)) {\n --res.months;\n }\n\n res.milliseconds = +other - +base.clone().add(res.months, 'M');\n\n return res;\n }\n\n function momentsDifference(base, other) {\n var res;\n if (!(base.isValid() && other.isValid())) {\n return { milliseconds: 0, months: 0 };\n }\n\n other = cloneWithOffset(other, base);\n if (base.isBefore(other)) {\n res = positiveMomentsDifference(base, other);\n } else {\n res = positiveMomentsDifference(other, base);\n res.milliseconds = -res.milliseconds;\n res.months = -res.months;\n }\n\n return res;\n }\n\n // TODO: remove 'name' arg after deprecation is removed\n function createAdder(direction, name) {\n return function (val, period) {\n var dur, tmp;\n //invert the arguments, but complain about it\n if (period !== null && !isNaN(+period)) {\n deprecateSimple(\n name,\n 'moment().' +\n name +\n '(period, number) is deprecated. Please use moment().' +\n name +\n '(number, period). ' +\n 'See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.'\n );\n tmp = val;\n val = period;\n period = tmp;\n }\n\n dur = createDuration(val, period);\n addSubtract(this, dur, direction);\n return this;\n };\n }\n\n function addSubtract(mom, duration, isAdding, updateOffset) {\n var milliseconds = duration._milliseconds,\n days = absRound(duration._days),\n months = absRound(duration._months);\n\n if (!mom.isValid()) {\n // No op\n return;\n }\n\n updateOffset = updateOffset == null ? true : updateOffset;\n\n if (months) {\n setMonth(mom, get(mom, 'Month') + months * isAdding);\n }\n if (days) {\n set$1(mom, 'Date', get(mom, 'Date') + days * isAdding);\n }\n if (milliseconds) {\n mom._d.setTime(mom._d.valueOf() + milliseconds * isAdding);\n }\n if (updateOffset) {\n hooks.updateOffset(mom, days || months);\n }\n }\n\n var add = createAdder(1, 'add'),\n subtract = createAdder(-1, 'subtract');\n\n function isString(input) {\n return typeof input === 'string' || input instanceof String;\n }\n\n // type MomentInput = Moment | Date | string | number | (number | string)[] | MomentInputObject | void; // null | undefined\n function isMomentInput(input) {\n return (\n isMoment(input) ||\n isDate(input) ||\n isString(input) ||\n isNumber(input) ||\n isNumberOrStringArray(input) ||\n isMomentInputObject(input) ||\n input === null ||\n input === undefined\n );\n }\n\n function isMomentInputObject(input) {\n var objectTest = isObject(input) && !isObjectEmpty(input),\n propertyTest = false,\n properties = [\n 'years',\n 'year',\n 'y',\n 'months',\n 'month',\n 'M',\n 'days',\n 'day',\n 'd',\n 'dates',\n 'date',\n 'D',\n 'hours',\n 'hour',\n 'h',\n 'minutes',\n 'minute',\n 'm',\n 'seconds',\n 'second',\n 's',\n 'milliseconds',\n 'millisecond',\n 'ms',\n ],\n i,\n property,\n propertyLen = properties.length;\n\n for (i = 0; i < propertyLen; i += 1) {\n property = properties[i];\n propertyTest = propertyTest || hasOwnProp(input, property);\n }\n\n return objectTest && propertyTest;\n }\n\n function isNumberOrStringArray(input) {\n var arrayTest = isArray(input),\n dataTypeTest = false;\n if (arrayTest) {\n dataTypeTest =\n input.filter(function (item) {\n return !isNumber(item) && isString(input);\n }).length === 0;\n }\n return arrayTest && dataTypeTest;\n }\n\n function isCalendarSpec(input) {\n var objectTest = isObject(input) && !isObjectEmpty(input),\n propertyTest = false,\n properties = [\n 'sameDay',\n 'nextDay',\n 'lastDay',\n 'nextWeek',\n 'lastWeek',\n 'sameElse',\n ],\n i,\n property;\n\n for (i = 0; i < properties.length; i += 1) {\n property = properties[i];\n propertyTest = propertyTest || hasOwnProp(input, property);\n }\n\n return objectTest && propertyTest;\n }\n\n function getCalendarFormat(myMoment, now) {\n var diff = myMoment.diff(now, 'days', true);\n return diff < -6\n ? 'sameElse'\n : diff < -1\n ? 'lastWeek'\n : diff < 0\n ? 'lastDay'\n : diff < 1\n ? 'sameDay'\n : diff < 2\n ? 'nextDay'\n : diff < 7\n ? 'nextWeek'\n : 'sameElse';\n }\n\n function calendar$1(time, formats) {\n // Support for single parameter, formats only overload to the calendar function\n if (arguments.length === 1) {\n if (!arguments[0]) {\n time = undefined;\n formats = undefined;\n } else if (isMomentInput(arguments[0])) {\n time = arguments[0];\n formats = undefined;\n } else if (isCalendarSpec(arguments[0])) {\n formats = arguments[0];\n time = undefined;\n }\n }\n // We want to compare the start of today, vs this.\n // Getting start-of-today depends on whether we're local/utc/offset or not.\n var now = time || createLocal(),\n sod = cloneWithOffset(now, this).startOf('day'),\n format = hooks.calendarFormat(this, sod) || 'sameElse',\n output =\n formats &&\n (isFunction(formats[format])\n ? formats[format].call(this, now)\n : formats[format]);\n\n return this.format(\n output || this.localeData().calendar(format, this, createLocal(now))\n );\n }\n\n function clone() {\n return new Moment(this);\n }\n\n function isAfter(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input);\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() > localInput.valueOf();\n } else {\n return localInput.valueOf() < this.clone().startOf(units).valueOf();\n }\n }\n\n function isBefore(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input);\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() < localInput.valueOf();\n } else {\n return this.clone().endOf(units).valueOf() < localInput.valueOf();\n }\n }\n\n function isBetween(from, to, units, inclusivity) {\n var localFrom = isMoment(from) ? from : createLocal(from),\n localTo = isMoment(to) ? to : createLocal(to);\n if (!(this.isValid() && localFrom.isValid() && localTo.isValid())) {\n return false;\n }\n inclusivity = inclusivity || '()';\n return (\n (inclusivity[0] === '('\n ? this.isAfter(localFrom, units)\n : !this.isBefore(localFrom, units)) &&\n (inclusivity[1] === ')'\n ? this.isBefore(localTo, units)\n : !this.isAfter(localTo, units))\n );\n }\n\n function isSame(input, units) {\n var localInput = isMoment(input) ? input : createLocal(input),\n inputMs;\n if (!(this.isValid() && localInput.isValid())) {\n return false;\n }\n units = normalizeUnits(units) || 'millisecond';\n if (units === 'millisecond') {\n return this.valueOf() === localInput.valueOf();\n } else {\n inputMs = localInput.valueOf();\n return (\n this.clone().startOf(units).valueOf() <= inputMs &&\n inputMs <= this.clone().endOf(units).valueOf()\n );\n }\n }\n\n function isSameOrAfter(input, units) {\n return this.isSame(input, units) || this.isAfter(input, units);\n }\n\n function isSameOrBefore(input, units) {\n return this.isSame(input, units) || this.isBefore(input, units);\n }\n\n function diff(input, units, asFloat) {\n var that, zoneDelta, output;\n\n if (!this.isValid()) {\n return NaN;\n }\n\n that = cloneWithOffset(input, this);\n\n if (!that.isValid()) {\n return NaN;\n }\n\n zoneDelta = (that.utcOffset() - this.utcOffset()) * 6e4;\n\n units = normalizeUnits(units);\n\n switch (units) {\n case 'year':\n output = monthDiff(this, that) / 12;\n break;\n case 'month':\n output = monthDiff(this, that);\n break;\n case 'quarter':\n output = monthDiff(this, that) / 3;\n break;\n case 'second':\n output = (this - that) / 1e3;\n break; // 1000\n case 'minute':\n output = (this - that) / 6e4;\n break; // 1000 * 60\n case 'hour':\n output = (this - that) / 36e5;\n break; // 1000 * 60 * 60\n case 'day':\n output = (this - that - zoneDelta) / 864e5;\n break; // 1000 * 60 * 60 * 24, negate dst\n case 'week':\n output = (this - that - zoneDelta) / 6048e5;\n break; // 1000 * 60 * 60 * 24 * 7, negate dst\n default:\n output = this - that;\n }\n\n return asFloat ? output : absFloor(output);\n }\n\n function monthDiff(a, b) {\n if (a.date() < b.date()) {\n // end-of-month calculations work correct when the start month has more\n // days than the end month.\n return -monthDiff(b, a);\n }\n // difference in months\n var wholeMonthDiff = (b.year() - a.year()) * 12 + (b.month() - a.month()),\n // b is in (anchor - 1 month, anchor + 1 month)\n anchor = a.clone().add(wholeMonthDiff, 'months'),\n anchor2,\n adjust;\n\n if (b - anchor < 0) {\n anchor2 = a.clone().add(wholeMonthDiff - 1, 'months');\n // linear across the month\n adjust = (b - anchor) / (anchor - anchor2);\n } else {\n anchor2 = a.clone().add(wholeMonthDiff + 1, 'months');\n // linear across the month\n adjust = (b - anchor) / (anchor2 - anchor);\n }\n\n //check for negative zero, return zero if negative zero\n return -(wholeMonthDiff + adjust) || 0;\n }\n\n hooks.defaultFormat = 'YYYY-MM-DDTHH:mm:ssZ';\n hooks.defaultFormatUtc = 'YYYY-MM-DDTHH:mm:ss[Z]';\n\n function toString() {\n return this.clone().locale('en').format('ddd MMM DD YYYY HH:mm:ss [GMT]ZZ');\n }\n\n function toISOString(keepOffset) {\n if (!this.isValid()) {\n return null;\n }\n var utc = keepOffset !== true,\n m = utc ? this.clone().utc() : this;\n if (m.year() < 0 || m.year() > 9999) {\n return formatMoment(\n m,\n utc\n ? 'YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]'\n : 'YYYYYY-MM-DD[T]HH:mm:ss.SSSZ'\n );\n }\n if (isFunction(Date.prototype.toISOString)) {\n // native implementation is ~50x faster, use it when we can\n if (utc) {\n return this.toDate().toISOString();\n } else {\n return new Date(this.valueOf() + this.utcOffset() * 60 * 1000)\n .toISOString()\n .replace('Z', formatMoment(m, 'Z'));\n }\n }\n return formatMoment(\n m,\n utc ? 'YYYY-MM-DD[T]HH:mm:ss.SSS[Z]' : 'YYYY-MM-DD[T]HH:mm:ss.SSSZ'\n );\n }\n\n /**\n * Return a human readable representation of a moment that can\n * also be evaluated to get a new moment which is the same\n *\n * @link https://nodejs.org/dist/latest/docs/api/util.html#util_custom_inspect_function_on_objects\n */\n function inspect() {\n if (!this.isValid()) {\n return 'moment.invalid(/* ' + this._i + ' */)';\n }\n var func = 'moment',\n zone = '',\n prefix,\n year,\n datetime,\n suffix;\n if (!this.isLocal()) {\n func = this.utcOffset() === 0 ? 'moment.utc' : 'moment.parseZone';\n zone = 'Z';\n }\n prefix = '[' + func + '(\"]';\n year = 0 <= this.year() && this.year() <= 9999 ? 'YYYY' : 'YYYYYY';\n datetime = '-MM-DD[T]HH:mm:ss.SSS';\n suffix = zone + '[\")]';\n\n return this.format(prefix + year + datetime + suffix);\n }\n\n function format(inputString) {\n if (!inputString) {\n inputString = this.isUtc()\n ? hooks.defaultFormatUtc\n : hooks.defaultFormat;\n }\n var output = formatMoment(this, inputString);\n return this.localeData().postformat(output);\n }\n\n function from(time, withoutSuffix) {\n if (\n this.isValid() &&\n ((isMoment(time) && time.isValid()) || createLocal(time).isValid())\n ) {\n return createDuration({ to: this, from: time })\n .locale(this.locale())\n .humanize(!withoutSuffix);\n } else {\n return this.localeData().invalidDate();\n }\n }\n\n function fromNow(withoutSuffix) {\n return this.from(createLocal(), withoutSuffix);\n }\n\n function to(time, withoutSuffix) {\n if (\n this.isValid() &&\n ((isMoment(time) && time.isValid()) || createLocal(time).isValid())\n ) {\n return createDuration({ from: this, to: time })\n .locale(this.locale())\n .humanize(!withoutSuffix);\n } else {\n return this.localeData().invalidDate();\n }\n }\n\n function toNow(withoutSuffix) {\n return this.to(createLocal(), withoutSuffix);\n }\n\n // If passed a locale key, it will set the locale for this\n // instance. Otherwise, it will return the locale configuration\n // variables for this instance.\n function locale(key) {\n var newLocaleData;\n\n if (key === undefined) {\n return this._locale._abbr;\n } else {\n newLocaleData = getLocale(key);\n if (newLocaleData != null) {\n this._locale = newLocaleData;\n }\n return this;\n }\n }\n\n var lang = deprecate(\n 'moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.',\n function (key) {\n if (key === undefined) {\n return this.localeData();\n } else {\n return this.locale(key);\n }\n }\n );\n\n function localeData() {\n return this._locale;\n }\n\n var MS_PER_SECOND = 1000,\n MS_PER_MINUTE = 60 * MS_PER_SECOND,\n MS_PER_HOUR = 60 * MS_PER_MINUTE,\n MS_PER_400_YEARS = (365 * 400 + 97) * 24 * MS_PER_HOUR;\n\n // actual modulo - handles negative numbers (for dates before 1970):\n function mod$1(dividend, divisor) {\n return ((dividend % divisor) + divisor) % divisor;\n }\n\n function localStartOfDate(y, m, d) {\n // the date constructor remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n return new Date(y + 400, m, d) - MS_PER_400_YEARS;\n } else {\n return new Date(y, m, d).valueOf();\n }\n }\n\n function utcStartOfDate(y, m, d) {\n // Date.UTC remaps years 0-99 to 1900-1999\n if (y < 100 && y >= 0) {\n // preserve leap years using a full 400 year cycle, then reset\n return Date.UTC(y + 400, m, d) - MS_PER_400_YEARS;\n } else {\n return Date.UTC(y, m, d);\n }\n }\n\n function startOf(units) {\n var time, startOfDate;\n units = normalizeUnits(units);\n if (units === undefined || units === 'millisecond' || !this.isValid()) {\n return this;\n }\n\n startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;\n\n switch (units) {\n case 'year':\n time = startOfDate(this.year(), 0, 1);\n break;\n case 'quarter':\n time = startOfDate(\n this.year(),\n this.month() - (this.month() % 3),\n 1\n );\n break;\n case 'month':\n time = startOfDate(this.year(), this.month(), 1);\n break;\n case 'week':\n time = startOfDate(\n this.year(),\n this.month(),\n this.date() - this.weekday()\n );\n break;\n case 'isoWeek':\n time = startOfDate(\n this.year(),\n this.month(),\n this.date() - (this.isoWeekday() - 1)\n );\n break;\n case 'day':\n case 'date':\n time = startOfDate(this.year(), this.month(), this.date());\n break;\n case 'hour':\n time = this._d.valueOf();\n time -= mod$1(\n time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE),\n MS_PER_HOUR\n );\n break;\n case 'minute':\n time = this._d.valueOf();\n time -= mod$1(time, MS_PER_MINUTE);\n break;\n case 'second':\n time = this._d.valueOf();\n time -= mod$1(time, MS_PER_SECOND);\n break;\n }\n\n this._d.setTime(time);\n hooks.updateOffset(this, true);\n return this;\n }\n\n function endOf(units) {\n var time, startOfDate;\n units = normalizeUnits(units);\n if (units === undefined || units === 'millisecond' || !this.isValid()) {\n return this;\n }\n\n startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;\n\n switch (units) {\n case 'year':\n time = startOfDate(this.year() + 1, 0, 1) - 1;\n break;\n case 'quarter':\n time =\n startOfDate(\n this.year(),\n this.month() - (this.month() % 3) + 3,\n 1\n ) - 1;\n break;\n case 'month':\n time = startOfDate(this.year(), this.month() + 1, 1) - 1;\n break;\n case 'week':\n time =\n startOfDate(\n this.year(),\n this.month(),\n this.date() - this.weekday() + 7\n ) - 1;\n break;\n case 'isoWeek':\n time =\n startOfDate(\n this.year(),\n this.month(),\n this.date() - (this.isoWeekday() - 1) + 7\n ) - 1;\n break;\n case 'day':\n case 'date':\n time = startOfDate(this.year(), this.month(), this.date() + 1) - 1;\n break;\n case 'hour':\n time = this._d.valueOf();\n time +=\n MS_PER_HOUR -\n mod$1(\n time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE),\n MS_PER_HOUR\n ) -\n 1;\n break;\n case 'minute':\n time = this._d.valueOf();\n time += MS_PER_MINUTE - mod$1(time, MS_PER_MINUTE) - 1;\n break;\n case 'second':\n time = this._d.valueOf();\n time += MS_PER_SECOND - mod$1(time, MS_PER_SECOND) - 1;\n break;\n }\n\n this._d.setTime(time);\n hooks.updateOffset(this, true);\n return this;\n }\n\n function valueOf() {\n return this._d.valueOf() - (this._offset || 0) * 60000;\n }\n\n function unix() {\n return Math.floor(this.valueOf() / 1000);\n }\n\n function toDate() {\n return new Date(this.valueOf());\n }\n\n function toArray() {\n var m = this;\n return [\n m.year(),\n m.month(),\n m.date(),\n m.hour(),\n m.minute(),\n m.second(),\n m.millisecond(),\n ];\n }\n\n function toObject() {\n var m = this;\n return {\n years: m.year(),\n months: m.month(),\n date: m.date(),\n hours: m.hours(),\n minutes: m.minutes(),\n seconds: m.seconds(),\n milliseconds: m.milliseconds(),\n };\n }\n\n function toJSON() {\n // new Date(NaN).toJSON() === null\n return this.isValid() ? this.toISOString() : null;\n }\n\n function isValid$2() {\n return isValid(this);\n }\n\n function parsingFlags() {\n return extend({}, getParsingFlags(this));\n }\n\n function invalidAt() {\n return getParsingFlags(this).overflow;\n }\n\n function creationData() {\n return {\n input: this._i,\n format: this._f,\n locale: this._locale,\n isUTC: this._isUTC,\n strict: this._strict,\n };\n }\n\n addFormatToken('N', 0, 0, 'eraAbbr');\n addFormatToken('NN', 0, 0, 'eraAbbr');\n addFormatToken('NNN', 0, 0, 'eraAbbr');\n addFormatToken('NNNN', 0, 0, 'eraName');\n addFormatToken('NNNNN', 0, 0, 'eraNarrow');\n\n addFormatToken('y', ['y', 1], 'yo', 'eraYear');\n addFormatToken('y', ['yy', 2], 0, 'eraYear');\n addFormatToken('y', ['yyy', 3], 0, 'eraYear');\n addFormatToken('y', ['yyyy', 4], 0, 'eraYear');\n\n addRegexToken('N', matchEraAbbr);\n addRegexToken('NN', matchEraAbbr);\n addRegexToken('NNN', matchEraAbbr);\n addRegexToken('NNNN', matchEraName);\n addRegexToken('NNNNN', matchEraNarrow);\n\n addParseToken(\n ['N', 'NN', 'NNN', 'NNNN', 'NNNNN'],\n function (input, array, config, token) {\n var era = config._locale.erasParse(input, token, config._strict);\n if (era) {\n getParsingFlags(config).era = era;\n } else {\n getParsingFlags(config).invalidEra = input;\n }\n }\n );\n\n addRegexToken('y', matchUnsigned);\n addRegexToken('yy', matchUnsigned);\n addRegexToken('yyy', matchUnsigned);\n addRegexToken('yyyy', matchUnsigned);\n addRegexToken('yo', matchEraYearOrdinal);\n\n addParseToken(['y', 'yy', 'yyy', 'yyyy'], YEAR);\n addParseToken(['yo'], function (input, array, config, token) {\n var match;\n if (config._locale._eraYearOrdinalRegex) {\n match = input.match(config._locale._eraYearOrdinalRegex);\n }\n\n if (config._locale.eraYearOrdinalParse) {\n array[YEAR] = config._locale.eraYearOrdinalParse(input, match);\n } else {\n array[YEAR] = parseInt(input, 10);\n }\n });\n\n function localeEras(m, format) {\n var i,\n l,\n date,\n eras = this._eras || getLocale('en')._eras;\n for (i = 0, l = eras.length; i < l; ++i) {\n switch (typeof eras[i].since) {\n case 'string':\n // truncate time\n date = hooks(eras[i].since).startOf('day');\n eras[i].since = date.valueOf();\n break;\n }\n\n switch (typeof eras[i].until) {\n case 'undefined':\n eras[i].until = +Infinity;\n break;\n case 'string':\n // truncate time\n date = hooks(eras[i].until).startOf('day').valueOf();\n eras[i].until = date.valueOf();\n break;\n }\n }\n return eras;\n }\n\n function localeErasParse(eraName, format, strict) {\n var i,\n l,\n eras = this.eras(),\n name,\n abbr,\n narrow;\n eraName = eraName.toUpperCase();\n\n for (i = 0, l = eras.length; i < l; ++i) {\n name = eras[i].name.toUpperCase();\n abbr = eras[i].abbr.toUpperCase();\n narrow = eras[i].narrow.toUpperCase();\n\n if (strict) {\n switch (format) {\n case 'N':\n case 'NN':\n case 'NNN':\n if (abbr === eraName) {\n return eras[i];\n }\n break;\n\n case 'NNNN':\n if (name === eraName) {\n return eras[i];\n }\n break;\n\n case 'NNNNN':\n if (narrow === eraName) {\n return eras[i];\n }\n break;\n }\n } else if ([name, abbr, narrow].indexOf(eraName) >= 0) {\n return eras[i];\n }\n }\n }\n\n function localeErasConvertYear(era, year) {\n var dir = era.since <= era.until ? +1 : -1;\n if (year === undefined) {\n return hooks(era.since).year();\n } else {\n return hooks(era.since).year() + (year - era.offset) * dir;\n }\n }\n\n function getEraName() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].name;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].name;\n }\n }\n\n return '';\n }\n\n function getEraNarrow() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].narrow;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].narrow;\n }\n }\n\n return '';\n }\n\n function getEraAbbr() {\n var i,\n l,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n // truncate time\n val = this.clone().startOf('day').valueOf();\n\n if (eras[i].since <= val && val <= eras[i].until) {\n return eras[i].abbr;\n }\n if (eras[i].until <= val && val <= eras[i].since) {\n return eras[i].abbr;\n }\n }\n\n return '';\n }\n\n function getEraYear() {\n var i,\n l,\n dir,\n val,\n eras = this.localeData().eras();\n for (i = 0, l = eras.length; i < l; ++i) {\n dir = eras[i].since <= eras[i].until ? +1 : -1;\n\n // truncate time\n val = this.clone().startOf('day').valueOf();\n\n if (\n (eras[i].since <= val && val <= eras[i].until) ||\n (eras[i].until <= val && val <= eras[i].since)\n ) {\n return (\n (this.year() - hooks(eras[i].since).year()) * dir +\n eras[i].offset\n );\n }\n }\n\n return this.year();\n }\n\n function erasNameRegex(isStrict) {\n if (!hasOwnProp(this, '_erasNameRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasNameRegex : this._erasRegex;\n }\n\n function erasAbbrRegex(isStrict) {\n if (!hasOwnProp(this, '_erasAbbrRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasAbbrRegex : this._erasRegex;\n }\n\n function erasNarrowRegex(isStrict) {\n if (!hasOwnProp(this, '_erasNarrowRegex')) {\n computeErasParse.call(this);\n }\n return isStrict ? this._erasNarrowRegex : this._erasRegex;\n }\n\n function matchEraAbbr(isStrict, locale) {\n return locale.erasAbbrRegex(isStrict);\n }\n\n function matchEraName(isStrict, locale) {\n return locale.erasNameRegex(isStrict);\n }\n\n function matchEraNarrow(isStrict, locale) {\n return locale.erasNarrowRegex(isStrict);\n }\n\n function matchEraYearOrdinal(isStrict, locale) {\n return locale._eraYearOrdinalRegex || matchUnsigned;\n }\n\n function computeErasParse() {\n var abbrPieces = [],\n namePieces = [],\n narrowPieces = [],\n mixedPieces = [],\n i,\n l,\n erasName,\n erasAbbr,\n erasNarrow,\n eras = this.eras();\n\n for (i = 0, l = eras.length; i < l; ++i) {\n erasName = regexEscape(eras[i].name);\n erasAbbr = regexEscape(eras[i].abbr);\n erasNarrow = regexEscape(eras[i].narrow);\n\n namePieces.push(erasName);\n abbrPieces.push(erasAbbr);\n narrowPieces.push(erasNarrow);\n mixedPieces.push(erasName);\n mixedPieces.push(erasAbbr);\n mixedPieces.push(erasNarrow);\n }\n\n this._erasRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');\n this._erasNameRegex = new RegExp('^(' + namePieces.join('|') + ')', 'i');\n this._erasAbbrRegex = new RegExp('^(' + abbrPieces.join('|') + ')', 'i');\n this._erasNarrowRegex = new RegExp(\n '^(' + narrowPieces.join('|') + ')',\n 'i'\n );\n }\n\n // FORMATTING\n\n addFormatToken(0, ['gg', 2], 0, function () {\n return this.weekYear() % 100;\n });\n\n addFormatToken(0, ['GG', 2], 0, function () {\n return this.isoWeekYear() % 100;\n });\n\n function addWeekYearFormatToken(token, getter) {\n addFormatToken(0, [token, token.length], 0, getter);\n }\n\n addWeekYearFormatToken('gggg', 'weekYear');\n addWeekYearFormatToken('ggggg', 'weekYear');\n addWeekYearFormatToken('GGGG', 'isoWeekYear');\n addWeekYearFormatToken('GGGGG', 'isoWeekYear');\n\n // ALIASES\n\n // PARSING\n\n addRegexToken('G', matchSigned);\n addRegexToken('g', matchSigned);\n addRegexToken('GG', match1to2, match2);\n addRegexToken('gg', match1to2, match2);\n addRegexToken('GGGG', match1to4, match4);\n addRegexToken('gggg', match1to4, match4);\n addRegexToken('GGGGG', match1to6, match6);\n addRegexToken('ggggg', match1to6, match6);\n\n addWeekParseToken(\n ['gggg', 'ggggg', 'GGGG', 'GGGGG'],\n function (input, week, config, token) {\n week[token.substr(0, 2)] = toInt(input);\n }\n );\n\n addWeekParseToken(['gg', 'GG'], function (input, week, config, token) {\n week[token] = hooks.parseTwoDigitYear(input);\n });\n\n // MOMENTS\n\n function getSetWeekYear(input) {\n return getSetWeekYearHelper.call(\n this,\n input,\n this.week(),\n this.weekday() + this.localeData()._week.dow,\n this.localeData()._week.dow,\n this.localeData()._week.doy\n );\n }\n\n function getSetISOWeekYear(input) {\n return getSetWeekYearHelper.call(\n this,\n input,\n this.isoWeek(),\n this.isoWeekday(),\n 1,\n 4\n );\n }\n\n function getISOWeeksInYear() {\n return weeksInYear(this.year(), 1, 4);\n }\n\n function getISOWeeksInISOWeekYear() {\n return weeksInYear(this.isoWeekYear(), 1, 4);\n }\n\n function getWeeksInYear() {\n var weekInfo = this.localeData()._week;\n return weeksInYear(this.year(), weekInfo.dow, weekInfo.doy);\n }\n\n function getWeeksInWeekYear() {\n var weekInfo = this.localeData()._week;\n return weeksInYear(this.weekYear(), weekInfo.dow, weekInfo.doy);\n }\n\n function getSetWeekYearHelper(input, week, weekday, dow, doy) {\n var weeksTarget;\n if (input == null) {\n return weekOfYear(this, dow, doy).year;\n } else {\n weeksTarget = weeksInYear(input, dow, doy);\n if (week > weeksTarget) {\n week = weeksTarget;\n }\n return setWeekAll.call(this, input, week, weekday, dow, doy);\n }\n }\n\n function setWeekAll(weekYear, week, weekday, dow, doy) {\n var dayOfYearData = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy),\n date = createUTCDate(dayOfYearData.year, 0, dayOfYearData.dayOfYear);\n\n this.year(date.getUTCFullYear());\n this.month(date.getUTCMonth());\n this.date(date.getUTCDate());\n return this;\n }\n\n // FORMATTING\n\n addFormatToken('Q', 0, 'Qo', 'quarter');\n\n // PARSING\n\n addRegexToken('Q', match1);\n addParseToken('Q', function (input, array) {\n array[MONTH] = (toInt(input) - 1) * 3;\n });\n\n // MOMENTS\n\n function getSetQuarter(input) {\n return input == null\n ? Math.ceil((this.month() + 1) / 3)\n : this.month((input - 1) * 3 + (this.month() % 3));\n }\n\n // FORMATTING\n\n addFormatToken('D', ['DD', 2], 'Do', 'date');\n\n // PARSING\n\n addRegexToken('D', match1to2, match1to2NoLeadingZero);\n addRegexToken('DD', match1to2, match2);\n addRegexToken('Do', function (isStrict, locale) {\n // TODO: Remove \"ordinalParse\" fallback in next major release.\n return isStrict\n ? locale._dayOfMonthOrdinalParse || locale._ordinalParse\n : locale._dayOfMonthOrdinalParseLenient;\n });\n\n addParseToken(['D', 'DD'], DATE);\n addParseToken('Do', function (input, array) {\n array[DATE] = toInt(input.match(match1to2)[0]);\n });\n\n // MOMENTS\n\n var getSetDayOfMonth = makeGetSet('Date', true);\n\n // FORMATTING\n\n addFormatToken('DDD', ['DDDD', 3], 'DDDo', 'dayOfYear');\n\n // PARSING\n\n addRegexToken('DDD', match1to3);\n addRegexToken('DDDD', match3);\n addParseToken(['DDD', 'DDDD'], function (input, array, config) {\n config._dayOfYear = toInt(input);\n });\n\n // HELPERS\n\n // MOMENTS\n\n function getSetDayOfYear(input) {\n var dayOfYear =\n Math.round(\n (this.clone().startOf('day') - this.clone().startOf('year')) / 864e5\n ) + 1;\n return input == null ? dayOfYear : this.add(input - dayOfYear, 'd');\n }\n\n // FORMATTING\n\n addFormatToken('m', ['mm', 2], 0, 'minute');\n\n // PARSING\n\n addRegexToken('m', match1to2, match1to2HasZero);\n addRegexToken('mm', match1to2, match2);\n addParseToken(['m', 'mm'], MINUTE);\n\n // MOMENTS\n\n var getSetMinute = makeGetSet('Minutes', false);\n\n // FORMATTING\n\n addFormatToken('s', ['ss', 2], 0, 'second');\n\n // PARSING\n\n addRegexToken('s', match1to2, match1to2HasZero);\n addRegexToken('ss', match1to2, match2);\n addParseToken(['s', 'ss'], SECOND);\n\n // MOMENTS\n\n var getSetSecond = makeGetSet('Seconds', false);\n\n // FORMATTING\n\n addFormatToken('S', 0, 0, function () {\n return ~~(this.millisecond() / 100);\n });\n\n addFormatToken(0, ['SS', 2], 0, function () {\n return ~~(this.millisecond() / 10);\n });\n\n addFormatToken(0, ['SSS', 3], 0, 'millisecond');\n addFormatToken(0, ['SSSS', 4], 0, function () {\n return this.millisecond() * 10;\n });\n addFormatToken(0, ['SSSSS', 5], 0, function () {\n return this.millisecond() * 100;\n });\n addFormatToken(0, ['SSSSSS', 6], 0, function () {\n return this.millisecond() * 1000;\n });\n addFormatToken(0, ['SSSSSSS', 7], 0, function () {\n return this.millisecond() * 10000;\n });\n addFormatToken(0, ['SSSSSSSS', 8], 0, function () {\n return this.millisecond() * 100000;\n });\n addFormatToken(0, ['SSSSSSSSS', 9], 0, function () {\n return this.millisecond() * 1000000;\n });\n\n // PARSING\n\n addRegexToken('S', match1to3, match1);\n addRegexToken('SS', match1to3, match2);\n addRegexToken('SSS', match1to3, match3);\n\n var token, getSetMillisecond;\n for (token = 'SSSS'; token.length <= 9; token += 'S') {\n addRegexToken(token, matchUnsigned);\n }\n\n function parseMs(input, array) {\n array[MILLISECOND] = toInt(('0.' + input) * 1000);\n }\n\n for (token = 'S'; token.length <= 9; token += 'S') {\n addParseToken(token, parseMs);\n }\n\n getSetMillisecond = makeGetSet('Milliseconds', false);\n\n // FORMATTING\n\n addFormatToken('z', 0, 0, 'zoneAbbr');\n addFormatToken('zz', 0, 0, 'zoneName');\n\n // MOMENTS\n\n function getZoneAbbr() {\n return this._isUTC ? 'UTC' : '';\n }\n\n function getZoneName() {\n return this._isUTC ? 'Coordinated Universal Time' : '';\n }\n\n var proto = Moment.prototype;\n\n proto.add = add;\n proto.calendar = calendar$1;\n proto.clone = clone;\n proto.diff = diff;\n proto.endOf = endOf;\n proto.format = format;\n proto.from = from;\n proto.fromNow = fromNow;\n proto.to = to;\n proto.toNow = toNow;\n proto.get = stringGet;\n proto.invalidAt = invalidAt;\n proto.isAfter = isAfter;\n proto.isBefore = isBefore;\n proto.isBetween = isBetween;\n proto.isSame = isSame;\n proto.isSameOrAfter = isSameOrAfter;\n proto.isSameOrBefore = isSameOrBefore;\n proto.isValid = isValid$2;\n proto.lang = lang;\n proto.locale = locale;\n proto.localeData = localeData;\n proto.max = prototypeMax;\n proto.min = prototypeMin;\n proto.parsingFlags = parsingFlags;\n proto.set = stringSet;\n proto.startOf = startOf;\n proto.subtract = subtract;\n proto.toArray = toArray;\n proto.toObject = toObject;\n proto.toDate = toDate;\n proto.toISOString = toISOString;\n proto.inspect = inspect;\n if (typeof Symbol !== 'undefined' && Symbol.for != null) {\n proto[Symbol.for('nodejs.util.inspect.custom')] = function () {\n return 'Moment<' + this.format() + '>';\n };\n }\n proto.toJSON = toJSON;\n proto.toString = toString;\n proto.unix = unix;\n proto.valueOf = valueOf;\n proto.creationData = creationData;\n proto.eraName = getEraName;\n proto.eraNarrow = getEraNarrow;\n proto.eraAbbr = getEraAbbr;\n proto.eraYear = getEraYear;\n proto.year = getSetYear;\n proto.isLeapYear = getIsLeapYear;\n proto.weekYear = getSetWeekYear;\n proto.isoWeekYear = getSetISOWeekYear;\n proto.quarter = proto.quarters = getSetQuarter;\n proto.month = getSetMonth;\n proto.daysInMonth = getDaysInMonth;\n proto.week = proto.weeks = getSetWeek;\n proto.isoWeek = proto.isoWeeks = getSetISOWeek;\n proto.weeksInYear = getWeeksInYear;\n proto.weeksInWeekYear = getWeeksInWeekYear;\n proto.isoWeeksInYear = getISOWeeksInYear;\n proto.isoWeeksInISOWeekYear = getISOWeeksInISOWeekYear;\n proto.date = getSetDayOfMonth;\n proto.day = proto.days = getSetDayOfWeek;\n proto.weekday = getSetLocaleDayOfWeek;\n proto.isoWeekday = getSetISODayOfWeek;\n proto.dayOfYear = getSetDayOfYear;\n proto.hour = proto.hours = getSetHour;\n proto.minute = proto.minutes = getSetMinute;\n proto.second = proto.seconds = getSetSecond;\n proto.millisecond = proto.milliseconds = getSetMillisecond;\n proto.utcOffset = getSetOffset;\n proto.utc = setOffsetToUTC;\n proto.local = setOffsetToLocal;\n proto.parseZone = setOffsetToParsedOffset;\n proto.hasAlignedHourOffset = hasAlignedHourOffset;\n proto.isDST = isDaylightSavingTime;\n proto.isLocal = isLocal;\n proto.isUtcOffset = isUtcOffset;\n proto.isUtc = isUtc;\n proto.isUTC = isUtc;\n proto.zoneAbbr = getZoneAbbr;\n proto.zoneName = getZoneName;\n proto.dates = deprecate(\n 'dates accessor is deprecated. Use date instead.',\n getSetDayOfMonth\n );\n proto.months = deprecate(\n 'months accessor is deprecated. Use month instead',\n getSetMonth\n );\n proto.years = deprecate(\n 'years accessor is deprecated. Use year instead',\n getSetYear\n );\n proto.zone = deprecate(\n 'moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/',\n getSetZone\n );\n proto.isDSTShifted = deprecate(\n 'isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information',\n isDaylightSavingTimeShifted\n );\n\n function createUnix(input) {\n return createLocal(input * 1000);\n }\n\n function createInZone() {\n return createLocal.apply(null, arguments).parseZone();\n }\n\n function preParsePostFormat(string) {\n return string;\n }\n\n var proto$1 = Locale.prototype;\n\n proto$1.calendar = calendar;\n proto$1.longDateFormat = longDateFormat;\n proto$1.invalidDate = invalidDate;\n proto$1.ordinal = ordinal;\n proto$1.preparse = preParsePostFormat;\n proto$1.postformat = preParsePostFormat;\n proto$1.relativeTime = relativeTime;\n proto$1.pastFuture = pastFuture;\n proto$1.set = set;\n proto$1.eras = localeEras;\n proto$1.erasParse = localeErasParse;\n proto$1.erasConvertYear = localeErasConvertYear;\n proto$1.erasAbbrRegex = erasAbbrRegex;\n proto$1.erasNameRegex = erasNameRegex;\n proto$1.erasNarrowRegex = erasNarrowRegex;\n\n proto$1.months = localeMonths;\n proto$1.monthsShort = localeMonthsShort;\n proto$1.monthsParse = localeMonthsParse;\n proto$1.monthsRegex = monthsRegex;\n proto$1.monthsShortRegex = monthsShortRegex;\n proto$1.week = localeWeek;\n proto$1.firstDayOfYear = localeFirstDayOfYear;\n proto$1.firstDayOfWeek = localeFirstDayOfWeek;\n\n proto$1.weekdays = localeWeekdays;\n proto$1.weekdaysMin = localeWeekdaysMin;\n proto$1.weekdaysShort = localeWeekdaysShort;\n proto$1.weekdaysParse = localeWeekdaysParse;\n\n proto$1.weekdaysRegex = weekdaysRegex;\n proto$1.weekdaysShortRegex = weekdaysShortRegex;\n proto$1.weekdaysMinRegex = weekdaysMinRegex;\n\n proto$1.isPM = localeIsPM;\n proto$1.meridiem = localeMeridiem;\n\n function get$1(format, index, field, setter) {\n var locale = getLocale(),\n utc = createUTC().set(setter, index);\n return locale[field](utc, format);\n }\n\n function listMonthsImpl(format, index, field) {\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n\n format = format || '';\n\n if (index != null) {\n return get$1(format, index, field, 'month');\n }\n\n var i,\n out = [];\n for (i = 0; i < 12; i++) {\n out[i] = get$1(format, i, field, 'month');\n }\n return out;\n }\n\n // ()\n // (5)\n // (fmt, 5)\n // (fmt)\n // (true)\n // (true, 5)\n // (true, fmt, 5)\n // (true, fmt)\n function listWeekdaysImpl(localeSorted, format, index, field) {\n if (typeof localeSorted === 'boolean') {\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n\n format = format || '';\n } else {\n format = localeSorted;\n index = format;\n localeSorted = false;\n\n if (isNumber(format)) {\n index = format;\n format = undefined;\n }\n\n format = format || '';\n }\n\n var locale = getLocale(),\n shift = localeSorted ? locale._week.dow : 0,\n i,\n out = [];\n\n if (index != null) {\n return get$1(format, (index + shift) % 7, field, 'day');\n }\n\n for (i = 0; i < 7; i++) {\n out[i] = get$1(format, (i + shift) % 7, field, 'day');\n }\n return out;\n }\n\n function listMonths(format, index) {\n return listMonthsImpl(format, index, 'months');\n }\n\n function listMonthsShort(format, index) {\n return listMonthsImpl(format, index, 'monthsShort');\n }\n\n function listWeekdays(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdays');\n }\n\n function listWeekdaysShort(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdaysShort');\n }\n\n function listWeekdaysMin(localeSorted, format, index) {\n return listWeekdaysImpl(localeSorted, format, index, 'weekdaysMin');\n }\n\n getSetGlobalLocale('en', {\n eras: [\n {\n since: '0001-01-01',\n until: +Infinity,\n offset: 1,\n name: 'Anno Domini',\n narrow: 'AD',\n abbr: 'AD',\n },\n {\n since: '0000-12-31',\n until: -Infinity,\n offset: 1,\n name: 'Before Christ',\n narrow: 'BC',\n abbr: 'BC',\n },\n ],\n dayOfMonthOrdinalParse: /\\d{1,2}(th|st|nd|rd)/,\n ordinal: function (number) {\n var b = number % 10,\n output =\n toInt((number % 100) / 10) === 1\n ? 'th'\n : b === 1\n ? 'st'\n : b === 2\n ? 'nd'\n : b === 3\n ? 'rd'\n : 'th';\n return number + output;\n },\n });\n\n // Side effect imports\n\n hooks.lang = deprecate(\n 'moment.lang is deprecated. Use moment.locale instead.',\n getSetGlobalLocale\n );\n hooks.langData = deprecate(\n 'moment.langData is deprecated. Use moment.localeData instead.',\n getLocale\n );\n\n var mathAbs = Math.abs;\n\n function abs() {\n var data = this._data;\n\n this._milliseconds = mathAbs(this._milliseconds);\n this._days = mathAbs(this._days);\n this._months = mathAbs(this._months);\n\n data.milliseconds = mathAbs(data.milliseconds);\n data.seconds = mathAbs(data.seconds);\n data.minutes = mathAbs(data.minutes);\n data.hours = mathAbs(data.hours);\n data.months = mathAbs(data.months);\n data.years = mathAbs(data.years);\n\n return this;\n }\n\n function addSubtract$1(duration, input, value, direction) {\n var other = createDuration(input, value);\n\n duration._milliseconds += direction * other._milliseconds;\n duration._days += direction * other._days;\n duration._months += direction * other._months;\n\n return duration._bubble();\n }\n\n // supports only 2.0-style add(1, 's') or add(duration)\n function add$1(input, value) {\n return addSubtract$1(this, input, value, 1);\n }\n\n // supports only 2.0-style subtract(1, 's') or subtract(duration)\n function subtract$1(input, value) {\n return addSubtract$1(this, input, value, -1);\n }\n\n function absCeil(number) {\n if (number < 0) {\n return Math.floor(number);\n } else {\n return Math.ceil(number);\n }\n }\n\n function bubble() {\n var milliseconds = this._milliseconds,\n days = this._days,\n months = this._months,\n data = this._data,\n seconds,\n minutes,\n hours,\n years,\n monthsFromDays;\n\n // if we have a mix of positive and negative values, bubble down first\n // check: https://github.com/moment/moment/issues/2166\n if (\n !(\n (milliseconds >= 0 && days >= 0 && months >= 0) ||\n (milliseconds <= 0 && days <= 0 && months <= 0)\n )\n ) {\n milliseconds += absCeil(monthsToDays(months) + days) * 864e5;\n days = 0;\n months = 0;\n }\n\n // The following code bubbles up values, see the tests for\n // examples of what that means.\n data.milliseconds = milliseconds % 1000;\n\n seconds = absFloor(milliseconds / 1000);\n data.seconds = seconds % 60;\n\n minutes = absFloor(seconds / 60);\n data.minutes = minutes % 60;\n\n hours = absFloor(minutes / 60);\n data.hours = hours % 24;\n\n days += absFloor(hours / 24);\n\n // convert days to months\n monthsFromDays = absFloor(daysToMonths(days));\n months += monthsFromDays;\n days -= absCeil(monthsToDays(monthsFromDays));\n\n // 12 months -> 1 year\n years = absFloor(months / 12);\n months %= 12;\n\n data.days = days;\n data.months = months;\n data.years = years;\n\n return this;\n }\n\n function daysToMonths(days) {\n // 400 years have 146097 days (taking into account leap year rules)\n // 400 years have 12 months === 4800\n return (days * 4800) / 146097;\n }\n\n function monthsToDays(months) {\n // the reverse of daysToMonths\n return (months * 146097) / 4800;\n }\n\n function as(units) {\n if (!this.isValid()) {\n return NaN;\n }\n var days,\n months,\n milliseconds = this._milliseconds;\n\n units = normalizeUnits(units);\n\n if (units === 'month' || units === 'quarter' || units === 'year') {\n days = this._days + milliseconds / 864e5;\n months = this._months + daysToMonths(days);\n switch (units) {\n case 'month':\n return months;\n case 'quarter':\n return months / 3;\n case 'year':\n return months / 12;\n }\n } else {\n // handle milliseconds separately because of floating point math errors (issue #1867)\n days = this._days + Math.round(monthsToDays(this._months));\n switch (units) {\n case 'week':\n return days / 7 + milliseconds / 6048e5;\n case 'day':\n return days + milliseconds / 864e5;\n case 'hour':\n return days * 24 + milliseconds / 36e5;\n case 'minute':\n return days * 1440 + milliseconds / 6e4;\n case 'second':\n return days * 86400 + milliseconds / 1000;\n // Math.floor prevents floating point math errors here\n case 'millisecond':\n return Math.floor(days * 864e5) + milliseconds;\n default:\n throw new Error('Unknown unit ' + units);\n }\n }\n }\n\n function makeAs(alias) {\n return function () {\n return this.as(alias);\n };\n }\n\n var asMilliseconds = makeAs('ms'),\n asSeconds = makeAs('s'),\n asMinutes = makeAs('m'),\n asHours = makeAs('h'),\n asDays = makeAs('d'),\n asWeeks = makeAs('w'),\n asMonths = makeAs('M'),\n asQuarters = makeAs('Q'),\n asYears = makeAs('y'),\n valueOf$1 = asMilliseconds;\n\n function clone$1() {\n return createDuration(this);\n }\n\n function get$2(units) {\n units = normalizeUnits(units);\n return this.isValid() ? this[units + 's']() : NaN;\n }\n\n function makeGetter(name) {\n return function () {\n return this.isValid() ? this._data[name] : NaN;\n };\n }\n\n var milliseconds = makeGetter('milliseconds'),\n seconds = makeGetter('seconds'),\n minutes = makeGetter('minutes'),\n hours = makeGetter('hours'),\n days = makeGetter('days'),\n months = makeGetter('months'),\n years = makeGetter('years');\n\n function weeks() {\n return absFloor(this.days() / 7);\n }\n\n var round = Math.round,\n thresholds = {\n ss: 44, // a few seconds to seconds\n s: 45, // seconds to minute\n m: 45, // minutes to hour\n h: 22, // hours to day\n d: 26, // days to month/week\n w: null, // weeks to month\n M: 11, // months to year\n };\n\n // helper function for moment.fn.from, moment.fn.fromNow, and moment.duration.fn.humanize\n function substituteTimeAgo(string, number, withoutSuffix, isFuture, locale) {\n return locale.relativeTime(number || 1, !!withoutSuffix, string, isFuture);\n }\n\n function relativeTime$1(posNegDuration, withoutSuffix, thresholds, locale) {\n var duration = createDuration(posNegDuration).abs(),\n seconds = round(duration.as('s')),\n minutes = round(duration.as('m')),\n hours = round(duration.as('h')),\n days = round(duration.as('d')),\n months = round(duration.as('M')),\n weeks = round(duration.as('w')),\n years = round(duration.as('y')),\n a =\n (seconds <= thresholds.ss && ['s', seconds]) ||\n (seconds < thresholds.s && ['ss', seconds]) ||\n (minutes <= 1 && ['m']) ||\n (minutes < thresholds.m && ['mm', minutes]) ||\n (hours <= 1 && ['h']) ||\n (hours < thresholds.h && ['hh', hours]) ||\n (days <= 1 && ['d']) ||\n (days < thresholds.d && ['dd', days]);\n\n if (thresholds.w != null) {\n a =\n a ||\n (weeks <= 1 && ['w']) ||\n (weeks < thresholds.w && ['ww', weeks]);\n }\n a = a ||\n (months <= 1 && ['M']) ||\n (months < thresholds.M && ['MM', months]) ||\n (years <= 1 && ['y']) || ['yy', years];\n\n a[2] = withoutSuffix;\n a[3] = +posNegDuration > 0;\n a[4] = locale;\n return substituteTimeAgo.apply(null, a);\n }\n\n // This function allows you to set the rounding function for relative time strings\n function getSetRelativeTimeRounding(roundingFunction) {\n if (roundingFunction === undefined) {\n return round;\n }\n if (typeof roundingFunction === 'function') {\n round = roundingFunction;\n return true;\n }\n return false;\n }\n\n // This function allows you to set a threshold for relative time strings\n function getSetRelativeTimeThreshold(threshold, limit) {\n if (thresholds[threshold] === undefined) {\n return false;\n }\n if (limit === undefined) {\n return thresholds[threshold];\n }\n thresholds[threshold] = limit;\n if (threshold === 's') {\n thresholds.ss = limit - 1;\n }\n return true;\n }\n\n function humanize(argWithSuffix, argThresholds) {\n if (!this.isValid()) {\n return this.localeData().invalidDate();\n }\n\n var withSuffix = false,\n th = thresholds,\n locale,\n output;\n\n if (typeof argWithSuffix === 'object') {\n argThresholds = argWithSuffix;\n argWithSuffix = false;\n }\n if (typeof argWithSuffix === 'boolean') {\n withSuffix = argWithSuffix;\n }\n if (typeof argThresholds === 'object') {\n th = Object.assign({}, thresholds, argThresholds);\n if (argThresholds.s != null && argThresholds.ss == null) {\n th.ss = argThresholds.s - 1;\n }\n }\n\n locale = this.localeData();\n output = relativeTime$1(this, !withSuffix, th, locale);\n\n if (withSuffix) {\n output = locale.pastFuture(+this, output);\n }\n\n return locale.postformat(output);\n }\n\n var abs$1 = Math.abs;\n\n function sign(x) {\n return (x > 0) - (x < 0) || +x;\n }\n\n function toISOString$1() {\n // for ISO strings we do not use the normal bubbling rules:\n // * milliseconds bubble up until they become hours\n // * days do not bubble at all\n // * months bubble up until they become years\n // This is because there is no context-free conversion between hours and days\n // (think of clock changes)\n // and also not between days and months (28-31 days per month)\n if (!this.isValid()) {\n return this.localeData().invalidDate();\n }\n\n var seconds = abs$1(this._milliseconds) / 1000,\n days = abs$1(this._days),\n months = abs$1(this._months),\n minutes,\n hours,\n years,\n s,\n total = this.asSeconds(),\n totalSign,\n ymSign,\n daysSign,\n hmsSign;\n\n if (!total) {\n // this is the same as C#'s (Noda) and python (isodate)...\n // but not other JS (goog.date)\n return 'P0D';\n }\n\n // 3600 seconds -> 60 minutes -> 1 hour\n minutes = absFloor(seconds / 60);\n hours = absFloor(minutes / 60);\n seconds %= 60;\n minutes %= 60;\n\n // 12 months -> 1 year\n years = absFloor(months / 12);\n months %= 12;\n\n // inspired by https://github.com/dordille/moment-isoduration/blob/master/moment.isoduration.js\n s = seconds ? seconds.toFixed(3).replace(/\\.?0+$/, '') : '';\n\n totalSign = total < 0 ? '-' : '';\n ymSign = sign(this._months) !== sign(total) ? '-' : '';\n daysSign = sign(this._days) !== sign(total) ? '-' : '';\n hmsSign = sign(this._milliseconds) !== sign(total) ? '-' : '';\n\n return (\n totalSign +\n 'P' +\n (years ? ymSign + years + 'Y' : '') +\n (months ? ymSign + months + 'M' : '') +\n (days ? daysSign + days + 'D' : '') +\n (hours || minutes || seconds ? 'T' : '') +\n (hours ? hmsSign + hours + 'H' : '') +\n (minutes ? hmsSign + minutes + 'M' : '') +\n (seconds ? hmsSign + s + 'S' : '')\n );\n }\n\n var proto$2 = Duration.prototype;\n\n proto$2.isValid = isValid$1;\n proto$2.abs = abs;\n proto$2.add = add$1;\n proto$2.subtract = subtract$1;\n proto$2.as = as;\n proto$2.asMilliseconds = asMilliseconds;\n proto$2.asSeconds = asSeconds;\n proto$2.asMinutes = asMinutes;\n proto$2.asHours = asHours;\n proto$2.asDays = asDays;\n proto$2.asWeeks = asWeeks;\n proto$2.asMonths = asMonths;\n proto$2.asQuarters = asQuarters;\n proto$2.asYears = asYears;\n proto$2.valueOf = valueOf$1;\n proto$2._bubble = bubble;\n proto$2.clone = clone$1;\n proto$2.get = get$2;\n proto$2.milliseconds = milliseconds;\n proto$2.seconds = seconds;\n proto$2.minutes = minutes;\n proto$2.hours = hours;\n proto$2.days = days;\n proto$2.weeks = weeks;\n proto$2.months = months;\n proto$2.years = years;\n proto$2.humanize = humanize;\n proto$2.toISOString = toISOString$1;\n proto$2.toString = toISOString$1;\n proto$2.toJSON = toISOString$1;\n proto$2.locale = locale;\n proto$2.localeData = localeData;\n\n proto$2.toIsoString = deprecate(\n 'toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)',\n toISOString$1\n );\n proto$2.lang = lang;\n\n // FORMATTING\n\n addFormatToken('X', 0, 0, 'unix');\n addFormatToken('x', 0, 0, 'valueOf');\n\n // PARSING\n\n addRegexToken('x', matchSigned);\n addRegexToken('X', matchTimestamp);\n addParseToken('X', function (input, array, config) {\n config._d = new Date(parseFloat(input) * 1000);\n });\n addParseToken('x', function (input, array, config) {\n config._d = new Date(toInt(input));\n });\n\n //! moment.js\n\n hooks.version = '2.30.1';\n\n setHookCallback(createLocal);\n\n hooks.fn = proto;\n hooks.min = min;\n hooks.max = max;\n hooks.now = now;\n hooks.utc = createUTC;\n hooks.unix = createUnix;\n hooks.months = listMonths;\n hooks.isDate = isDate;\n hooks.locale = getSetGlobalLocale;\n hooks.invalid = createInvalid;\n hooks.duration = createDuration;\n hooks.isMoment = isMoment;\n hooks.weekdays = listWeekdays;\n hooks.parseZone = createInZone;\n hooks.localeData = getLocale;\n hooks.isDuration = isDuration;\n hooks.monthsShort = listMonthsShort;\n hooks.weekdaysMin = listWeekdaysMin;\n hooks.defineLocale = defineLocale;\n hooks.updateLocale = updateLocale;\n hooks.locales = listLocales;\n hooks.weekdaysShort = listWeekdaysShort;\n hooks.normalizeUnits = normalizeUnits;\n hooks.relativeTimeRounding = getSetRelativeTimeRounding;\n hooks.relativeTimeThreshold = getSetRelativeTimeThreshold;\n hooks.calendarFormat = getCalendarFormat;\n hooks.prototype = proto;\n\n // currently HTML5 input type only supports 24-hour formats\n hooks.HTML5_FMT = {\n DATETIME_LOCAL: 'YYYY-MM-DDTHH:mm', //