@things-factory/auth-ui 10.1.16 → 10.1.18

package/translations/zh.json

@@ -1,7 +1,9 @@
 {
   "button.activate": "激活",
   "button.cancel": "取消",
+  "button.close": "关闭",
   "button.confirm": "确认",
+  "button.copy": "复制",
   "button.create": "创建",
   "button.create role": "create role",
   "button.deactivate": "停用",
@@ -9,10 +11,16 @@
   "button.delete role": "删除角色",
   "button.delete this appliance": "删除此设备",
   "button.delete user": "删除用户",
+  "button.detail": "详情",
   "button.generate new access token": "生成新的访问令牌",
+  "button.generate new secret": "重新生成密钥",
   "button.go to home": "首页",
+  "button.hide": "隐藏",
   "button.logout": "退出",
   "button.name it yourself": "name it yourself",
+  "button.register": "注册",
+  "button.renew access token": "更新访问令牌",
+  "button.reveal": "显示",
   "button.save": "保存",
   "button.security-key registration": "安全密钥注册",
   "button.show-all": "全部显示",
@@ -20,6 +28,7 @@
   "button.submit": "提交",
   "button.terminate contract": "终止合同",
   "button.transfer owner": "转让所有权",
+  "button.update": "更新",
   "error.cannot_modify_system_subdomain": "无法修改'system'子域。",
   "error.domain not allowed": "此域名对此用户不可用",
   "error.new-password-and-confirm-password-do-not-match": "新密码与认证密码不同",
@@ -31,15 +40,26 @@
   "error.user-locked": "用户帐户已锁定",
   "error.value is empty": "{value}为空",
   "error.x already exists in y": "{x}已存在于{y}",
+  "field.access token url": "access token url",
   "field.accessed-at": "访问于",
+  "field.app key": "app key",
+  "field.application icon": "图标地址",
+  "field.application url": "应用地址",
   "field.attributes": "属性",
+  "field.auth url": "auth url",
+  "field.available scopes": "可用范围",
+  "field.brand": "品牌",
   "field.client-id": "客户端ID",
   "field.client-secret": "客户端密钥",
   "field.confirm password": "确认密码",
+  "field.contact email": "联系邮箱",
+  "field.description": "说明",
   "field.email": "电子邮件",
   "field.forgot-password": "忘记密码",
   "field.hidden": "隐藏",
   "field.ip_address": "IP地址",
+  "field.model": "型号",
+  "field.name": "名称",
   "field.netmask": "子网掩码",
   "field.options": "选项",
   "field.owner": "所有人",
@@ -47,8 +67,10 @@
   "field.parent-domain": "父域名",
   "field.password": "密码",
   "field.private-key": "私钥",
+  "field.redirect url": "跳转地址",
   "field.required privilege": "必需权限",
   "field.required role": "所需角色",
+  "field.scope": "范围",
   "field.seat": "seat",
   "field.serial-no": "序列号",
   "field.sign in": "登录",
@@ -60,11 +82,15 @@
   "field.target-domain": "目标域",
   "field.tenant-id": "租户ID",
   "field.token": "代币",
+  "field.type": "类型",
+  "field.updated at": "更新时间",
   "field.usage": "使用位置",
   "field.user-id or email": "用户名或电子邮件",
   "field.user-type": "用户类型",
   "field.username": "用户名",
+  "field.webhook": "webhook",
   "label.access token": "访问令牌",
+  "label.activated": "已启用",
   "label.activated-user": "用户已激活",
   "label.admin-user": "管理用户",
   "label.application": "应用程序",
@@ -82,6 +108,7 @@
   "label.description": "描述",
   "label.domain": "域",
   "label.domain-owner": "域名所有者",
+  "label.draft": "草稿",
   "label.email": "电子邮件",
   "label.inactive-user": "非活动用户",
   "label.invite customer": "邀请客户或合作伙伴",
@@ -95,6 +122,7 @@
   "label.protected-request-ip": "安全请求 IP",
   "label.protectedlist": "受保护的 IP 列表",
   "label.redirect_uri": "重定向URI",
+  "label.refresh token": "刷新令牌",
   "label.resend": "发过验证邮件",
   "label.role": "角色",
   "label.search_domain": "搜索域",
@@ -113,9 +141,14 @@
   "text.a blank seat opens nothing until you give it privileges": "A blank seat opens nothing until you give it privileges.",
   "text.a role of this name exists and will be added to": "A role of this name already exists. It will be used as it stands and these privileges added to it.",
   "text.already in this domain": "already here",
+  "text.an application signs in on its own behalf": "应用程序以自己的密钥和权限登录",
   "text.appliance": "终端设备",
   "text.appliance credential": "终端设备凭证",
+  "text.appliances": "终端设备",
+  "text.application": "应用程序",
   "text.application management": "应用管理",
+  "text.applications": "应用程序",
+  "text.are you sure you want to delete x": "删除 {x}？此操作无法撤销。",
   "text.are_you_sure_to_delete_x": "您确定是否删除{x}？",
   "text.are_you_sure_to_terminate_contract": "您确定要终止合同吗?",
   "text.are_you_sure_to_transfer_owner": "您确定要转移业主权限?",
@@ -124,12 +157,21 @@
   "text.attribute management": "属性管理",
   "text.auth profile": "账号管理",
   "text.auth-provider management": "身份验证提供者管理",
+  "text.binding": "绑定",
+  "text.binding credential": "绑定凭据",
+  "text.bound application": "已绑定的应用程序",
+  "text.bound applications": "已绑定应用程序",
   "text.cannot_delete": "无法删除",
   "text.change password": "修改密码",
   "text.click login history": "如果您想查看最近的登录记录，请点击这里。",
   "text.completed": "已完成",
   "text.confirm password": "认证密码",
+  "text.copied": "已复制",
+  "text.copying needs a secure connection": "复制需要安全连接 — 请手动选择并复制该值",
+  "text.could not be saved": "保存失败 — 原因请看上方提示",
+  "text.could not register": "注册失败 — 原因见上方提示",
   "text.create role": "创建角色",
+  "text.credentials": "凭据",
   "text.current password": "当前密码",
   "text.delete account warning message": "这步骤将完全删除您的账号。\n\n请输入您的电子邮件和密码，确认删除步骤。",
   "text.deleted_successfully": "删除成功",
@@ -139,10 +181,14 @@
   "text.domain management": "域管理",
   "text.domain_name_change_warning": "确定要更改域名吗？（子域名将保持不变。）",
   "text.email is not matched": "电子邮件不匹配",
+  "text.endpoints": "端点",
   "text.env-var-list-page": "环境变量列表",
+  "text.expired": "已过期",
+  "text.expires at x": "{x} 过期",
   "text.inherited from x": "继承自 {x}",
   "text.new password": "新密码",
   "text.no domain available": "抱歉，没有域名",
+  "text.not issued": "未签发",
   "text.opens nothing, receives approvals": "opens nothing — this seat receives approvals",
   "text.owner_transfer_completed": "所有权转让成功。",
   "text.password rule": "输入的密码必须15个字符或8字符包括号码和小写字符",
@@ -151,6 +197,8 @@
   "text.please enter the email of the user you want to transfer owner": "请录入所有权接收人的邮件。",
   "text.please_fill_all_required_fields": "请填写所有必填字段",
   "text.privilege no longer declared": "已没有代码需要此权限",
+  "text.register new appliance": "注册终端设备",
+  "text.register new application": "注册新应用程序",
   "text.registered roles": "角色登记成功",
   "text.remaining time": "剩余{days}天{hours}小时{mins}分钟{secs}秒",
   "text.role_management": "角色管理",
@@ -163,12 +211,21 @@
   "text.struck through are not installed here": "Struck through are privileges this installation does not have.",
   "text.subdomain_change_critical_warning": "警告: 更改子域将更改完整的访问URL(/{type}/{subdomain}/...)，并可能使现有的外部链接、书签和活动用户会话失效。请谨慎操作。",
   "text.synchronize": "同步",
+  "text.the appliance could not be loaded": "无法读取终端设备",
+  "text.the application could not be loaded": "无法读取应用程序",
+  "text.the binding could not be loaded": "无法读取绑定",
+  "text.the current access token stops working immediately": "当前访问令牌将立即失效，使用它的地方需要换成新的令牌。",
+  "text.the current secret stops working immediately": "当前密钥将立即失效，使用它的地方需要换成新的密钥。",
+  "text.the list could not be loaded": "无法加载列表",
   "text.this domain is top level and inherits from nowhere": "顶级域 — 没有可继承的来源",
+  "text.this field is required": "此项为必填",
   "text.this plant may call the seat what it likes": "Call the seat whatever this plant calls it.",
   "text.token expiry time": "令牌过期时间",
   "text.updated_successfully": "更新成功",
   "text.user invitation prompt": "请输入您希望邀请的用户的用户名或电子邮件地址。",
   "text.user management": "用户管理",
+  "text.where an integration asks for an authorization code": "集成方申请授权码的地址",
+  "text.where that code is exchanged for an access token": "用该授权码换取访问令牌的地址",
   "text.x modules y privileges": "{x} modules · {y} privileges",
   "text.x not here": "{x} not installed here",
   "text.x_cannot_delete": "{x}无法删除",

package/dist-client/pages/app-binding/app-binding.d.ts

@@ -1 +0,0 @@
-import '@material/web/icon/icon.js';

package/dist-client/pages/app-binding/app-binding.js

@@ -1,371 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import Clipboard from 'clipboard';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { asyncReplace } from 'lit/directives/async-replace.js';
-import { client } from '@operato/graphql';
-import { navigate, PageView } from '@operato/shell';
-import { parseJwt, sleep } from '@operato/utils';
-let AppBinding = class AppBinding extends PageView {
-    static { this.styles = [
-        css `
-      :host {         display: flex;
-        flex-direction: column;
-        overflow-y: auto;
-
-        position: relative;
-
-        background-color: var(--md-sys-color-background);
-        padding: var(--spacing-large);
- }
-
-      h2 {         margin: var(--title-margin);
-        font: var(--title-font);
-        color: var(--title-text-color);
- }
-
-      [page-description] {         margin: var(--page-description-margin);
-        font: var(--page-description-font);
-        color: var(--page-description-color);
- }
-
-      [icon] {         position: absolute;
-        top: 10px;
-        right: 10px;
-
-        max-width: 80px;
- }
-
-      [icon] img {         max-width: 100%;
-        max-height: 100%;
- }
-
-      [fieldset-container] {         background-color: var(--md-sys-color-surface);
-        margin: var(--spacing-large) 0 var(--spacing-medium) 0;
-        padding: var(--spacing-medium);
-        border-radius: var(--border-radius);
-        box-shadow: var(--box-shadow);
-
-        label {           font: var(--label-font);
-          color: var(--label-color, var(--md-sys-color-on-surface));
-          text-transform: var(--label-text-transform);
- }
-        input {
-          background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
-          color: var(--input-field-color, var(--md-sys-color-on-surface));
-          border: var(--border-dim-color);
-          border-radius: var(--border-radius);
-          margin: var(--input-margin);
-          padding: var(--input-padding);
-          font: var(--input-font);
-
-          flex: 1;
- }
-        select:focus,
-        input:focus,
-        button {           outline: none;
- }
-        form {           max-width: var(--content-container-max-width);
- }
- }
-
-      [fieldset-container] fieldset {         margin: 0;
-        margin-top: -15px;
- }
-
-      fieldset {         border-radius: var(--border-radius);
-        border: var(--border-dim-color);
-        margin: var(--fieldset-margin);
-        padding: var(--fieldset-padding);
- }
-
-      legend {         padding: var(--legend-padding);
-        font-weight: bold;
-        color: var(--legend-color);
- }
-
-      [field-2column] {         display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-gap: 15px;
- }
-
-      [field] {         display: flex;
-        flex-direction: column;
-        position: relative;
- }
-
-      [grid-span] {         grid-column: span 2;
- }
-
-      button,
-      [button-in-field] {         background-color: var(--button-background-color);
-        border: var(--button-border);
-        border-radius: var(--button-border-radius);
-        padding: var(--button-padding);
-        color: var(--button-color);
-        font: var(--button-font);
-        text-transform: var(--button-text-transform);
-
-        margin: var(--spacing-medium) 0 var(--spacing-medium) var(--spacing-medium);
-        float: right;
-        text-decoration: none;
- }
-
-      button:hover {         border: var(--button-activ-border);
-        box-shadow: var(--button-active-box-shadow);
- }
-
-      [button-in-field] {         border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
-        position: absolute;
-        top: 12px;
-        right: 0;
-        max-height: 36px;
- }
-
-      [input-hint] {         font: var(--input-hint-font);
-        color: var(--input-hint-color);
- }
-
-      @media screen and (max-width: 480px) {         [field] {           grid-column: span 2;
- }
- }
-    `
-    ]; }
-    get context() {
-        return { title: { icon: 'link',
-                text: this.appbinding.name
-            }
-        };
-    }
-    render() {
-        var binding = this.appbinding || {};
-        var app = this.appbinding?.application || {};
-        var refreshTokenExp = this._refreshTokenInfo?.exp;
-        var accessTokenExp = this._accessTokenInfo?.exp;
-        return html `
-      <div>
-        <h2><md-icon>link</md-icon>&nbsp;${app.name}</h2>
-        <p page-description>${app.description}</p>
-      </div>
-
-      ${app.icon
-            ? html `
-            <div icon>
-              <img src=${app.icon} />
-            </div>
-          `
-            : html ``}
-
-      <form>
-        <div fieldset-container>
-          <fieldset>
-            <legend>application</legend>
-            <div field-2column>
-              <div field grid-span>
-                <label for="app-name">app name</label>
-                <input id="app-name" type="text" .value=${app.name} readonly />
-              </div>
-
-              <div field grid-span>
-                <label for="app-description">description</label>
-                <input id="app-description" type="text" .value=${app.description} readonly />
-              </div>
-
-              <div field>
-                <label for="contact-email">contact email</label>
-                <input id="contact-email" type="text" .value=${app.email} readonly />
-              </div>
-            </div>
-          </fieldset>
-        </div>
-
-        <div fieldset-container>
-          <fieldset>
-            <legend>binding</legend>
-            <div field-2column>
-              <div field grid-span>
-                <label for="id">id</label>
-                <input id="id" type="text" .value=${binding.id} readonly />
-              </div>
-
-              <div field grid-span>
-                <label for="name">name</label>
-                <input id="name" type="text" .value=${binding.email} readonly />
-              </div>
-
-              <div field>
-                <label for="status">status</label>
-                <input id="status" type="text" .value=${binding.status} readonly />
-              </div>
-
-              <div field>
-                <label for="scope">scope</label>
-                <input id="scope" type="text" .value=${binding.scope} readonly />
-              </div>
-            </div>
-          </fieldset>
-        </div>
-
-        <div fieldset-container>
-          <fieldset>
-            <legend>binding credential</legend>
-            <div field-2column>
-              <div field grid-span>
-                <label for="access-token">access token</label>
-                <input id="access-token" type="text" .value=${this.accessToken || ''} readonly />
-                <button button-in-field clipboard-copy @click=${e => e.preventDefault()}>copy</button>
-                ${accessTokenExp
-            ? html `<div input-hint>
-                      expired in ${new Date(accessTokenExp).toLocaleString()} :
-                      ${asyncReplace(this.expTimer(accessTokenExp))}
-                    </div>`
-            : html ``}
-              </div>
-
-              <div field grid-span>
-                <label for="refresh-token">refresh token</label>
-                <input id="refresh-token" type="text" .value=${binding.refreshToken || ''} readonly />
-                <button button-in-field clipboard-copy @click=${e => e.preventDefault()}>copy</button>
-                ${refreshTokenExp
-            ? html `<div input-hint>
-                      expired in ${new Date(refreshTokenExp).toLocaleString()} :
-                      ${asyncReplace(this.expTimer(refreshTokenExp))}
-                    </div>`
-            : html ``}
-              </div>
-            </div>
-          </fieldset>
-        </div>
-
-        <button @click=${this.deleteAppBinding.bind(this)}>delete this application binding</button>
-        <button @click=${this.renewApplicationAccessToken.bind(this)}>renew access token</button>
-      </form>
-    `;
-    }
-    async *expTimer(exp) {
-        const DAY = 24 * 60 * 60;
-        const HOUR = 60 * 60;
-        const MIN = 60;
-        while (this.active) {
-            var remain = Math.floor(Number(exp) - Date.now() / 1000);
-            const days = Math.floor(remain / DAY);
-            remain -= days * DAY;
-            const hours = Math.floor(remain / HOUR);
-            remain -= hours * HOUR;
-            const mins = Math.floor(remain / MIN);
-            const secs = remain - mins * MIN;
-            yield `${days} days ${hours} hours ${mins} mins ${secs} seconds remain`;
-            await sleep(1000);
-        }
-    }
-    firstUpdated() {
-        const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]');
-        this.clipboard = new Clipboard(copybuttons, { target: (trigger => trigger.parentElement.querySelector('input'))
-        });
-    }
-    updated(changes) {
-        if (changes.has('appbinding')) {
-            const { refreshToken } = this.appbinding || {};
-            this._refreshTokenInfo = refreshToken ? parseJwt(refreshToken) : {};
-        }
-        if (changes.has('accessToken')) {
-            this._accessTokenInfo = this.accessToken ? parseJwt(this.accessToken) : {};
-        }
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) { /*
-             * this page is activated
-             */
-            await this.fetchAppBinding();
-        }
-        else { /* this page is deactivated */
-        }
-    }
-    async fetchAppBinding() {
-        const response = await client.query({ query: gql `
-        query ($id: String!) {           appBinding(id: $id) {             id
-            name
-            description
-            email
-            scope
-            status
-            application {               id
-              name
-              description
-              email
-              icon
- }
-            refreshToken
- }
- }
-      `,
-            variables: { id: this.lifecycle.resourceId
-            }
-        });
-        this.appbinding = response.data.appBinding;
-    }
-    async deleteAppBinding(e) {
-        e.preventDefault();
-        const id = this.lifecycle.resourceId;
-        const response = await client.mutate({ mutation: gql `
-        mutation ($id: String!) {           deleteAppBinding(id: $id)
- }
-      `,
-            variables: { id
-            }
-        });
-        const result = response.data.deleteAppBinding;
-        if (result) {
-            console.log('delete sucess');
-            navigate(`app-bindings`);
-        }
-        else {
-            console.error('delete fail');
-        }
-    }
-    async renewApplicationAccessToken(e) {
-        e.preventDefault();
-        const id = this.lifecycle.resourceId;
-        const response = await client.mutate({ mutation: gql `
-        mutation ($id: String!) {           renewApplicationAccessToken(id: $id) {             accessToken
-            refreshToken
- }
- }
-      `,
-            variables: { id
-            }
-        });
-        if (response.errors) {
-            console.error('renew application access token fail');
-        }
-        else {
-            const { accessToken, refreshToken } = response.data.renewApplicationAccessToken;
-            this.accessToken = accessToken;
-            this.appbinding = { ...this.appbinding,
-                refreshToken
-            };
-        }
-    }
-};
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], AppBinding.prototype, "appbinding", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], AppBinding.prototype, "accessToken", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AppBinding.prototype, "_refreshTokenInfo", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AppBinding.prototype, "_accessTokenInfo", void 0);
-AppBinding = __decorate([
-    customElement('app-binding-page')
-], AppBinding);
-//# sourceMappingURL=app-binding.js.map

