@things-factory/auth-ui 8.0.0-beta.8 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/auth-style-sign.ts +194 -0
- package/client/bootstrap.ts +51 -0
- package/client/components/abstract-auth-page.ts +301 -0
- package/client/components/abstract-password-reset.ts +168 -0
- package/client/components/abstract-sign.ts +127 -0
- package/client/components/change-password.ts +153 -0
- package/client/components/contact-us.ts +113 -0
- package/client/components/create-domain-popup.ts +141 -0
- package/client/components/create-role.ts +123 -0
- package/client/components/create-user.ts +95 -0
- package/client/components/credential-manager.ts +64 -0
- package/client/components/delete-user-popup.ts +117 -0
- package/client/components/domain-switch.ts +127 -0
- package/client/components/invite-customer.ts +104 -0
- package/client/components/invite-user.ts +96 -0
- package/client/components/my-login-history.ts +101 -0
- package/client/components/ownership-transfer-popup.ts +110 -0
- package/client/components/partner-info-card.ts +89 -0
- package/client/components/partner-role-editor.ts +153 -0
- package/client/components/profile-component.ts +332 -0
- package/client/components/role-edit-form.ts +92 -0
- package/client/components/role-privilege-editor.ts +267 -0
- package/client/components/role-selector.ts +102 -0
- package/client/components/user-role-editor.ts +499 -0
- package/client/constants/application.ts +9 -0
- package/client/constants/index.ts +1 -0
- package/client/entries/auth/activate.ts +272 -0
- package/client/entries/auth/checkin.ts +190 -0
- package/client/entries/auth/forgot-password.ts +103 -0
- package/client/entries/auth/reset-password.ts +22 -0
- package/client/entries/auth/result.ts +193 -0
- package/client/entries/auth/signin.ts +18 -0
- package/client/entries/auth/signup.ts +109 -0
- package/client/entries/auth/unlock-user.ts +22 -0
- package/client/entries/oauth2/oauth2-decision-error-page.ts +50 -0
- package/client/entries/oauth2/oauth2-decision-page.ts +196 -0
- package/client/entries/public/home.ts +246 -0
- package/client/index.ts +124 -0
- package/client/pages/app-binding/app-binding.ts +423 -0
- package/client/pages/app-binding/app-bindings.ts +171 -0
- package/client/pages/appliance/appliance.ts +452 -0
- package/client/pages/appliance/home.ts +177 -0
- package/client/pages/appliance/register.ts +183 -0
- package/client/pages/application/application.ts +428 -0
- package/client/pages/application/applications.ts +182 -0
- package/client/pages/application/register.ts +211 -0
- package/client/pages/attribute/attribute-set-item-list.ts +237 -0
- package/client/pages/attribute/attribute-set-management.ts +282 -0
- package/client/pages/auth-provider/auth-provider-management.ts +381 -0
- package/client/pages/domain/domain-management.ts +410 -0
- package/client/pages/partner/partner-management.ts +112 -0
- package/client/pages/profile.ts +32 -0
- package/client/pages/role/role-management.ts +134 -0
- package/client/pages/user/user-management.ts +224 -0
- package/client/route.ts +67 -0
- package/client/themes/auth-theme.css +65 -0
- package/client/utils/password-rule.ts +37 -0
- package/dist-client/components/abstract-auth-page.js +10 -10
- package/dist-client/components/abstract-auth-page.js.map +1 -1
- package/dist-client/components/abstract-password-reset.d.ts +2 -1
- package/dist-client/components/abstract-password-reset.js +14 -7
- package/dist-client/components/abstract-password-reset.js.map +1 -1
- package/dist-client/components/abstract-sign.js +11 -12
- package/dist-client/components/abstract-sign.js.map +1 -1
- package/dist-client/components/contact-us.d.ts +1 -1
- package/dist-client/components/contact-us.js +7 -10
- package/dist-client/components/contact-us.js.map +1 -1
- package/dist-client/components/create-user.js +5 -28
- package/dist-client/components/create-user.js.map +1 -1
- package/dist-client/components/invite-user.js +11 -19
- package/dist-client/components/invite-user.js.map +1 -1
- package/dist-client/components/ownership-transfer-popup.js +3 -3
- package/dist-client/components/ownership-transfer-popup.js.map +1 -1
- package/dist-client/components/profile-component.d.ts +1 -5
- package/dist-client/components/profile-component.js +4 -64
- package/dist-client/components/profile-component.js.map +1 -1
- package/dist-client/components/role-privilege-editor.js +1 -2
- package/dist-client/components/role-privilege-editor.js.map +1 -1
- package/dist-client/components/user-role-editor.js +18 -18
- package/dist-client/components/user-role-editor.js.map +1 -1
- package/dist-client/entries/auth/checkin.js +1 -1
- package/dist-client/entries/auth/checkin.js.map +1 -1
- package/dist-client/entries/auth/forgot-password.js +2 -11
- package/dist-client/entries/auth/forgot-password.js.map +1 -1
- package/dist-client/entries/auth/signup.js +7 -13
- package/dist-client/entries/auth/signup.js.map +1 -1
- package/dist-client/index.js +1 -1
- package/dist-client/index.js.map +1 -1
- package/dist-client/pages/user/user-management.d.ts +1 -5
- package/dist-client/pages/user/user-management.js +7 -6
- package/dist-client/pages/user/user-management.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
- package/server/index.ts +0 -0
- package/translations/en.json +2 -6
- package/translations/ja.json +2 -6
- package/translations/ko.json +2 -6
- package/translations/ms.json +2 -6
- package/translations/zh.json +2 -6
|
@@ -25,31 +25,30 @@ export class AbstractSign extends AbstractAuthPage {
|
|
|
25
25
|
}
|
|
26
26
|
get formfields() {
|
|
27
27
|
var _a;
|
|
28
|
-
const
|
|
28
|
+
const email = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.email) || '';
|
|
29
29
|
const autocompletable = this.autocompletable;
|
|
30
30
|
return html `
|
|
31
31
|
<input id="redirectTo" type="hidden" name="redirectTo" .value=${this.redirectTo || '/'} />
|
|
32
32
|
|
|
33
33
|
<div class="field">
|
|
34
34
|
<md-filled-text-field
|
|
35
|
-
name="
|
|
36
|
-
type="
|
|
37
|
-
label=${String(i18next.t('field.
|
|
35
|
+
name="email"
|
|
36
|
+
type="email"
|
|
37
|
+
label=${String(i18next.t('field.email'))}
|
|
38
38
|
required
|
|
39
|
-
.value=${
|
|
40
|
-
autocomplete=${autocompletable ?
|
|
39
|
+
.value=${email}
|
|
40
|
+
autocomplete=${autocompletable ? "username" : "off"}
|
|
41
41
|
autocapitalize="off"
|
|
42
|
-
pattern="^(?:[A-Za-z0-9]*|[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,})$"
|
|
43
42
|
@input=${(e) => {
|
|
44
43
|
const target = e.target;
|
|
45
44
|
if (target.validity.typeMismatch) {
|
|
46
|
-
target.setCustomValidity(i18next.t('text.invalid-
|
|
45
|
+
target.setCustomValidity(i18next.t('text.invalid-email'));
|
|
47
46
|
}
|
|
48
47
|
else {
|
|
49
48
|
target.setCustomValidity('');
|
|
50
49
|
}
|
|
51
50
|
}}
|
|
52
|
-
><md-icon slot="leading-icon">
|
|
51
|
+
><md-icon slot="leading-icon">mail</md-icon></md-filled-text-field
|
|
53
52
|
>
|
|
54
53
|
</div>
|
|
55
54
|
<div class="field">
|
|
@@ -57,14 +56,14 @@ export class AbstractSign extends AbstractAuthPage {
|
|
|
57
56
|
name="password"
|
|
58
57
|
type="password"
|
|
59
58
|
label=${String(i18next.t('field.password'))}
|
|
60
|
-
autocomplete=${autocompletable ?
|
|
59
|
+
autocomplete=${autocompletable ? "current-password" : "off"}
|
|
61
60
|
required
|
|
62
|
-
><md-icon slot="leading-icon">
|
|
61
|
+
><md-icon slot="leading-icon">vpn_key</md-icon></md-filled-text-field
|
|
63
62
|
>
|
|
64
63
|
</div>
|
|
65
64
|
|
|
66
65
|
<div class="submit-buttons-container">
|
|
67
|
-
<md-elevated-button class="submit-button" type="
|
|
66
|
+
<md-elevated-button class="submit-button" type="submit" raised @click=${e => this._onSubmit(e)}>
|
|
68
67
|
<ox-i18n msgid="field.${this.pageName}"> </ox-i18n>
|
|
69
68
|
</md-elevated-button>
|
|
70
69
|
${isAvailableWebauthn
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"abstract-sign.js","sourceRoot":"","sources":["../../client/components/abstract-sign.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,MAAM,mBAAmB,GAAG,qBAAqB,IAAI,MAAM,CAAA;AAe3D,MAAM,OAAgB,YAAa,SAAQ,gBAAgB;IACzD,KAAK,CAAC,MAAM;QACV,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;IACtB,CAAC;IAED,OAAO,CAAC,OAAO;QACb,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEtB,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,EAAE,CAAA;YACrB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,YAAY,CAAC;oBAChB,KAAK,EAAE,OAAO;oBACd,KAAK,EAAE,CAAC,CAAC;iBACV,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,UAAU;;QACZ,MAAM,
|
|
1
|
+
{"version":3,"file":"abstract-sign.js","sourceRoot":"","sources":["../../client/components/abstract-sign.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { html, nothing } from 'lit'\nimport { startAuthentication } from '@simplewebauthn/browser'\n\nimport { i18next } from '@operato/i18n'\nimport { notify } from '@operato/layout'\n\nimport { AbstractAuthPage } from './abstract-auth-page.js'\n\nconst isAvailableWebauthn = 'PublicKeyCredential' in window\n\ninterface AssertionResponse {\n id: string\n rawId?: number[]\n response: {\n authenticatorData: string\n clientDataJSON: string\n signature: string\n userHandle: string | null\n }\n type: PublicKeyCredentialType\n authenticatorAttachment?: AuthenticatorAttachment\n}\n\nexport abstract class AbstractSign extends AbstractAuthPage {\n async submit() {\n this.formEl.submit()\n }\n\n updated(changed) {\n super.updated(changed)\n\n if (changed.has('message')) {\n if (!this.message) {\n this.hideSnackbar()\n } else {\n this.showSnackbar({\n level: 'error',\n timer: -1\n })\n }\n }\n }\n\n get formfields() {\n const email = this.data?.email || ''\n const autocompletable = this.autocompletable\n\n return html`\n <input id=\"redirectTo\" type=\"hidden\" name=\"redirectTo\" .value=${this.redirectTo || '/'} />\n\n <div class=\"field\">\n <md-filled-text-field\n name=\"email\"\n type=\"email\"\n label=${String(i18next.t('field.email'))}\n required\n .value=${email}\n autocomplete=${autocompletable ? \"username\" : \"off\"}\n autocapitalize=\"off\"\n @input=${(e: Event) => {\n const target = e.target as HTMLInputElement\n if (target.validity.typeMismatch) {\n target.setCustomValidity(i18next.t('text.invalid-email'))\n } else {\n target.setCustomValidity('')\n }\n }}\n ><md-icon slot=\"leading-icon\">mail</md-icon></md-filled-text-field\n >\n </div>\n <div class=\"field\">\n <md-filled-text-field\n name=\"password\"\n type=\"password\"\n label=${String(i18next.t('field.password'))}\n autocomplete=${autocompletable ? \"current-password\" : \"off\"}\n required\n ><md-icon slot=\"leading-icon\">vpn_key</md-icon></md-filled-text-field\n >\n </div>\n\n <div class=\"submit-buttons-container\">\n <md-elevated-button class=\"submit-button\" type=\"submit\" raised @click=${e => this._onSubmit(e)}>\n <ox-i18n msgid=\"field.${this.pageName}\"> </ox-i18n>\n </md-elevated-button>\n ${isAvailableWebauthn\n ? html` <md-icon class=\"fingerprint\" raised @click=${e => this.authenticateUser()}> fingerprint </md-icon>`\n : nothing}\n </div>\n `\n }\n\n async authenticateUser() {\n try {\n const options = await fetch('/auth/signin-webauthn/challenge').then(res => res.json())\n const assertionResp = await startAuthentication(options)\n const verification = await fetch('/auth/signin-webauthn', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(assertionResp)\n }).then(res => res.json())\n\n if (verification.verified) {\n const { redirectURL } = verification\n \n if (redirectURL) {\n window.location.href = redirectURL\n }\n } else {\n notify({\n level: 'error',\n message: verification.message\n })\n }\n \n } catch (error) {\n notify({\n level: 'error',\n message: i18next.t('error.authn verification failed')\n })\n }\n }\n}\n"]}
|
|
@@ -8,7 +8,7 @@ declare const ContactUs_base: (new (...args: any[]) => LitElement) & typeof LitE
|
|
|
8
8
|
export declare class ContactUs extends ContactUs_base {
|
|
9
9
|
static get styles(): import("lit").CSSResult[];
|
|
10
10
|
dialog: HTMLElement & {
|
|
11
|
-
|
|
11
|
+
open: boolean;
|
|
12
12
|
};
|
|
13
13
|
subjectInput: HTMLInputElement;
|
|
14
14
|
senderInput: HTMLInputElement;
|
|
@@ -30,16 +30,15 @@ let ContactUs = class ContactUs extends localize(i18next)(LitElement) {
|
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
32
|
return html `
|
|
33
|
-
<md-elevated-button @click=${e => this.dialog.
|
|
33
|
+
<md-elevated-button @click=${e => (this.dialog.open = true)}>${i18next.t('button.need help')}</md-elevated-button>
|
|
34
34
|
|
|
35
35
|
<md-dialog id="dialog" heading=${i18next.t('title.need help')}>
|
|
36
|
-
<form action="" method="
|
|
36
|
+
<form action="" method="POST">
|
|
37
37
|
<input id="subject-input" name="subject" type="hidden" />
|
|
38
38
|
<input id="sender-input" name="sender" type="hidden" />
|
|
39
39
|
<input id="content-input" name="content" type="hidden" />
|
|
40
40
|
</form>
|
|
41
|
-
|
|
42
|
-
<div id="input-form" slot="content">
|
|
41
|
+
<div id="input-form">
|
|
43
42
|
<md-filled-text-field
|
|
44
43
|
type="text"
|
|
45
44
|
label=${i18next.t('label.subject')}
|
|
@@ -50,7 +49,6 @@ let ContactUs = class ContactUs extends localize(i18next)(LitElement) {
|
|
|
50
49
|
this.subjectInput.value = val;
|
|
51
50
|
}}
|
|
52
51
|
></md-filled-text-field>
|
|
53
|
-
|
|
54
52
|
<md-filled-text-field
|
|
55
53
|
type="text"
|
|
56
54
|
name="sender"
|
|
@@ -61,7 +59,6 @@ let ContactUs = class ContactUs extends localize(i18next)(LitElement) {
|
|
|
61
59
|
this.senderInput.value = val;
|
|
62
60
|
}}
|
|
63
61
|
></md-filled-text-field>
|
|
64
|
-
|
|
65
62
|
<md-filled-text-field
|
|
66
63
|
name="content"
|
|
67
64
|
type="textarea"
|
|
@@ -73,11 +70,11 @@ let ContactUs = class ContactUs extends localize(i18next)(LitElement) {
|
|
|
73
70
|
this.contentInput.value = val;
|
|
74
71
|
}}
|
|
75
72
|
></md-filled-text-field>
|
|
76
|
-
|
|
77
|
-
<md-elevated-button slot="primaryAction" type="button" @click=${e => this._submit(e)}
|
|
78
|
-
>${i18next.t('button.submit')}</md-elevated-button
|
|
79
|
-
>
|
|
80
73
|
</div>
|
|
74
|
+
<md-elevated-button slot="primaryAction" type="submit" @click=${e => this._submit(e)}
|
|
75
|
+
>${i18next.t('button.submit')}</md-elevated-button
|
|
76
|
+
>
|
|
77
|
+
<md-text-button slot="secondaryAction" dialogAction="cancel">${i18next.t('button.cancel')}</md-text-button>
|
|
81
78
|
</md-dialog>
|
|
82
79
|
`;
|
|
83
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contact-us.js","sourceRoot":"","sources":["../../client/components/contact-us.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAC5C,OAAO,yCAAyC,CAAA;AAChD,OAAO,8CAA8C,CAAA;AACrD,OAAO,gCAAgC,CAAA;AAEvC,OAAO,eAAe,CAAA;AAEtB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AAG7D,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAC1D,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;OAcF;SACF,CAAA;IACH,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;mCACoB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"contact-us.js","sourceRoot":"","sources":["../../client/components/contact-us.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/text-button.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/dialog/dialog.js'\n\nimport '@operato/i18n'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { auth } from '@things-factory/auth-base/dist-client/auth.js'\n\n@customElement('contact-us')\nexport class ContactUs extends localize(i18next)(LitElement) {\n static get styles() {\n return [\n css`\n * {\n box-sizing: border-box;\n }\n\n *:focus {\n outline: none;\n }\n\n #input-form {\n display: grid;\n grid-template-rows: 1fr 1fr 3fr;\n grid-gap: 10px 0;\n }\n `\n ]\n }\n\n @query('#dialog') dialog!: HTMLElement & { open: boolean }\n @query('#subject-input') subjectInput!: HTMLInputElement\n @query('#sender-input') senderInput!: HTMLInputElement\n @query('#content-input') contentInput!: HTMLInputElement\n\n render() {\n return html`\n <md-elevated-button @click=${e => (this.dialog.open = true)}>${i18next.t('button.need help')}</md-elevated-button>\n\n <md-dialog id=\"dialog\" heading=${i18next.t('title.need help')}>\n <form action=\"\" method=\"POST\">\n <input id=\"subject-input\" name=\"subject\" type=\"hidden\" />\n <input id=\"sender-input\" name=\"sender\" type=\"hidden\" />\n <input id=\"content-input\" name=\"content\" type=\"hidden\" />\n </form>\n <div id=\"input-form\">\n <md-filled-text-field\n type=\"text\"\n label=${i18next.t('label.subject')}\n dialogInitialFocus\n required\n @input=${e => {\n const val = e.target.value\n this.subjectInput.value = val\n }}\n ></md-filled-text-field>\n <md-filled-text-field\n type=\"text\"\n name=\"sender\"\n label=${i18next.t('label.email')}\n required\n @input=${e => {\n const val = e.target.value\n this.senderInput.value = val\n }}\n ></md-filled-text-field>\n <md-filled-text-field\n name=\"content\"\n type=\"textarea\"\n label=${i18next.t('label.content')}\n required\n @keydown=${e => e.stopPropagation()}\n @input=${e => {\n const val = e.target.value\n this.contentInput.value = val\n }}\n ></md-filled-text-field>\n </div>\n <md-elevated-button slot=\"primaryAction\" type=\"submit\" @click=${e => this._submit(e)}\n >${i18next.t('button.submit')}</md-elevated-button\n >\n <md-text-button slot=\"secondaryAction\" dialogAction=\"cancel\">${i18next.t('button.cancel')}</md-text-button>\n </md-dialog>\n `\n }\n\n _checkValidity(): boolean {\n return false\n }\n\n _submit(e: MouseEvent) {\n if (!this._checkValidity()) return\n\n const form = e.target as HTMLFormElement\n\n const formData = new FormData(form)\n let json = {}\n\n //convert form into json\n for (const [key, value] of formData.entries()) {\n json[key] = value\n }\n\n auth.changePassword(json)\n\n form.reset()\n }\n}\n"]}
|
|
@@ -4,41 +4,24 @@ import '@material/web/textfield/filled-text-field.js';
|
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
5
|
import { customElement, query } from 'lit/decorators.js';
|
|
6
6
|
import { i18next } from '@operato/i18n';
|
|
7
|
-
function capitalize(str) {
|
|
8
|
-
return str ? str.charAt(0).toUpperCase() + str.slice(1) : '';
|
|
9
|
-
}
|
|
10
7
|
let CreateUser = class CreateUser extends LitElement {
|
|
11
8
|
render() {
|
|
12
9
|
return html `
|
|
13
|
-
<md-filled-text-field
|
|
14
|
-
type="text"
|
|
15
|
-
name="username"
|
|
16
|
-
label=${capitalize(i18next.t('label.user-id'))}
|
|
17
|
-
pattern="^(?:[A-Za-z0-9]*|[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,})$"
|
|
18
|
-
><md-icon slot="leading-icon">badge</md-icon></md-filled-text-field
|
|
19
|
-
>
|
|
20
|
-
|
|
21
10
|
<md-filled-text-field
|
|
22
11
|
type="text"
|
|
23
12
|
name="name"
|
|
24
|
-
label=${
|
|
25
|
-
|
|
26
|
-
>
|
|
13
|
+
label=${String(i18next.t('label.x name', { x: i18next.t('label.user') }))}
|
|
14
|
+
></md-filled-text-field>
|
|
27
15
|
|
|
28
|
-
<md-filled-text-field type="email" name="email" label=${
|
|
29
|
-
><md-icon slot="leading-icon">mail</md-icon></md-filled-text-field
|
|
30
|
-
>
|
|
16
|
+
<md-filled-text-field type="email" name="email" label=${String(i18next.t('field.email'))}></md-filled-text-field>
|
|
31
17
|
|
|
32
18
|
<md-outlined-button @click=${this.onCreateUser.bind(this)}
|
|
33
|
-
>${
|
|
19
|
+
>${String(i18next.t('button.create'))}</md-outlined-button
|
|
34
20
|
>
|
|
35
21
|
`;
|
|
36
22
|
}
|
|
37
23
|
async onCreateUser() {
|
|
38
24
|
try {
|
|
39
|
-
if (!this.usernameInput.value) {
|
|
40
|
-
throw new Error(i18next.t('error.value is empty', { value: 'name' }));
|
|
41
|
-
}
|
|
42
25
|
if (!this.emailInput.checkValidity()) {
|
|
43
26
|
throw new Error(i18next.t('error.not valid pattern of type', { type: 'e-mail' }));
|
|
44
27
|
}
|
|
@@ -46,12 +29,10 @@ let CreateUser = class CreateUser extends LitElement {
|
|
|
46
29
|
throw new Error(i18next.t('error.value is empty', { value: 'name' }));
|
|
47
30
|
}
|
|
48
31
|
const user = {
|
|
49
|
-
username: this.usernameInput.value.trim(),
|
|
50
32
|
name: this.nameInput.value.trim(),
|
|
51
33
|
email: this.emailInput.value.trim()
|
|
52
34
|
};
|
|
53
35
|
await this.dispatchEvent(new CustomEvent('create-user', { detail: user }));
|
|
54
|
-
this.usernameInput.value = '';
|
|
55
36
|
this.nameInput.value = '';
|
|
56
37
|
this.emailInput.value = '';
|
|
57
38
|
}
|
|
@@ -75,7 +56,7 @@ CreateUser.styles = css `
|
|
|
75
56
|
box-shadow: var(--box-shadow);
|
|
76
57
|
|
|
77
58
|
display: grid;
|
|
78
|
-
grid-template-columns: 1fr 2fr
|
|
59
|
+
grid-template-columns: 1fr 2fr auto;
|
|
79
60
|
gap: 5px 15px;
|
|
80
61
|
clear: both;
|
|
81
62
|
max-width: var(--input-container-max-width);
|
|
@@ -103,10 +84,6 @@ __decorate([
|
|
|
103
84
|
query('[name=name]'),
|
|
104
85
|
__metadata("design:type", HTMLInputElement)
|
|
105
86
|
], CreateUser.prototype, "nameInput", void 0);
|
|
106
|
-
__decorate([
|
|
107
|
-
query('[name=username]'),
|
|
108
|
-
__metadata("design:type", HTMLInputElement)
|
|
109
|
-
], CreateUser.prototype, "usernameInput", void 0);
|
|
110
87
|
__decorate([
|
|
111
88
|
query('[name=email]'),
|
|
112
89
|
__metadata("design:type", HTMLInputElement)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-user.js","sourceRoot":"","sources":["../../client/components/create-user.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,8CAA8C,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"create-user.js","sourceRoot":"","sources":["../../client/components/create-user.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,8CAA8C,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAuCjC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;gBAIC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;;;8DAGnB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;;mCAE3D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;WACpD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;;KAExC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;YACnF,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;gBAC1B,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;YACvE,CAAC;YAED,MAAM,IAAI,GAAG;gBACX,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE;gBACjC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE;aACpC,CAAA;YAED,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAE1E,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAA;YACzB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAA;QAC5B,CAAC;QAAC,OAAO,CAAM,EAAE,CAAC;YAChB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE;oBACN,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;iBACxC;aACF,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC;;AAnFM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiClB,AAjCY,CAiCZ;AAEqB;IAArB,KAAK,CAAC,aAAa,CAAC;8BAAa,gBAAgB;6CAAA;AAC3B;IAAtB,KAAK,CAAC,cAAc,CAAC;8BAAc,gBAAgB;8CAAA;AArChD,UAAU;IADf,aAAa,CAAC,aAAa,CAAC;GACvB,UAAU,CAqFf","sourcesContent":["import '@material/web/button/outlined-button.js'\nimport '@material/web/textfield/filled-text-field.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\n@customElement('create-user')\nclass CreateUser extends LitElement {\n static styles = css`\n :host {\n --md-text-field-fill-color: var(--md-sys-color-on-primary);\n background-color: var(--md-sys-color-surface);\n margin: var(--spacing-large) 0;\n padding: var(--spacing-large);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n\n display: grid;\n grid-template-columns: 1fr 2fr auto;\n gap: 5px 15px;\n clear: both;\n max-width: var(--input-container-max-width);\n\n align-items: center;\n }\n\n md-outlined-button {\n margin: var(--input-margin);\n }\n\n @media screen and (max-width: 480px) {\n :host {\n grid-template-columns: 1fr 1fr;\n }\n\n md-outlined-button {\n grid-column: span 2;\n\n margin: var(--input-margin);\n }\n }\n `\n\n @query('[name=name]') nameInput!: HTMLInputElement\n @query('[name=email]') emailInput!: HTMLInputElement\n\n render() {\n return html`\n <md-filled-text-field\n type=\"text\"\n name=\"name\"\n label=${String(i18next.t('label.x name', { x: i18next.t('label.user') }))}\n ></md-filled-text-field>\n\n <md-filled-text-field type=\"email\" name=\"email\" label=${String(i18next.t('field.email'))}></md-filled-text-field>\n\n <md-outlined-button @click=${this.onCreateUser.bind(this)}\n >${String(i18next.t('button.create'))}</md-outlined-button\n >\n `\n }\n\n async onCreateUser() {\n try {\n if (!this.emailInput.checkValidity()) {\n throw new Error(i18next.t('error.not valid pattern of type', { type: 'e-mail' }))\n }\n\n if (!this.nameInput.value) {\n throw new Error(i18next.t('error.value is empty', { value: 'name' }))\n }\n\n const user = {\n name: this.nameInput.value.trim(),\n email: this.emailInput.value.trim()\n }\n\n await this.dispatchEvent(new CustomEvent('create-user', { detail: user }))\n\n this.nameInput.value = ''\n this.emailInput.value = ''\n } catch (e: any) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: 'message' in e ? e.message : e\n }\n })\n )\n }\n }\n}\n"]}
|
|
@@ -9,15 +9,7 @@ import { OxPrompt } from '@operato/popup/ox-prompt.js';
|
|
|
9
9
|
let InviteUser = class InviteUser extends localize(i18next)(LitElement) {
|
|
10
10
|
render() {
|
|
11
11
|
return html `
|
|
12
|
-
<input
|
|
13
|
-
name="username"
|
|
14
|
-
type="text"
|
|
15
|
-
required
|
|
16
|
-
name="username"
|
|
17
|
-
autocapitalize="off"
|
|
18
|
-
placeholder=${String(i18next.t('text.user invitation prompt'))}
|
|
19
|
-
pattern="^(?:[A-Za-z0-9]*|[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,})$"
|
|
20
|
-
/>
|
|
12
|
+
<input name="email" type="email" required name="invite-email" autocapitalize="off" />
|
|
21
13
|
<md-outlined-button @click=${this.invite.bind(this)}>
|
|
22
14
|
<md-icon slot="icon">group_add</md-icon>${String(i18next.t('label.invite user'))}
|
|
23
15
|
</md-outlined-button>
|
|
@@ -25,8 +17,8 @@ let InviteUser = class InviteUser extends localize(i18next)(LitElement) {
|
|
|
25
17
|
}
|
|
26
18
|
async invite() {
|
|
27
19
|
try {
|
|
28
|
-
if (!this.
|
|
29
|
-
throw new Error(i18next.t('error.not valid pattern of type', { type: '
|
|
20
|
+
if (!this.emailInput.checkValidity()) {
|
|
21
|
+
throw new Error(i18next.t('error.not valid pattern of type', { type: 'e-mail' }));
|
|
30
22
|
}
|
|
31
23
|
if (await OxPrompt.open({
|
|
32
24
|
title: i18next.t('text.are_you_sure'),
|
|
@@ -34,7 +26,7 @@ let InviteUser = class InviteUser extends localize(i18next)(LitElement) {
|
|
|
34
26
|
confirmButton: { text: i18next.t('button.confirm') },
|
|
35
27
|
cancelButton: { text: i18next.t('button.cancel') }
|
|
36
28
|
})) {
|
|
37
|
-
await this.inviteUser(this.
|
|
29
|
+
await this.inviteUser(this.emailInput.value);
|
|
38
30
|
this.dispatchEvent(new CustomEvent('invitationCompleted'));
|
|
39
31
|
}
|
|
40
32
|
}
|
|
@@ -47,14 +39,14 @@ let InviteUser = class InviteUser extends localize(i18next)(LitElement) {
|
|
|
47
39
|
}));
|
|
48
40
|
}
|
|
49
41
|
}
|
|
50
|
-
async inviteUser(
|
|
42
|
+
async inviteUser(email) {
|
|
51
43
|
const response = await client.mutate({
|
|
52
44
|
mutation: gql `
|
|
53
|
-
mutation inviteUser($
|
|
54
|
-
inviteUser(
|
|
45
|
+
mutation inviteUser($email: EmailAddress!) {
|
|
46
|
+
inviteUser(email: $email)
|
|
55
47
|
}
|
|
56
48
|
`,
|
|
57
|
-
variables: {
|
|
49
|
+
variables: { email },
|
|
58
50
|
context: gqlContext()
|
|
59
51
|
});
|
|
60
52
|
if (!response.errors) {
|
|
@@ -62,7 +54,7 @@ let InviteUser = class InviteUser extends localize(i18next)(LitElement) {
|
|
|
62
54
|
title: i18next.t('text.completed'),
|
|
63
55
|
confirmButton: { text: i18next.t('button.confirm') }
|
|
64
56
|
});
|
|
65
|
-
this.
|
|
57
|
+
this.emailInput.value = '';
|
|
66
58
|
}
|
|
67
59
|
}
|
|
68
60
|
};
|
|
@@ -88,9 +80,9 @@ InviteUser.styles = css `
|
|
|
88
80
|
}
|
|
89
81
|
`;
|
|
90
82
|
__decorate([
|
|
91
|
-
query('input[name=
|
|
83
|
+
query('input[name=email]'),
|
|
92
84
|
__metadata("design:type", HTMLInputElement)
|
|
93
|
-
], InviteUser.prototype, "
|
|
85
|
+
], InviteUser.prototype, "emailInput", void 0);
|
|
94
86
|
InviteUser = __decorate([
|
|
95
87
|
customElement('invite-user')
|
|
96
88
|
], InviteUser);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invite-user.js","sourceRoot":"","sources":["../../client/components/invite-user.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAyBpD,MAAM;QACJ,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"invite-user.js","sourceRoot":"","sources":["../../client/components/invite-user.ts"],"names":[],"mappings":"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","sourcesContent":["import './user-role-editor'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('invite-user')\nclass InviteUser extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: grid;\n }\n\n input {\n flex: 1;\n\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n min-width: 250px;\n font: var(--input-font);\n }\n\n md-outlined-button {\n margin: var(--input-margin);\n text-transform: capitalize;\n }\n `\n\n @query('input[name=email]') emailInput!: HTMLInputElement\n\n render() {\n return html`\n <input name=\"email\" type=\"email\" required name=\"invite-email\" autocapitalize=\"off\" />\n <md-outlined-button @click=${this.invite.bind(this)}>\n <md-icon slot=\"icon\">group_add</md-icon>${String(i18next.t('label.invite user'))}\n </md-outlined-button>\n `\n }\n\n async invite() {\n try {\n if (!this.emailInput.checkValidity()) {\n throw new Error(i18next.t('error.not valid pattern of type', { type: 'e-mail' }))\n }\n\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.do_you_want_to_invite_x', { x: i18next.t(`label.user`) }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n await this.inviteUser(this.emailInput.value)\n\n this.dispatchEvent(new CustomEvent('invitationCompleted'))\n }\n } catch (e: any) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: 'message' in e ? e.message : e\n }\n })\n )\n }\n }\n\n async inviteUser(email) {\n const response = await client.mutate({\n mutation: gql`\n mutation inviteUser($email: EmailAddress!) {\n inviteUser(email: $email)\n }\n `,\n variables: { email },\n context: gqlContext()\n })\n\n if (!response.errors) {\n await OxPrompt.open({\n title: i18next.t('text.completed'),\n confirmButton: { text: i18next.t('button.confirm') }\n })\n\n this.emailInput.value = ''\n }\n }\n}\n"]}
|
|
@@ -32,11 +32,11 @@ let OwnershipTransferPopup = class OwnershipTransferPopup extends localize(i18ne
|
|
|
32
32
|
})) {
|
|
33
33
|
const response = await client.mutate({
|
|
34
34
|
mutation: gql `
|
|
35
|
-
mutation transferOwner($
|
|
36
|
-
transferOwner(
|
|
35
|
+
mutation transferOwner($email: EmailAddress!) {
|
|
36
|
+
transferOwner(email: $email)
|
|
37
37
|
}
|
|
38
38
|
`,
|
|
39
|
-
variables: {
|
|
39
|
+
variables: { email: this.user.email },
|
|
40
40
|
context: gqlContext()
|
|
41
41
|
});
|
|
42
42
|
if (!((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ownership-transfer-popup.js","sourceRoot":"","sources":["../../client/components/ownership-transfer-popup.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAqChE,MAAM;QACJ,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC,CAAC,CAAC,oEAAoE,CAAC;;;uCAGvD,IAAI,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;;KAGvF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,iBAAiB;;QACrB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAA;YAEtD,OAAM;QACR,CAAC;QAED,IACE,MAAM,QAAQ,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;YACrC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC;YACtD,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;YACpD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;SACnD,CAAC,EACF,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;SAIZ;gBACD,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"ownership-transfer-popup.js","sourceRoot":"","sources":["../../client/components/ownership-transfer-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('ownership-transfer-popup')\nclass OwnershipTransferPopup extends localize(i18next)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-background);\n padding: var(--spacing-large);\n overflow: auto;\n }\n .container {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n input {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n min-width: 250px;\n font: var(--input-font);\n }\n .input-container {\n margin: auto;\n display: flex;\n }\n .input-container md-elevated-button {\n margin: auto 0px auto var(--spacing-large);\n }\n `\n ]\n\n @property({ type: Object }) user: any\n\n @query('input[name=email]') emailInput!: HTMLInputElement\n\n render() {\n return html`\n <div class=\"container\">\n <div>${i18next.t('text.please enter the email of the user you want to transfer owner')}</div>\n <div class=\"input-container\">\n <input name=\"email\" />\n <md-elevated-button @click=${this.transferOwnership}>${i18next.t('button.confirm')}</md-elevated-button>\n </div>\n </div>\n `\n }\n\n async transferOwnership() {\n if (!this.doubleCheckEmail()) {\n this.showToast(i18next.t('text.email is not matched'))\n\n return\n }\n\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.are_you_sure_to_transfer_owner'),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.mutate({\n mutation: gql`\n mutation transferOwner($email: EmailAddress!) {\n transferOwner(email: $email)\n }\n `,\n variables: { email: this.user.email },\n context: gqlContext()\n })\n\n if (!response.errors?.length) {\n await OxPrompt.open({\n type: 'success',\n title: i18next.t('text.completed'),\n text: i18next.t('text.owner_transfer_completed'),\n confirmButton: { text: i18next.t('button.confirm') }\n })\n\n history.back()\n\n this.dispatchEvent(new CustomEvent('ownershipTransferred', { bubbles: true, composed: true }))\n }\n } else {\n history.back()\n }\n }\n\n doubleCheckEmail() {\n return this.emailInput.value === this.user.email\n }\n\n showToast(message) {\n document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n }\n}\n"]}
|
|
@@ -7,7 +7,7 @@ import { LitElement } from 'lit';
|
|
|
7
7
|
declare const ProfileComponent_base: (new (...args: any[]) => LitElement) & typeof LitElement;
|
|
8
8
|
export declare class ProfileComponent extends ProfileComponent_base {
|
|
9
9
|
static styles: import("lit").CSSResult[];
|
|
10
|
-
|
|
10
|
+
userId?: string;
|
|
11
11
|
email?: string;
|
|
12
12
|
name?: string;
|
|
13
13
|
languages: {
|
|
@@ -25,17 +25,13 @@ export declare class ProfileComponent extends ProfileComponent_base {
|
|
|
25
25
|
tightCharacterLength?: number;
|
|
26
26
|
looseCharacterLength?: number;
|
|
27
27
|
};
|
|
28
|
-
usernameEl: HTMLInputElement;
|
|
29
28
|
nameEl: HTMLInputElement;
|
|
30
|
-
emailEl: HTMLInputElement;
|
|
31
29
|
localeEl: HTMLInputElement;
|
|
32
30
|
connectedCallback(): Promise<void>;
|
|
33
31
|
firstUpdated(): Promise<void>;
|
|
34
32
|
setCredential(credential: any): void;
|
|
35
33
|
render(): import("lit-html").TemplateResult<1>;
|
|
36
|
-
onUsernameChanged(username: any): Promise<void>;
|
|
37
34
|
onNameChanged(name: any): Promise<void>;
|
|
38
|
-
onEmailChanged(email: any): Promise<void>;
|
|
39
35
|
onLocaleChanged(value: any): Promise<void>;
|
|
40
36
|
openLoginHistory(): void;
|
|
41
37
|
deleteUser(): void;
|
|
@@ -49,12 +49,12 @@ let ProfileComponent = class ProfileComponent extends localize(i18next)(LitEleme
|
|
|
49
49
|
}
|
|
50
50
|
setCredential(credential) {
|
|
51
51
|
if (credential) {
|
|
52
|
-
this.
|
|
52
|
+
this.userId = credential.id;
|
|
53
53
|
this.name = credential.name;
|
|
54
54
|
this.email = credential.email;
|
|
55
55
|
}
|
|
56
56
|
else {
|
|
57
|
-
this.
|
|
57
|
+
this.userId = '';
|
|
58
58
|
this.name = '';
|
|
59
59
|
this.email = '';
|
|
60
60
|
}
|
|
@@ -62,23 +62,13 @@ let ProfileComponent = class ProfileComponent extends localize(i18next)(LitEleme
|
|
|
62
62
|
render() {
|
|
63
63
|
return html `
|
|
64
64
|
<div class="wrap">
|
|
65
|
-
<div class="user">${this.
|
|
66
|
-
|
|
67
|
-
<label for="username"><ox-i18n slot="title" msgid="label.user-id"></ox-i18n></label>
|
|
68
|
-
<input id="username" @change=${e => this.onUsernameChanged(e.target.value)} .value=${this.username || ''} />
|
|
69
|
-
|
|
70
|
-
<hr />
|
|
65
|
+
<div class="user">${this.email || ''}</div>
|
|
71
66
|
|
|
72
67
|
<label for="name"><ox-i18n slot="title" msgid="label.name"></ox-i18n></label>
|
|
73
68
|
<input id="name" @change=${e => this.onNameChanged(e.target.value)} .value=${this.name || ''} />
|
|
74
69
|
|
|
75
70
|
<hr />
|
|
76
71
|
|
|
77
|
-
<label for="email"><ox-i18n slot="title" msgid="label.email"></ox-i18n></label>
|
|
78
|
-
<input id="email" type="email" @change=${e => this.onEmailChanged(e.target.value)} .value=${this.email || ''} />
|
|
79
|
-
|
|
80
|
-
<hr />
|
|
81
|
-
|
|
82
72
|
<label for="locale"><ox-i18n slot="title" msgid="label.language"></ox-i18n></label>
|
|
83
73
|
<ox-i18n-selector
|
|
84
74
|
id="locale"
|
|
@@ -114,27 +104,6 @@ let ProfileComponent = class ProfileComponent extends localize(i18next)(LitEleme
|
|
|
114
104
|
</div>
|
|
115
105
|
`;
|
|
116
106
|
}
|
|
117
|
-
async onUsernameChanged(username) {
|
|
118
|
-
if (!username)
|
|
119
|
-
return;
|
|
120
|
-
var oldUsername = this.username;
|
|
121
|
-
try {
|
|
122
|
-
const message = await auth.updateProfile({
|
|
123
|
-
username
|
|
124
|
-
});
|
|
125
|
-
notify({
|
|
126
|
-
level: 'info',
|
|
127
|
-
message
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
catch (e) {
|
|
131
|
-
this.usernameEl.value = oldUsername || '';
|
|
132
|
-
notify({
|
|
133
|
-
level: 'error',
|
|
134
|
-
message: 'message' in e ? e.message : e
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
107
|
async onNameChanged(name) {
|
|
139
108
|
if (!name)
|
|
140
109
|
return;
|
|
@@ -156,27 +125,6 @@ let ProfileComponent = class ProfileComponent extends localize(i18next)(LitEleme
|
|
|
156
125
|
});
|
|
157
126
|
}
|
|
158
127
|
}
|
|
159
|
-
async onEmailChanged(email) {
|
|
160
|
-
if (!email)
|
|
161
|
-
return;
|
|
162
|
-
var oldEmail = this.email;
|
|
163
|
-
try {
|
|
164
|
-
const message = await auth.updateProfile({
|
|
165
|
-
email
|
|
166
|
-
});
|
|
167
|
-
notify({
|
|
168
|
-
level: 'info',
|
|
169
|
-
message
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
catch (e) {
|
|
173
|
-
this.emailEl.value = oldEmail || '';
|
|
174
|
-
notify({
|
|
175
|
-
level: 'error',
|
|
176
|
-
message: 'message' in e ? e.message : e
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
128
|
async onLocaleChanged(value) {
|
|
181
129
|
if (!value)
|
|
182
130
|
return;
|
|
@@ -348,7 +296,7 @@ ProfileComponent.styles = [
|
|
|
348
296
|
__decorate([
|
|
349
297
|
property({ type: String }),
|
|
350
298
|
__metadata("design:type", String)
|
|
351
|
-
], ProfileComponent.prototype, "
|
|
299
|
+
], ProfileComponent.prototype, "userId", void 0);
|
|
352
300
|
__decorate([
|
|
353
301
|
property({ type: String }),
|
|
354
302
|
__metadata("design:type", String)
|
|
@@ -365,18 +313,10 @@ __decorate([
|
|
|
365
313
|
state(),
|
|
366
314
|
__metadata("design:type", Object)
|
|
367
315
|
], ProfileComponent.prototype, "passwordRule", void 0);
|
|
368
|
-
__decorate([
|
|
369
|
-
query('#username'),
|
|
370
|
-
__metadata("design:type", HTMLInputElement)
|
|
371
|
-
], ProfileComponent.prototype, "usernameEl", void 0);
|
|
372
316
|
__decorate([
|
|
373
317
|
query('#name'),
|
|
374
318
|
__metadata("design:type", HTMLInputElement)
|
|
375
319
|
], ProfileComponent.prototype, "nameEl", void 0);
|
|
376
|
-
__decorate([
|
|
377
|
-
query('#email'),
|
|
378
|
-
__metadata("design:type", HTMLInputElement)
|
|
379
|
-
], ProfileComponent.prototype, "emailEl", void 0);
|
|
380
320
|
__decorate([
|
|
381
321
|
query('#locale'),
|
|
382
322
|
__metadata("design:type", HTMLInputElement)
|