selfhosted
/
padloc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add feature disabled check to create item dialog

This commit is contained in:
Martin Kleinschrodt 2022-07-18 08:46:19 +02:00
parent 50aaa3840e
commit b64ae60886
2 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
packages/app/src/elements/create-item-dialog.ts
View File

@ -8,6 +8,8 @@ import "./scroller";
import "./button"; import "./button";
import { customElement, query, state } from "lit/decorators.js"; import { customElement, query, state } from "lit/decorators.js";
import { css, html } from "lit"; import { css, html } from "lit";
import "./icon";
import { checkFeatureDisabled } from "../lib/provisioning";
@customElement("pl-create-item-dialog") @customElement("pl-create-item-dialog")
export class CreateItemDialog extends Dialog<Vault, VaultItem> { export class CreateItemDialog extends Dialog<Vault, VaultItem> {
@ -23,6 +25,10 @@ export class CreateItemDialog extends Dialog<Vault, VaultItem> {
@state() @state()
private _suggestedTemplate: ItemTemplate | null = null; private _suggestedTemplate: ItemTemplate | null = null;
private get _org() {
return this._vault?.org && app.getOrg(this._vault.org.id);
}
readonly preventDismiss = true; readonly preventDismiss = true;
static styles = [ static styles = [
@ -54,7 +60,7 @@ export class CreateItemDialog extends Dialog<Vault, VaultItem> {
value: v, value: v,
disabled: !app.isEditable(v), disabled: !app.isEditable(v),
}))} }))}
@change=${() => (this._vault = this._vaultSelect.value)} @change=${this._vaultSelected}
></pl-select> ></pl-select>
<div class="double-margined text-centering">${$l("What kind of item you would like to add?")}</div> <div class="double-margined text-centering">${$l("What kind of item you would like to add?")}</div>
@ -64,7 +70,7 @@ export class CreateItemDialog extends Dialog<Vault, VaultItem> {
(template) => html` (template) => html`
<pl-button <pl-button
class="horizontal center-aligning text-left-aligning spacing layout template ghost" class="horizontal center-aligning text-left-aligning spacing layout template ghost"
@click=${() => (this._template = template)} @click=${() => this._selectTemplate(template)}
.toggled=${this._template === template} .toggled=${this._template === template}
> >
${template.iconSrc ${template.iconSrc
@ -89,6 +95,43 @@ export class CreateItemDialog extends Dialog<Vault, VaultItem> {
`; `;
} }
private _checkAttachmentsDisabled() {
return this._org
? checkFeatureDisabled(app.getOrgFeatures(this._org).attachments, this._org.isOwner(app.account!))
: checkFeatureDisabled(app.getAccountFeatures().attachments);
}
private _checkTotpDisabled() {
return this._org
? checkFeatureDisabled(app.getOrgFeatures(this._org).totpField, this._org.isOwner(app.account!))
: checkFeatureDisabled(app.getAccountFeatures().totpField);
}
private _checkNotesDisabled() {
return this._org
? checkFeatureDisabled(app.getOrgFeatures(this._org).notesField, this._org.isOwner(app.account!))
: checkFeatureDisabled(app.getAccountFeatures().notesField);
}
private _vaultSelected() {
this._vault = this._vaultSelect.value;
this._template = this._suggestedTemplate || ITEM_TEMPLATES[0];
}
private _selectTemplate(template: ItemTemplate) {
if (template.attachment && this._checkAttachmentsDisabled()) {
return;
}
if (template.fields.some((field) => field.type === FieldType.Note) && this._checkNotesDisabled()) {
return;
}
if (template.fields.some((field) => field.type === FieldType.Totp) && this._checkTotpDisabled()) {
return;
}
this._template = template;
}
private async _enter() { private async _enter() {
const vault = this._vault; const vault = this._vault;

6
packages/app/src/elements/item-view.ts
View File

@ -171,14 +171,14 @@ export class ItemView extends Routing(StateMixin(LitElement)) {
} }
async addAttachment() { async addAttachment() {
if (this._checkAttachmentsDiabled()) { if (this._checkAttachmentsDisabled()) {
return; return;
} }
await this.updateComplete; await this.updateComplete;
this._fileInput.click(); this._fileInput.click();
} }
private _checkAttachmentsDiabled() { private _checkAttachmentsDisabled() {
return this._org return this._org
? checkFeatureDisabled(app.getOrgFeatures(this._org).attachments, this._org.isOwner(app.account!)) ? checkFeatureDisabled(app.getOrgFeatures(this._org).attachments, this._org.isOwner(app.account!))
: checkFeatureDisabled(app.getAccountFeatures().attachments); : checkFeatureDisabled(app.getAccountFeatures().attachments);
@ -685,7 +685,7 @@ export class ItemView extends Routing(StateMixin(LitElement)) {
} }
private async _addFileAttachment(file: File) { private async _addFileAttachment(file: File) {
if (this._checkAttachmentsDiabled()) { if (this._checkAttachmentsDisabled()) {
return; return;
} }