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

185 lines
4.9 KiB
HTML
Raw Normal View History

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