mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
4.8 KiB
111 lines
4.8 KiB
<sqx-panel desiredWidth="46rem" [showClose]="false">
|
|
<ng-container title>
|
|
Settings
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<form [formGroup]="updateForm.form" (ngSubmit)="save()">
|
|
<div class="card mb-2">
|
|
<h3 class="card-header">General</h3>
|
|
|
|
<div class="card-body">
|
|
<sqx-form-error [error]="updateForm.error | async"></sqx-form-error>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Name</label>
|
|
|
|
<input type="text" class="form-control" readonly [value]="app?.name" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="label">Label</label>
|
|
|
|
<sqx-control-errors for="label"></sqx-control-errors>
|
|
|
|
<input type="text" class="form-control" id="label" maxlength="100" formControlName="label" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="description">Description</label>
|
|
|
|
<sqx-control-errors for="description"></sqx-control-errors>
|
|
|
|
<input type="text" class="form-control" id="description" maxlength="100" formControlName="description" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-footer">
|
|
<button type="submit" class="float-right btn btn-primary">Save</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="card mb-2">
|
|
<h3 class="card-header">Image</h3>
|
|
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-auto">
|
|
<div class="app-image" noDrop="true" onlyImages="true"
|
|
(sqxDropFile)="uploadImage($event)"
|
|
[sqxDropDisabled]="uploading || !isImageEditable">
|
|
<div class="app-progress" *ngIf="uploading; else notUploading">
|
|
<sqx-progress-bar mode="Circle" [value]="uploadProgress"></sqx-progress-bar>
|
|
</div>
|
|
|
|
<ng-template #notUploading>
|
|
<div>
|
|
<sqx-avatar [image]="app?.image" [identifier]="app?.name" [size]="150"></sqx-avatar>
|
|
|
|
<ng-container *ngIf="isImageEditable && app?.image">
|
|
<button class="btn btn-danger btn-sm app-image-remove" title="Remove image" (click)="removeImage()">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</ng-container>
|
|
</div>
|
|
|
|
<div class="drop-overlay align-items-center justify-content-center">
|
|
<div class="drop-overlay-background"></div>
|
|
<div class="drop-overlay-text">Drop to update</div>
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|
|
<div class="auto align-self-center pl-4">
|
|
<sqx-form-hint>Drop an file to replace the app image. Use a square size.</sqx-form-hint>
|
|
|
|
<span class="btn btn-success upload-button" [class.disabled]="!isImageEditable" (click)="fileInput.click()">
|
|
<span>Upload File</span>
|
|
|
|
<input type="file" (change)="uploadImage($event.target.files)" #fileInput single accept="image/x-png,image/gif,image/jpeg" />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3 class="card-header">Danger Zone</h3>
|
|
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h5>Archive App</h5>
|
|
|
|
<sqx-form-hint>
|
|
Once you archive an app, there is no going back. Please be certain.
|
|
</sqx-form-hint>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button type="button" class="btn btn-danger" [disabled]="!isDeletable"
|
|
(sqxConfirmClick)="archiveApp()"
|
|
confirmTitle="Archive App"
|
|
confirmText="Do you really want to archive this app?">
|
|
Archive App
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</sqx-panel>
|