parent
9ebd22536b
commit
3808f19425
@ -1,8 +0,0 @@
|
||||
:host {
|
||||
.img-thumbnail {
|
||||
width: 5em;
|
||||
height: 5em;
|
||||
margin: 1ch 0;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
@ -1,31 +1,45 @@
|
||||
<h1>
|
||||
<h1 >
|
||||
Récapitulatif
|
||||
</h1>
|
||||
<h2 class="hero-title">
|
||||
{{config.title}}
|
||||
</h2>
|
||||
<div class="creation">
|
||||
créé par
|
||||
{{config.myName}}
|
||||
</div>
|
||||
<div class="description">
|
||||
<p>
|
||||
{{config.description}}
|
||||
</p>
|
||||
</div>
|
||||
<section>
|
||||
<ul>
|
||||
<li markdown *ngFor="let questions of config.answers">
|
||||
{{questions.id + 1}}. {{questions.text}}
|
||||
</li>
|
||||
</ul>
|
||||
<button [routerLink]="'/step/answers'" class="btn btn-info">Retour</button>
|
||||
</section>
|
||||
<button [routerLink]="'/step/end'" class="btn btn--primary" i18n="@@confirm">C'est parfait!</button>
|
||||
</h1 >
|
||||
<div class='card content' >
|
||||
|
||||
<div class="back">
|
||||
<a [routerLink]="'/step/visibility'"
|
||||
class="btn btn--back">
|
||||
<h2 class="hero-title title" >
|
||||
{{config.title}}
|
||||
</h2 >
|
||||
<div class="creation" >
|
||||
créé par
|
||||
{{config.myName}}
|
||||
</div >
|
||||
<div class="description" >
|
||||
<p >
|
||||
{{config.description}}
|
||||
</p >
|
||||
</div >
|
||||
<section >
|
||||
<ul >
|
||||
<li
|
||||
markdown
|
||||
*ngFor="let questions of config.answers" >
|
||||
<img
|
||||
class='img-thumbnail'
|
||||
src='{{questions.url}}'
|
||||
alt='image {{questions.url}}' >
|
||||
{{questions.id + 1}}. {{questions.text}}
|
||||
</li >
|
||||
</ul >
|
||||
</section >
|
||||
|
||||
</div >
|
||||
<button
|
||||
[routerLink]="'/step/end'"
|
||||
class="btn btn--primary btn--full"
|
||||
i18n="@@confirm" >C'est parfait!
|
||||
</button >
|
||||
|
||||
<div class="back" >
|
||||
<a
|
||||
[routerLink]="'/step/answers'"
|
||||
class="prev" >
|
||||
Retour
|
||||
</a>
|
||||
</div>
|
||||
</a >
|
||||
</div >
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
.card {
|
||||
box-shadow: 0px 0px 0.5em #ccc;
|
||||
padding: 2em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
@ -1,162 +1,174 @@
|
||||
<h1 i18n>
|
||||
<h1 i18n >
|
||||
{{"visibility.top_txt"|translate}}
|
||||
</h1>
|
||||
<section class="answers">
|
||||
<h2>
|
||||
</h1 >
|
||||
<section class="answers" >
|
||||
<h2 >
|
||||
{{"visibility.title"|translate}}
|
||||
</h2>
|
||||
<span>
|
||||
</h2 >
|
||||
<span >
|
||||
{{"visibility.visibility_want"|translate}}
|
||||
</span>
|
||||
</span >
|
||||
<select
|
||||
name="visible_people"
|
||||
id="visible_people"
|
||||
[(ngModel)]="config.visibility"
|
||||
>
|
||||
<option value="link_only">
|
||||
<option value="link_only" >
|
||||
{{"visibility.visibility_link"|translate}}
|
||||
</option>
|
||||
<option value="only_me">
|
||||
</option >
|
||||
<option value="only_me" >
|
||||
{{"visibility.visibility_nobody"|translate}}
|
||||
</option>
|
||||
</select>
|
||||
<span>
|
||||
</option >
|
||||
</select >
|
||||
<span >
|
||||
{{"visibility.visibility_see"|translate}}
|
||||
</span>
|
||||
</span >
|
||||
|
||||
</section>
|
||||
</section >
|
||||
|
||||
<section class="possible_votes">
|
||||
<h2>
|
||||
<section class="possible_votes" >
|
||||
<h2 >
|
||||
{{"visibility.votes"|translate}}
|
||||
</h2>
|
||||
<label for="votes">
|
||||
</h2 >
|
||||
<label for="votes" >
|
||||
{{"visibility.votes_possible"|translate}}
|
||||
</label>
|
||||
</label >
|
||||
<select
|
||||
name="votes"
|
||||
id="votes"
|
||||
[(ngModel)]="config.voteChoices"
|
||||
>
|
||||
<option value="only_yes">
|
||||
<option value="only_yes" >
|
||||
{{"visibility.votes_possible_single"|translate}}
|
||||
</option>
|
||||
<option value="normal">
|
||||
</option >
|
||||
<option value="normal" >
|
||||
{{"visibility.votes_possible_normal"|translate}}
|
||||
</option>
|
||||
<option value="full">
|
||||
</option >
|
||||
<option value="full" >
|
||||
{{"visibility.votes_possible_full"|translate}}
|
||||
</option>
|
||||
</select>
|
||||
</section>
|
||||
<section class="expiracy">
|
||||
<label for="expirationDate">
|
||||
</option >
|
||||
</select >
|
||||
</section >
|
||||
<section class="expiracy" >
|
||||
<label for="expirationDate" >
|
||||
{{"visibility.archiving"|translate}}
|
||||
</label>
|
||||
</label >
|
||||
|
||||
<input type="date"
|
||||
id="expirationDate"
|
||||
[(ngModel)]="config.expirationDate">
|
||||
<div class="modification">
|
||||
<label for="modificationAbility">
|
||||
<input
|
||||
type="date"
|
||||
id="expirationDate"
|
||||
[(ngModel)]="config.expirationDate" >
|
||||
<div class="modification" >
|
||||
<label for="modificationAbility" >
|
||||
{{"visibility.archiving_start"|translate}}
|
||||
</label>
|
||||
</label >
|
||||
<select
|
||||
name="modificationAbility"
|
||||
id="modificationAbility"
|
||||
[(ngModel)]="config.canModifyAnswers">
|
||||
<option value="1">
|
||||
[(ngModel)]="config.canModifyAnswers" >
|
||||
<option value="1" >
|
||||
{{"visibility.archiving_can"|translate}}
|
||||
</option>
|
||||
<option value="0">
|
||||
</option >
|
||||
<option value="0" >
|
||||
{{"visibility.archiving_can_not"|translate}}
|
||||
</option>
|
||||
</select>
|
||||
<label for="modificationScope">
|
||||
</option >
|
||||
</select >
|
||||
<label for="modificationScope" >
|
||||
{{"visibility.archiving_end"|translate}}
|
||||
</label>
|
||||
</label >
|
||||
|
||||
<select
|
||||
name="modificationScope"
|
||||
id="modificationScope"
|
||||
[(ngModel)]="config.whoModifiesAnswers"
|
||||
[disabled]="!config.canModifyAnswers">
|
||||
<option value="self">
|
||||
[disabled]="!config.canModifyAnswers" >
|
||||
<option value="self" >
|
||||
{{"visibility.modfiy_their"|translate}}
|
||||
</option>
|
||||
<option value="everybody">
|
||||
</option >
|
||||
<option value="everybody" >
|
||||
{{"visibility.modfiy_everyone"|translate}}
|
||||
</option>
|
||||
</select>
|
||||
</option >
|
||||
</select >
|
||||
|
||||
</div>
|
||||
</div >
|
||||
|
||||
|
||||
</section>
|
||||
<section class="access">
|
||||
<h2>
|
||||
</section >
|
||||
<section class="access" >
|
||||
<h2 >
|
||||
{{"visibility.access"|translate}}
|
||||
</h2>
|
||||
<label for="url">
|
||||
</h2 >
|
||||
<label for="url" >
|
||||
{{"visibility.access_url"|translate}}
|
||||
<br>
|
||||
<br >
|
||||
{{"visibility.access_url_key"|translate}}
|
||||
</label>
|
||||
<br>
|
||||
<input type="name"
|
||||
class="input-lg"
|
||||
name="url"
|
||||
id="url"
|
||||
[(ngModel)]="config.customUrl">
|
||||
</label >
|
||||
<br >
|
||||
<input
|
||||
type="name"
|
||||
class="input-lg"
|
||||
name="url"
|
||||
id="url"
|
||||
[(ngModel)]="config.customUrl" >
|
||||
|
||||
<sub class="instructions">
|
||||
<sub class="instructions" >
|
||||
{{"visibility.access_instructions"|translate}}
|
||||
</sub>
|
||||
<div class="preview-url">
|
||||
</sub >
|
||||
<div class="preview-url" >
|
||||
{{baseUrl + '/' + config.customUrl}}
|
||||
</div>
|
||||
<br>
|
||||
<label for="passwordAccess">
|
||||
</div >
|
||||
<br >
|
||||
<label for="passwordAccess" >
|
||||
{{"visibility.access_want"|translate}}
|
||||
</label>
|
||||
<select name="passwordAccess" id="passwordAccess" [(ngModel)]="config.passwordAccess">
|
||||
<option value="0"> {{"visibility.access_want_no"|translate}}</option>
|
||||
<option value="1"> {{"visibility.access_want_yes"|translate}}</option>
|
||||
</select>
|
||||
</label >
|
||||
<select
|
||||
name="passwordAccess"
|
||||
id="passwordAccess"
|
||||
[(ngModel)]="config.passwordAccess" >
|
||||
<option value="0" > {{"visibility.access_want_no"|translate}}</option >
|
||||
<option value="1" > {{"visibility.access_want_yes"|translate}}</option >
|
||||
</select >
|
||||
|
||||
<label for="password">
|
||||
<label for="password" >
|
||||
{{"visibility.access_protect"|translate}}
|
||||
</label>
|
||||
</label >
|
||||
|
||||
<div class="enablepassword" *ngIf="config.passwordAccess == '1'">
|
||||
<input type="password"
|
||||
name="password"
|
||||
id="password"
|
||||
min="8"
|
||||
*ngIf="!showCustomPassword"
|
||||
[(ngModel)]="config.password">
|
||||
<input type="name"
|
||||
name="password_visible"
|
||||
id="password_visible"
|
||||
min="8"
|
||||
*ngIf="showCustomPassword"
|
||||
[(ngModel)]="config.password">
|
||||
<button (click)="showCustomPassword = !showCustomPassword" [disabled]="!config.password"
|
||||
class="btn btn--default">
|
||||
<i class="fa fa-eye"></i>
|
||||
<div
|
||||
class="enablepassword"
|
||||
*ngIf="config.passwordAccess == '1'" >
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
id="password"
|
||||
min="8"
|
||||
*ngIf="!showCustomPassword"
|
||||
[(ngModel)]="config.password" >
|
||||
<input
|
||||
type="name"
|
||||
name="password_visible"
|
||||
id="password_visible"
|
||||
min="8"
|
||||
*ngIf="showCustomPassword"
|
||||
[(ngModel)]="config.password" >
|
||||
<button
|
||||
(click)="showCustomPassword = !showCustomPassword"
|
||||
[disabled]="!config.password"
|
||||
class="btn btn--default" >
|
||||
<i class="fa fa-eye" ></i >
|
||||
{{"visibility.see_pass"|translate}}
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
</button >
|
||||
</div >
|
||||
</section >
|
||||
|
||||
<a [routerLink]="'/step/end'"
|
||||
class="btn btn-link btn--primary">
|
||||
<a
|
||||
[routerLink]="'/step/end'"
|
||||
class="btn btn-link btn--primary" >
|
||||
{{"visibility.validate_btn"|translate}}
|
||||
</a>
|
||||
<div class="back">
|
||||
</a >
|
||||
<div class="back" >
|
||||
|
||||
<a [routerLink]="'/step/answers'"
|
||||
class="btn btn--back">
|
||||
<a
|
||||
[routerLink]="'/step/answers'"
|
||||
class="prev" >
|
||||
Retour
|
||||
</a>
|
||||
</div>
|
||||
</a >
|
||||
</div >
|
||||
|
||||
@ -1 +1,7 @@
|
||||
@charset "UTF-8";
|
||||
@charset "UTF-8";
|
||||
.img-thumbnail {
|
||||
width: 5em;
|
||||
height: 5em;
|
||||
margin: 1ch 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue