@flexem/fc-gui 3.0.0-alpha.91 → 3.0.0-alpha.93

package/localization/localization.service.d.ts

@@ -0,0 +1,58 @@
+import { InjectionToken } from '@angular/core';
+export declare const LOCALIZATION: InjectionToken<Localization>;
+export interface Localization {
+    loadFailed: any;
+    setting: any;
+    submit: any;
+    submitting: any;
+    numericalValueRequired: any;
+    invalidNumericalValue: any;
+    writeValueTimeout: any;
+    binaryType: any;
+    decimalType: any;
+    hexadecimalType: any;
+    stringType: any;
+    numericalValueTooLong: any;
+    fractionDigitsMustLessThan: any;
+    canNotBeNegative: any;
+    valueOutOfRange: any;
+    timeout: any;
+    confirmOperationPrompt: any;
+    confirm: any;
+    cancel: any;
+    characterInputRequired: any;
+    character: any;
+    characterOutofRange: any;
+    writeValueRange: any;
+    loading: any;
+    unbind: any;
+    offline: any;
+    abnormal: any;
+    disable: any;
+    permissiontip: any;
+    conditionIsNotMetTip: any;
+    chartNoData: any;
+    lastThirtyMinutes: any;
+    lastOneHour: any;
+    lastEightHour: any;
+    lastTwentyFourHours: any;
+    lastSevenDays: any;
+    lastThirtyDays: any;
+    lastOneYear: any;
+    grouped: any;
+    stacked: any;
+    passwordVerify: any;
+    passwordError: any;
+    password: any;
+    passwordToolTip: any;
+    passwordRequired: any;
+    invalidVideoAddress: any;
+    unconfiguredVideoAddress: any;
+    weatherNotSupport: any;
+    weatherNotAddress: any;
+    weatherNotAvailable: any;
+    airQualityNotSupport: any;
+    airQualityNotAddress: any;
+    airQualityNotAvailable: any;
+}
+export declare const DefaultLocalization: Localization;

package/localization/localization.service.js

@@ -0,0 +1,57 @@
+import { InjectionToken } from '@angular/core';
+export const LOCALIZATION = new InjectionToken('fc.gui.loc');
+export const DefaultLocalization = {
+    loadFailed: 'Load failed.',
+    setting: 'Setting',
+    submit: 'Submit',
+    submitting: 'Submitting···',
+    numericalValueRequired: 'Numerical value can\'t be emtpy',
+    invalidNumericalValue: 'Numerical value is not valid',
+    writeValueTimeout: 'write value error: timeout',
+    binaryType: 'Binary',
+    decimalType: 'Decimal',
+    hexadecimalType: 'Hexadecimal',
+    stringType: 'String',
+    numericalValueTooLong: 'Numerical value too long',
+    fractionDigitsMustLessThan: 'Fraction digits must be less than ',
+    canNotBeNegative: 'Can not be negative',
+    valueOutOfRange: 'Numerical value is out of range',
+    timeout: 'timeout',
+    confirmOperationPrompt: 'Sure to do this operation?',
+    confirm: 'Yes',
+    cancel: 'Cancel',
+    characterInputRequired: 'Character input can\'t be empty',
+    character: '(Character)',
+    characterOutofRange: 'Character length is out of range',
+    writeValueRange: 'Write value range',
+    loading: 'Loading',
+    unbind: 'Unbind',
+    offline: 'Offline',
+    abnormal: 'Data abnormal',
+    disable: 'Disable',
+    permissiontip: 'You have no permission to operate.',
+    conditionIsNotMetTip: 'Unsatisfied operating conditions or variable abnorma.',
+    chartNoData: 'No Data Available',
+    lastThirtyMinutes: 'Last thirty minutes',
+    lastOneHour: 'Last one hour',
+    lastEightHour: 'Last eight hours',
+    lastTwentyFourHours: 'Last 24 hours',
+    lastSevenDays: 'Last 7 days',
+    lastThirtyDays: 'Last 30 days',
+    lastOneYear: 'Last 1 year',
+    grouped: 'Grouped',
+    stacked: 'Stacked',
+    passwordVerify: 'Password verifiers',
+    passwordError: 'Password error',
+    password: 'Password',
+    passwordToolTip: 'Password error, please re-enter',
+    passwordRequired: 'Password can\'t be empty',
+    invalidVideoAddress: 'Invalid video address',
+    unconfiguredVideoAddress: 'Unconfigured Video Address',
+    weatherNotSupport: 'Location not supported',
+    weatherNotAddress: 'Address not configured',
+    weatherNotAvailable: 'Address not yet available',
+    airQualityNotSupport: 'Location not supported',
+    airQualityNotAddress: 'Address not configured',
+    airQualityNotAvailable: 'Address not yet available'
+};

