mirror of https://github.com/Squidex/squidex.git
3 changed files with 46 additions and 59 deletions
@ -1,43 +1,40 @@ |
|||
<div class="modal-dialog"> |
|||
<div class="modal-content"> |
|||
<form [formGroup]="createForm" (ngSubmit)="createApp()"> |
|||
<div class="modal-header"> |
|||
<h4 class="modal-title" *ngIf="template">Create {{template}} Sample</h4> |
|||
<h4 class="modal-title" *ngIf="!template">Create App</h4> |
|||
<form [formGroup]="createForm" (ngSubmit)="createApp()"> |
|||
<sqx-modal-dialog (close)="complete()"> |
|||
<ng-container title> |
|||
<ng-container *ngIf="template; else noTemplate"> |
|||
Create {{template}} Sample |
|||
</ng-container> |
|||
|
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="completed()"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<ng-template #noTemplate> |
|||
Create App |
|||
</ng-template> |
|||
</ng-container> |
|||
|
|||
<div class="modal-body"> |
|||
<div *ngIf="createFormError"> |
|||
<div class="form-alert form-alert-error" [innerHTML]="createFormError"></div> |
|||
</div> |
|||
|
|||
<div class="form-group"> |
|||
<label for="appName">Name</label> |
|||
|
|||
<sqx-control-errors for="name" submitOnly="true" [submitted]="createFormSubmitted"></sqx-control-errors> |
|||
|
|||
<input type="text" class="form-control" id="appName" formControlName="name" autocomplete="off" sqxLowerCaseInput sqxFocusOnInit /> |
|||
<ng-container content> |
|||
<div *ngIf="createFormError"> |
|||
<div class="form-alert form-alert-error" [innerHTML]="createFormError"></div> |
|||
</div> |
|||
|
|||
<div class="form-group"> |
|||
<label for="appName">Name</label> |
|||
|
|||
<sqx-control-errors for="name" submitOnly="true" [submitted]="createFormSubmitted"></sqx-control-errors> |
|||
|
|||
<input type="text" class="form-control" id="appName" formControlName="name" autocomplete="off" sqxLowerCaseInput sqxFocusOnInit /> |
|||
|
|||
<small class="form-text text-muted"> |
|||
The app name becomes part of the api url,<br /> e.g {{apiUrl.buildUrl("api/content/")}}<b>{{appName | async}}</b>/. |
|||
</small> |
|||
|
|||
<small class="form-text text-muted"> |
|||
The app name becomes part of the api url,<br /> e.g {{apiUrl.buildUrl("api/content/")}}<b>{{appName | async}}</b>/. |
|||
</small> |
|||
|
|||
<small class="form-text text-muted"> |
|||
It must contain lower case letters (a-z), numbers and dashes only, and cannot be longer than 40 characters. The name cannot be changed later. |
|||
</small> |
|||
</div> |
|||
<small class="form-text text-muted"> |
|||
It must contain lower case letters (a-z), numbers and dashes only, and cannot be longer than 40 characters. The name cannot be changed later. |
|||
</small> |
|||
</div> |
|||
</ng-container> |
|||
|
|||
<div class="modal-footer"> |
|||
<div class="clearfix"> |
|||
<button type="reset" class="float-left btn btn-secondary" (click)="cancel()" [disabled]="createFormSubmitted">Cancel</button> |
|||
<button type="submit" class="float-right btn btn-success">Create</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
<ng-container footer> |
|||
<button type="reset" class="float-left btn btn-secondary" (click)="complete()" [disabled]="createFormSubmitted">Cancel</button> |
|||
<button type="submit" class="float-right btn btn-success">Create</button> |
|||
</ng-container> |
|||
</sqx-modal-dialog> |
|||
</form> |
|||
Loading…
Reference in new issue