cilog-lib 0.2.0 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/bundles/cilog-lib.umd.js +18 -7
  2. package/bundles/cilog-lib.umd.js.map +1 -1
  3. package/bundles/cilog-lib.umd.min.js +1 -1
  4. package/bundles/cilog-lib.umd.min.js.map +1 -1
  5. package/cilog-lib.metadata.json +1 -1
  6. package/esm2015/lib/helpers/interfaces/grille.interface.js +1 -1
  7. package/esm2015/lib/views/table/table.component.js +17 -7
  8. package/fesm2015/cilog-lib.js +16 -6
  9. package/fesm2015/cilog-lib.js.map +1 -1
  10. package/lib/helpers/interfaces/grille.interface.d.ts +6 -0
  11. package/lib/views/table/table.component.d.ts +4 -2
  12. package/package.json +1 -1
package/bundles/cilog-lib.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("@angular/common"),require("primeng/dialog"),require("primeng/button"),require("primeng/table"),require("primeng/inputtext"),require("primeng/selectbutton"),require("primeng/dropdown"),require("primeng/inputnumber"),require("primeng/confirmdialog"),require("primeng/multiselect"),require("primeng/calendar"),require("primeng/tag"),require("primeng/tooltip"),require("@angular/platform-browser"),require("@angular/platform-browser/animations"),require("primeng/api"),require("@angular/forms"),require("@angular/common/locales/fr")):"function"==typeof define&&define.amd?define("cilog-lib",["exports","@angular/core","rxjs","@angular/common","primeng/dialog","primeng/button","primeng/table","primeng/inputtext","primeng/selectbutton","primeng/dropdown","primeng/inputnumber","primeng/confirmdialog","primeng/multiselect","primeng/calendar","primeng/tag","primeng/tooltip","@angular/platform-browser","@angular/platform-browser/animations","primeng/api","@angular/forms","@angular/common/locales/fr"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["cilog-lib"]={},t.ng.core,t.rxjs,t.ng.common,t.dialog,t.button,t.table,t.inputtext,t.selectbutton,t.dropdown,t.inputnumber,t.confirmdialog,t.multiselect,t.calendar,t.tag,t.tooltip,t.ng.platformBrowser,t.ng.platformBrowser.animations,t.api,t.ng.forms,t.ng.common.locales.fr)}(this,(function(t,e,o,n,l,r,i,a,p,d,c,s,u,g,w,m,h,y,f,D,b){"use strict";function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=v(b),C=function(){function t(){this.message=new o.BehaviorSubject(null),this.display=new o.BehaviorSubject(null)}return t.prototype.showDialog=function(t,e,o,n){void 0===o&&(o=!0),void 0===n&&(n=!1),this.message.next({content:t,severity:e,closable:o,refresh:n}),this.display.next(!0)},t.prototype.closeDialog=function(){this.display.next(!1)},t}();C.decorators=[{type:e.Injectable}],C.ctorParameters=function(){return[]};var S=function(){function t(t){this.messageService=t}return t.prototype.ngOnInit=function(){var t=this;this.display=!1,this.messageService.message.subscribe((function(e){null!=e&&(t.message=e)})),this.messageService.display.subscribe((function(e){null!=e&&(t.display=e)}))},t.prototype.headerBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"Attention";case"error":return"Erreur";case"success":return"Succès";case"info":return"Information"}},t.prototype.iconBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"pi-exclamation-triangle";case"error":return"pi-exclamation-circle";case"success":return"pi-check";case"info":return"pi-info-circle"}},t.prototype.classBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"message_warn";case"error":return"message_error";case"success":return"message_success";case"info":return"message_info"}},t.prototype.refreshPage=function(){window.location.reload(!0)},t}();S.decorators=[{type:e.Component,args:[{selector:"cilog-message",template:'<p-dialog [styleClass]="classBySeverity()"\r\n [(visible)]="display"\r\n [modal]="true"\r\n [baseZIndex]="10000"\r\n [closable]="false"\r\n [resizable]="false"\r\n [draggable]="false">\r\n\r\n \x3c!-- Header --\x3e\r\n <ng-template pTemplate="header">\r\n <i class="pi {{ iconBySeverity() }} header_icon"></i>\r\n <span class="header_text">{{ headerBySeverity() }}</span>\r\n </ng-template>\r\n\r\n \x3c!-- Content --\x3e\r\n <p class="content">\r\n {{ message?.content }}\r\n </p>\r\n\r\n \x3c!-- Footer --\x3e\r\n <ng-template pTemplate="footer">\r\n <p-button *ngIf="message?.closable == true && message?.refresh == false" icon="pi pi-check" (click)="display=false" label="Ok" styleClass="p-button-text"></p-button>\r\n <p-button *ngIf="message?.refresh == true" icon="pi pi-refresh" (click)="refreshPage()" label="Rafraîchir" styleClass="p-button-text"></p-button>\r\n </ng-template>\r\n\r\n</p-dialog>\r\n',styles:[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],S.ctorParameters=function(){return[{type:C}]};var T=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();T.decorators=[{type:e.Component,args:[{selector:"lib-cilog-lib",template:"\n <p>\n cilog-lib works!\n </p>\n "}]}],T.ctorParameters=function(){return[]};var I,M,F=function(){};F.decorators=[{type:e.NgModule,args:[{declarations:[],exports:[l.DialogModule,r.ButtonModule,i.TableModule,a.InputTextModule,p.SelectButtonModule,d.DropdownModule,c.InputNumberModule,s.ConfirmDialogModule,u.MultiSelectModule,g.CalendarModule,w.TagModule,m.TooltipModule],imports:[n.CommonModule]}]}],(I=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",I.Dropdown="Dropdown",I.File="File",I.Text="Text",I.Number="Number",I.SelectButton="SelectButton",I.Button="Button",I.Image="Image",I.Date="Date",I.State="State",(M=t.Severity||(t.Severity={})).Secondary="secondary",M.Success="success",M.Info="info",M.Warning="warning",M.Help="help",M.Danger="danger";var E=function(){function o(t,o,n){this.confirmationService=t,this.filterService=o,this.cdRef=n,this.onEdit=new e.EventEmitter,this.onEditInit=new e.EventEmitter,this.onDelete=new e.EventEmitter,this.onSelect=new e.EventEmitter,this.onFilter=new e.EventEmitter,this.onSort=new e.EventEmitter}return o.prototype.ngOnInit=function(){var t=this;this.filterService.register("dateRangeFilter",(function(t,e){if(null==e)return!0;var o,n=e[0].getTime();return o=e[1]?e[1].getTime()+864e5:n+864e5,null!=t.value&&(t.value.getTime()>=n&&t.value.getTime()<=o)})),this.filterService.register("textFilter",(function(t,e){return null==e||""==e.trim()||null!=t.value&&t.value.toLowerCase().includes(e.toLowerCase())})),this.filterService.register("numberFilter",(function(t,e){return null==e||null!=t.value&&t.value==e})),this.filterService.register("objetFilter",(function(t,e){return-1!=e.indexOf(t.value)})),this.filterService.register("listeFilter",(function(t,e){var o=!1;return e.forEach((function(e){-1!=t.value.indexOf(e)&&(o=!0)})),o})),this.columns.forEach((function(e){null==e.options&&(e.options={defaultFilters:null}),t.filter(e,e.options.defaultFilters,t.getFilterByCol(e))}))},o.prototype.ngAfterViewChecked=function(){this.cdRef.detectChanges()},o.prototype.customSort=function(e){var o=this,n=this.columns.find((function(t){return t.id==e.field}));this.onSort.emit({column:n,order:e.order});var l=n.type;e.data.sort((function(r,i){var a=r[e.field].value,p=i[e.field].value,d=null;return null==a&&null!=p?d=-1:null!=a&&null==p?d=1:null==a&&null==p?d=0:l==t.ColType.Text||l==t.ColType.File?d=a.localeCompare(p):l==t.ColType.MultiSelect?d=o.getMultiSelectConcat(a,o.getOption(n,r,"optionLabel")).localeCompare(o.getMultiSelectConcat(p,o.getOption(n,i,"optionLabel"))):l==t.ColType.Dropdown||l==t.ColType.SelectButton||l==t.ColType.State?d=a[o.getOption(n,r,"optionLabel")].localeCompare(p[o.getOption(n,i,"optionLabel")]):l!=t.ColType.Number&&l!=t.ColType.Date||(d=a<p?-1:a>p?1:0),e.order*d}))},o.prototype.checkType=function(t,e){return e.type==t},o.prototype.clickById=function(t){document.getElementById(t).click()},o.prototype.onEditText=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditCell(t.data,e,t.data[t.field].value)},o.prototype.onEditCell=function(t,e,o){this.onEdit.emit({row:t,column:e,value:o})},o.prototype.onSelectRow=function(t){this.onSelect.emit({row:t})},o.prototype.onDeleteLine=function(t){var e=this;this.confirmationService.confirm({key:"confirm",message:"Êtes-vous sûr de vouloir supprimer cette ligne ?",accept:function(){e.values.splice(e.values.indexOf(t),1),e.onDelete.emit({row:t})}})},o.prototype.onFocusNumber=function(t,e){this.onEditInitCell({field:e.id,data:t})},o.prototype.onEditInitCell=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditInit.emit({row:t.data,column:e,value:t.data[t.field].value})},o.prototype.isModeEdition=function(){return this.options.editable},o.prototype.getOption=function(t,e,o){return null!=e[t.id].options&&null!=e[t.id].options[o]?e[t.id].options[o]:null!=t.options&&null!=t.options[o]?t.options[o]:null},o.prototype.getMultiSelectConcat=function(t,e){return null!=t?t.map((function(t){return t[e]})).join(", "):""},o.prototype.getSelectLibelleByValue=function(t,e){var o="";return null==t[e.id].value||(null!=t[e.id].options?o=t[e.id].options.options.find((function(o){return o.value==t[e.id].value}))[t[e.id].options.optionLabel]:null!=e.options&&(o=e.options.options.find((function(o){return o.value==t[e.id].value}))[e.options.optionLabel])),o},o.prototype.getFilterByCol=function(e){return e.type==t.ColType.Date?"dateRangeFilter":e.type==t.ColType.Number?"numberFilter":e.type==t.ColType.Dropdown||e.type==t.ColType.State||e.type==t.ColType.SelectButton?"objetFilter":e.type==t.ColType.MultiSelect?"listeFilter":e.type==t.ColType.File||e.type==t.ColType.Text?"textFilter":null},o.prototype.onFilterCol=function(e,o){o.type==t.ColType.Date&&this.filter(o,o.options.defaultFilters,"dateRangeFilter"),o.type==t.ColType.Number&&this.filter(o,e.value,"numberFilter"),o.type!=t.ColType.Dropdown&&o.type!=t.ColType.State&&o.type!=t.ColType.SelectButton||this.filter(o,e.value,"objetFilter"),o.type==t.ColType.MultiSelect&&this.filter(o,e.value,"listeFilter"),o.type!=t.ColType.File&&o.type!=t.ColType.Text||this.filter(o,e.target.value,"textFilter")},o.prototype.filter=function(t,e,o){this.table.filter(e,t.id,o),this.onFilter.emit({column:t,value:e})},o}();E.decorators=[{type:e.Component,args:[{selector:"cilog-table",template:'<p-table #table\r\n [columns]="columns"\r\n [value]="values"\r\n (onEditComplete)="onEditText($event)"\r\n (onEditInit)="onEditInitCell($event)"\r\n dataKey="id"\r\n [selectionMode]="options.selectable && !isModeEdition() ? \'single\' : null"\r\n [(selection)]="selectedRow"\r\n (onRowSelect)="onSelectRow($event)"\r\n (sortFunction)="customSort($event)"\r\n [customSort]="true"\r\n [scrollable]="true"\r\n [scrollHeight]="options.scrollHeight"\r\n [virtualScroll]="true"\r\n [virtualRowHeight]="34">\r\n\r\n \x3c!-- Header --\x3e\r\n <ng-template pTemplate="header" let-columns>\r\n <tr>\r\n <th *ngFor="let col of columns"\r\n [ngClass]="{ \'centerText\' : options.centerHeaders }"\r\n [pSortableColumn]="col.id"\r\n [pSortableColumnDisabled]="!options.sortable"\r\n id="{{ col.id }}">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf="options.sortable" [field]="col.id"></p-sortIcon>\r\n </th>\r\n <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n \x3c!-- FILTRES --\x3e\r\n <tr *ngIf="options.filterable">\r\n <ng-container *ngFor="let col of columns">\r\n \x3c!-- Text --\x3e\r\n <th *ngIf="checkType(\'Text\', col) || checkType(\'File\', col)">\r\n <input pInputText\r\n type="text"\r\n (input)="onFilterCol($event, col)">\r\n </th>\r\n\r\n \x3c!-- Date --\x3e\r\n <th *ngIf="checkType(\'Date\', col)">\r\n <p-calendar dateFormat="dd/mm/yy"\r\n [inputId]="col.id + \'_filter\'"\r\n firstDayOfWeek="1"\r\n [readonlyInput]="true"\r\n appendTo="body"\r\n selectionMode="range"\r\n (onSelect)="onFilterCol($event, col)"\r\n showButtonBar="true"\r\n (onClearClick)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-calendar>\r\n </th>\r\n\r\n \x3c!-- Number --\x3e\r\n <th *ngIf="checkType(\'Number\', col)">\r\n <p-inputNumber mode="decimal"\r\n locale="fr-FR"\r\n [minFractionDigits]="2"\r\n [showButtons]="true"\r\n (onInput)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-inputNumber>\r\n </th>\r\n\r\n \x3c!-- Liste --\x3e\r\n <th *ngIf="checkType(\'Dropdown\', col) || checkType(\'MultiSelect\', col) || checkType(\'SelectButton\', col) || checkType(\'State\', col)">\r\n <p-multiSelect [options]="col.options?.options"\r\n [filter]="true"\r\n [optionLabel]="col.options?.optionLabel"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n itemSize="30"\r\n selectedItemsLabel="{0} selectionnés"\r\n (onChange)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-multiSelect>\r\n </th>\r\n\r\n \x3c!-- Non filtrable --\x3e\r\n <th *ngIf="checkType(\'Button\', col) || checkType(\'Image\', col)">\r\n\r\n </th>\r\n </ng-container>\r\n <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n </ng-template>\r\n\r\n \x3c!-- Body --\x3e\r\n <ng-template pTemplate="body" let-rowData let-columns="columns">\r\n <tr id="{{ rowData.id }}"\r\n [pSelectableRow]="rowData"\r\n [pSelectableRowDisabled]="!options.selectable || isModeEdition()">\r\n <ng-container *ngFor="let col of columns">\r\n\r\n \x3c!-- Text --\x3e\r\n <td *ngIf="checkType(\'Text\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [pEditableColumn]="rowData"\r\n [pEditableColumnField]="col.id"\r\n [pTooltip]="rowData[col.id].value"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-cellEditor *ngIf="rowData[col.id] != null">\r\n <ng-template pTemplate="input">\r\n <input pInputText type="text" [(ngModel)]="rowData[col.id].value">\r\n </ng-template>\r\n <ng-template pTemplate="output">\r\n {{ rowData[col.id].value }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td *ngIf="checkType(\'Text\', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="{ \'paddingCell\': rowData[col.id] != null }"\r\n [pTooltip]="rowData[col.id].value"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value }}</span>\r\n </td>\r\n\r\n \x3c!-- Dropdown --\x3e\r\n <td *ngIf="checkType(\'Dropdown\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-dropdown *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [filter]="getOption(col, rowData, \'filter\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [(ngModel)]="rowData[col.id].value"\r\n [autoDisplayFirst]="false"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n [baseZIndex]="getOption(col, rowData, \'baseZIndex\')"\r\n [virtualScroll]="getOption(col, rowData, \'virtualScroll\')"\r\n [readonly]="rowData.readonly || rowData[col.id]?.readonly"\r\n itemSize="30"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)">\r\n </p-dropdown>\r\n </td>\r\n <td *ngIf="checkType(\'Dropdown\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\' }}</span>\r\n </td>\r\n\r\n \x3c!-- Number --\x3e\r\n <td *ngIf="checkType(\'Number\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | number"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-inputNumber *ngIf="rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly"\r\n mode="decimal"\r\n locale="fr-FR"\r\n [(ngModel)]="rowData[col.id].value"\r\n [showButtons]="getOption(col, rowData, \'showButtons\')"\r\n [suffix]="getOption(col, rowData, \'suffix\')"\r\n [prefix]="getOption(col, rowData, \'prefix\') != null ? getOption(col, rowData, \'prefix\') + \' \' : null"\r\n [minFractionDigits]="2"\r\n [maxFractionDigits]="getOption(col, rowData, \'maxDecimales\') != null ? getOption(col, rowData, \'maxDecimales\') : 2 "\r\n (ngModelChange)="onEditCell(rowData, col, rowData[col.id].value)"\r\n (onFocus)="onFocusNumber(rowData, col)">\r\n </p-inputNumber>\r\n </td>\r\n <td *ngIf="checkType(\'Number\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | number"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | number }}</span>\r\n </td>\r\n\r\n \x3c!-- Date --\x3e\r\n <td *ngIf="checkType(\'Date\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | date: \'dd/MM/yyyy\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-calendar [(ngModel)]="rowData[col.id].value"\r\n dateFormat="dd/mm/yy"\r\n firstDayOfWeek="1"\r\n (onSelect)="onEditCell(rowData, col, rowData[col.id].value)"\r\n [readonlyInput]="true"\r\n appendTo="body">\r\n </p-calendar>\r\n </td>\r\n <td *ngIf="checkType(\'Date\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | date: \'dd/MM/yyyy\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | date: \'dd/MM/yyyy\' }}</span>\r\n </td>\r\n\r\n \x3c!-- MultiSelect --\x3e\r\n <td *ngIf="checkType(\'MultiSelect\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\'))"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-multiSelect *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [filter]="getOption(col, rowData, \'filter\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [(ngModel)]="rowData[col.id].value"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n [baseZIndex]="getOption(col, rowData, \'baseZIndex\')"\r\n [virtualScroll]="getOption(col, rowData, \'virtualScroll\')"\r\n [readonly]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()"\r\n itemSize="30"\r\n selectedItemsLabel="{0} utilisateurs selectionnés"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)"\r\n ngDefaultControl>\r\n </p-multiSelect>\r\n </td>\r\n <td *ngIf="checkType(\'MultiSelect\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\'))"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\')) }}</span>\r\n </td>\r\n\r\n \x3c!-- Image --\x3e\r\n <td *ngIf="checkType(\'Image\', col)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n class="centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <img *ngIf="rowData[col.id]" style="vertical-align: middle; width: 40px;" src="{{ rowData[col.id].value }}" />\r\n </td>\r\n\r\n \x3c!-- Button --\x3e\r\n <td *ngIf="checkType(\'Button\', col)"\r\n class="paddingCell centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <button pButton\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly"\r\n [ngClass]="\'p-button-\' + (col.options ? col.options.severity : rowData[col.id].options?.severity)"\r\n [label]="col.options ? col.options.label : rowData[col.id].options?.label"\r\n [icon]="col.options ? col.options.icon : rowData[col.id].options?.icon"\r\n (click)="rowData[col.id].value()">\r\n </button>\r\n </td>\r\n\r\n \x3c!-- SelectButton --\x3e\r\n <td *ngIf="checkType(\'SelectButton\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-selectButton *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [optionValue]="getOption(col, rowData, \'optionValue\') != null ? getOption(col, rowData, \'optionValue\') : \'value\'"\r\n [(ngModel)]="rowData[col.id].value"\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)">\r\n </p-selectButton>\r\n </td>\r\n <td *ngIf="checkType(\'SelectButton\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n </td>\r\n\r\n \x3c!-- File --\x3e\r\n <td *ngIf="checkType(\'File\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value ? rowData[col.id].value : \'\'"\r\n [tooltipDisabled]="!col.tooltip">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <div class="p-inputgroup" *ngIf="rowData[col.id] != null">\r\n <button type="button"\r\n pButton\r\n pRipple\r\n icon="pi pi-upload"\r\n (click)="clickById(\'input_\' + rowData[col.id].id)"\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()">\r\n </button>\r\n <input id="{{\'output_\' + rowData[col.id].id}}" pInputText type="text" value="{{ rowData[col.id].value != null ? rowData[col.id].value : \'\' }}" readonly>\r\n </div>\r\n <input *ngIf="rowData[col.id]" id="{{\'input_\' + rowData[col.id].id}}" #inputFile pInputText type="file" hidden (change)="rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])">\r\n </td>\r\n <td *ngIf="checkType(\'File\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value ? rowData[col.id].value : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value ? rowData[col.id].value : \'\' }}</span>\r\n </td>\r\n\r\n \x3c!-- State --\x3e\r\n <td *ngIf="checkType(\'State\', col)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n class="centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-tag [value]="rowData[col.id].value[getOption(col, rowData, \'optionLabel\')]"\r\n [severity]="rowData[col.id].value.severity"\r\n [icon]="rowData[col.id].value.icon">\r\n </p-tag>\r\n </td>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Deletion --\x3e\r\n <td *ngIf="options.rowsDeletable"\r\n class="cellDelete"\r\n [ngClass]="rowData.deletable ? \'paddingCell\' : null">\r\n <button *ngIf="rowData.deletable"\r\n pButton\r\n type="button"\r\n icon="pi pi-times"\r\n class="p-button-danger buttonDelete p-button-text"\r\n [disabled]="rowData.readonly"\r\n (click)="onDeleteLine(rowData)">\r\n </button>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n',styles:["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight{color:#2196f3!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:0 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:0 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],E.ctorParameters=function(){return[{type:f.ConfirmationService},{type:f.FilterService},{type:e.ChangeDetectorRef}]},E.propDecorators={columns:[{type:e.Input}],values:[{type:e.Input}],options:[{type:e.Input}],onEdit:[{type:e.Output}],onEditInit:[{type:e.Output}],onDelete:[{type:e.Output}],onSelect:[{type:e.Output}],onFilter:[{type:e.Output}],onSort:[{type:e.Output}],table:[{type:e.ViewChild,args:["table",{static:!0}]}]};var k=function(){};k.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],k.ctorParameters=function(){return[]},n.registerLocaleData(x.default);var O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,F,h.BrowserModule,y.BrowserAnimationsModule,D.FormsModule,D.ReactiveFormsModule],declarations:[T,S,E],exports:[S,E],providers:[C,k,f.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var B=function(){};B.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new B},token:B,providedIn:"root"}),B.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],B.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=O,t.CilogLibService=B,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=F,t.ɵb=S,t.ɵc=E,Object.defineProperty(t,"__esModule",{value:!0})}));
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("rxjs"),require("@angular/common"),require("primeng/dialog"),require("primeng/button"),require("primeng/table"),require("primeng/inputtext"),require("primeng/selectbutton"),require("primeng/dropdown"),require("primeng/inputnumber"),require("primeng/confirmdialog"),require("primeng/multiselect"),require("primeng/calendar"),require("primeng/tag"),require("primeng/tooltip"),require("@angular/platform-browser"),require("@angular/platform-browser/animations"),require("primeng/api"),require("@angular/forms"),require("@angular/common/locales/fr")):"function"==typeof define&&define.amd?define("cilog-lib",["exports","@angular/core","rxjs","@angular/common","primeng/dialog","primeng/button","primeng/table","primeng/inputtext","primeng/selectbutton","primeng/dropdown","primeng/inputnumber","primeng/confirmdialog","primeng/multiselect","primeng/calendar","primeng/tag","primeng/tooltip","@angular/platform-browser","@angular/platform-browser/animations","primeng/api","@angular/forms","@angular/common/locales/fr"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["cilog-lib"]={},t.ng.core,t.rxjs,t.ng.common,t.dialog,t.button,t.table,t.inputtext,t.selectbutton,t.dropdown,t.inputnumber,t.confirmdialog,t.multiselect,t.calendar,t.tag,t.tooltip,t.ng.platformBrowser,t.ng.platformBrowser.animations,t.api,t.ng.forms,t.ng.common.locales.fr)}(this,(function(t,e,o,n,l,r,i,a,p,d,c,s,u,g,w,m,h,f,y,b,D){"use strict";function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var x=v(D),C=function(){function t(){this.message=new o.BehaviorSubject(null),this.display=new o.BehaviorSubject(null)}return t.prototype.showDialog=function(t,e,o,n){void 0===o&&(o=!0),void 0===n&&(n=!1),this.message.next({content:t,severity:e,closable:o,refresh:n}),this.display.next(!0)},t.prototype.closeDialog=function(){this.display.next(!1)},t}();C.decorators=[{type:e.Injectable}],C.ctorParameters=function(){return[]};var S=function(){function t(t){this.messageService=t}return t.prototype.ngOnInit=function(){var t=this;this.display=!1,this.messageService.message.subscribe((function(e){null!=e&&(t.message=e)})),this.messageService.display.subscribe((function(e){null!=e&&(t.display=e)}))},t.prototype.headerBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"Attention";case"error":return"Erreur";case"success":return"Succès";case"info":return"Information"}},t.prototype.iconBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"pi-exclamation-triangle";case"error":return"pi-exclamation-circle";case"success":return"pi-check";case"info":return"pi-info-circle"}},t.prototype.classBySeverity=function(){if(null!=this.message)switch(this.message.severity){case"warn":return"message_warn";case"error":return"message_error";case"success":return"message_success";case"info":return"message_info"}},t.prototype.refreshPage=function(){window.location.reload(!0)},t}();S.decorators=[{type:e.Component,args:[{selector:"cilog-message",template:'<p-dialog [styleClass]="classBySeverity()"\r\n [(visible)]="display"\r\n [modal]="true"\r\n [baseZIndex]="10000"\r\n [closable]="false"\r\n [resizable]="false"\r\n [draggable]="false">\r\n\r\n \x3c!-- Header --\x3e\r\n <ng-template pTemplate="header">\r\n <i class="pi {{ iconBySeverity() }} header_icon"></i>\r\n <span class="header_text">{{ headerBySeverity() }}</span>\r\n </ng-template>\r\n\r\n \x3c!-- Content --\x3e\r\n <p class="content">\r\n {{ message?.content }}\r\n </p>\r\n\r\n \x3c!-- Footer --\x3e\r\n <ng-template pTemplate="footer">\r\n <p-button *ngIf="message?.closable == true && message?.refresh == false" icon="pi pi-check" (click)="display=false" label="Ok" styleClass="p-button-text"></p-button>\r\n <p-button *ngIf="message?.refresh == true" icon="pi pi-refresh" (click)="refreshPage()" label="Rafraîchir" styleClass="p-button-text"></p-button>\r\n </ng-template>\r\n\r\n</p-dialog>\r\n',styles:[":host ::ng-deep .message_success :nth-child(1n){background-color:#b7fdc0}:host ::ng-deep .message_error :nth-child(1n){background-color:#fdb8b7}:host ::ng-deep .message_warn :nth-child(1n){background-color:#fff5ba}:host ::ng-deep .message_info :nth-child(1n){background-color:#b7eefd}:host ::ng-deep .p-dialog-content,:host ::ng-deep .p-dialog-footer,:host ::ng-deep .p-dialog-header{padding:10px}:host ::ng-deep .content{margin:4px}:host ::ng-deep .p-button-text{padding-bottom:3px;padding-top:0}:host ::ng-deep .header_text{font-size:1.25rem;font-weight:500;margin-left:10px}:host ::ng-deep .header_icon{font-size:1.5rem}:host ::ng-deep .p-dialog-header{justify-content:inherit}"]}]}],S.ctorParameters=function(){return[{type:C}]};var T=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();T.decorators=[{type:e.Component,args:[{selector:"lib-cilog-lib",template:"\n <p>\n cilog-lib works!\n </p>\n "}]}],T.ctorParameters=function(){return[]};var I,M,F=function(){};F.decorators=[{type:e.NgModule,args:[{declarations:[],exports:[l.DialogModule,r.ButtonModule,i.TableModule,a.InputTextModule,p.SelectButtonModule,d.DropdownModule,c.InputNumberModule,s.ConfirmDialogModule,u.MultiSelectModule,g.CalendarModule,w.TagModule,m.TooltipModule],imports:[n.CommonModule]}]}],(I=t.ColType||(t.ColType={})).MultiSelect="MultiSelect",I.Dropdown="Dropdown",I.File="File",I.Text="Text",I.Number="Number",I.SelectButton="SelectButton",I.Button="Button",I.Image="Image",I.Date="Date",I.State="State",(M=t.Severity||(t.Severity={})).Secondary="secondary",M.Success="success",M.Info="info",M.Warning="warning",M.Help="help",M.Danger="danger";var E=function(){function o(t,o,n){this.confirmationService=t,this.filterService=o,this.cdRef=n,this.onEdit=new e.EventEmitter,this.onEditInit=new e.EventEmitter,this.onDelete=new e.EventEmitter,this.onSelect=new e.EventEmitter,this.onUnselect=new e.EventEmitter,this.onFilter=new e.EventEmitter,this.onSort=new e.EventEmitter}return o.prototype.ngOnInit=function(){this.filterService.register("dateRangeFilter",(function(t,e){if(null==e)return!0;var o,n=e[0].getTime();return o=e[1]?e[1].getTime()+864e5:n+864e5,null!=t.value&&(t.value.getTime()>=n&&t.value.getTime()<=o)})),this.filterService.register("textFilter",(function(t,e){return null==e||""==e.trim()||null!=t.value&&t.value.toLowerCase().includes(e.toLowerCase())})),this.filterService.register("numberFilter",(function(t,e){return null==e||null!=t.value&&t.value==e})),this.filterService.register("objetFilter",(function(t,e){return-1!=e.indexOf(t.value)})),this.filterService.register("listeFilter",(function(t,e){var o=!1;return e.forEach((function(e){-1!=t.value.indexOf(e)&&(o=!0)})),o})),this.columns.forEach((function(t){null==t.options&&(t.options={defaultFilters:null})}))},o.prototype.ngAfterViewInit=function(){var t=this;this.columns.forEach((function(e){t.filter(e,e.options.defaultFilters,t.getFilterByCol(e),!0)})),this.cdRef.detectChanges()},o.prototype.customSort=function(e){var o=this;console.log(e);var n=this.columns.find((function(t){return t.id==e.field}));this.onSort.emit({column:n,order:e.order});var l=n.type;e.data.sort((function(r,i){var a=r[e.field].value,p=i[e.field].value,d=null;return null==a&&null!=p?d=-1:null!=a&&null==p?d=1:null==a&&null==p?d=0:l==t.ColType.Text||l==t.ColType.File?d=a.localeCompare(p):l==t.ColType.MultiSelect?d=o.getMultiSelectConcat(a,o.getOption(n,r,"optionLabel")).localeCompare(o.getMultiSelectConcat(p,o.getOption(n,i,"optionLabel"))):l==t.ColType.Dropdown||l==t.ColType.SelectButton||l==t.ColType.State?d=a[o.getOption(n,r,"optionLabel")].localeCompare(p[o.getOption(n,i,"optionLabel")]):l!=t.ColType.Number&&l!=t.ColType.Date||(d=a<p?-1:a>p?1:0),e.order*d}))},o.prototype.checkType=function(t,e){return e.type==t},o.prototype.clickById=function(t){document.getElementById(t).click()},o.prototype.onEditText=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditCell(t.data,e,t.data[t.field].value)},o.prototype.onEditCell=function(t,e,o){this.onEdit.emit({row:t,column:e,value:o})},o.prototype.onSelectRow=function(t){this.onSelect.emit({row:t})},o.prototype.onUnselectRow=function(t){this.onUnselect.emit({row:t})},o.prototype.onDeleteLine=function(t){var e=this;this.confirmationService.confirm({key:"confirm",message:"Êtes-vous sûr de vouloir supprimer cette ligne ?",accept:function(){e.values.splice(e.values.indexOf(t),1),e.onDelete.emit({row:t})}})},o.prototype.onFocusNumber=function(t,e){this.onEditInitCell({field:e.id,data:t})},o.prototype.onEditInitCell=function(t){var e=this.columns.find((function(e){return e.id==t.field}));this.onEditInit.emit({row:t.data,column:e,value:t.data[t.field].value})},o.prototype.isModeEdition=function(){return this.options.editable},o.prototype.getOption=function(t,e,o){return null!=e[t.id].options&&null!=e[t.id].options[o]?e[t.id].options[o]:null!=t.options&&null!=t.options[o]?t.options[o]:null},o.prototype.getMultiSelectConcat=function(t,e){return null!=t?t.map((function(t){return t[e]})).join(", "):""},o.prototype.getSelectLibelleByValue=function(t,e){var o="";return null==t[e.id].value||(null!=t[e.id].options?o=t[e.id].options.options.find((function(o){return o.value==t[e.id].value}))[t[e.id].options.optionLabel]:null!=e.options&&(o=e.options.options.find((function(o){return o.value==t[e.id].value}))[e.options.optionLabel])),o},o.prototype.getFilterByCol=function(e){return e.type==t.ColType.Date?"dateRangeFilter":e.type==t.ColType.Number?"numberFilter":e.type==t.ColType.Dropdown||e.type==t.ColType.State||e.type==t.ColType.SelectButton?"objetFilter":e.type==t.ColType.MultiSelect?"listeFilter":e.type==t.ColType.File||e.type==t.ColType.Text?"textFilter":null},o.prototype.onFilterCol=function(e,o){o.type==t.ColType.Date&&this.filter(o,o.options.defaultFilters,"dateRangeFilter"),o.type==t.ColType.Number&&this.filter(o,e.value,"numberFilter"),o.type!=t.ColType.Dropdown&&o.type!=t.ColType.State&&o.type!=t.ColType.SelectButton||this.filter(o,e.value,"objetFilter"),o.type==t.ColType.MultiSelect&&this.filter(o,e.value,"listeFilter"),o.type!=t.ColType.File&&o.type!=t.ColType.Text||this.filter(o,e.target.value,"textFilter")},o.prototype.filter=function(t,e,o,n){void 0===n&&(n=!1),this.table.filter(e,t.id,o),n||this.onFilter.emit({column:t,value:e})},o}();E.decorators=[{type:e.Component,args:[{selector:"cilog-table",template:'<p-table #table\r\n [columns]="columns"\r\n [value]="values"\r\n (onEditComplete)="onEditText($event)"\r\n (onEditInit)="onEditInitCell($event)"\r\n dataKey="id"\r\n [selectionMode]="options.selectable && !isModeEdition() ? \'single\' : null"\r\n [(selection)]="selectedRow"\r\n (onRowSelect)="onSelectRow($event)"\r\n (onRowUnselect)="onUnselectRow($event)"\r\n (sortFunction)="customSort($event)"\r\n [customSort]="options.grouping == null ? true : false"\r\n [scrollable]="true"\r\n [scrollHeight]="options.scrollHeight != null ? options.scrollHeight : null"\r\n [virtualScroll]="options.scrollHeight != null && options.grouping == null ? true : false"\r\n [rowGroupMode]="options.grouping != null ? \'subheader\' : null"\r\n [groupRowsBy]="options.grouping != null ? options.grouping.obj + \'.\' + options.grouping.id : null">\r\n\r\n \x3c!-- Header --\x3e\r\n <ng-template pTemplate="header" let-columns>\r\n <tr>\r\n <th *ngFor="let col of columns"\r\n [ngClass]="{ \'centerText\' : options.centerHeaders }"\r\n [pSortableColumn]="col.id"\r\n [pSortableColumnDisabled]="options.grouping != null || !options.sortable"\r\n id="{{ col.id }}">\r\n {{ col.libelle }}\r\n <p-sortIcon *ngIf="options.sortable && options.grouping == null" [field]="col.id"></p-sortIcon>\r\n </th>\r\n <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n \x3c!-- FILTRES --\x3e\r\n <tr *ngIf="options.filterable">\r\n <ng-container *ngFor="let col of columns">\r\n \x3c!-- Text --\x3e\r\n <th *ngIf="checkType(\'Text\', col) || checkType(\'File\', col)">\r\n <input pInputText\r\n type="text"\r\n (input)="onFilterCol($event, col)">\r\n </th>\r\n\r\n \x3c!-- Date --\x3e\r\n <th *ngIf="checkType(\'Date\', col)">\r\n <p-calendar dateFormat="dd/mm/yy"\r\n [inputId]="col.id + \'_filter\'"\r\n firstDayOfWeek="1"\r\n [readonlyInput]="true"\r\n appendTo="body"\r\n selectionMode="range"\r\n (onSelect)="onFilterCol($event, col)"\r\n showButtonBar="true"\r\n (onClearClick)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-calendar>\r\n </th>\r\n\r\n \x3c!-- Number --\x3e\r\n <th *ngIf="checkType(\'Number\', col)">\r\n <p-inputNumber mode="decimal"\r\n locale="fr-FR"\r\n [minFractionDigits]="2"\r\n [showButtons]="true"\r\n (onInput)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-inputNumber>\r\n </th>\r\n\r\n \x3c!-- Liste --\x3e\r\n <th *ngIf="checkType(\'Dropdown\', col) || checkType(\'MultiSelect\', col) || checkType(\'SelectButton\', col) || checkType(\'State\', col)">\r\n <p-multiSelect [options]="col.options?.options"\r\n [filter]="true"\r\n [optionLabel]="col.options?.optionLabel"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n itemSize="30"\r\n selectedItemsLabel="{0} selectionnés"\r\n (onChange)="onFilterCol($event, col)"\r\n [(ngModel)]="col.options.defaultFilters">\r\n </p-multiSelect>\r\n </th>\r\n\r\n \x3c!-- Non filtrable --\x3e\r\n <th *ngIf="checkType(\'Button\', col) || checkType(\'Image\', col)">\r\n\r\n </th>\r\n </ng-container>\r\n <th class="cellDelete" *ngIf="options.rowsDeletable"></th>\r\n </tr>\r\n </ng-template>\r\n\r\n \x3c!-- Groupheader --\x3e\r\n <ng-template pTemplate="groupheader" let-rowData>\r\n <tr pRowGroupHeader class="row_grouping">\r\n <td [attr.colspan]="columns.length + 1">\r\n <span class="text_bold">{{ rowData[options.grouping.obj][options.grouping.libelle] }}</span>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n\r\n \x3c!-- Body --\x3e\r\n <ng-template pTemplate="body" let-rowData let-columns="columns">\r\n <tr id="{{ rowData.id }}"\r\n [pSelectableRow]="rowData"\r\n [pSelectableRowDisabled]="!options.selectable || isModeEdition()">\r\n <ng-container *ngFor="let col of columns">\r\n\r\n \x3c!-- Text --\x3e\r\n <td *ngIf="checkType(\'Text\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [pEditableColumn]="rowData"\r\n [pEditableColumnField]="col.id"\r\n [pTooltip]="rowData[col.id].value"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-cellEditor *ngIf="rowData[col.id] != null">\r\n <ng-template pTemplate="input">\r\n <input pInputText type="text" [(ngModel)]="rowData[col.id].value">\r\n </ng-template>\r\n <ng-template pTemplate="output">\r\n {{ rowData[col.id].value }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n <td *ngIf="checkType(\'Text\', col) && (!isModeEdition() || rowData.readonly || rowData[col.id]?.readonly)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="{ \'paddingCell\': rowData[col.id] != null }"\r\n [pTooltip]="rowData[col.id].value"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value }}</span>\r\n </td>\r\n\r\n \x3c!-- Dropdown --\x3e\r\n <td *ngIf="checkType(\'Dropdown\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-dropdown *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [filter]="getOption(col, rowData, \'filter\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [(ngModel)]="rowData[col.id].value"\r\n [autoDisplayFirst]="false"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n [baseZIndex]="getOption(col, rowData, \'baseZIndex\')"\r\n [virtualScroll]="getOption(col, rowData, \'virtualScroll\')"\r\n [readonly]="rowData.readonly || rowData[col.id]?.readonly"\r\n itemSize="30"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)">\r\n </p-dropdown>\r\n </td>\r\n <td *ngIf="checkType(\'Dropdown\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value != null ? rowData[col.id].value[getOption(col, rowData, \'optionLabel\')] : \'\' }}</span>\r\n </td>\r\n\r\n \x3c!-- Number --\x3e\r\n <td *ngIf="checkType(\'Number\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | number"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-inputNumber *ngIf="rowData[col.id] && !rowData.readonly && !rowData[col.id]?.readonly"\r\n mode="decimal"\r\n locale="fr-FR"\r\n [(ngModel)]="rowData[col.id].value"\r\n [showButtons]="getOption(col, rowData, \'showButtons\')"\r\n [suffix]="getOption(col, rowData, \'suffix\')"\r\n [prefix]="getOption(col, rowData, \'prefix\') != null ? getOption(col, rowData, \'prefix\') + \' \' : null"\r\n [minFractionDigits]="2"\r\n [maxFractionDigits]="getOption(col, rowData, \'maxDecimales\') != null ? getOption(col, rowData, \'maxDecimales\') : 2 "\r\n (ngModelChange)="onEditCell(rowData, col, rowData[col.id].value)"\r\n (onFocus)="onFocusNumber(rowData, col)">\r\n </p-inputNumber>\r\n </td>\r\n <td *ngIf="checkType(\'Number\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | number"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | number }}</span>\r\n </td>\r\n\r\n \x3c!-- Date --\x3e\r\n <td *ngIf="checkType(\'Date\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | date: \'dd/MM/yyyy\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-calendar [(ngModel)]="rowData[col.id].value"\r\n dateFormat="dd/mm/yy"\r\n firstDayOfWeek="1"\r\n (onSelect)="onEditCell(rowData, col, rowData[col.id].value)"\r\n [readonlyInput]="true"\r\n appendTo="body">\r\n </p-calendar>\r\n </td>\r\n <td *ngIf="checkType(\'Date\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value | date: \'dd/MM/yyyy\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value | date: \'dd/MM/yyyy\' }}</span>\r\n </td>\r\n\r\n \x3c!-- MultiSelect --\x3e\r\n <td *ngIf="checkType(\'MultiSelect\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\'))"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-multiSelect *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [filter]="getOption(col, rowData, \'filter\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [(ngModel)]="rowData[col.id].value"\r\n appendTo="body"\r\n emptyFilterMessage="Aucun résultat"\r\n [baseZIndex]="getOption(col, rowData, \'baseZIndex\')"\r\n [virtualScroll]="getOption(col, rowData, \'virtualScroll\')"\r\n [readonly]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()"\r\n itemSize="30"\r\n selectedItemsLabel="{0} utilisateurs selectionnés"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)"\r\n ngDefaultControl>\r\n </p-multiSelect>\r\n </td>\r\n <td *ngIf="checkType(\'MultiSelect\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\'))"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ getMultiSelectConcat(rowData[col.id].value, getOption(col, rowData, \'optionLabel\')) }}</span>\r\n </td>\r\n\r\n \x3c!-- Image --\x3e\r\n <td *ngIf="checkType(\'Image\', col)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n class="centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <img *ngIf="rowData[col.id]" style="vertical-align: middle; width: 40px;" src="{{ rowData[col.id].value }}" />\r\n </td>\r\n\r\n \x3c!-- Button --\x3e\r\n <td *ngIf="checkType(\'Button\', col)"\r\n class="paddingCell centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <button pButton\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly"\r\n [ngClass]="\'p-button-\' + getOption(col, rowData, \'severity\')"\r\n [label]="getOption(col, rowData, \'label\')"\r\n [icon]="getOption(col, rowData, \'icon\')"\r\n (click)="rowData[col.id].value()"\r\n [pTooltip]="getOption(col, rowData, \'label\')"\r\n [tooltipDisabled]="!col.tooltip">\r\n </button>\r\n </td>\r\n\r\n \x3c!-- SelectButton --\x3e\r\n <td *ngIf="checkType(\'SelectButton\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-selectButton *ngIf="rowData[col.id] != null"\r\n [options]="getOption(col, rowData, \'options\')"\r\n [optionLabel]="getOption(col, rowData, \'optionLabel\')"\r\n [optionValue]="getOption(col, rowData, \'optionValue\') != null ? getOption(col, rowData, \'optionValue\') : \'value\'"\r\n [(ngModel)]="rowData[col.id].value"\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()"\r\n (onChange)="onEditCell(rowData, col, rowData[col.id].value)">\r\n </p-selectButton>\r\n </td>\r\n <td *ngIf="checkType(\'SelectButton\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ getSelectLibelleByValue(rowData, col) }}</span>\r\n </td>\r\n\r\n \x3c!-- File --\x3e\r\n <td *ngIf="checkType(\'File\', col) && isModeEdition() && !rowData.readonly && !rowData[col.id]?.readonly"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value ? rowData[col.id].value : \'\'"\r\n [tooltipDisabled]="!col.tooltip">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <div class="p-inputgroup" *ngIf="rowData[col.id] != null">\r\n <button type="button"\r\n pButton\r\n pRipple\r\n icon="pi pi-upload"\r\n (click)="clickById(\'input_\' + rowData[col.id].id)"\r\n [disabled]="rowData.readonly || rowData[col.id]?.readonly || !isModeEdition()">\r\n </button>\r\n <input id="{{\'output_\' + rowData[col.id].id}}" pInputText type="text" value="{{ rowData[col.id].value != null ? rowData[col.id].value : \'\' }}" readonly>\r\n </div>\r\n <input *ngIf="rowData[col.id]" id="{{\'input_\' + rowData[col.id].id}}" #inputFile pInputText type="file" hidden (change)="rowData[col.id].value = inputFile.files[0].name; onEditCell(rowData, col, inputFile.files[0])">\r\n </td>\r\n <td *ngIf="checkType(\'File\', col) && (rowData.readonly || rowData[col.id]?.readonly || !isModeEdition())"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n [pTooltip]="rowData[col.id].value ? rowData[col.id].value : \'\'"\r\n [tooltipDisabled]="!col.tooltip"\r\n tooltipPosition="bottom">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <span *ngIf="rowData[col.id]">{{ rowData[col.id].value ? rowData[col.id].value : \'\' }}</span>\r\n </td>\r\n\r\n \x3c!-- State --\x3e\r\n <td *ngIf="checkType(\'State\', col)"\r\n [ngStyle]="{ \'width\' : col.width ? col.width : null }"\r\n id="{{ rowData[col.id] != null ? rowData[col.id].id : \'\' }}"\r\n [ngClass]="rowData[col.id] != null ? \'paddingCell\' : null"\r\n class="centerText">\r\n <span class="p-column-title">{{ col.libelle }} : </span>\r\n <p-tag [value]="rowData[col.id].value[getOption(col, rowData, \'optionLabel\')]"\r\n [severity]="rowData[col.id].value.severity"\r\n [icon]="rowData[col.id].value.icon">\r\n </p-tag>\r\n </td>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Deletion --\x3e\r\n <td *ngIf="options.rowsDeletable"\r\n class="cellDelete"\r\n [ngClass]="rowData.deletable ? \'paddingCell\' : null">\r\n <button *ngIf="rowData.deletable"\r\n pButton\r\n type="button"\r\n icon="pi pi-times"\r\n class="p-button-danger buttonDelete p-button-text"\r\n [disabled]="rowData.readonly"\r\n (click)="onDeleteLine(rowData)">\r\n </button>\r\n </td>\r\n\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n',styles:["::ng-deep .p-tooltip .p-tooltip-text{overflow-wrap:break-word!important}:host ::ng-deep .row_grouping{background:#faeada!important}:host ::ng-deep .text_bold{font-weight:700!important}:host ::ng-deep .cellDelete{flex:0 0 50px!important}:host ::ng-deep .p-datatable .p-sortable-column.p-highlight,:host ::ng-deep .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:#2196f3!important}:host ::ng-deep .p-tooltip .p-tooltip-text{background-color:red!important}:host ::ng-deep .p-datatable-thead>tr>th{background:#dedddd!important;border:1px solid rgba(0,0,0,.12)!important;color:#495057!important;font-weight:600!important;overflow:hidden;padding-bottom:8px!important;padding-top:8px!important;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .p-datatable-tbody>tr{height:35px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:1px solid rgba(0,0,0,.12)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .centerText{justify-content:center!important}:host ::ng-deep .p-button{padding-bottom:1px;padding-top:1px}:host ::ng-deep .p-calendar,:host ::ng-deep p-calendar,:host ::ng-deep p-dropdown,:host ::ng-deep p-inputNumber,:host ::ng-deep p-multiselect,:host ::ng-deep p-selectButton{width:100%!important}:host ::ng-deep .p-inputtext{height:25px!important;padding:4px 5px!important;width:100%!important}:host ::ng-deep .p-inputnumber{height:25px;padding:0!important;width:100%}:host ::ng-deep .p-inputnumber-input{padding:0 5px!important;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{height:25px;padding:4px 5px!important;width:100%}:host ::ng-deep .p-dropdown{vertical-align:middle;width:100%}:host ::ng-deep .p-dropdown-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-multiselect{vertical-align:middle;width:100%}:host ::ng-deep .p-multiselect-label{padding-bottom:2px;padding-top:2px}:host ::ng-deep .p-editable-column,:host ::ng-deep .paddingCell{padding:3px 10px!important}:host ::ng-deep .p-selectbutton>.p-button{height:25px;width:50%}:host ::ng-deep .p-inputgroup>.p-button{height:25px}:host ::ng-deep .buttonDelete{height:20px;width:100%}:host ::ng-deep .p-column-title{display:none}@media screen and (max-width:650px){:host ::ng-deep .p-datatable-tfoot>tr>td,:host ::ng-deep .p-datatable-thead>tr>th{display:none!important;width:inherit!important}:host ::ng-deep .p-datatable-tbody>tr{border:2px solid rgba(0,0,0,.12);flex-direction:column;height:inherit!important;padding-top:12px!important}:host ::ng-deep .p-datatable-tbody>tr>td{border:0!important;flex-basis:auto!important;width:100%!important}:host ::ng-deep td .p-column-title{display:inline-block!important;font-weight:700;margin:-.4rem 1rem -.4rem -.4rem;min-width:35%;padding:.4rem}:host ::ng-deep .centerText{justify-content:inherit!important}}"]}]}],E.ctorParameters=function(){return[{type:y.ConfirmationService},{type:y.FilterService},{type:e.ChangeDetectorRef}]},E.propDecorators={columns:[{type:e.Input}],values:[{type:e.Input}],options:[{type:e.Input}],onEdit:[{type:e.Output}],onEditInit:[{type:e.Output}],onDelete:[{type:e.Output}],onSelect:[{type:e.Output}],onUnselect:[{type:e.Output}],onFilter:[{type:e.Output}],onSort:[{type:e.Output}],table:[{type:e.ViewChild,args:["table",{static:!0}]}]};var k=function(){};k.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new k},token:k,providedIn:"root"}),k.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],k.ctorParameters=function(){return[]},n.registerLocaleData(x.default);var O=function(){};O.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,F,h.BrowserModule,f.BrowserAnimationsModule,b.FormsModule,b.ReactiveFormsModule],declarations:[T,S,E],exports:[S,E],providers:[C,k,y.ConfirmationService,{provide:e.LOCALE_ID,useValue:"fr-FR"}]}]}];var B=function(){};B.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new B},token:B,providedIn:"root"}),B.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],B.ctorParameters=function(){return[]},t.CilogLibComponent=T,t.CilogLibModule=O,t.CilogLibService=B,t.CilogMessageService=C,t.CilogTableService=k,t.ɵa=F,t.ɵb=S,t.ɵc=E,Object.defineProperty(t,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=cilog-lib.umd.min.js.map
package/bundles/cilog-lib.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts"],"names":["CilogMessageService","this","message","BehaviorSubject","display","prototype","showDialog","pContent","pSeverity","pClosable","pRefresh","next","content","severity","closable","refresh","closeDialog","Injectable","CilogMessageComponent","messageService","ngOnInit","_this","subscribe","headerBySeverity","iconBySeverity","classBySeverity","refreshPage","window","location","reload","Component","args","selector","template","CilogLibComponent","ColType","Severity","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onFilter","onSort","register","cell","filter","end","start","getTime","value","trim","toLowerCase","includes","indexOf","ok","forEach","val","columns","col","options","defaultFilters","getFilterByCol","ngAfterViewChecked","detectChanges","customSort","event","find","id","field","emit","column","order","typeCol","type","data","sort","data1","data2","value1","value2","result","Text","File","localeCompare","MultiSelect","getMultiSelectConcat","getOption","Dropdown","SelectButton","State","Number","Date","checkType","clickById","document","getElementById","click","onEditText","onEditCell","row","onSelectRow","onDeleteLine","confirm","key","accept","values","splice","onFocusNumber","rowData","onEditInitCell","isModeEdition","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","onFilterCol","target","table","ConfirmationService","FilterService","ChangeDetectorRef","Input","Output","ViewChild","static","providedIn","registerLocaleData","localeFr","PrimengModule","BrowserModule","BrowserAnimationsModule","FormsModule","ReactiveFormsModule","providers","CilogTableService","provide","LOCALE_ID","useValue"],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n display: BehaviorSubject<boolean>;\n message: BehaviorSubject<IMessage>;\n\n constructor() {\n this.message = new BehaviorSubject<IMessage>(null);\n this.display = new BehaviorSubject<boolean>(null);\n }\n\n showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n this.message.next({\r\n content: pContent,\r\n severity: pSeverity,\r\n closable: pClosable,\r\n refresh: pRefresh\r\n });\r\n this.display.next(true);\r\n }\n\n closeDialog() {\n this.display.next(false);\r\n }\n}\n","import { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\nimport { Component, OnInit } from '@angular/core';\r\n\n@Component({\n selector: 'cilog-message',\n templateUrl: './message.component.html',\n styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n display: boolean;\n message: IMessage;\n\n constructor(public messageService: CilogMessageService) { }\n\n ngOnInit(): void {\n this.display = false;\n\n this.messageService.message.subscribe(message => {\n if (message != null) {\r\n this.message = message;\r\n }\r\n });\n\n this.messageService.display.subscribe(display => {\n if (display != null) {\r\n this.display = display;\r\n }\r\n });\n }\n\n headerBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'Attention';\r\n case 'error':\r\n return 'Erreur'\r\n case 'success':\r\n return 'Succès'\r\n case 'info':\r\n return 'Information'\r\n }\r\n }\r\n }\r\n\r\n iconBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'pi-exclamation-triangle';\r\n case 'error':\r\n return 'pi-exclamation-circle'\r\n case 'success':\r\n return 'pi-check'\r\n case 'info':\r\n return 'pi-info-circle'\r\n }\r\n }\r\n }\r\n\r\n classBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'message_warn';\r\n case 'error':\r\n return 'message_error'\r\n case 'success':\r\n return 'message_success'\r\n case 'info':\r\n return 'message_info'\r\n }\r\n }\r\n }\n\n refreshPage() {\n window.location.reload(true);\r\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'lib-cilog-lib',\n template: `\n <p>\n cilog-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class CilogLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export enum ColType {\r\n MultiSelect = 'MultiSelect',\r\n Dropdown = 'Dropdown',\r\n File = 'File',\r\n Text = 'Text',\r\n Number = 'Number',\r\n SelectButton = 'SelectButton',\r\n Button = 'Button',\r\n Image = 'Image',\r\n Date = 'Date',\r\n State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n Secondary = 'secondary',\r\n Success = 'success',\r\n Info = 'info',\r\n Warning = 'warning',\r\n Help = 'help',\r\n Danger = 'danger'\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\n@NgModule({\n declarations: [],\n exports: [\n DialogModule,\n ButtonModule,\n TableModule,\n InputTextModule,\n SelectButtonModule,\n DropdownModule,\n InputNumberModule,\n ConfirmDialogModule,\n MultiSelectModule,\n CalendarModule,\n TagModule,\n TooltipModule\n ],\n imports: [\n CommonModule\n ]\n})\nexport class PrimengModule { }\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection, IFilter, ISort } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n selector: 'cilog-table',\r\n templateUrl: './table.component.html',\r\n styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n @Input() columns: IColumn[];\r\n @Input() values: IRow[];\r\n @Input() options: IOptionsGrille;\r\n\r\n @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n @Output() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n selectedRow: IRow;\r\n\r\n filterDatesRange: Date[];\r\n\r\n @ViewChild('table', { static: true }) table: Table;\r\n\r\n constructor(\r\n private confirmationService: ConfirmationService,\r\n private filterService: FilterService,\r\n private cdRef: ChangeDetectorRef\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n // Date\r\n this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n let start: number = filter[0].getTime();\r\n let end: number;\r\n if (filter[1]) {\r\n end = filter[1].getTime() + 86400000;\r\n } else {\r\n end = start + 86400000;\r\n }\r\n return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n });\r\n // Text\r\n this.filterService.register('textFilter', (cell, filter) => {\r\n if (filter == null || filter.trim() == '') {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n });\r\n // Number\r\n this.filterService.register('numberFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value == filter;\r\n });\r\n // Objet\r\n this.filterService.register('objetFilter', (cell, filter) => {\r\n return (filter.indexOf(cell.value) != -1);\r\n });\r\n // Liste\r\n this.filterService.register('listeFilter', (cell, filter) => {\r\n let ok: boolean = false;\r\n filter.forEach(val => {\r\n if (cell.value.indexOf(val) != -1) {\r\n ok = true;\r\n }\r\n });\r\n return ok;\r\n });\r\n\r\n this.columns.forEach(col => {\r\n if (col.options == null) {\r\n col.options = { defaultFilters: null };\r\n }\r\n this.filter(col, col.options.defaultFilters, this.getFilterByCol(col));\r\n });\r\n }\r\n\r\n ngAfterViewChecked() {\r\n this.cdRef.detectChanges();\r\n }\r\n\r\n // Sort\r\n customSort(event: SortEvent) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onSort.emit({ column: col, order: event.order })\r\n let typeCol: ColType = col.type;\r\n event.data.sort((data1, data2) => {\r\n let value1 = data1[event.field].value;\r\n let value2 = data2[event.field].value;\r\n\r\n let result = null;\r\n if (value1 == null && value2 != null)\r\n result = -1;\r\n else if (value1 != null && value2 == null)\r\n result = 1;\r\n else if (value1 == null && value2 == null)\r\n result = 0;\r\n else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n result = value1.localeCompare(value2);\r\n else if (typeCol == ColType.MultiSelect) {\r\n result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n else\r\n result == 0;\r\n\r\n return (event.order * result);\r\n });\r\n }\r\n\r\n checkType(typeCol: string, col: IColumn) {\r\n return col['type'] == typeCol;\r\n }\r\n\r\n clickById(id: string) {\r\n document.getElementById(id).click();\r\n }\r\n\r\n onEditText(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditCell(event.data, col, event.data[event.field].value);\r\n }\r\n\r\n onEditCell(row: IRow, column: IColumn, value: any) {\r\n this.onEdit.emit({ row: row, column: column, value: value });\r\n }\r\n\r\n onSelectRow(row: IRow) {\r\n this.onSelect.emit({ row: row });\r\n }\r\n\r\n onDeleteLine(row: IRow) {\r\n this.confirmationService.confirm({\r\n key: 'confirm',\r\n message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n accept: () => {\r\n this.values.splice(this.values.indexOf(row), 1);\r\n this.onDelete.emit({ row: row });\r\n }\r\n });\r\n }\r\n\r\n onFocusNumber(rowData, col) {\r\n this.onEditInitCell({ field: col.id, data: rowData });\r\n }\r\n\r\n onEditInitCell(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n }\r\n\r\n isModeEdition() {\r\n return this.options.editable;\r\n }\r\n\r\n getOption(col, row, option: string) {\r\n if (row[col.id].options != null) {\r\n if (row[col.id].options[option] != null) {\r\n return row[col.id].options[option];\r\n }\r\n }\r\n if (col.options != null) {\r\n if (col.options[option] != null) {\r\n return col.options[option]\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n getMultiSelectConcat(value, label: string) {\r\n if (value != null) {\r\n return value.map(val => { return val[label]; }).join(', ');\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n getSelectLibelleByValue(row, col) {\r\n let label: string = '';\r\n if (row[col.id].value == null) {\r\n return label;\r\n }\r\n if (row[col.id].options != null) {\r\n label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n } else {\r\n if (col.options != null) {\r\n label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n }\r\n }\r\n return label;\r\n }\r\n\r\n getFilterByCol(col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n return 'dateRangeFilter';\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n return 'numberFilter';\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n return 'objetFilter';\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n return 'listeFilter';\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n return 'textFilter';\r\n }\r\n return null;\r\n }\r\n\r\n onFilterCol(event, col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n this.filter(col, event.value, 'numberFilter');\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n this.filter(col, event.value, 'objetFilter');\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n this.filter(col, event.value, 'listeFilter');\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n this.filter(col, event.target.value, 'textFilter');\r\n }\r\n }\r\n\r\n filter(col: IColumn, val: any, filter: string) {\r\n this.table.filter(val, col.id, filter);\r\n this.onFilter.emit({ column: col, value: val });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogTableService {\n\n constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n imports: [\r\n CommonModule,\r\n PrimengModule,\r\n BrowserModule,\n BrowserAnimationsModule,\r\n FormsModule,\r\n ReactiveFormsModule\r\n ],\r\n declarations: [\n CilogLibComponent,\n CilogMessageComponent,\n CilogTableComponent\n ],\n exports: [\n CilogMessageComponent,\n CilogTableComponent\n ],\n providers: [\n CilogMessageService,\n CilogTableService,\n ConfirmationService,\n { provide: LOCALE_ID, useValue: 'fr-FR' },\n ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogLibService {\n\n constructor() { }\n}\n"]}
1
+ {"version":3,"sources":["../../../projects/cilog-lib/src/lib/services/message.service.ts","../../../projects/cilog-lib/src/lib/views/message/message.component.ts","../../../projects/cilog-lib/src/lib/cilog-lib.component.ts","../../../projects/cilog-lib/src/lib/helpers/enums/grille.enum.ts","../../../projects/cilog-lib/src/lib/modules/primeng.module.ts","../../../projects/cilog-lib/src/lib/views/table/table.component.ts","../../../projects/cilog-lib/src/lib/services/table.service.ts","../../../projects/cilog-lib/src/lib/cilog-lib.module.ts","../../../projects/cilog-lib/src/lib/cilog-lib.service.ts"],"names":["CilogMessageService","this","message","BehaviorSubject","display","prototype","showDialog","pContent","pSeverity","pClosable","pRefresh","next","content","severity","closable","refresh","closeDialog","Injectable","CilogMessageComponent","messageService","ngOnInit","_this","subscribe","headerBySeverity","iconBySeverity","classBySeverity","refreshPage","window","location","reload","Component","args","selector","template","CilogLibComponent","ColType","Severity","NgModule","declarations","exports","DialogModule","ButtonModule","TableModule","InputTextModule","SelectButtonModule","DropdownModule","InputNumberModule","ConfirmDialogModule","MultiSelectModule","CalendarModule","TagModule","TooltipModule","imports","CommonModule","CilogTableComponent","confirmationService","filterService","cdRef","onEdit","EventEmitter","onEditInit","onDelete","onSelect","onUnselect","onFilter","onSort","register","cell","filter","end","start","getTime","value","trim","toLowerCase","includes","indexOf","ok","forEach","val","columns","col","options","defaultFilters","ngAfterViewInit","getFilterByCol","detectChanges","customSort","event","console","log","find","id","field","emit","column","order","typeCol","type","data","sort","data1","data2","value1","value2","result","Text","File","localeCompare","MultiSelect","getMultiSelectConcat","getOption","Dropdown","SelectButton","State","Number","Date","checkType","clickById","document","getElementById","click","onEditText","onEditCell","row","onSelectRow","onUnselectRow","onDeleteLine","confirm","key","accept","values","splice","onFocusNumber","rowData","onEditInitCell","isModeEdition","editable","option","label","map","join","getSelectLibelleByValue","opt","optionLabel","onFilterCol","target","init","table","ConfirmationService","FilterService","ChangeDetectorRef","Input","Output","ViewChild","static","providedIn","registerLocaleData","localeFr","PrimengModule","BrowserModule","BrowserAnimationsModule","FormsModule","ReactiveFormsModule","providers","CilogTableService","provide","LOCALE_ID","useValue"],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\r\nimport { IMessage } from '../helpers/interfaces/message.interface';\r\n\n@Injectable()\nexport class CilogMessageService {\n\n display: BehaviorSubject<boolean>;\n message: BehaviorSubject<IMessage>;\n\n constructor() {\n this.message = new BehaviorSubject<IMessage>(null);\n this.display = new BehaviorSubject<boolean>(null);\n }\n\n showDialog(pContent: string, pSeverity: string, pClosable: boolean = true, pRefresh: boolean = false) {\n this.message.next({\r\n content: pContent,\r\n severity: pSeverity,\r\n closable: pClosable,\r\n refresh: pRefresh\r\n });\r\n this.display.next(true);\r\n }\n\n closeDialog() {\n this.display.next(false);\r\n }\n}\n","import { CilogMessageService } from '../../services/message.service';\r\nimport { IMessage } from '../../helpers/interfaces/message.interface';\r\nimport { Component, OnInit } from '@angular/core';\r\n\n@Component({\n selector: 'cilog-message',\n templateUrl: './message.component.html',\n styleUrls: ['./message.component.scss']\n})\nexport class CilogMessageComponent implements OnInit {\n\n display: boolean;\n message: IMessage;\n\n constructor(public messageService: CilogMessageService) { }\n\n ngOnInit(): void {\n this.display = false;\n\n this.messageService.message.subscribe(message => {\n if (message != null) {\r\n this.message = message;\r\n }\r\n });\n\n this.messageService.display.subscribe(display => {\n if (display != null) {\r\n this.display = display;\r\n }\r\n });\n }\n\n headerBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'Attention';\r\n case 'error':\r\n return 'Erreur'\r\n case 'success':\r\n return 'Succès'\r\n case 'info':\r\n return 'Information'\r\n }\r\n }\r\n }\r\n\r\n iconBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'pi-exclamation-triangle';\r\n case 'error':\r\n return 'pi-exclamation-circle'\r\n case 'success':\r\n return 'pi-check'\r\n case 'info':\r\n return 'pi-info-circle'\r\n }\r\n }\r\n }\r\n\r\n classBySeverity(): string {\r\n if (this.message != null) {\r\n switch (this.message.severity) {\r\n case 'warn':\r\n return 'message_warn';\r\n case 'error':\r\n return 'message_error'\r\n case 'success':\r\n return 'message_success'\r\n case 'info':\r\n return 'message_info'\r\n }\r\n }\r\n }\n\n refreshPage() {\n window.location.reload(true);\r\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'lib-cilog-lib',\n template: `\n <p>\n cilog-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class CilogLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export enum ColType {\r\n MultiSelect = 'MultiSelect',\r\n Dropdown = 'Dropdown',\r\n File = 'File',\r\n Text = 'Text',\r\n Number = 'Number',\r\n SelectButton = 'SelectButton',\r\n Button = 'Button',\r\n Image = 'Image',\r\n Date = 'Date',\r\n State = 'State'\r\n}\r\n\r\nexport enum Severity {\r\n Secondary = 'secondary',\r\n Success = 'success',\r\n Info = 'info',\r\n Warning = 'warning',\r\n Help = 'help',\r\n Danger = 'danger'\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DialogModule } from 'primeng/dialog';\nimport { ButtonModule } from 'primeng/button';\r\nimport { TableModule } from 'primeng/table';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { SelectButtonModule } from 'primeng/selectbutton';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\n@NgModule({\n declarations: [],\n exports: [\n DialogModule,\n ButtonModule,\n TableModule,\n InputTextModule,\n SelectButtonModule,\n DropdownModule,\n InputNumberModule,\n ConfirmDialogModule,\n MultiSelectModule,\n CalendarModule,\n TagModule,\n TooltipModule\n ],\n imports: [\n CommonModule\n ]\n})\nexport class PrimengModule { }\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ChangeDetectorRef } from '@angular/core';\r\nimport { ConfirmationService, FilterService, FilterMatchMode, SortEvent } from 'primeng/api';\r\nimport { IEdition, ISuppression, ISelection, IFilter, ISort } from '../../helpers/interfaces/edition.interface';\r\nimport { IColumn, IRow, IOptions, IOptionsGrille } from '../../helpers/interfaces/grille.interface';\r\nimport { Table } from 'primeng/table';\r\nimport { ColType } from '../../helpers/enums/grille.enum';\r\n\r\n@Component({\r\n selector: 'cilog-table',\r\n templateUrl: './table.component.html',\r\n styleUrls: ['./table.component.scss']\r\n})\r\nexport class CilogTableComponent implements OnInit {\r\n\r\n @Input() columns: IColumn[];\r\n @Input() values: IRow[];\r\n @Input() options: IOptionsGrille;\r\n\r\n @Output() onEdit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onEditInit: EventEmitter<IEdition> = new EventEmitter<IEdition>();\r\n @Output() onDelete: EventEmitter<ISuppression> = new EventEmitter<ISuppression>();\r\n @Output() onSelect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n @Output() onUnselect: EventEmitter<ISuppression> = new EventEmitter<ISelection>();\r\n @Output() onFilter: EventEmitter<IFilter> = new EventEmitter<IFilter>();\r\n @Output() onSort: EventEmitter<ISort> = new EventEmitter<ISort>();\r\n\r\n selectedRow: IRow;\r\n\r\n filterDatesRange: Date[];\r\n\r\n @ViewChild('table', { static: true }) table: Table;\r\n\r\n constructor(\r\n private confirmationService: ConfirmationService,\r\n private filterService: FilterService,\r\n private cdRef: ChangeDetectorRef\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n // Date\r\n this.filterService.register('dateRangeFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n let start: number = filter[0].getTime();\r\n let end: number;\r\n if (filter[1]) {\r\n end = filter[1].getTime() + 86400000;\r\n } else {\r\n end = start + 86400000;\r\n }\r\n return cell.value == null ? false : cell.value.getTime() >= start && cell.value.getTime() <= end;\r\n });\r\n // Text\r\n this.filterService.register('textFilter', (cell, filter) => {\r\n if (filter == null || filter.trim() == '') {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value.toLowerCase().includes(filter.toLowerCase());\r\n });\r\n // Number\r\n this.filterService.register('numberFilter', (cell, filter) => {\r\n if (filter == null) {\r\n return true;\r\n }\r\n if (cell.value == null) {\r\n return false;\r\n }\r\n return cell.value == filter;\r\n });\r\n // Objet\r\n this.filterService.register('objetFilter', (cell, filter) => {\r\n return (filter.indexOf(cell.value) != -1);\r\n });\r\n // Liste\r\n this.filterService.register('listeFilter', (cell, filter) => {\r\n let ok: boolean = false;\r\n filter.forEach(val => {\r\n if (cell.value.indexOf(val) != -1) {\r\n ok = true;\r\n }\r\n });\r\n return ok;\r\n });\r\n\r\n this.columns.forEach(col => {\r\n if (col.options == null) {\r\n col.options = { defaultFilters: null };\r\n }\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.columns.forEach(col => {\r\n this.filter(col, col.options.defaultFilters, this.getFilterByCol(col), true);\r\n });\r\n this.cdRef.detectChanges();\r\n }\r\n\r\n // Sort\r\n customSort(event: SortEvent) {\r\n console.log(event)\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onSort.emit({ column: col, order: event.order })\r\n let typeCol: ColType = col.type;\r\n event.data.sort((data1, data2) => {\r\n let value1 = data1[event.field].value;\r\n let value2 = data2[event.field].value;\r\n\r\n let result = null;\r\n if (value1 == null && value2 != null)\r\n result = -1;\r\n else if (value1 != null && value2 == null)\r\n result = 1;\r\n else if (value1 == null && value2 == null)\r\n result = 0;\r\n else if (typeCol == ColType.Text || typeCol == ColType.File)\r\n result = value1.localeCompare(value2);\r\n else if (typeCol == ColType.MultiSelect) {\r\n result = this.getMultiSelectConcat(value1, this.getOption(col, data1, 'optionLabel')).localeCompare(this.getMultiSelectConcat(value2, this.getOption(col, data2, 'optionLabel')));\r\n } else if (typeCol == ColType.Dropdown || typeCol == ColType.SelectButton || typeCol == ColType.State) {\r\n result = value1[this.getOption(col, data1, 'optionLabel')].localeCompare(value2[this.getOption(col, data2, 'optionLabel')]);\r\n } else if (typeCol == ColType.Number || typeCol == ColType.Date)\r\n result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\r\n else\r\n result == 0;\r\n\r\n return (event.order * result);\r\n });\r\n }\r\n\r\n checkType(typeCol: string, col: IColumn) {\r\n return col['type'] == typeCol;\r\n }\r\n\r\n clickById(id: string) {\r\n document.getElementById(id).click();\r\n }\r\n\r\n onEditText(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditCell(event.data, col, event.data[event.field].value);\r\n }\r\n\r\n onEditCell(row: IRow, column: IColumn, value: any) {\r\n this.onEdit.emit({ row: row, column: column, value: value });\r\n }\r\n\r\n onSelectRow(row: IRow) {\r\n this.onSelect.emit({ row: row });\r\n }\r\n\r\n onUnselectRow(row: IRow) {\r\n this.onUnselect.emit({ row: row });\r\n }\r\n\r\n onDeleteLine(row: IRow) {\r\n this.confirmationService.confirm({\r\n key: 'confirm',\r\n message: 'Êtes-vous sûr de vouloir supprimer cette ligne ?',\r\n accept: () => {\r\n this.values.splice(this.values.indexOf(row), 1);\r\n this.onDelete.emit({ row: row });\r\n }\r\n });\r\n }\r\n\r\n onFocusNumber(rowData, col) {\r\n this.onEditInitCell({ field: col.id, data: rowData });\r\n }\r\n\r\n onEditInitCell(event) {\r\n let col: IColumn = this.columns.find(col => col.id == event.field);\r\n this.onEditInit.emit({ row: event.data, column: col, value: event.data[event.field].value });\r\n }\r\n\r\n isModeEdition() {\r\n return this.options.editable;\r\n }\r\n\r\n getOption(col, row, option: string) {\r\n if (row[col.id].options != null) {\r\n if (row[col.id].options[option] != null) {\r\n return row[col.id].options[option];\r\n }\r\n }\r\n if (col.options != null) {\r\n if (col.options[option] != null) {\r\n return col.options[option]\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n getMultiSelectConcat(value, label: string) {\r\n if (value != null) {\r\n return value.map(val => { return val[label]; }).join(', ');\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n getSelectLibelleByValue(row, col) {\r\n let label: string = '';\r\n if (row[col.id].value == null) {\r\n return label;\r\n }\r\n if (row[col.id].options != null) {\r\n label = row[col.id].options['options'].find(opt => opt.value == row[col.id].value)[row[col.id].options.optionLabel];\r\n } else {\r\n if (col.options != null) {\r\n label = col.options['options'].find(opt => opt.value == row[col.id].value)[col.options.optionLabel];\r\n }\r\n }\r\n return label;\r\n }\r\n\r\n getFilterByCol(col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n return 'dateRangeFilter';\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n return 'numberFilter';\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n return 'objetFilter';\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n return 'listeFilter';\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n return 'textFilter';\r\n }\r\n return null;\r\n }\r\n\r\n onFilterCol(event, col: IColumn) {\r\n // Dates (range)\r\n if (col.type == ColType.Date) {\r\n this.filter(col, col.options.defaultFilters, 'dateRangeFilter');\r\n }\r\n // Number\r\n if (col.type == ColType.Number) {\r\n this.filter(col, event.value, 'numberFilter');\r\n }\r\n // Objet\r\n if (col.type == ColType.Dropdown || col.type == ColType.State || col.type == ColType.SelectButton) {\r\n this.filter(col, event.value, 'objetFilter');\r\n }\r\n // Liste\r\n if (col.type == ColType.MultiSelect) {\r\n this.filter(col, event.value, 'listeFilter');\r\n }\r\n // Texte\r\n if (col.type == ColType.File || col.type == ColType.Text) {\r\n this.filter(col, event.target.value, 'textFilter');\r\n }\r\n }\r\n\r\n filter(col: IColumn, val: any, filter: string, init: boolean = false) {\r\n this.table.filter(val, col.id, filter);\r\n if (!init) {\r\n this.onFilter.emit({ column: col, value: val });\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogTableService {\n\n constructor() { }\n}\n","import { NgModule, LOCALE_ID } from '@angular/core';\nimport { CilogMessageComponent } from './views/message/message.component';\r\nimport { CilogLibComponent } from './cilog-lib.component';\r\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { PrimengModule } from './modules/primeng.module';\r\nimport { CilogMessageService } from './services/message.service';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CilogTableComponent } from './views/table/table.component';\r\nimport { CilogTableService } from './services/table.service';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport localeFr from '@angular/common/locales/fr';\r\n\nregisterLocaleData(localeFr);\n\n@NgModule({\n imports: [\r\n CommonModule,\r\n PrimengModule,\r\n BrowserModule,\n BrowserAnimationsModule,\r\n FormsModule,\r\n ReactiveFormsModule\r\n ],\r\n declarations: [\n CilogLibComponent,\n CilogMessageComponent,\n CilogTableComponent\n ],\n exports: [\n CilogMessageComponent,\n CilogTableComponent\n ],\n providers: [\n CilogMessageService,\n CilogTableService,\n ConfirmationService,\n { provide: LOCALE_ID, useValue: 'fr-FR' },\n ]\n})\nexport class CilogLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CilogLibService {\n\n constructor() { }\n}\n"]}