forked from tykayn/funky-framadate-front
Une partie de html
This commit is contained in:
parent
1055a0cdbe
commit
942649656d
48
package-lock.json
generated
48
package-lock.json
generated
@ -126,9 +126,9 @@
|
||||
}
|
||||
},
|
||||
"@angular/animations": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/animations/-/animations-8.2.13.tgz",
|
||||
"integrity": "sha512-ZE4UZsQ6HDW1ZIj9tL45PVosCcG4Ke7ihV7eWCE1VgLZKDDxTOPbLf1UeEiszUYptMLGH3eGMNBKo85mOlkH8w==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/animations/-/animations-8.2.14.tgz",
|
||||
"integrity": "sha512-3Vc9TnNpKdtvKIXcWDFINSsnwgEMiDmLzjceWg1iYKwpeZGQahUXPoesLwQazBMmxJzQiA4HOMj0TTXKZ+Jzkg==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
@ -183,17 +183,17 @@
|
||||
}
|
||||
},
|
||||
"@angular/common": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/common/-/common-8.2.13.tgz",
|
||||
"integrity": "sha512-I9cTcjUi88L+Mb/a/ZzUrdDcn3YgFFK9LubxaPjAfr6+G7IZ//MY5HuvG8Y41yKprXVVvQCbQ1yQD+GGRSCkaA==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/common/-/common-8.2.14.tgz",
|
||||
"integrity": "sha512-Qmt+aX2quUW54kaNT7QH7WGXnFxr/cC2C6sf5SW5SdkZfDQSiz8IaItvieZfXVQUbBOQKFRJ7TlSkt0jI/yjvw==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
},
|
||||
"@angular/compiler": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-8.2.13.tgz",
|
||||
"integrity": "sha512-u2NWCvEn4SjbMvn2PG6sYcf+rR5u3aYMv3/mNQ9k+2UmCIu3yJrcuCzebjo5SdlDVqKD2vzbyMZnr8VB9OcceQ==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-8.2.14.tgz",
|
||||
"integrity": "sha512-ABZO4E7eeFA1QyJ2trDezxeQM5ZFa1dXw1Mpl/+1vuXDKNjJgNyWYwKp/NwRkLmrsuV0yv4UDCDe4kJOGbPKnw==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
@ -974,17 +974,17 @@
|
||||
}
|
||||
},
|
||||
"@angular/core": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/core/-/core-8.2.13.tgz",
|
||||
"integrity": "sha512-W8HN0lUQV4Sq85l17nhRIXeIfcw1ZdpgGm6to98pl0y9l/1srfzWfTnofuwCJC7gedt5AMrYJGUaNiDbByosFw==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/core/-/core-8.2.14.tgz",
|
||||
"integrity": "sha512-zeePkigi+hPh3rN7yoNENG/YUBUsIvUXdxx+AZq+QPaFeKEA2FBSrKn36ojHFrdJUjKzl0lPMEiGC2b6a6bo6g==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
},
|
||||
"@angular/forms": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.2.13.tgz",
|
||||
"integrity": "sha512-l7lHD4kbWK70KY0Xp4IpSa106ZzSgPMwRYMFKd9qhYaJ7v0Y7Shh7Z/ZDCOP730maj9WULnpy5X4eeozWXgvgg==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.2.14.tgz",
|
||||
"integrity": "sha512-zhyKL3CFIqcyHJ/TQF/h1OZztK611a6rxuPHCrt/5Sn1SuBTJJQ1pPTkOYIDy6IrCrtyANc8qB6P17Mao71DNQ==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
@ -996,25 +996,25 @@
|
||||
"dev": true
|
||||
},
|
||||
"@angular/platform-browser": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.2.13.tgz",
|
||||
"integrity": "sha512-1lPbeLQIbbafjq9ul3IA8s2fMJ/EXeMJ74ouTolVXoPPur9ZPRLX9FqBAO1K4QzkAWhRlyf6qIC+mDZfJILwZw==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.2.14.tgz",
|
||||
"integrity": "sha512-MtJptptyKzsE37JZ2VB/tI4cvMrdAH+cT9pMBYZd66YSZfKjIj5s+AZo7z8ncoskQSB1o3HMfDjSK7QXGx1mLQ==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
},
|
||||
"@angular/platform-browser-dynamic": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-8.2.13.tgz",
|
||||
"integrity": "sha512-KP5psUKujAO8jZKHi6LRC+N7hE/epiGOhYZxdher1sCi81sYoZmqrEWkVZ4VKhov/4aC409CocDXcF7nmHV8tg==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-8.2.14.tgz",
|
||||
"integrity": "sha512-mO2JPR5kLU/A3AQngy9+R/Q5gaF9csMStBQjwsCRI0wNtlItOIGL6+wTYpiTuh/ux+WVN1F2sLcEYU4Zf1ud9A==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
},
|
||||
"@angular/router": {
|
||||
"version": "8.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@angular/router/-/router-8.2.13.tgz",
|
||||
"integrity": "sha512-9CqnachtdASnEmRMtrG/R3c5nDCjjlCU4n0W/xt5+LlveyuUVvAT/CFUC38km4Df3lIvqap8mSpxzGaEzCL+wQ==",
|
||||
"version": "8.2.14",
|
||||
"resolved": "https://registry.npmjs.org/@angular/router/-/router-8.2.14.tgz",
|
||||
"integrity": "sha512-DHA2BhODqV7F0g6ZKgFaZgbsqzHHWRcfWchCOrOVKu2rYiKUTwwHVLBgZAhrpNeinq2pWanVYSIhMr7wy+LfEA==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
}
|
||||
|
@ -38,6 +38,7 @@ import {
|
||||
TranslateService
|
||||
} from '@ngx-translate/core';
|
||||
import {TranslateHttpLoader} from '@ngx-translate/http-loader';
|
||||
import { AdminComponent } from './pages/admin/admin.component';
|
||||
|
||||
export class MyMissingTranslationHandler implements MissingTranslationHandler {
|
||||
handle(params: MissingTranslationHandlerParams) {
|
||||
@ -74,6 +75,7 @@ export function HttpLoaderFactory(http: HttpClient) {
|
||||
PasswordComponent,
|
||||
HomeComponent,
|
||||
VoteChoiceComponent,
|
||||
AdminComponent,
|
||||
|
||||
],
|
||||
imports: [
|
||||
|
@ -5,6 +5,7 @@ import {ResumeComponent} from '../pages/resume/resume.component';
|
||||
import {PicturesComponent} from '../pages/pictures/pictures.component';
|
||||
import {EndConfirmationComponent} from '../pages/end-confirmation/end-confirmation.component';
|
||||
import {AnswersComponent} from '../pages/answers/answers.component';
|
||||
import {AdminComponent} from '../pages/admin/admin.component';
|
||||
import {CreateOrRetrieveComponent} from '../pages/create-or-retrieve/create-or-retrieve.component';
|
||||
import {BaseComponent} from '../pages/base-page/base.component';
|
||||
import {HomeComponent} from "../pages/home/home.component";
|
||||
@ -22,6 +23,7 @@ export const Routes =
|
||||
{path: 'step/date', component: DatesComponent},
|
||||
{path: 'step/kind', component: KindComponent},
|
||||
{path: 'step/answers', component: AnswersComponent},
|
||||
{path: 'step/admin', component: AdminComponent},
|
||||
{path: 'step/pictures', component: PicturesComponent},
|
||||
{path: 'step/visibility', component: VisibilityComponent},
|
||||
{path: 'step/resume', component: ResumeComponent},
|
||||
|
37
src/app/pages/admin/admin.component.html
Normal file
37
src/app/pages/admin/admin.component.html
Normal file
@ -0,0 +1,37 @@
|
||||
<form>
|
||||
<h1>Nom du sondage</h1>
|
||||
<!--Infos-->
|
||||
<h2>Informations du sondage</h2>
|
||||
<label for="title">Le titre du sondage est</label>
|
||||
<input type="text" name="title">
|
||||
<label for="desc">et sa description :</label>
|
||||
<textarea name="desc"> </textarea>
|
||||
<label for="name">Je peux aussi préciser mon nom si je le souhaite :</label>
|
||||
<input type="text" name="name">
|
||||
<!--Params-->
|
||||
<h2>Paramètres</h2>
|
||||
<h3>Visibilité des réponses</h3>
|
||||
<label for="answer-visible">Je veux que</label>
|
||||
<select name="answer-visible">
|
||||
<option value="all" selected>tout le monde</option>
|
||||
<option value="per">seulement moi</option>
|
||||
</select>
|
||||
<label for="answer-visible">puisse voir les réponses au sondage</label>
|
||||
<h3>Votes</h3>
|
||||
<label for="vote-date">Les personnes sondées pourront voter jusqu'au</label>
|
||||
<input type="date" name="vote-date">
|
||||
<label for="alter-vote">Elles</label>
|
||||
<select name="alter-vote">
|
||||
<option value="yes" selected>auront</option>
|
||||
<option value="no">n'auront pas</option>
|
||||
</select>
|
||||
<label for="type-vote">la possibilité de modifier</label>
|
||||
<select name="type-vote">
|
||||
<option value="solo" selected>leur vote</option>
|
||||
<option value="all">tout les votes</option>
|
||||
</select>
|
||||
<label for="del">Pour repartir à zéro, je peux tous les supprimer :</label>
|
||||
<input class="btn btn--alert btn--outline" type="submit" name="del" value="Supprimer tous les votes">
|
||||
|
||||
|
||||
</form>
|
6
src/app/pages/admin/admin.component.scss
Normal file
6
src/app/pages/admin/admin.component.scss
Normal file
@ -0,0 +1,6 @@
|
||||
form{
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
width:340px;
|
||||
margin:auto;
|
||||
}
|
25
src/app/pages/admin/admin.component.spec.ts
Normal file
25
src/app/pages/admin/admin.component.spec.ts
Normal file
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { AdminComponent } from './admin.component';
|
||||
|
||||
describe('AdminComponent', () => {
|
||||
let component: AdminComponent;
|
||||
let fixture: ComponentFixture<AdminComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ AdminComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(AdminComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
16
src/app/pages/admin/admin.component.ts
Normal file
16
src/app/pages/admin/admin.component.ts
Normal file
@ -0,0 +1,16 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import {BaseComponent} from '../base-page/base.component';
|
||||
import {ConfigService} from '../../config.service';
|
||||
@Component({
|
||||
selector: 'framadate-admin',
|
||||
templateUrl: './admin.component.html',
|
||||
styleUrls: ['./admin.component.scss']
|
||||
})
|
||||
export class AdminComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue
Block a user