ngx-techlify-core 11.4.3 → 11.4.5-beta.2

package/fesm2015/ngx-techlify-core.js

@@ -14,6 +14,7 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { MatFormFieldControl, MatFormFieldModule, MatFormField, MAT_FORM_FIELD } from '@angular/material/form-field';
 import { SELECT_ITEM_HEIGHT_EM, MatSelect, MatSelectModule } from '@angular/material/select';
+import * as moment_ from 'moment';
 import { MatIconModule } from '@angular/material/icon';
 import { Router, RouteReuseStrategy, RouterModule, NavigationEnd, ActivatedRoute } from '@angular/router';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -28,6 +29,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatListModule } from '@angular/material/list';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { NgxDocViewerModule } from 'ngx-doc-viewer';
@@ -37,7 +39,6 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { diff, formatters } from 'jsondiffpatch';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
 class ActionPopup {
@@ -440,6 +441,7 @@ class TechlifyConfig {
         this.authClientSecret = '';
         this.authGrantType = '';
         this.apiUrl = '';
+        this.isLogoutWhileApiGetsFailed = false;
         this.loadFromMap(data);
     }
     loadFromMap(data) {
@@ -450,6 +452,7 @@ class TechlifyConfig {
         this.apiUrl = data.apiUrl;
         this.storage = data === null || data === void 0 ? void 0 : data.storage;
         this.rawConfigs = data;
+        this.isLogoutWhileApiGetsFailed = data === null || data === void 0 ? void 0 : data.isLogoutWhileApiGetsFailed;
     }
 }
 
@@ -569,8 +572,9 @@ AlertService.ctorParameters = () => [
  * @since 20171202
  */
 class ErrorHandlerService {
-    constructor(alerter) {
+    constructor(alerter, config) {
         this.alerter = alerter;
+        this.config = config;
     }
     handleError(errorResponse, msg = '') {
         var _a, _b, _c, _d;
@@ -597,16 +601,22 @@ class ErrorHandlerService {
         }
         var errMessage = errors.length ? errors[0] : msg;
         this.alerter.addAlert("Error: " + errMessage, "warning");
+        if (errorResponse.status == 403 && this.config.isLogoutWhileApiGetsFailed) {
+            sessionStorage.clear();
+            localStorage.clear();
+            location.reload();
+        }
     }
 }
-ErrorHandlerService.ɵprov = ɵɵdefineInjectable({ factory: function ErrorHandlerService_Factory() { return new ErrorHandlerService(ɵɵinject(AlertService)); }, token: ErrorHandlerService, providedIn: "root" });
+ErrorHandlerService.ɵprov = ɵɵdefineInjectable({ factory: function ErrorHandlerService_Factory() { return new ErrorHandlerService(ɵɵinject(AlertService), ɵɵinject(TechlifyConfig)); }, token: ErrorHandlerService, providedIn: "root" });
 ErrorHandlerService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
             },] }
 ];
 ErrorHandlerService.ctorParameters = () => [
-    { type: AlertService }
+    { type: AlertService },
+    { type: TechlifyConfig }
 ];
 
 const log = new Logger('ErrorHandlerInterceptor');