package/localization/localization.service.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"LOCALIZATION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":32},"arguments":["fc.gui.loc"]},"Localization":{"__symbolic":"interface"},"DefaultLocalization":{"loadFailed":"Load failed.","setting":"Setting","submit":"Submit","submitting":"Submitting···","numericalValueRequired":"Numerical value can't be emtpy","invalidNumericalValue":"Numerical value is not valid","writeValueTimeout":"write value error: timeout","binaryType":"Binary","decimalType":"Decimal","hexadecimalType":"Hexadecimal","stringType":"String","numericalValueTooLong":"Numerical value too long","fractionDigitsMustLessThan":"Fraction digits must be less than ","canNotBeNegative":"Can not be negative","valueOutOfRange":"Numerical value is out of range","timeout":"timeout","confirmOperationPrompt":"Sure to do this operation?","confirm":"Yes","cancel":"Cancel","characterInputRequired":"Character input can't be empty","character":"(Character)","characterOutofRange":"Character length is out of range","writeValueRange":"Write value range","loading":"Loading","unbind":"Unbind","offline":"Offline","abnormal":"Data abnormal","disable":"Disable","permissiontip":"You have no permission to operate.","conditionIsNotMetTip":"Unsatisfied operating conditions or variable abnorma.","chartNoData":"No Data Available","lastThirtyMinutes":"Last thirty minutes","lastOneHour":"Last one hour","lastEightHour":"Last eight hours","lastTwentyFourHours":"Last 24 hours","lastSevenDays":"Last 7 days","lastThirtyDays":"Last 30 days","lastOneYear":"Last 1 year","grouped":"Grouped","stacked":"Stacked","passwordVerify":"Password verifiers","passwordError":"Password error","password":"Password","passwordToolTip":"Password error, please re-enter","passwordRequired":"Password can't be empty","invalidVideoAddress":"Invalid video address","unconfiguredVideoAddress":"Unconfigured Video Address","weatherNotSupport":"Location not supported","weatherNotAddress":"Address not configured","weatherNotAvailable":"Address not yet available","airQualityNotSupport":"Location not supported","airQualityNotAddress":"Address not configured","airQualityNotAvailable":"Address not yet available"}}}]

package/localization/localization.service.zh_CN.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from './localization.service';
+export declare const Localization_zh_CN: Localization;

package/localization/localization.service.zh_CN.js

@@ -0,0 +1,55 @@
+export const Localization_zh_CN = {
+    loadFailed: '加载失败.',
+    setting: '设置',
+    submit: '提交',
+    submitting: '提交中···',
+    numericalValueRequired: '数值不能为空',
+    invalidNumericalValue: '数值格式不正确',
+    writeValueTimeout: '写值错误：超时',
+    binaryType: '二进制',
+    decimalType: '十进制',
+    hexadecimalType: '十六进制',
+    stringType: '字符串',
+    numericalValueTooLong: '数值超长',
+    fractionDigitsMustLessThan: '小数位不能超过',
+    canNotBeNegative: '不能为负数',
+    valueOutOfRange: '数值超出范围',
+    timeout: '超时',
+    confirmOperationPrompt: '是否确认要执行此操作？',
+    confirm: '确定',
+    cancel: '取消',
+    characterInputRequired: '请输入至少一个字符',
+    character: '(字符串)',
+    characterOutofRange: '字符长度超限',
+    writeValueRange: '写值范围',
+    loading: '加载中',
+    unbind: '未绑定',
+    offline: '离线',
+    abnormal: '数据异常',
+    disable: '禁用',
+    permissiontip: '您无权限执行此操作',
+    conditionIsNotMetTip: '操作条件不满足或逻辑控制变量异常',
+    chartNoData: '无数据',
+    lastThirtyMinutes: '最近30分钟',
+    lastOneHour: '最近1小时',
+    lastEightHour: '最近8小时',
+    lastTwentyFourHours: '最近24小时',
+    lastSevenDays: '最近7天',
+    lastThirtyDays: '最近30天',
+    lastOneYear: '最近1年',
+    grouped: '分组',
+    stacked: '叠加',
+    passwordVerify: '密码校验',
+    passwordError: '密码错误',
+    password: '密码',
+    passwordToolTip: '密码错误，请重新输入',
+    passwordRequired: '密码不能为空',
+    invalidVideoAddress: '无效的视频地址',
+    unconfiguredVideoAddress: '未配置视频地址',
+    weatherNotSupport: '当前位置暂不支持',
+    weatherNotAddress: '当前设备未设置地址',
+    weatherNotAvailable: '暂未获取设备地址',
+    airQualityNotSupport: '当前位置暂不支持',
+    airQualityNotAddress: '当前设备未设置地址',
+    airQualityNotAvailable: '暂未获取设备地址'
+};

