karso/front/src/app/scene/manage-application/manage-application.html

97 lines
2.8 KiB
HTML

<div class="generic-page">
<div class="title">Manage Applications</div>
<div class="fill-all">
<div>
<div class="settings-title">
<div class="group-title">Application</div>
<div class="group-description">Availlable applications for this SSO</div>
</div>
<div class="settings-elements">
<table class="table-model">
<tr>
<th>id</th>
<th>name</th>
<th>Description</th>
<th>redirect</th>
<th>TTL</th>
<th>Notification</th>
<th>Actions</th>
</tr>
<tr *ngFor="let application of applications">
<td>{{application.id}}</td>
<td>{{application.name}}</td>
<td>{{application.description}}</td>
<td>{{application.redirect}}</td>
<td>{{application.ttl}}</td>
<td>{{application.notification}}</td>
<td>
<button
class="square-button login color-shadow-black"
(click)="onEditApplication($event, application)"
type="submit">
<i class="material-icons">edit</i>
</button>&nbsp;
<button
class="square-button login color-button-cancel color-shadow-black"
(click)="onRemoveApplication($event, application)"
type="submit">
<i class="material-icons">delete_forever</i>
</button>
</td>
</tr>
</table>
</div>
<div class="settings-validation">
</div>
</div>
</div>
<div class="clear"><br/></div>
<div style="padding-top:15px;">
<div class="settings-title">
<div class="group-title">Create new application</div>
<div class="group-description">Add a new application on the server</div>
</div>
<div class="settings-elements">
<table width="100%">
<tr>
<td width="15%"><b>Name:</b></td>
<td width="85%">
<app-entry
[value]="name"
placeholder="Enter application name"
[hasError]="nameState !== true"
(changeValue)="checkName($event)"></app-entry>
<app-error-message-state [value]="nameState"></app-error-message-state>
</td>
</tr>
<tr>
<td width="15%"><b>Redirect:</b></td>
<td width="85%">
<app-entry
[value]="redirect"
placeholder="Enter http redirect adresses "
[hasError]="redirectState !== true"
(changeValue)="checkRedirect($event)"></app-entry>
<app-error-message-state [value]="redirectState"></app-error-message-state>
</td>
</tr>
</table>
</div>
<div class="settings-validation">
<button
class="button login color-button-validate color-shadow-black"
id="create-button"
[disabled]="validateButtonCreateApplicationDisabled"
(click)="onCreateApplication()"
type="submit">
Create application
</button>
</div>
</div>
<div class="clear"></div>
</div>
<delete-confirm
[comment]="confirmDeleteComment"
(callback)="deleteConfirmed()"></delete-confirm>