karso/front/src/base/scene/application-edit/application-edit.html

93 lines
2.4 KiB
HTML

<div class="generic-page">
<div class="title">Configure Application</div>
<div class="fill-all">
<burger-property>
<name>Application properties</name>
<description>Update property of the application:</description>
<body>
@if(editApplicationMenu===undefined) {
<spiner></spiner>
}
@else {
<app-render-form
[values]="editApplicationMenu"
(deltaValues)="onEditValues($event)"
(changeState)="onEditState($event)"
></app-render-form>
}
</body>
<footer>
<button
class="button login color-button-validate color-shadow-black"
id="create-button"
[disabled]="updateButtonDisabled !== 0"
(click)="onUpdateApplication()"
type="submit">
Update
</button>
</footer>
</burger-property>
</div>
<div class="clear"><br/></div>
<div style="padding-top:15px;">
<burger-property>
<name>Associated Tokens</name>
<description>All current token available for this application</description>
<body>
<table class="table-model">
<tr>
<th>id</th>
<th>Name</th>
<th>Expiration Time</th>
<th>Token</th>
<th>Actions</th>
</tr>
@for (token of tokens; track token.id;) {
<tr>
<td>{{token.id}}</td>
<td>{{token.name}}</td>
<td>{{formatTimestamp(token.endValidityTime)}}</td>
<td>{{token.token}}</td>
<td>
<button
class="square-button login color-button-cancel color-shadow-black"
(click)="onRemoveApplicationToken($event, token)"
type="submit">
<i class="material-icons">delete_forever</i>
</button>
</td>
</tr>
}
</table>
</body>
</burger-property>
</div>
<div class="clear"><br/></div>
<div style="padding-top:15px;">
<burger-property>
<name>Add Token</name>
<body>
<app-render-form
[values]="createTokenMenu"
(deltaValues)="onCreateValueDeltaValues($event)"
(changeState)="onCreateValueState($event)"
></app-render-form>
</body>
<footer>
<button
class="button login color-button-validate color-shadow-black"
id="create-button"
(click)="createToken()"
[disabled]="createTokenDisabled !== 0"
type="submit">
+ Create new Token
</button>
</footer>
</burger-property>
</div>
<div class="clear"></div>
</div>
<delete-confirm
[comment]="confirmDeleteComment"
(callback)="deleteConfirmed()"></delete-confirm>