package/dist-client/pages/app-binding/app-binding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-binding.js","sourceRoot":"","sources":["../../../client/pages/app-binding/app-binding.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport Clipboard from 'clipboard'\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\nimport { client } from '@operato/graphql'\nimport { navigate, PageView } from '@operato/shell'\nimport { parseJwt, sleep } from '@operato/utils'\n\n@customElement('app-binding-page')\nclass AppBinding extends PageView {   static styles = [\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        position: relative;\n\n        background-color: var(--md-sys-color-background);\n        padding: var(--spacing-large);\n }\n\n      h2 {         margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n }\n\n      [page-description] {         margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n }\n\n      [icon] {         position: absolute;\n        top: 10px;\n        right: 10px;\n\n        max-width: 80px;\n }\n\n      [icon] img {         max-width: 100%;\n        max-height: 100%;\n }\n\n      [fieldset-container] {         background-color: var(--md-sys-color-surface);\n        margin: var(--spacing-large) 0 var(--spacing-medium) 0;\n        padding: var(--spacing-medium);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n\n        label {           font: var(--label-font);\n          color: var(--label-color, var(--md-sys-color-on-surface));\n          text-transform: var(--label-text-transform);\n }\n        input {\n          background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n          color: var(--input-field-color, var(--md-sys-color-on-surface));\n          border: var(--border-dim-color);\n          border-radius: var(--border-radius);\n          margin: var(--input-margin);\n          padding: var(--input-padding);\n          font: var(--input-font);\n\n          flex: 1;\n }\n        select:focus,\n        input:focus,\n        button {           outline: none;\n }\n        form {           max-width: var(--content-container-max-width);\n }\n }\n\n      [fieldset-container] fieldset {         margin: 0;\n        margin-top: -15px;\n }\n\n      fieldset {         border-radius: var(--border-radius);\n        border: var(--border-dim-color);\n        margin: var(--fieldset-margin);\n        padding: var(--fieldset-padding);\n }\n\n      legend {         padding: var(--legend-padding);\n        font-weight: bold;\n        color: var(--legend-color);\n }\n\n      [field-2column] {         display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n }\n\n      [field] {         display: flex;\n        flex-direction: column;\n        position: relative;\n }\n\n      [grid-span] {         grid-column: span 2;\n }\n\n      button,\n      [button-in-field] {         background-color: var(--button-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        padding: var(--button-padding);\n        color: var(--button-color);\n        font: var(--button-font);\n        text-transform: var(--button-text-transform);\n\n        margin: var(--spacing-medium) 0 var(--spacing-medium) var(--spacing-medium);\n        float: right;\n        text-decoration: none;\n }\n\n      button:hover {         border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n }\n\n      [button-in-field] {         border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n        position: absolute;\n        top: 12px;\n        right: 0;\n        max-height: 36px;\n }\n\n      [input-hint] {         font: var(--input-hint-font);\n        color: var(--input-hint-color);\n }\n\n      @media screen and (max-width: 480px) {         [field] {           grid-column: span 2;\n }\n }\n    `\n  ]\n\n  @property({ type: Object }) appbinding: any\n  @property({ type: String }) accessToken?: string\n\n  @state() _refreshTokenInfo: any\n  @state() _accessTokenInfo: any\n\n  private clipboard?: Clipboard\n\n  get context() {     return {       title: {         icon: 'link',\n        text: this.appbinding.name\n }\n }\n }\n\n  render() {     var binding = this.appbinding || {}\n    var app = this.appbinding?.application || {}\n    var refreshTokenExp = this._refreshTokenInfo?.exp\n    var accessTokenExp = this._accessTokenInfo?.exp\n\n    return html`\n      <div>\n        <h2><md-icon>link</md-icon>&nbsp;${app.name}</h2>\n        <p page-description>${app.description}</p>\n      </div>\n\n      ${app.icon\n        ? html`\n            <div icon>\n              <img src=${app.icon} />\n            </div>\n          `\n        : html``}\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>application</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for=\"app-name\">app name</label>\n                <input id=\"app-name\" type=\"text\" .value=${app.name} readonly />\n              </div>\n\n              <div field grid-span>\n                <label for=\"app-description\">description</label>\n                <input id=\"app-description\" type=\"text\" .value=${app.description} readonly />\n              </div>\n\n              <div field>\n                <label for=\"contact-email\">contact email</label>\n                <input id=\"contact-email\" type=\"text\" .value=${app.email} readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for=\"id\">id</label>\n                <input id=\"id\" type=\"text\" .value=${binding.id} readonly />\n              </div>\n\n              <div field grid-span>\n                <label for=\"name\">name</label>\n                <input id=\"name\" type=\"text\" .value=${binding.email} readonly />\n              </div>\n\n              <div field>\n                <label for=\"status\">status</label>\n                <input id=\"status\" type=\"text\" .value=${binding.status} readonly />\n              </div>\n\n              <div field>\n                <label for=\"scope\">scope</label>\n                <input id=\"scope\" type=\"text\" .value=${binding.scope} readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding credential</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for=\"access-token\">access token</label>\n                <input id=\"access-token\" type=\"text\" .value=${this.accessToken || ''} readonly />\n                <button button-in-field clipboard-copy @click=${e => e.preventDefault()}>copy</button>\n                ${accessTokenExp\n                  ? html`<div input-hint>\n                      expired in ${new Date(accessTokenExp).toLocaleString()} :\n                      ${asyncReplace(this.expTimer(accessTokenExp))}\n                    </div>`\n                  : html``}\n              </div>\n\n              <div field grid-span>\n                <label for=\"refresh-token\">refresh token</label>\n                <input id=\"refresh-token\" type=\"text\" .value=${binding.refreshToken || ''} readonly />\n                <button button-in-field clipboard-copy @click=${e => e.preventDefault()}>copy</button>\n                ${refreshTokenExp\n                  ? html`<div input-hint>\n                      expired in ${new Date(refreshTokenExp).toLocaleString()} :\n                      ${asyncReplace(this.expTimer(refreshTokenExp))}\n                    </div>`\n                  : html``}\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <button @click=${this.deleteAppBinding.bind(this)}>delete this application binding</button>\n        <button @click=${this.renewApplicationAccessToken.bind(this)}>renew access token</button>\n      </form>\n    `\n }\n\n  async *expTimer(exp) {     const DAY = 24 * 60 * 60\n    const HOUR = 60 * 60\n    const MIN = 60\n\n    while (this.active) {       var remain = Math.floor(Number(exp) - Date.now() / 1000)\n      const days = Math.floor(remain / DAY)\n      remain -= days * DAY\n      const hours = Math.floor(remain / HOUR)\n      remain -= hours * HOUR\n      const mins = Math.floor(remain / MIN)\n      const secs = remain - mins * MIN\n\n      yield `${days} days ${hours} hours ${mins} mins ${secs} seconds remain`\n\n      await sleep(1000)\n }\n }\n\n  firstUpdated() {     const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')\n\n    this.clipboard = new Clipboard(copybuttons, {       target: (trigger => trigger.parentElement.querySelector('input')) as any\n })\n }\n\n  updated(changes) {     /*\n     * If this page properties are changed, this callback will be invoked.\n     * This callback will be called back only when this page is activated.\n     */\n    if (changes.has('appbinding')) {       const { refreshToken } = this.appbinding || {}\n      this._refreshTokenInfo = refreshToken ? parseJwt(refreshToken) : {}\n }\n\n    if (changes.has('accessToken')) {       this._accessTokenInfo = this.accessToken ? parseJwt(this.accessToken) : {}\n }\n }\n\n  async pageUpdated(changes, lifecycle, before) {     if (this.active) {       /*\n       * this page is activated\n       */\n      await this.fetchAppBinding()\n } else {       /* this page is deactivated */\n }\n }\n\n  async fetchAppBinding() {     const response = await client.query({       query: gql`\n        query ($id: String!) {           appBinding(id: $id) {             id\n            name\n            description\n            email\n            scope\n            status\n            application {               id\n              name\n              description\n              email\n              icon\n }\n            refreshToken\n }\n }\n      `,\n      variables: {         id: this.lifecycle.resourceId\n }\n })\n\n    this.appbinding = response.data.appBinding\n }\n\n  async deleteAppBinding(e) {     e.preventDefault()\n\n    const id = this.lifecycle.resourceId\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!) {           deleteAppBinding(id: $id)\n }\n      `,\n      variables: {         id\n }\n })\n\n    const result = response.data.deleteAppBinding\n    if (result) {       console.log('delete sucess')\n      navigate(`app-bindings`)\n } else {       console.error('delete fail')\n }\n }\n\n  async renewApplicationAccessToken(e) {     e.preventDefault()\n\n    const id = this.lifecycle.resourceId\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!) {           renewApplicationAccessToken(id: $id) {             accessToken\n            refreshToken\n }\n }\n      `,\n      variables: {         id\n }\n })\n\n    if (response.errors) {       console.error('renew application access token fail')\n } else {       const { accessToken, refreshToken } = response.data.renewApplicationAccessToken\n      this.accessToken = accessToken\n      this.appbinding = {         ...this.appbinding,\n        refreshToken\n }\n }\n }\n}\n"]}

package/dist-client/pages/appliance/appliance.d.ts

@@ -1 +0,0 @@
-import '@material/web/icon/icon.js';