@@ -1051,9 +1061,13 @@ class EntityFileService {
     deleteEntityFile(model) {
         return this.http.delete(`api/entity-files/${model.id}`).toPromise();
     }
-    uploadEntityFile(file) {
+    uploadEntityFile(file, params) {
         const formData = new FormData();
         formData.append("fileData", file, file.name);
+        if (params === null || params === void 0 ? void 0 : params.entity_id) {
+            formData.append('entity_id', params.entity_id);
+            formData.append('entity_type', params.entity_type);
+        }
         return this.http
             .skipHeader()
             .post("api/entity-files-upload", formData).toPromise();
@@ -1116,7 +1130,8 @@ class EntityFileFormComponent {
             entity_type: [''],
             entity_id: [],
             file: ['', Validators.required],
-            url: ['', Validators.required]
+            url: ['', Validators.required],
+            file_size: ['', Validators.required],
         });
     }
     ngOnInit() {
@@ -1174,12 +1189,8 @@ class EntityFileFormComponent {
             this.fileList = event;
             if (this.fileList.length > 0) {
                 const result = yield this.entityFileService.uploadEntityFile(this.fileList[0]);
-                this.entityFileGroup
-                    .get("file")
-                    .setValue(result.item.file);
-                this.entityFileGroup
-                    .get("url")
-                    .setValue(result.item.url);
+                this.entityFileGroup.patchValue(result.item);
+                ;
                 this.fileList = [];
             }
         });
@@ -1211,7 +1222,7 @@ class EntityFileFormComponent {
 EntityFileFormComponent.decorators = [
     { type: Component, args: [{
                 selector: 'entity-file-form',
-                template: "<form [formGroup]=\"entityFileGroup\" (ngSubmit)=\"submit()\">\n    <div fxLayout=\"column\" class=\"mat-typography\">\n        <div mat-dialog-title class=\"text-center\">\n            <div>Entity File</div>\n        </div>\n\n        <div mat-dialog-content fxLayout=\"column\" fxLayoutAlign.=\"start\">\n            <ng-container *ngIf=\"!hideTitleAndDetails\">\n                <mat-form-field>\n                    <input type=\"text\" matInput formControlName=\"title\" placeholder=\"Title\" autocomplete=\"off\">\n                </mat-form-field>\n                <mat-form-field>\n                    <textarea matInput formControlName=\"details\" placeholder=\"Details\" autocomplete=\"off\"></textarea>\n                </mat-form-field>\n            </ng-container>\n\n            <ng-template #fileUpload>\n                <section fxFlex=\"100%\">\n                    <div>Entity File*</div>\n                    <app-file-dropper [config]=\"fileConfig\" (fileChanged)=\"fileChanged($event)\" [fileArray]=\"fileList\">\n                    </app-file-dropper>\n                    <div class=\"text-danger\" *ngIf=\"isFieldValid('url')\">\n                        {{getErrorMessage(\"url\")}}\n                    </div>\n                </section>\n            </ng-template>\n\n\n            <div fxFlex=\"100%\" class=\"mt-2\" *ngIf=\"entityFileGroup.get('url').value;else fileUpload;\">\n                <app-document-viewer [file]=\"entityFileGroup.get('file').value\"\n                    [fileUrl]=\"entityFileGroup.get('url').value\" [config]=\"this.viewerConfig\" (remove)=\"removeFile()\"\n                    [disableEdit]=\"updateMode\">\n                </app-document-viewer>\n\n            </div>\n\n            <div class=\"mt-4 mb-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n                <button mat-raised-button type=\"button\" (click)=\"dialogRef.close()\">\n                    Cancel\n                </button>\n                <button mat-raised-button type=\"submit\" color=\"primary\">Save</button>\n            </div>\n        </div>\n    </div>\n</form>",
+                template: "<form [formGroup]=\"entityFileGroup\" (ngSubmit)=\"submit()\">\n  <div fxLayout=\"column\" class=\"mat-typography\">\n    <div mat-dialog-title class=\"text-center\">\n      <div>Entity File</div>\n    </div>\n    <div mat-dialog-content fxLayout=\"column\" fxLayoutAlign.=\"start\">\n      <ng-container *ngIf=\"!hideTitleAndDetails\">\n        <mat-form-field>\n          <input type=\"text\" matInput formControlName=\"title\" placeholder=\"Title\" autocomplete=\"off\">\n        </mat-form-field>\n        <mat-form-field>\n          <textarea matInput formControlName=\"details\" placeholder=\"Details\" autocomplete=\"off\"></textarea>\n        </mat-form-field>\n      </ng-container>\n      <ng-template #fileUpload>\n        <section fxFlex=\"100%\">\n          <div>Entity File*</div>\n          <app-file-dropper [config]=\"fileConfig\" (fileChanged)=\"fileChanged($event)\" [fileArray]=\"fileList\">\n          </app-file-dropper>\n          <div class=\"text-danger\" *ngIf=\"isFieldValid('url')\">\n            {{getErrorMessage(\"url\")}}\n          </div>\n        </section>\n      </ng-template>\n      <div fxFlex=\"100%\" class=\"mt-2\" *ngIf=\"entityFileGroup.get('url').value;else fileUpload;\">\n        <app-document-viewer [file]=\"entityFileGroup.get('file').value\" [fileUrl]=\"entityFileGroup.get('url').value\"\n          [config]=\"this.viewerConfig\" (remove)=\"removeFile()\" [disableEdit]=\"updateMode\">\n        </app-document-viewer>\n      </div>\n      <div class=\"mt-4 mb-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n        <button mat-raised-button type=\"button\" (click)=\"dialogRef.close()\">\n          Cancel\n        </button>\n        <button mat-raised-button type=\"submit\" color=\"primary\">Save</button>\n      </div>\n    </div>\n  </div>\n</form>\n",
                 styles: [""]
             },] }
 ];
@@ -1231,16 +1242,36 @@ let EntityFilesViewAllComponent = class EntityFilesViewAllComponent {
         this.alertService = alertService;
         this.dialog = dialog;
         this.viewOnly = false;
+        this.title = "File";
         this.filters = {};
         this.entityFiles = [];
-        this.displayedColumns = ['index', 'title', 'details', 'file',];
+        this.displayedColumns = [
+            'index',
+            'title',
+            'details',
+            'file_size',
+            'uploaded_on',
+        ];
         this.isWorking = false;
         this.search = new FormControl('');
         this.page = 1;
         this.perPage = 25;
         this.lastPage = 0;
+        this.fileList = [];
     }
     ngOnInit() {
+        //File dropper config
+        this.fileConfig = {
+            fileId: "entityDashboardDropper",
+            containerId: "entityDashboardDropperContainer",
+            styles: {
+                height: "500px"
+            },
+            multiple: false,
+            acceptFile: "*",
+            maxSize: 10,
+            acceptFileText: "All Files"
+        };
         this.viewerConfig = {
             imageStyle: {
                 height: '200px',
@@ -1272,6 +1303,7 @@ let EntityFilesViewAllComponent = class EntityFilesViewAllComponent {
     fetchEntityFilesDetails() {
         return __awaiter(this, void 0, void 0, function* () {
             this.filters.page = this.page;
+            this.filters.perPage = this.perPage;
             this.isWorking = true;
             const result = yield this.entityFileService.getEntityFiles(this.filters);
             this.lastPage = result.last_page || this.page;
@@ -1347,11 +1379,32 @@ let EntityFilesViewAllComponent = class EntityFilesViewAllComponent {
     resetFieldValue() {
         this.search.setValue("");
     }
+    sizeOf(bytes) {
+        if (!bytes) {
+            return "0.00 B";
+        }
+        var e = Math.floor(Math.log(bytes) / Math.log(1024));
+        return (bytes / Math.pow(1024, e)).toFixed(2) + ' ' + ' KMGTP'.charAt(e) + 'B';
+    }
+    fileChanged(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.fileList = event;
+            if (this.fileList.length > 0) {
+                const result = yield this.entityFileService.uploadEntityFile(this.fileList[0], {
+                    entity_type: this.entityType,
+                    entity_id: this.entityId,
+                });
+                this.fileList = [];
+                this.alertService.addAlert('Successfull uploaded', 'success');
+                this.reload();
+            }
+        });
+    }
 };
 EntityFilesViewAllComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-entity-files-view-all',
-                template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\" class=\"mat-typography p-4\" *ngIf=\"!displayMode\">\n    <div fxLayout=\"column\" fxLayoutGap=\"0.25rem\">\n        <h3 class=\"font-weight-bold\" fxLayoutAlign=\"center center\"> Files\n            <button type=\"button\" class=\"mx-1\" mat-mini-fab color=\"primary\" (click)=\"addEntityFile()\" *ngIf=\"!viewOnly\">\n                <mat-icon>add</mat-icon>\n            </button>\n        </h3>\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"start\" *ngIf=\"!removeSearch\">\n            <mat-form-field class=\"mt-1\">\n                <input type=\"text\" matInput [formControl]=\"search\" placeholder=\"Title\" name=\"title\"\n                    autocomplete=\"off\" />\n                <button mat-button *ngIf=\"filters.title\" matSuffix mat-icon-button (click)=\"resetFieldValue()\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n        <table mat-table [dataSource]=\"entityFiles\" class=\"w-100\" matSort multiTemplateDataRows\n            infiniteScrollContainer=\"body\" infiniteScroll [infiniteScrollDistance]=\"1.5\" [infiniteScrollThrottle]=\"50\"\n            [fromRoot]=\"true\" (scrolled)=\"onScroll()\">\n\n            <!-- Index Column -->\n            <ng-container matColumnDef=\"index\">\n                <th mat-header-cell *matHeaderCellDef> # </th>\n                <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n            </ng-container>\n\n            <!-- Title Column -->\n            <ng-container matColumnDef=\"title\">\n                <th mat-header-cell *matHeaderCellDef> Title </th>\n                <td mat-cell *matCellDef=\"let element\"> {{element.title}} </td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef> Details </th>\n                <td mat-cell *matCellDef=\"let element\"> {{element.details}} </td>\n            </ng-container>\n\n            <!-- File Column -->\n            <ng-container matColumnDef=\"file\">\n                <th mat-header-cell *matHeaderCellDef> File </th>\n                <td mat-cell *matCellDef=\"let element\">\n                    <a href=\"{{element.url}}\" target=\"_blank\">\n                        <button mat-button type=\"button\">View</button>\n                    </a>\n                </td>\n            </ng-container>\n\n            <!-- Actions Column -->\n            <ng-container matColumnDef=\"actions\">\n                <th mat-header-cell *matHeaderCellDef> Actions </th>\n                <td mat-cell *matCellDef=\"let element\" style=\"min-width:110px\">\n                    <button type=\"button\" mat-icon-button (click)=\"editEntityFile(element)\">\n                        <mat-icon>edit</mat-icon>\n                    </button>\n                    <button type=\"button\" mat-icon-button (click)=\"deleteEntityFile(element)\">\n                        <mat-icon>delete</mat-icon>\n                    </button>\n                </td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n        </table>\n    </div>\n</div>\n\n<div fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" class=\"mat-typography p-4\" *ngIf=\"displayMode\">\n\n    <div *ngFor=\"let efile of entityFiles\">\n        <app-document-viewer [file]=\"efile.file\" [fileUrl]=\"efile.url\" [config]=\"this.viewerConfig\"\n            [disableEdit]=\"true\">\n        </app-document-viewer>\n        <a href=\"{{efile.url}}\" target=\"_blank\">\n            <button mat-button type=\"button\">View</button>\n        </a>\n    </div>\n\n</div>",
+                template: "<div class=\"mat-typography\" *ngIf=\"!displayMode\">\n  <div fxLayout=\"row\" fxLayoutGap=\"1rem\">\n    <mat-card fxFlex=\"70%\">\n      <mat-card-title fxLayout fxLayoutGap=\"1rem\">\n        <h3 class=\"font-weight-bold primary-color\" fxLayout=\"center center\">\n          <mat-icon>\n            <span class=\"material-icons\">\n              description\n            </span>\n          </mat-icon>\n          {{title}}s\n        </h3>\n        <div>\n          <button type=\"button\" class=\"mx-1\" mat-raised-button color=\"primary\" (click)=\"addEntityFile()\"\n            *ngIf=\"!viewOnly\">\n            <mat-icon>\n              <span class=\"material-icons\">\n                add_circle_outline\n              </span>\n            </mat-icon>\n            {{title}}\n          </button>\n        </div>\n        <mat-form-field *ngIf=\"!removeSearch\" appearance=\"outline\" style=\"font-size: 10px;\">\n          <mat-label>Search</mat-label>\n          <input type=\"text\" matInput [formControl]=\"search\" placeholder=\"Search\" name=\"title\" autocomplete=\"off\" />\n          <button mat-button *ngIf=\"filters.title\" matSuffix mat-icon-button (click)=\"resetFieldValue()\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </mat-form-field>\n      </mat-card-title>\n      <mat-card-content class=\"entity-file-card\">\n        <table mat-table [dataSource]=\"entityFiles\" class=\"w-100\" matSort multiTemplateDataRows infiniteScroll\n          [infiniteScrollDistance]=\"1.5\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\n          <!-- Index Column -->\n          <ng-container matColumnDef=\"index\">\n            <th mat-header-cell *matHeaderCellDef> # </th>\n            <td mat-cell *matCellDef=\"let element; let i = dataIndex\"> {{ i+1 }} </td>\n          </ng-container>\n\n          <!-- Title Column -->\n          <ng-container matColumnDef=\"title\">\n            <th mat-header-cell *matHeaderCellDef> Title </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <div>\n                <span>\n                  {{element.title}}\n                </span>\n                <span>\n                  <a href=\"{{element.url}}\" target=\"_blank\" class=\"text-decoration-none text-muted\">\n                    <button mat-icon-button type=\"button\">\n                      <mat-icon>download</mat-icon>\n                    </button>\n                  </a>\n                </span>\n              </div>\n            </td>\n          </ng-container>\n\n          <!-- Details Column -->\n          <ng-container matColumnDef=\"details\">\n            <th mat-header-cell *matHeaderCellDef> Details </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.details}} </td>\n          </ng-container>\n\n          <!-- File size Column -->\n          <ng-container matColumnDef=\"file_size\">\n            <th mat-header-cell *matHeaderCellDef> File Size </th>\n            <td mat-cell *matCellDef=\"let element\"> {{ sizeOf(element.file_size)}} </td>\n          </ng-container>\n\n          <!-- Uploaded On Column -->\n          <ng-container matColumnDef=\"uploaded_on\">\n            <th mat-header-cell *matHeaderCellDef> Uploaded On </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <div>\n                {{element.created_at | date: 'mediumDate'}}\n              </div>\n              <div class=\"text-muted\">\n                By {{element.creator?.name}}\n              </div>\n            </td>\n          </ng-container>\n\n          <!-- Actions Column -->\n          <ng-container matColumnDef=\"actions\">\n            <th mat-header-cell *matHeaderCellDef> Actions </th>\n            <td mat-cell *matCellDef=\"let element\" style=\"min-width:110px\" class=\"text-muted\">\n              <button type=\"button\" mat-icon-button (click)=\"editEntityFile(element)\">\n                <mat-icon>edit</mat-icon>\n              </button>\n              <button type=\"button\" mat-icon-button (click)=\"deleteEntityFile(element)\">\n                <mat-icon>delete</mat-icon>\n              </button>\n            </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n        </table>\n      </mat-card-content>\n    </mat-card>\n    <section fxFlex=\"30%\">\n      <app-file-dropper [config]=\"fileConfig\" (fileChanged)=\"fileChanged($event)\" [fileArray]=\"fileList\">\n      </app-file-dropper>\n    </section>\n  </div>\n</div>\n\n<div fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" class=\"mat-typography p-4\" *ngIf=\"displayMode\">\n  <div *ngFor=\"let efile of entityFiles\">\n    <app-document-viewer [file]=\"efile.file\" [fileUrl]=\"efile.url\" [config]=\"this.viewerConfig\" [disableEdit]=\"true\">\n    </app-document-viewer>\n    <a href=\"{{efile.url}}\" target=\"_blank\">\n      <button mat-button type=\"button\">View</button>\n    </a>\n  </div>\n</div>\n",
                 styles: [""]
             },] }
 ];
@@ -1367,7 +1420,8 @@ EntityFilesViewAllComponent.propDecorators = {
     viewOnly: [{ type: Input }],
     removeSearch: [{ type: Input }],
     hideTitleAndDetails: [{ type: Input }],
-    displayMode: [{ type: Input }]
+    displayMode: [{ type: Input }],
+    title: [{ type: Input }]
 };
 EntityFilesViewAllComponent = __decorate([
     UntilDestroy()
@@ -2296,6 +2350,25 @@ NumberSelector.propDecorators = {
     selectedValue: [{ type: Input }]
 };
 
+class Timeline {
+}
+Timeline.CUSTOM = 1;
+Timeline.TODAY = 2;
+Timeline.YESTERDAY = 3;
+Timeline.THIS_WEEK = 4;
+Timeline.LAST_WEEK = 5;
+Timeline.THIS_MONTH = 6;
+Timeline.LAST_MONTH = 7;
+Timeline.THIS_QUARTER = 8;
+Timeline.LAST_QUARTER = 9;
+Timeline.THIS_YEAR = 10;
+Timeline.LAST_YEAR = 11;
+Timeline.ALL = 12;
+Timeline.TOMMOROW = 13;
+Timeline.NEXT_WEEK = 14;
+Timeline.NEXT_MONTH = 15;
+
+const moment = moment_;
 function calculateTimeline(value) {
     const date = new Date();
     const data = {
@@ -2304,77 +2377,86 @@ function calculateTimeline(value) {
         'show_custom_field': false
     };
     switch (value) {
-        case 1: { //Custom
+        case Timeline.CUSTOM: { //Custom
             data.show_custom_field = true;
             break;
         }
-        case 2: { // Today
-            data.date_from = date;
-            data.date_to = date;
+        case Timeline.TODAY: { // Today
+            let now = moment();
+            data.date_from = now.startOf('day').toISOString();
+            data.date_to = now.endOf('day').toISOString();
+            break;
+        }
+        case Timeline.YESTERDAY: { // Yesterday
+            let now = moment().subtract(1, 'day');
+            data.date_from = now.startOf('day').toISOString();
+            data.date_to = now.endOf('day').toISOString();
+            break;
+        }
+        case Timeline.THIS_WEEK: { // This Week
+            let now = moment();
+            data.date_from = now.startOf('isoWeek').toISOString();
+            data.date_to = now.endOf('isoWeek').toISOString();
             break;
         }
-        case 3: { // Yesterday
-            const yesterday = new Date(date);
-            yesterday.setDate(yesterday.getDate() - 1);
-            data.date_from = yesterday;
-            data.date_to = yesterday;
+        case Timeline.LAST_WEEK: { // Last Week
+            let now = moment().subtract(1, 'week');
+            data.date_from = now.startOf('isoWeek').toISOString();
+            data.date_to = now.endOf('isoWeek').toISOString();
             break;
         }
-        case 4: { // This Week
-            var first = date.getDate() - date.getDay() + 1; // First day is the day of the month - the day of the week
-            var last = first + 6; // last day is the first day + 6
-            data.date_from = new Date(date.setDate(first));
-            data.date_to = new Date(date.setDate(last));
+        case Timeline.THIS_MONTH: { //This Month
+            let now = moment();
+            data.date_from = now.startOf('month').toISOString();
+            data.date_to = now.endOf('month').toISOString();
             break;
         }
-        case 5: { // Last Week
-            var d = new Date();
-            var to = d.setTime(d.getTime() - (d.getDay() ? d.getDay() : 7) * 24 * 60 * 60 * 1000);
-            var from = d.setTime(d.getTime() - 6 * 24 * 60 * 60 * 1000);
-            data.date_from = new Date(from);
-            data.date_to = new Date(to);
+        case Timeline.LAST_MONTH: { // Last Month
+            let now = moment().subtract(1, 'month');
+            data.date_from = now.startOf('month').toISOString();
+            data.date_to = now.endOf('month').toISOString();
             break;
         }
-        case 6: { //This Month
-            data.date_from = new Date(date.getFullYear(), date.getMonth(), 1);
-            data.date_to = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+        case Timeline.THIS_QUARTER: { // This Quarter
+            let now = moment();
+            data.date_from = now.startOf('quarter').toISOString();
+            data.date_to = now.endOf('quarter').toISOString();
             break;
         }
-        case 7: { // Last Month
-            var d = new Date(); // current date
-            d.setDate(1); // going to 1st of the month
-            d.setHours(-1);
-            data.date_from = new Date(date.getFullYear(), date.getMonth() - 1, 1);
-            data.date_to = d;
+        case Timeline.LAST_QUARTER: { // Last Quarter
+            let now = moment().subtract(1, 'quarter');
+            data.date_from = now.startOf('quarter').toISOString();
+            data.date_to = now.endOf('quarter').toISOString();
             break;
         }
-        case 8: { // This Quarter
-            const quarter = Math.floor((date.getMonth() / 3));
-            const startFullQuarter = new Date(date.getFullYear(), quarter * 3, 1);
-            const endFullQuarter = new Date(startFullQuarter.getFullYear(), startFullQuarter.getMonth() + 3, 0);
-            data.date_from = startFullQuarter;
-            data.date_to = endFullQuarter;
+        case Timeline.THIS_YEAR: { // This Year
+            let now = moment();
+            data.date_from = now.startOf('year').toISOString();
+            data.date_to = now.endOf('year').toISOString();
             break;
         }
-        case 9: { // Last Quarter
-            const quarter = Math.floor((date.getMonth() / 3));
-            const startFullQuarter = new Date(date.getFullYear(), quarter * 3 - 3, 1);
-            const endFullQuarter = new Date(startFullQuarter.getFullYear(), startFullQuarter.getMonth() + 3, 0);
-            data.date_from = startFullQuarter;
-            data.date_to = endFullQuarter;
+        case Timeline.LAST_YEAR: { // Last Year
+            let now = moment().subtract(1, 'year');
+            data.date_from = now.startOf('year').toISOString();
+            data.date_to = now.endOf('year').toISOString();
             break;
         }
-        case 10: { // This Year
-            data.date_from = new Date("1/1/" + (new Date()).getFullYear());
-            ;
-            data.date_to = new Date("12/31/" + (new Date()).getFullYear());
+        case Timeline.TOMMOROW: {
+            let now = moment().add(1, 'day');
+            data.date_from = now.startOf('day').toISOString();
+            data.date_to = now.endOf('day').toISOString();
             break;
         }
-        case 11: { // Last Year
-            data.date_from = new Date("1/1/" + (new Date().getFullYear() - 1));
-            ;
-            data.date_to = new Date("12/31/" + (new Date().getFullYear() - 1));
+        case Timeline.NEXT_WEEK: {
+            let now = moment().add(1, 'week');
+            data.date_from = now.startOf('isoWeek').toISOString();
+            data.date_to = now.endOf('isoWeek').toISOString();
             break;
+        }
+        case Timeline.NEXT_MONTH: {
+            let now = moment().add(1, 'month');
+            data.date_from = now.startOf('month').toISOString();
+            data.date_to = now.endOf('month').toISOString();
             break;
         }
         default: { // All
@@ -2386,21 +2468,6 @@ function calculateTimeline(value) {
     return data;
 }
 
-class Timeline {
-}
-Timeline.CUSTOM = 1;
-Timeline.TODAY = 2;
-Timeline.YESTERDAY = 3;
-Timeline.THIS_WEEK = 4;
-Timeline.LAST_WEEK = 5;
-Timeline.THIS_MONTH = 6;
-Timeline.LAST_MONTH = 7;
-Timeline.THIS_QUARTER = 8;
-Timeline.LAST_QUARTER = 9;
-Timeline.THIS_YEAR = 10;
-Timeline.LAST_YEAR = 11;
-Timeline.ALL = 12;
-
 var TimelineFilterComponent_1;
 let TimelineFilterComponent = TimelineFilterComponent_1 = class TimelineFilterComponent {
     constructor(formBuilder, ngControl, datePipe) {
@@ -2408,18 +2475,21 @@ let TimelineFilterComponent = TimelineFilterComponent_1 = class TimelineFilterCo
         this.datePipe = datePipe;
         this.timelineValue = new FormControl('');
         this.timelines = [
-            { value: 1, viewValue: 'Custom' },
-            { value: 2, viewValue: 'Today' },
-            { value: 3, viewValue: 'Yesterday' },
-            { value: 4, viewValue: 'This Week' },
-            { value: 5, viewValue: 'Last Week' },
-            { value: 6, viewValue: 'This Month' },
-            { value: 7, viewValue: 'Last Month' },
-            { value: 8, viewValue: 'This Quarter' },
-            { value: 9, viewValue: 'Last Quarter' },
-            { value: 10, viewValue: 'This Year' },
-            { value: 11, viewValue: 'Last Year' },
-            { value: 12, viewValue: 'All dates' },
+            { value: Timeline.CUSTOM, viewValue: 'Custom' },
+            { value: Timeline.TODAY, viewValue: 'Today' },
+            { value: Timeline.YESTERDAY, viewValue: 'Yesterday' },
+            { value: Timeline.TOMMOROW, viewValue: 'Tomorrow' },
+            { value: Timeline.THIS_WEEK, viewValue: 'This Week' },
+            { value: Timeline.LAST_WEEK, viewValue: 'Last Week' },
+            { value: Timeline.NEXT_WEEK, viewValue: 'Next Week' },
+            { value: Timeline.THIS_MONTH, viewValue: 'This Month' },
+            { value: Timeline.LAST_MONTH, viewValue: 'Last Month' },
+            { value: Timeline.NEXT_MONTH, viewValue: 'Next Month' },
+            { value: Timeline.THIS_QUARTER, viewValue: 'This Quarter' },
+            { value: Timeline.LAST_QUARTER, viewValue: 'Last Quarter' },
+            { value: Timeline.THIS_YEAR, viewValue: 'This Year' },
+            { value: Timeline.LAST_YEAR, viewValue: 'Last Year' },
+            { value: Timeline.ALL, viewValue: 'All dates' },
         ];
         this.dateFrom = 'date_from';
         this.dateTo = 'date_to';
@@ -2932,7 +3002,8 @@ MaterialModule.decorators = [
                     MatChipsModule,
                     MatDatepickerModule,
                     MatListModule,
-                    MatTooltipModule
+                    MatTooltipModule,
+                    MatButtonToggleModule
                 ]
             },] }
 ];
@@ -6804,5 +6875,5 @@ TechlifyFeatureModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, CommentFormComponent, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, PageEvent, ReadMoreComponent, ReadMoreModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, NumberSelector as ɵba, TimelineFilterComponent as ɵbb, TimelineFilterRoutingModule as ɵbc, LoaderComponent as ɵbd, EmailSubscriptionUserFormComponent as ɵbe, EmailSubscriptionUserListComponent as ɵbf, AuthenticationGuard as ɵbg, EmailSubscriptionUserListFilterComponent as ɵbh, EmailSubscriptionTypeFormComponent as ɵbi, EmailSubscriptionTypeListComponent as ɵbj, EmailSubscriptionForUserComponent as ɵbk, TechlifyUpdatesListComponent as ɵbl, TechlifyUpdateService as ɵbm, TechlifyUpdateRoutingModule as ɵbn, TechlifyUpdateFormModule as ɵbo, TechlifyUpdateFormComponent as ɵbp, TechlifyUpdateHistoryRoutingModule as ɵbq, TechlifyUpdateHistoryComponent as ɵbr, UpdateNotifierSnackComponent as ɵbs, UpdateViewModule as ɵbt, UpdateViewComponent as ɵbu, DataManager as ɵbv, AlertService as ɵbw, ErrorHandlerService as ɵbx, FieldMappingComponent as ɵby, FailedItemsListComponent as ɵbz, ErrorSnackComponent as ɵc, ImportHistoryListComponent as ɵca, HttpService as ɵcb, ImportSuccessComponent as ɵcc, DataImportComponent as ɵcd, ErrorHandlerService as ɵce, StorageService as ɵcf, TechlifyFeatureService as ɵcg, DataManager as ɵch, AuthenticationGuard as ɵci, OnOffSwitchComponent as ɵcj, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, CommentFormComponent as ɵt, CredentialsService as ɵu, ConfigService as ɵv, TechlifyConfig as ɵw, SearchableSelectorComponent as ɵx, MatSelectInfiniteScrollDirective as ɵy, NumItemsSelector as ɵz };
+export { ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, CommentFormComponent, ConfigService, CoreModule, CredentialsService, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, MatSelectInfiniteScrollDirective, MaterialModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberSelector, PageEvent, ReadMoreComponent, ReadMoreModule, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr, SnackModule as ɵa, SuccessSnackComponent as ɵb, NumberSelector as ɵba, TimelineFilterComponent as ɵbb, TimelineFilterRoutingModule as ɵbc, LoaderComponent as ɵbd, EmailSubscriptionUserFormComponent as ɵbe, EmailSubscriptionUserListComponent as ɵbf, AuthenticationGuard as ɵbg, EmailSubscriptionUserListFilterComponent as ɵbh, EmailSubscriptionTypeFormComponent as ɵbi, EmailSubscriptionTypeListComponent as ɵbj, EmailSubscriptionForUserComponent as ɵbk, TechlifyUpdatesListComponent as ɵbl, TechlifyUpdateService as ɵbm, TechlifyUpdateRoutingModule as ɵbn, TechlifyUpdateFormModule as ɵbo, TechlifyUpdateFormComponent as ɵbp, TechlifyUpdateHistoryRoutingModule as ɵbq, TechlifyUpdateHistoryComponent as ɵbr, UpdateNotifierSnackComponent as ɵbs, UpdateViewModule as ɵbt, UpdateViewComponent as ɵbu, DataManager as ɵbv, ErrorHandlerService as ɵbw, FieldMappingComponent as ɵbx, FailedItemsListComponent as ɵby, ImportHistoryListComponent as ɵbz, ErrorSnackComponent as ɵc, ImportSuccessComponent as ɵca, DataImportComponent as ɵcb, StorageService as ɵcc, TechlifyFeatureService as ɵcd, OnOffSwitchComponent as ɵce, HTTP_DYNAMIC_INTERCEPTORS as ɵd, HttpService as ɵe, RouteReusableStrategy as ɵf, ActionPopupComponent as ɵg, ActionPopup as ɵh, DataTableComponent as ɵi, DocumentViewerComponent as ɵj, EntityFileFormComponent as ɵk, FormValidatorService as ɵl, EntityFileService as ɵm, AlertService as ɵn, EntityFilesViewAllComponent as ɵo, FileDropperComponent as ɵp, NoteListComponent as ɵq, NoteService as ɵr, NoteFormComponent as ɵs, CommentFormComponent as ɵt, CredentialsService as ɵu, ConfigService as ɵv, TechlifyConfig as ɵw, SearchableSelectorComponent as ɵx, MatSelectInfiniteScrollDirective as ɵy, NumItemsSelector as ɵz };
 //# sourceMappingURL=ngx-techlify-core.js.map