mirror of https://github.com/Squidex/squidex.git
Sebastian Stehle
7 years ago
24 changed files with 238 additions and 219 deletions
@ -1,13 +1,13 @@ |
|||||
<ng-container *ngIf="!scheduledTo"> |
<ng-container *ngIf="scheduledTo; else noSchedule"> |
||||
<span class="content-status content-status-{{displayStatus | lowercase}} mr-1" [class.middle]="alignMiddle" title="{{displayStatus}}" titlePosition="top"> |
<span class="content-status content-status-{{scheduledTo | lowercase}} mr-1" [class.middle]="alignMiddle" title="{{tooltipText}}" titlePosition="top"> |
||||
<i class="icon-circle"></i> |
<i class="icon-clock"></i> |
||||
</span> |
</span> |
||||
</ng-container> |
</ng-container> |
||||
|
|
||||
<ng-container *ngIf="scheduledTo"> |
<ng-template #noSchedule> |
||||
<span class="content-status content-status-{{scheduledTo | lowercase}} mr-1" [class.middle]="alignMiddle" title="{{displayStatus}}" titlePosition="top"> |
<span class="content-status content-status-{{displayStatus | lowercase}} mr-1" [class.middle]="alignMiddle" title="{{tooltipText}}" titlePosition="top"> |
||||
<i class="icon-clock"></i> |
<i class="icon-circle"></i> |
||||
</span> |
</span> |
||||
</ng-container> |
</ng-template> |
||||
|
|
||||
<span class="content-status-label" *ngIf="showLabel">{{displayStatus}}</span> |
<span class="content-status-label" *ngIf="showLabel">{{displayStatus}}</span> |
||||
@ -1,30 +1,28 @@ |
|||||
<ng-container *sqxModalView="dueTimeDialog;onRoot:true"> |
<sqx-modal-dialog *sqxModalView="dueTimeDialog;onRoot:true" (closed)="cancelStatusChange()"> |
||||
<sqx-modal-dialog (closed)="cancelStatusChange()"> |
<ng-container title> |
||||
<ng-container title> |
{{dueTimeAction}} content item(s) |
||||
{{dueTimeAction}} content item(s) |
</ng-container> |
||||
</ng-container> |
|
||||
|
|
||||
<ng-container content> |
<ng-container content> |
||||
<div class="form-check"> |
<div class="form-check"> |
||||
<input class="form-check-input" type="radio" [(ngModel)]="dueTimeMode" value="Immediately" id="immediately"> |
<input class="form-check-input" type="radio" [(ngModel)]="dueTimeMode" value="Immediately" id="immediately"> |
||||
<label class="form-check-label" for="immediately"> |
<label class="form-check-label" for="immediately"> |
||||
{{dueTimeAction}} content item(s) immediately. |
{{dueTimeAction}} content item(s) immediately. |
||||
</label> |
</label> |
||||
</div> |
</div> |
||||
|
|
||||
<div class="form-check"> |
<div class="form-check"> |
||||
<input class="form-check-input" type="radio" [(ngModel)]="dueTimeMode" value="Scheduled" id="scheduled"> |
<input class="form-check-input" type="radio" [(ngModel)]="dueTimeMode" value="Scheduled" id="scheduled"> |
||||
<label class="form-check-label" for="scheduled"> |
<label class="form-check-label" for="scheduled"> |
||||
{{dueTimeAction}} content item(s) at a later point date and time. |
{{dueTimeAction}} content item(s) at a later point date and time. |
||||
</label> |
</label> |
||||
</div> |
</div> |
||||
|
|
||||
<sqx-date-time-editor [disabled]="dueTimeMode === 'Immediately'" mode="DateTime" hideClear="true" [(ngModel)]="dueTime"></sqx-date-time-editor> |
<sqx-date-time-editor [disabled]="dueTimeMode === 'Immediately'" mode="DateTime" hideClear="true" [(ngModel)]="dueTime"></sqx-date-time-editor> |
||||
</ng-container> |
</ng-container> |
||||
|
|
||||
<ng-container footer> |
<ng-container footer> |
||||
<button type="button" class="float-left btn btn-secondary" (click)="cancelStatusChange()">Cancel</button> |
<button type="button" class="float-left btn btn-secondary" (click)="cancelStatusChange()">Cancel</button> |
||||
<button type="button" class="float-right btn btn-primary" [disabled]="dueTimeMode === 'Scheduled' && !dueTime" (click)="confirmStatusChange()" sqxFocusOnInit>Confirm</button> |
<button type="button" class="float-right btn btn-primary" [disabled]="dueTimeMode === 'Scheduled' && !dueTime" (click)="confirmStatusChange()" sqxFocusOnInit>Confirm</button> |
||||
</ng-container> |
</ng-container> |
||||
</sqx-modal-dialog> |
</sqx-modal-dialog> |
||||
</ng-container> |
|
||||
|
|||||
@ -1,13 +1,15 @@ |
|||||
<div class="stars-container"> |
<div class="stars-container"> |
||||
<div *ngIf="maximumStars === 0 || maximumStars > 15" class="many-stars"> |
<ng-container *ngIf="maximumStars > 0 && maximumStars <= 15; else noStars"> |
||||
Must not have more more than 15 stars |
|
||||
</div> |
|
||||
|
|
||||
<ng-container *ngIf="maximumStars > 0 && maximumStars <= 15"> |
|
||||
<span class="stars" (mouseleave)="stopPreview()" [class.disabled]="snapshot.isDisabled"> |
<span class="stars" (mouseleave)="stopPreview()" [class.disabled]="snapshot.isDisabled"> |
||||
<span class="star" *ngFor="let star of snapshot.starsArray" (mouseenter)="setPreview(star)" (click)="setValue(star)" [class.selected]="star <= snapshot.stars"></span> |
<span class="star" *ngFor="let star of snapshot.starsArray" (mouseenter)="setPreview(star)" (click)="setValue(star)" [class.selected]="star <= snapshot.stars"></span> |
||||
</span> |
</span> |
||||
|
|
||||
<button type="button" class="btn btn-text" [class.hidden]="!value" (click)="reset()">Clear</button> |
<button type="button" class="btn btn-text" [class.hidden]="!value" (click)="reset()">Clear</button> |
||||
</ng-container> |
</ng-container> |
||||
|
|
||||
|
<ng-template #noStars> |
||||
|
<div class="many-stars"> |
||||
|
Must not have more more than 15 stars |
||||
|
</div> |
||||
|
</ng-template> |
||||
</div> |
</div> |
||||
Loading…
Reference in new issue