package/localization/localization.service.zh_CN.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"Localization_zh_CN":{"loadFailed":"加载失败.","setting":"设置","submit":"提交","submitting":"提交中···","numericalValueRequired":"数值不能为空","invalidNumericalValue":"数值格式不正确","writeValueTimeout":"写值错误：超时","binaryType":"二进制","decimalType":"十进制","hexadecimalType":"十六进制","stringType":"字符串","numericalValueTooLong":"数值超长","fractionDigitsMustLessThan":"小数位不能超过","canNotBeNegative":"不能为负数","valueOutOfRange":"数值超出范围","timeout":"超时","confirmOperationPrompt":"是否确认要执行此操作？","confirm":"确定","cancel":"取消","characterInputRequired":"请输入至少一个字符","character":"(字符串)","characterOutofRange":"字符长度超限","writeValueRange":"写值范围","loading":"加载中","unbind":"未绑定","offline":"离线","abnormal":"数据异常","disable":"禁用","permissiontip":"您无权限执行此操作","conditionIsNotMetTip":"操作条件不满足或逻辑控制变量异常","chartNoData":"无数据","lastThirtyMinutes":"最近30分钟","lastOneHour":"最近1小时","lastEightHour":"最近8小时","lastTwentyFourHours":"最近24小时","lastSevenDays":"最近7天","lastThirtyDays":"最近30天","lastOneYear":"最近1年","grouped":"分组","stacked":"叠加","passwordVerify":"密码校验","passwordError":"密码错误","password":"密码","passwordToolTip":"密码错误，请重新输入","passwordRequired":"密码不能为空","invalidVideoAddress":"无效的视频地址","unconfiguredVideoAddress":"未配置视频地址","weatherNotSupport":"当前位置暂不支持","weatherNotAddress":"当前设备未设置地址","weatherNotAvailable":"暂未获取设备地址","airQualityNotSupport":"当前位置暂不支持","airQualityNotAddress":"当前设备未设置地址","airQualityNotAvailable":"暂未获取设备地址"}}}]

package/logger/console-logger.service.d.ts

@@ -0,0 +1,13 @@
+import { LoggerService } from './logger.service';
+export declare class ConsoleLoggerService implements LoggerService {
+    isErrorEnabled: () => boolean;
+    error(message?: any, optionalParams?: any[]): void;
+    isWarnEnabled: () => boolean;
+    warn(message?: any, optionalParams?: any[]): void;
+    isInfoEnabled: () => boolean;
+    info(message?: any, optionalParams?: any[]): void;
+    isDebugEnabled: () => boolean;
+    debug(message?: any, optionalParams?: any[]): void;
+    isLogEnabled: () => boolean;
+    log(message?: any, optionalParams?: any[]): void;
+}

package/logger/console-logger.service.js

