update spreadjs to 11.1 to fixed some display issue

atms-web/src/main/webapp/Gruntfile.js

@@ -74,7 +74,7 @@ grunt.initConfig({
                 "Content/bootstrap-multiselect.css",
                 "Content/bootstrap-datepicker/bootstrap-datepicker3.min.css",
                 "Content/ui-grid.css",
-                "Content/spreadjs/gc.spread.sheets.11.0.0.css",
+                "Content/Spreadjs11_1/css/gc.spread.sheets.11.1.0.css",
                 "Content/angular-ui-tree.css",
                 "Content/sweetalert-new.css",
                 "Content/isteven-multi-select.css",
@@ -273,11 +273,11 @@ grunt.initConfig({
             dest: '<%= pkg.bundleDest %>/dx.js'
         },
         spreadjs: {
-            src: ["Scripts/spreadjs/gc.spread.sheets.all.11.0.0.min.js"],
+            src: ["Scripts/Spreadjs11_1/gc.spread.sheets.all.11.1.0.min.js"],
             dest: '<%= pkg.bundleDest %>/spread.js'
         },
         spreadiojs: {
-            src: ["Scripts/spreadjs/interop/gc.spread.excelio.11.0.0.min.js"],
+            src: ["Scripts/Spreadjs11_1/interop/gc.spread.excelio.11.1.0.min.js"],
             dest: '<%= pkg.bundleDest %>/spreadio.js'
         },
         ivhTreeview: {

atms-web/src/main/webapp/Scripts/Spreadjs11_1/interop/angular/gc.spread.sheets.angular.11.1.0.d.ts

+/// <reference path="GC.Spread.Sheets.d.ts" />
+import { OnChanges, SimpleChanges, AfterViewInit, QueryList, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+export declare class ColumnComponent implements OnChanges {
+    private changes;
+    private sheet;
+    private index;
+    width: number;
+    dataField: string;
+    headerText: string;
+    visible: boolean;
+    resizable: boolean;
+    autoFit: boolean;
+    style: GC.Spread.Sheets.Style;
+    cellType: GC.Spread.Sheets.CellTypes.Base;
+    headerStyle: GC.Spread.Sheets.Style;
+    formatter: any;
+    onAttached(sheet: GC.Spread.Sheets.Worksheet, index: number): void;
+    private onColumnChanged();
+    ngOnChanges(changes: SimpleChanges): void;
+}
+export declare class WorksheetComponent implements OnChanges, AfterViewInit {
+    private sheet;
+    columns: QueryList<ColumnComponent>;
+    rowCount: number;
+    colCount: number;
+    dataSource: any;
+    name: string;
+    frozenColumnCount: number;
+    frozenRowCount: number;
+    frozenTrailingRowCount: number;
+    frozenTrailingColumnCount: number;
+    allowCellOverflow: boolean;
+    frozenlineColor: string;
+    sheetTabColor: string;
+    selectionPolicy: number;
+    selectionUnit: number;
+    zoom: number;
+    currentTheme: string;
+    clipBoardOptions: number;
+    rowHeaderVisible: boolean;
+    colHeaderVisible: boolean;
+    rowHeaderAutoText: number;
+    colHeaderAutoText: number;
+    rowHeaderAutoTextIndex: number;
+    colHeaderAutoTextIndex: number;
+    isProtected: boolean;
+    showRowOutline: boolean;
+    showColumnOutline: boolean;
+    selectionBackColor: string;
+    selectionBorderColor: string;
+    defaultStyle: GC.Spread.Sheets.Style;
+    rowOutlineInfo: any[];
+    columnOutlineInfo: any[];
+    autoGenerateColumns: boolean;
+    constructor();
+    onAttached(): void;
+    getSheet(): GC.Spread.Sheets.Worksheet;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+}
+export declare class SpreadSheetsComponent implements OnChanges, AfterViewInit, OnDestroy {
+    private elRef;
+    private spread;
+    private spreadOptions;
+    style: {
+        width: string;
+        height: string;
+    };
+    allowUserResize: boolean;
+    allowUserZoom: boolean;
+    allowUserEditFormula: boolean;
+    allowUserDragFill: boolean;
+    allowUserDragDrop: boolean;
+    highlightInvalidData: boolean;
+    newTabVisible: boolean;
+    tabStripVisible: boolean;
+    tabEditable: boolean;
+    autoFitType: number;
+    referenceStyle: number;
+    backColor: string;
+    grayAreaBackColor: string;
+    showVerticalScrollbar: boolean;
+    showHorizontalScrollbar: boolean;
+    hostStyle: any;
+    hostClass: string;
+    name: string;
+    backgroundImage: string;
+    backgroundImageLayout: number;
+    showScrollTip: number;
+    showResizeTip: number;
+    showDragDropTip: boolean;
+    showDragFillTip: boolean;
+    workbookInitialized: EventEmitter<any>;
+    validationError: EventEmitter<any>;
+    cellClick: EventEmitter<any>;
+    cellDoubleClick: EventEmitter<any>;
+    enterCell: EventEmitter<any>;
+    leaveCell: EventEmitter<any>;
+    valueChanged: EventEmitter<any>;
+    topRowChanged: EventEmitter<any>;
+    leftColumnChanged: EventEmitter<any>;
+    invalidOperation: EventEmitter<any>;
+    rangeFiltering: EventEmitter<any>;
+    rangeFiltered: EventEmitter<any>;
+    tableFiltering: EventEmitter<any>;
+    tableFiltered: EventEmitter<any>;
+    rangeSorting: EventEmitter<any>;
+    rangeSorted: EventEmitter<any>;
+    clipboardChanging: EventEmitter<any>;
+    clipboardChanged: EventEmitter<any>;
+    clipboardPasting: EventEmitter<any>;
+    clipboardPasted: EventEmitter<any>;
+    columnWidthChanging: EventEmitter<any>;
+    columnWidthChanged: EventEmitter<any>;
+    rowHeightChanging: EventEmitter<any>;
+    rowHeightChanged: EventEmitter<any>;
+    dragDropBlock: EventEmitter<any>;
+    dragDropBlockCompleted: EventEmitter<any>;
+    dragFillBlock: EventEmitter<any>;
+    dragFillBlockCompleted: EventEmitter<any>;
+    editStarting: EventEmitter<any>;
+    editChange: EventEmitter<any>;
+    editEnding: EventEmitter<any>;
+    editEnd: EventEmitter<any>;
+    editEnded: EventEmitter<any>;
+    rangeGroupStateChanging: EventEmitter<any>;
+    rangeGroupStateChanged: EventEmitter<any>;
+    selectionChanging: EventEmitter<any>;
+    selectionChanged: EventEmitter<any>;
+    sheetTabClick: EventEmitter<any>;
+    sheetTabDoubleClick: EventEmitter<any>;
+    sheetNameChanging: EventEmitter<any>;
+    sheetNameChanged: EventEmitter<any>;
+    userZooming: EventEmitter<any>;
+    userFormulaEntered: EventEmitter<any>;
+    cellChanged: EventEmitter<any>;
+    columnChanged: EventEmitter<any>;
+    rowChanged: EventEmitter<any>;
+    activeSheetChanging: EventEmitter<any>;
+    activeSheetChanged: EventEmitter<any>;
+    sparklineChanged: EventEmitter<any>;
+    rangeChanged: EventEmitter<any>;
+    buttonClicked: EventEmitter<any>;
+    editorStatusChanged: EventEmitter<any>;
+    floatingObjectChanged: EventEmitter<any>;
+    floatingObjectSelectionChanged: EventEmitter<any>;
+    pictureChanged: EventEmitter<any>;
+    floatingObjectRemoving: EventEmitter<any>;
+    floatingObjectRemoved: EventEmitter<any>;
+    pictureSelectionChanged: EventEmitter<any>;
+    floatingObjectLoaded: EventEmitter<any>;
+    touchToolStripOpening: EventEmitter<any>;
+    commentChanged: EventEmitter<any>;
+    commentRemoving: EventEmitter<any>;
+    commentRemoved: EventEmitter<any>;
+    slicerChanged: EventEmitter<any>;
+    sheets: QueryList<WorksheetComponent>;
+    constructor(elRef: ElementRef);
+    ngAfterViewInit(): void;
+    private onSheetsChanged(sheetComponents);
+    private initSheets();
+    private bindCustomEvent(spread);
+    setSpreadOptions(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+}
+export declare class SpreadSheetsModule {
+}

atms-web/src/main/webapp/WEB-INF/templates/admin.html

@@ -110,7 +110,7 @@
         //window.location.href = '/Home/Admin/#/basicDataInfrastructure/regionManage';
         // create the back to top button 
         $('body').prepend('<a href="#" class="back-to-top">Back to Top</a>');
-
+        GC.Spread.Sheets.LicenseKey = constant.regesterInformation.userKey;
         var amountScrolled = 300;
 
         $(window).scroll(function () {