mirror of https://github.com/Squidex/squidex.git
Sebastian Stehle
8 years ago
12 changed files with 161 additions and 82 deletions
@ -0,0 +1,29 @@ |
|||
<div [formGroup]="actionForm" class="form-horizontal"> |
|||
<div class="form-group row"> |
|||
<label class="col col-3 col-form-label" for="token">Token</label> |
|||
|
|||
<div class="col col-9"> |
|||
<sqx-control-errors for="token" [submitted]="actionFormSubmitted"></sqx-control-errors> |
|||
|
|||
<input type="text" class="form-control" id="token" formControlName="token" /> |
|||
|
|||
<small class="form-text text-muted"> |
|||
The prerender token from your account. |
|||
</small> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="form-group row"> |
|||
<label class="col col-3 col-form-label" for="url">Url</label> |
|||
|
|||
<div class="col col-9"> |
|||
<sqx-control-errors for="url" [submitted]="actionFormSubmitted"></sqx-control-errors> |
|||
|
|||
<input type="url" class="form-control" id="url" formControlName="url" /> |
|||
|
|||
<small class="form-text text-muted"> |
|||
The url to recache. Read the <a routerLink="help">help</a> section for information about advanced formatting. |
|||
</small> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,2 @@ |
|||
@import '_vars'; |
|||
@import '_mixins'; |
|||
@ -0,0 +1,37 @@ |
|||
/* |
|||
* Squidex Headless CMS |
|||
* |
|||
* @license |
|||
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. |
|||
*/ |
|||
|
|||
import { Component, Input, OnInit } from '@angular/core'; |
|||
import { FormControl, FormGroup, Validators } from '@angular/forms'; |
|||
|
|||
@Component({ |
|||
selector: 'sqx-prerender-action', |
|||
styleUrls: ['./prerender-action.component.scss'], |
|||
templateUrl: './prerender-action.component.html' |
|||
}) |
|||
export class PrerenderActionComponent implements OnInit { |
|||
@Input() |
|||
public action: any; |
|||
|
|||
@Input() |
|||
public actionForm: FormGroup; |
|||
|
|||
@Input() |
|||
public actionFormSubmitted = false; |
|||
|
|||
public ngOnInit() { |
|||
this.actionForm.setControl('token', |
|||
new FormControl(this.action.token || '', [ |
|||
Validators.required |
|||
])); |
|||
|
|||
this.actionForm.setControl('url', |
|||
new FormControl(this.action.url || '', [ |
|||
Validators.required |
|||
])); |
|||
} |
|||
} |
|||
@ -1,78 +1,78 @@ |
|||
@import '_vars'; |
|||
@import '_mixins'; |
|||
|
|||
.rule-element { |
|||
&-small { |
|||
& { |
|||
@include truncate; |
|||
@include transition(background-color .4s ease); |
|||
color: $color-dark-foreground; |
|||
cursor: pointer; |
|||
line-height: 2.8rem; |
|||
font-size: 1rem; |
|||
font-weight: normal; |
|||
padding-right: .8rem; |
|||
} |
|||
.small { |
|||
& { |
|||
@include transition(background-color .4s ease); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
&-icon { |
|||
height: 3rem; |
|||
display: inline-block; |
|||
line-height: 3rem; |
|||
font-size: 1.2rem; |
|||
font-weight: normal; |
|||
margin: 0; |
|||
margin-right: .5rem; |
|||
padding: 0 .8rem; |
|||
} |
|||
&-text { |
|||
@include truncate; |
|||
color: $color-dark-foreground; |
|||
line-height: 3rem; |
|||
font-size: 1rem; |
|||
font-weight: normal; |
|||
padding: 0 .8rem; |
|||
} |
|||
|
|||
.svg-icon { |
|||
display: inline-block; |
|||
min-width: 20px; |
|||
max-width: 20px; |
|||
min-height: 20px; |
|||
max-height: 20px; |
|||
fill: $color-dark-foreground; |
|||
} |
|||
&-icon { |
|||
line-height: 3.2rem; |
|||
font-size: 1.2rem; |
|||
font-weight: normal; |
|||
padding: 0 .8rem; |
|||
} |
|||
|
|||
&-large { |
|||
& { |
|||
cursor: pointer; |
|||
min-height: 100px; |
|||
max-height: 100px; |
|||
} |
|||
.col { |
|||
height: 3rem; |
|||
} |
|||
|
|||
&-link { |
|||
font-size: .8rem; |
|||
} |
|||
.svg-icon { |
|||
width: 20px; |
|||
} |
|||
} |
|||
|
|||
&-title { |
|||
font-weight: bold; |
|||
font-size: 1rem; |
|||
line-height: 1; |
|||
} |
|||
.large { |
|||
& { |
|||
cursor: pointer; |
|||
min-height: 100px; |
|||
max-height: 100px; |
|||
} |
|||
|
|||
&-text { |
|||
font-size: .8rem; |
|||
margin-top: .25rem; |
|||
margin-bottom: .25rem; |
|||
} |
|||
&-link { |
|||
font-size: .8rem; |
|||
} |
|||
|
|||
&-icon { |
|||
display: inline-block; |
|||
margin-right: .5rem; |
|||
position: relative; |
|||
padding: 1rem; |
|||
line-height: 1px; |
|||
} |
|||
&-title { |
|||
font-weight: bold; |
|||
font-size: 1rem; |
|||
line-height: 1; |
|||
} |
|||
|
|||
.svg-icon { |
|||
display: inline-block; |
|||
min-width: 30px; |
|||
max-width: 30px; |
|||
min-height: 30px; |
|||
max-height: 30px; |
|||
fill: $color-dark-foreground; |
|||
} |
|||
&-text { |
|||
font-size: .8rem; |
|||
margin-top: .25rem; |
|||
margin-bottom: .25rem; |
|||
} |
|||
|
|||
&-icon { |
|||
display: inline-block; |
|||
margin-right: .5rem; |
|||
position: relative; |
|||
padding: 1rem; |
|||
line-height: 1px; |
|||
} |
|||
|
|||
.svg-icon { |
|||
width: 30px; |
|||
} |
|||
} |
|||
|
|||
.svg-icon { |
|||
display: inline-block; |
|||
} |
|||
|
|||
/deep/ svg { |
|||
fill: $color-dark-foreground; |
|||
display: block; |
|||
} |
|||
Loading…
Reference in new issue