@@ -0,0 +1,38 @@
+export class ConsoleLoggerService {
+    constructor() {
+        this.isErrorEnabled = () => true;
+        this.isWarnEnabled = () => true;
+        this.isInfoEnabled = () => true;
+        this.isDebugEnabled = () => true;
+        this.isLogEnabled = () => true;
+    }
+    error(message, optionalParams) {
+        if (this.isErrorEnabled()) {
+            console.error.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    warn(message, optionalParams) {
+        if (this.isWarnEnabled()) {
+            console.warn.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    info(message, optionalParams) {
+        // eslint-disable-next-line no-console
+        if (this.isInfoEnabled()) {
+            console.info.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    debug(message, optionalParams) {
+        if (!this.isDebugEnabled()) {
+            return;
+        }
+        // For browsers that don't implement the debug method, log will be used instead.
+        // eslint-disable-next-line no-console
+        console[console['debug'] ? 'debug' : 'log'].apply(console, optionalParams ? [message, optionalParams] : [message]);
+    }
+    log(message, optionalParams) {
+        if (this.isLogEnabled()) {
+            console.log.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+}

package/logger/console-logger.service.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ConsoleLoggerService":{"__symbolic":"class","members":{"error":[{"__symbolic":"method"}],"warn":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"debug":[{"__symbolic":"method"}],"log":[{"__symbolic":"method"}]}}}}]

package/logger/index.js

@@ -0,0 +1,2 @@
+export { LOGGER_SERVICE_TOKEN } from './logger.service';
+export { ConsoleLoggerService } from './console-logger.service';

package/logger/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./logger.service","export":["LoggerService","LOGGER_SERVICE_TOKEN"]},{"from":"./console-logger.service","export":["ConsoleLoggerService"]}]}]

package/logger/logger.service.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken } from '@angular/core';
+export declare const LOGGER_SERVICE_TOKEN: InjectionToken<LoggerService>;
+export interface LoggerService {
+    isErrorEnabled(): boolean;
+    error(message?: any, optionalParams?: any[]): any;
+    isWarnEnabled(): boolean;
+    warn(message?: any, optionalParams?: any[]): any;
+    isInfoEnabled(): boolean;
+    info(message?: any, optionalParams?: any[]): any;
+    isDebugEnabled(): boolean;
+    debug(message?: any, optionalParams?: any[]): any;
+    isLogEnabled(): boolean;
+    log(message?: any, optionalParams?: any[]): any;
+}

package/logger/logger.service.js

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export const LOGGER_SERVICE_TOKEN = new InjectionToken('fc.gui.log');

package/logger/logger.service.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"LOGGER_SERVICE_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":40},"arguments":["fc.gui.log"]},"LoggerService":{"__symbolic":"interface"}}}]

package/modal/alert/alert-modal.component.d.ts

@@ -0,0 +1,10 @@
+import { Localization } from '../../localization/localization.service';
+import { Observable } from 'rxjs/internal/Observable';
+export declare class AlertModalComponent {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<void>;
+    alermMessage: string;
+    constructor(localization: Localization);
+    close(): void;
+}

package/modal/alert/alert-modal.component.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { LOCALIZATION } from '../../localization/localization.service';
+import { Subject } from 'rxjs/internal/Subject';
+let AlertModalComponent = class AlertModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    close() {
+        this._onClosed.next();
+        this._onClosed.complete();
+    }
+};
+AlertModalComponent = __decorate([
+    Component({
+        selector: 'alertModal',
+        template: "<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ",
+        styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: point; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], AlertModalComponent);
+export { AlertModalComponent };

package/modal/alert/alert-modal.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"AlertModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"alertModal","template":"<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ","styles":[".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: point; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":17},"arguments":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"LOCALIZATION","line":18,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"Localization","line":18,"character":59}]}],"close":[{"__symbolic":"method"}]}}}}]

package/modal/confirm-operation/confirm-operation-modal.component.d.ts

@@ -0,0 +1,10 @@
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization/localization.service';
+export declare class ConfirmOperationModalComponent {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<Boolean>;
+    constructor(localization: Localization);
+    close(modalResult?: boolean): void;
+    confirm(): void;
+}

package/modal/confirm-operation/confirm-operation-modal.component.js

@@ -0,0 +1,41 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { LOCALIZATION } from '../../localization/localization.service';
+let ConfirmOperationModalComponent = class ConfirmOperationModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+    confirm() {
+        this.close(true);
+    }
+};
+ConfirmOperationModalComponent = __decorate([
+    Component({
+        selector: 'confirmOperationModal',
+        template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center;margin-top:20px;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
+        styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right: 50px; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], ConfirmOperationModalComponent);
+export { ConfirmOperationModalComponent };

package/modal/confirm-operation/confirm-operation-modal.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ConfirmOperationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"confirmOperationModal","template":"<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center;margin-top:20px;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ","styles":[".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right: 50px; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":17},"arguments":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"LOCALIZATION","line":16,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"Localization","line":16,"character":59}]}],"close":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}}}}]

package/modal/verify-password/verify-password-modal.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization';
+import { SecurityChecker } from '../../security';
+export declare class VerifyPasswordModalComponent implements OnInit {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<Boolean>;
+    passwordError: boolean;
+    password: string;
+    securityChecker: SecurityChecker;
+    validationErrorText: string;
+    constructor(localization: Localization);
+    ngOnInit(): void;
+    validate(): void;
+    checkSecurity(): void;
+    close(modalResult?: boolean): void;
+}

package/modal/verify-password/verify-password-modal.component.js

