funky-framadate-front/src/app/pages/visibility/visibility.component.html

161 lines
4.4 KiB
HTML
Raw Normal View History

<h1 i18n>
2019-11-22 16:46:12 +01:00
{{"visibility.top_txt"|translate}}
</h1>
<section class="answers">
<h2>
{{"visibility.title"|translate}}
</h2>
<span>
2019-11-22 16:46:12 +01:00
{{"visibility.visibility_want"|translate}}
</span>
<select
name="visible_people"
id="visible_people"
[(ngModel)]="config.visibility"
>
2019-11-23 15:08:20 +01:00
<option value="link_only">
{{"visibility.visibility_link"|translate}}
</option>
<option value="only_me">
{{"visibility.visibility_nobody"|translate}}
</option>
</select>
<span>
2019-11-22 16:46:12 +01:00
{{"visibility.visibility_see"|translate}}
</span>
</section>
2019-11-22 16:46:12 +01:00
<section class="possible_votes">
<h2>
2019-11-22 16:46:12 +01:00
{{"visibility.votes"|translate}}
</h2>
<label for="votes">
{{"visibility.votes_possible"|translate}}
</label>
<select
name="votes"
id="votes"
2019-11-23 15:08:20 +01:00
[(ngModel)]="config.voteChoices"
>
<option value="only_yes">
{{"visibility.votes_possible_single"|translate}}
</option>
<option value="normal">
{{"visibility.votes_possible_normal"|translate}}
</option>
<option value="full">
{{"visibility.votes_possible_full"|translate}}
</option>
</select>
2019-11-22 16:46:12 +01:00
</section>
<section class="expiracy">
<label for="expirationDate">
2019-11-22 16:46:12 +01:00
{{"visibility.archiving"|translate}}
</label>
<input type="date"
id="expirationDate"
[(ngModel)]="config.expirationDate">
<div class="modification">
<label for="modificationAbility">
{{"visibility.archiving_start"|translate}}
</label>
<select
name="modificationAbility"
id="modificationAbility"
[(ngModel)]="config.canModifyAnswers">
<option value="1">
{{"visibility.archiving_can"|translate}}
</option>
<option value="0">
{{"visibility.archiving_can_not"|translate}}
</option>
</select>
<label for="modificationScope">
{{"visibility.archiving_end"|translate}}
</label>
<select
name="modificationScope"
id="modificationScope"
2019-11-23 15:35:27 +01:00
[(ngModel)]="config.whoModifiesAnswers"
[disabled]="!config.canModifyAnswers">
<option value="self">
{{"visibility.modfiy_their"|translate}}
</option>
<option value="everybody">
{{"visibility.modfiy_everyone"|translate}}
</option>
</select>
</div>
2019-11-22 16:46:12 +01:00
</section>
<section class="access">
<h2>
2019-11-22 16:46:12 +01:00
{{"visibility.access"|translate}}
</h2>
<label for="url">
{{"visibility.access_url"|translate}}
<br>
{{"visibility.access_url_key"|translate}}
</label>
2019-11-23 15:35:27 +01:00
<br>
2020-01-15 17:55:22 +01:00
<input type="name"
2019-11-23 15:35:27 +01:00
class="input-lg"
name="url"
id="url"
[value]="baseUrl+'/'+config.customUrl">
<sub class="instructions">
{{"visibility.access_instructions"|translate}}
</sub>
2019-11-23 15:08:20 +01:00
<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 for="password">
{{"visibility.access_protect"|translate}}
</label>
2019-11-22 16:46:12 +01:00
2019-11-23 15:08:20 +01:00
<div class="enablepassword" *ngIf="config.passwordAccess">
<input type="password"
name="password"
id="password"
min="8"
*ngIf="!showCustomPassword"
[(ngModel)]="config.password">
2020-01-15 17:55:22 +01:00
<input type="name"
2019-11-23 15:08:20 +01:00
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>
2019-11-23 15:08:20 +01:00
{{"visibility.see_pass"|translate}}
</button>
</div>
2019-11-22 16:46:12 +01:00
</section>
<a [routerLink]="'/step/end'"
class="btn btn-link btn--primary">
{{"visibility.validate_btn"|translate}}
</a>
2019-11-23 15:08:20 +01:00
<div class="back">
<a [routerLink]="'/step/answers'"
class="btn btn--back">
Retour
</a>
</div>