@@ -0,0 +1,66 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { isNil } from 'lodash';
+import { LOCALIZATION } from '../../localization';
+let VerifyPasswordModalComponent = class VerifyPasswordModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+        this.passwordError = false;
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    ngOnInit() {
+        this.validate();
+    }
+    validate() {
+        if (isNil(this.password) || '' === this.password.trim()) {
+            this.passwordError = true;
+            this.validationErrorText = this.localization.passwordRequired;
+        }
+        else {
+            this.passwordError = false;
+            this.validationErrorText = '';
+        }
+    }
+    checkSecurity() {
+        this.securityChecker.isValid(this.password).then(isValid => {
+            if (isValid) {
+                this.close(true);
+            }
+            else {
+                this.passwordError = true;
+                this.validationErrorText = this.localization.passwordToolTip;
+            }
+        }).catch(() => {
+            throw new Error('Failure of the checkSecurity');
+        });
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+};
+VerifyPasswordModalComponent = __decorate([
+    Component({
+        selector: 'verify-password',
+        template: "<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ",
+        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], VerifyPasswordModalComponent);
+export { VerifyPasswordModalComponent };

package/modal/verify-password/verify-password-modal.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"VerifyPasswordModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"verify-password","template":"<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ","styles":[".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":17},"arguments":[{"__symbolic":"reference","module":"../../localization","name":"LOCALIZATION","line":24,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"../../localization","name":"Localization","line":24,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"checkSecurity":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}}}]

package/modal/write-character/write-character-modal-args.d.ts

@@ -0,0 +1,7 @@
+export declare class WriteCharacterModalArgs {
+    variableName: string;
+    isPassword: boolean;
+    charCount: number;
+    originValue: any;
+    constructor(variableName: string, isPassword: boolean, charCount: number, originValue: any);
+}

package/modal/write-character/write-character-modal-args.js

@@ -0,0 +1,8 @@
+export class WriteCharacterModalArgs {
+    constructor(variableName, isPassword, charCount, originValue) {
+        this.variableName = variableName;
+        this.isPassword = isPassword;
+        this.charCount = charCount;
+        this.originValue = originValue;
+    }
+}

package/modal/write-character/write-character-modal-args.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"WriteCharacterModalArgs":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"any"}]}]}}}}]

package/modal/write-character/write-character-modal.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization';
+import { WriteValueModelResult } from '../write-value/write-value-model-result';
+import { WriteCharacterModalArgs } from './write-character-modal-args';
+export declare class WriteCharacterModalComponent implements OnInit {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<WriteValueModelResult>;
+    args: WriteCharacterModalArgs;
+    value: string;
+    variableName: string;
+    isPassword: boolean;
+    charCount: number;
+    validationError: boolean;
+    validationErrorText: string;
+    get invalidErrorText(): string;
+    constructor(localization: Localization);
+    ngOnInit(): void;
+    validate(): void;
+    private showValidationErrorInfo;
+    private hideValidationErrorInfo;
+    save(): void;
+    close(modalResult?: WriteValueModelResult): void;
+}

package/modal/write-character/write-character-modal.component.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject, Output } from '@angular/core';
+import { Subject } from 'rxjs';
+import { LOCALIZATION } from '../../localization';
+let WriteCharacterModalComponent = class WriteCharacterModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    get invalidErrorText() {
+        return this.localization.loadFailed;
+    }
+    ngOnInit() {
+        this.variableName = this.args.variableName;
+        this.isPassword = this.args.isPassword ? this.args.isPassword : false;
+        this.charCount = this.args.charCount;
+        this.value = '';
+        this.validate();
+    }
+    validate() {
+        // 校验数值必填
+        if (null == this.value || '' === this.value.trim()) {
+            return this.showValidationErrorInfo(this.localization.characterInputRequired);
+        }
+        if (this.value.length > this.charCount) {
+            return this.showValidationErrorInfo(this.localization.characterOutofRange);
+        }
+        this.hideValidationErrorInfo();
+    }
+    showValidationErrorInfo(errorText) {
+        this.validationError = true;
+        this.validationErrorText = errorText;
+    }
+    hideValidationErrorInfo() {
+        this.validationError = false;
+        this.validationErrorText = '';
+    }
+    save() {
+        this.close({ value: this.value });
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+};
+__decorate([
+    Output(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], WriteCharacterModalComponent.prototype, "invalidErrorText", null);
+WriteCharacterModalComponent = __decorate([
+    Component({
+        selector: 'writeCharacterModal',
+        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <input type=\"text\" name=\"characterInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
+        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 10px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .write-character-value { padding-left: 8px; height: 32px; margin-left: 16px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], WriteCharacterModalComponent);
+export { WriteCharacterModalComponent };