front-end UI fixes - enhancements(WIP)

parent dfd635fe
import {Router} from '@angular/router';
import {OnInit, OnDestroy, Component, Injectable} from '@angular/core';
import { HelperDataService } from '../../services/helper-data-service';
import { BehaviorSubject } from 'rxjs/Rx';
import { NgRedux, select } from 'ng2-redux';
import { IAppState } from '../../store/store';
import { ILoginInfo, ILoginInfoToken } from '../../store/logininfo/logininfo.types';
import { LoginInfoActions } from '../../actions/logininfo.actions';
import { LOGININFO_INITIAL_STATE } from '../../store/logininfo/logininfo.initial-state';
import { SCHOOL_ROLE, STUDENT_ROLE, PDE_ROLE, DIDE_ROLE, MINISTRY_ROLE } from '../../constants';
import { EpalClassesActions } from '../../actions/epalclass.actions';
import { SectorFieldsActions } from '../../actions/sectorfields.actions';
import { RegionSchoolsActions } from '../../actions/regionschools.actions';
import { SectorCoursesActions } from '../../actions/sectorcourses.actions';
import { CriteriaActions } from '../../actions/criteria.actions';
import { StudentDataFieldsActions } from '../../actions/studentdatafields.actions';
@Component({
selector: 'post-submit',
template: `
<div class = "loading" *ngIf="(showLoader$ | async) === true"></div>
<div class="row" style="margin-top: 130px; margin-bottom: 200px;">
<div class="col-md-3 offset-md-3">
<button type="submit" class="btn-primary btn-lg btn-block isclickable" style="margin: 0px; font-size: 1em; padding: 5px; height: 6em;" (click)="submittedView()">
Εμφάνιση<br />Εκτύπωση<br />Αίτησης
</button>
</div>
<div class="col-md-6">
<button type="submit" class="btn-primary btn-lg btn-block isclickable" style="margin: 0px; font-size: 1em; padding: 5px; height: 6em;" (click)="signOut()">
Αποσύνδεση
</button>
</div>
</div>
`
})
@Injectable() export default class AfterSubmit implements OnInit, OnDestroy {
private authToken: string;
private authRole: string;
private cuName: string;
private loginInfo$: BehaviorSubject<ILoginInfo>;
public cuser: any;
private showLoader$: BehaviorSubject<boolean>;
constructor(
private _ata: LoginInfoActions,
private _hds: HelperDataService,
private _csa: SectorCoursesActions,
private _sfa: SectorFieldsActions,
private _rsa: RegionSchoolsActions,
private _eca: EpalClassesActions,
private _sdfa: StudentDataFieldsActions,
private _cria: CriteriaActions,
private _ngRedux: NgRedux<IAppState>,
private router: Router
) {
this.showLoader$ = new BehaviorSubject(false);
};
ngOnInit() {
this._ngRedux.select(state => {
if (state.loginInfo.size > 0) {
state.loginInfo.reduce(({}, loginInfoToken) => {
this.authToken = loginInfoToken.auth_token;
this.authRole = loginInfoToken.auth_role;
this.cuName = loginInfoToken.cu_name;
return loginInfoToken;
}, {})
}
return state.loginInfo;
}).subscribe(this.loginInfo$);
}
ngOnDestroy() {
if (this.loginInfo$)
this.loginInfo$.unsubscribe();
}
signOut() {
this.showLoader$.next(true);
this._hds.signOut().then(data => {
this._ata.initLoginInfo();
this._eca.initEpalClasses();
this._sfa.initSectorFields();
this._rsa.initRegionSchools();
this._csa.initSectorCourses();
this._sdfa.initStudentDataFields();
this._cria.initCriteria();
this.router.navigate(['']);
this.authToken = '';
this.authRole = '';
this.showLoader$.next(false);
}).catch(err => {
this.showLoader$.next(false);
console.log(err)
});
}
submittedView() {
this.router.navigate(['/submited-preview']);
}
}
...@@ -170,13 +170,13 @@ ...@@ -170,13 +170,13 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="telnum">Τηλέφωνο επικοινωνίας</label><input class="form-control" type="text" formControlName="telnum"> <label for="telnum">Κινητό Τηλέφωνο</label><input class="form-control" type="text" formControlName="telnum">
</div> </div>
<div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').touched && studentDataGroup.get('telnum').hasError('required')"> <div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').touched && studentDataGroup.get('telnum').hasError('required')">
Το πεδίο δεν μπορεί να αφεθεί κενό! Το πεδίο δεν μπορεί να αφεθεί κενό!
</div> </div>
<div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').dirty && studentDataGroup.get('telnum').hasError('pattern')"> <div class="alert alert-danger" *ngIf="studentDataGroup.get('telnum').dirty && studentDataGroup.get('telnum').hasError('pattern')">
Επιτρέπονται μόνο ψηφία σε αυτό το πεδίο! Επιτρέπονται μόνο ψηφία σε αυτό το πεδίο και πρέπει να αντιστοιχούν σε κινητό τηλέφωνο!
</div> </div>
...@@ -254,15 +254,15 @@ ...@@ -254,15 +254,15 @@
</form> </form>
<div class="row" style="margin-top: 20px;" *ngIf="(criteria$ | async).size > 0"> <div class="row" style="margin-top: 20px; margin-bottom: 20px;" *ngIf="(criteria$ | async).size > 0">
<div class="col-md-6"> <div class="col-md-6">
<button type="button" class="btn-primary btn-lg pull-left" (click)="navigateBack()"> <button type="button" class="btn-primary btn-lg pull-left" (click)="navigateBack()">
<i class="fa fa-backward"></i> <i class="fa fa-backward"></i>
</button> </button>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<button type="button" class="btn-primary btn-lg pull-right" (click)="submitSelected()" [disabled]="studentDataGroup.invalid || studentCriteriaGroup.invalid " > <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="submitSelected()" [disabled]="studentDataGroup.invalid || studentCriteriaGroup.invalid ">
<i class="fa fa-forward"></i> <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
</button> </button>
</div> </div>
......
...@@ -66,7 +66,7 @@ import { ...@@ -66,7 +66,7 @@ import {
regionarea: ['ΠΑΤΡΑ', [Validators.pattern(VALID_NAMES_PATTERN),Validators.required]], regionarea: ['ΠΑΤΡΑ', [Validators.pattern(VALID_NAMES_PATTERN),Validators.required]],
certificatetype: ['Απολυτήριο Λυκείου', this.checkChoice], certificatetype: ['Απολυτήριο Λυκείου', this.checkChoice],
relationtostudent: ['Μαθητής', this.checkChoice], relationtostudent: ['Μαθητής', this.checkChoice],
telnum: ['2610789789', [Validators.pattern(VALID_DIGITS_PATTERN),Validators.required]], telnum: ['6978333235', [Validators.pattern(VALID_DIGITS_PATTERN),Validators.required]],
}); });
this.applicantDataGroup = this.fb.group({ this.applicantDataGroup = this.fb.group({
......
...@@ -7,19 +7,16 @@ import { IAppState } from '../../store/store'; ...@@ -7,19 +7,16 @@ import { IAppState } from '../../store/store';
import { SectorFieldsActions } from '../../actions/sectorfields.actions'; import { SectorFieldsActions } from '../../actions/sectorfields.actions';
import { SectorCoursesActions } from '../../actions/sectorcourses.actions'; import { SectorCoursesActions } from '../../actions/sectorcourses.actions';
import { RegionSchoolsActions } from '../../actions/regionschools.actions'; import { RegionSchoolsActions } from '../../actions/regionschools.actions';
import { StudentDataFieldsActions } from '../../actions/studentdatafields.actions';
import { EpalClassesActions } from '../../actions/epalclass.actions'; import { EpalClassesActions } from '../../actions/epalclass.actions';
import { ISectorFields } from '../../store/sectorfields/sectorfields.types'; import { ISectorFields } from '../../store/sectorfields/sectorfields.types';
import { ISectors } from '../../store/sectorcourses/sectorcourses.types'; import { ISectors } from '../../store/sectorcourses/sectorcourses.types';
import { IRegions, IRegionSchool } from '../../store/regionschools/regionschools.types'; import { IRegions, IRegionSchool } from '../../store/regionschools/regionschools.types';
import { IStudentDataFields } from '../../store/studentdatafields/studentdatafields.types';
import { IEpalClasses } from '../../store/epalclasses/epalclasses.types'; import { IEpalClasses } from '../../store/epalclasses/epalclasses.types';
import {AppSettings} from '../../app.settings'; import {AppSettings} from '../../app.settings';
import { REGION_SCHOOLS_INITIAL_STATE } from '../../store/regionschools/regionschools.initial-state'; import { REGION_SCHOOLS_INITIAL_STATE } from '../../store/regionschools/regionschools.initial-state';
import { EPALCLASSES_INITIAL_STATE } from '../../store/epalclasses/epalclasses.initial-state'; import { EPALCLASSES_INITIAL_STATE } from '../../store/epalclasses/epalclasses.initial-state';
import { SECTOR_COURSES_INITIAL_STATE } from '../../store/sectorcourses/sectorcourses.initial-state'; import { SECTOR_COURSES_INITIAL_STATE } from '../../store/sectorcourses/sectorcourses.initial-state';
import { SECTOR_FIELDS_INITIAL_STATE } from '../../store/sectorfields/sectorfields.initial-state'; import { SECTOR_FIELDS_INITIAL_STATE } from '../../store/sectorfields/sectorfields.initial-state';
import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields/studentdatafields.initial-state';
@Component({ @Component({
selector: 'application-preview-select', selector: 'application-preview-select',
...@@ -31,13 +28,13 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -31,13 +28,13 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
Τάξη εισαγωγής Τάξη εισαγωγής
</li> </li>
<li class="list-group-item" *ngIf="epalclass$.name === '1'"> <li class="list-group-item" *ngIf="epalclass$.name === '1'">
Α’ Λυκείου Α’ Λυκείου
</li> </li>
<li class="list-group-item" *ngIf="epalclass$.name === '2'"> <li class="list-group-item" *ngIf="epalclass$.name === '2'">
Β’ Λυκείου Β’ Λυκείου
</li> </li>
<li class="list-group-item" *ngIf="epalclass$.name === '3'"> <li class="list-group-item" *ngIf="epalclass$.name === '3'">
Γ’ Λυκείου Γ’ Λυκείου
</li> </li>
</ul> </ul>
...@@ -78,19 +75,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -78,19 +75,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
</div> </div>
</ul> </ul>
<div *ngFor="let studentDataField$ of studentDataFields$ | async;">
<ul class="list-group left-side-view" style="margin-bottom: 20px;">
<li class="list-group-item active">
Στοιχεία μαθητή
</li>
<li class="list-group-item">
{{studentDataField$.name }}
</li>
<li class="list-group-item">
{{studentDataField$.studentsurname }}
</li>
</ul>
</div>
` `
}) })
...@@ -99,12 +83,10 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -99,12 +83,10 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
private regions$: BehaviorSubject<IRegions>; private regions$: BehaviorSubject<IRegions>;
private selectedSchools$: BehaviorSubject<Array<IRegionSchool>> = new BehaviorSubject(Array()); private selectedSchools$: BehaviorSubject<Array<IRegionSchool>> = new BehaviorSubject(Array());
private sectorFields$: BehaviorSubject<ISectorFields>; private sectorFields$: BehaviorSubject<ISectorFields>;
private studentDataFields$: BehaviorSubject<IStudentDataFields>;
private epalclasses$: BehaviorSubject<IEpalClasses>; private epalclasses$: BehaviorSubject<IEpalClasses>;
private sectorsSub: Subscription; private sectorsSub: Subscription;
private regionsSub: Subscription; private regionsSub: Subscription;
private sectorFieldsSub: Subscription; private sectorFieldsSub: Subscription;
private studentDataFieldsSub: Subscription;
private courseActive = "-1"; private courseActive = "-1";
private numSelectedSchools = <number>0; private numSelectedSchools = <number>0;
private numSelectedOrder = <number>0; private numSelectedOrder = <number>0;
...@@ -119,7 +101,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -119,7 +101,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
this.sectors$ = new BehaviorSubject(SECTOR_COURSES_INITIAL_STATE); this.sectors$ = new BehaviorSubject(SECTOR_COURSES_INITIAL_STATE);
this.sectorFields$ = new BehaviorSubject(SECTOR_FIELDS_INITIAL_STATE); this.sectorFields$ = new BehaviorSubject(SECTOR_FIELDS_INITIAL_STATE);
this.studentDataFields$ = new BehaviorSubject(STUDENT_DATA_FIELDS_INITIAL_STATE);
}; };
ngOnInit() { ngOnInit() {
...@@ -168,13 +149,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -168,13 +149,6 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
return state.sectorFields; return state.sectorFields;
}).subscribe(this.sectorFields$); }).subscribe(this.sectorFields$);
this.studentDataFieldsSub = this._ngRedux.select(state => {
state.studentDataFields.reduce(({}, studentDataField) => {
return studentDataField;
}, {});
return state.studentDataFields;
}).subscribe(this.studentDataFields$);
this._ngRedux.select(state => { this._ngRedux.select(state => {
state.epalclasses.reduce(({}, epalclass) => { state.epalclasses.reduce(({}, epalclass) => {
if (epalclass.name === "Α' Λυκείου") if (epalclass.name === "Α' Λυκείου")
...@@ -205,13 +179,10 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields ...@@ -205,13 +179,10 @@ import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields
this.sectorsSub.unsubscribe(); this.sectorsSub.unsubscribe();
if (this.sectorFieldsSub) if (this.sectorFieldsSub)
this.sectorFieldsSub.unsubscribe(); this.sectorFieldsSub.unsubscribe();
if (this.studentDataFieldsSub)
this.studentDataFieldsSub.unsubscribe();
this.regions$.unsubscribe(); this.regions$.unsubscribe();
this.epalclasses$.unsubscribe(); this.epalclasses$.unsubscribe();
this.sectors$.unsubscribe(); this.sectors$.unsubscribe();
this.sectorFields$.unsubscribe(); this.sectorFields$.unsubscribe();
this.studentDataFields$.unsubscribe();
} }
} }
...@@ -11,22 +11,29 @@ import { ICriter } from '../../store/criteria/criteria.types'; ...@@ -11,22 +11,29 @@ import { ICriter } from '../../store/criteria/criteria.types';
import { ISectors } from '../../store/sectorcourses/sectorcourses.types'; import { ISectors } from '../../store/sectorcourses/sectorcourses.types';
import { ISectorFields } from '../../store/sectorfields/sectorfields.types'; import { ISectorFields } from '../../store/sectorfields/sectorfields.types';
import { IEpalClasses } from '../../store/epalclasses/epalclasses.types'; import { IEpalClasses } from '../../store/epalclasses/epalclasses.types';
import { ILoginInfo } from '../../store/logininfo/logininfo.types';
import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields/studentdatafields.initial-state'; import { STUDENT_DATA_FIELDS_INITIAL_STATE } from '../../store/studentdatafields/studentdatafields.initial-state';
import { CRITERIA_INITIAL_STATE } from '../../store/criteria/criteria.initial-state'; import { CRITERIA_INITIAL_STATE } from '../../store/criteria/criteria.initial-state';
import { REGION_SCHOOLS_INITIAL_STATE } from '../../store/regionschools/regionschools.initial-state'; import { REGION_SCHOOLS_INITIAL_STATE } from '../../store/regionschools/regionschools.initial-state';
import { EPALCLASSES_INITIAL_STATE } from '../../store/epalclasses/epalclasses.initial-state'; import { EPALCLASSES_INITIAL_STATE } from '../../store/epalclasses/epalclasses.initial-state';
import { SECTOR_COURSES_INITIAL_STATE } from '../../store/sectorcourses/sectorcourses.initial-state'; import { SECTOR_COURSES_INITIAL_STATE } from '../../store/sectorcourses/sectorcourses.initial-state';
import { SECTOR_FIELDS_INITIAL_STATE } from '../../store/sectorfields/sectorfields.initial-state'; import { SECTOR_FIELDS_INITIAL_STATE } from '../../store/sectorfields/sectorfields.initial-state';
import { LOGININFO_INITIAL_STATE } from '../../store/logininfo/logininfo.initial-state';
import { Student, StudentEpalChosen, StudentCourseChosen, StudentSectorChosen, StudentCriteriaChosen } from '../students/student'; import { Student, StudentEpalChosen, StudentCourseChosen, StudentSectorChosen, StudentCriteriaChosen } from '../students/student';
import {AppSettings} from '../../app.settings'; import {AppSettings} from '../../app.settings';
import { ILoginInfo, ILoginInfoToken } from '../../store/logininfo/logininfo.types';
import { LOGININFO_INITIAL_STATE } from '../../store/logininfo/logininfo.initial-state';
import { EpalClassesActions } from '../../actions/epalclass.actions';
import { SectorFieldsActions } from '../../actions/sectorfields.actions';
import { RegionSchoolsActions } from '../../actions/regionschools.actions';
import { SectorCoursesActions } from '../../actions/sectorcourses.actions';
import { CriteriaActions } from '../../actions/criteria.actions';
import { StudentDataFieldsActions } from '../../actions/studentdatafields.actions';
import { HelperDataService } from '../../services/helper-data-service';
@Component({ @Component({
selector: 'application-submit', selector: 'application-submit',
template: ` template: `
<div class = "loading" *ngIf="(studentDataFields$ | async).size === 0 || (criteria$ | async).size === 0 || (regions$ | async).size === 0 || (epalclasses$ | async).size === 0 || (loginInfo$ | async).size === 0 || (showLoader | async) === true"></div> <div class = "loading" *ngIf="(studentDataFields$ | async).size === 0 || (criteria$ | async).size === 0 || (regions$ | async).size === 0 || (epalclasses$ | async).size === 0 || (loginInfo$ | async).size === 0 || (showLoader | async) === true"></div>
<div id="studentFormSentNotice" (onHidden)="onHidden()" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div id="studentFormSentNotice" (onHidden)="onHidden()" class="modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header modal-header-success"> <div class="modal-header modal-header-success">
...@@ -39,7 +46,7 @@ import {AppSettings} from '../../app.settings'; ...@@ -39,7 +46,7 @@ import {AppSettings} from '../../app.settings';
<p>{{ modalText | async }}</p> <p>{{ modalText | async }}</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Κλείσιμο</button> <button type="button" class="btn btn-default pull-left" data-dismiss="modal" (click)="hideModal()">Κλείσιμο</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -83,7 +90,15 @@ import {AppSettings} from '../../app.settings'; ...@@ -83,7 +90,15 @@ import {AppSettings} from '../../app.settings';
public isModalShown: BehaviorSubject<boolean>; public isModalShown: BehaviorSubject<boolean>;
private showLoader: BehaviorSubject<boolean>; private showLoader: BehaviorSubject<boolean>;
constructor(private _ngRedux: NgRedux<IAppState>, constructor(
private _hds: HelperDataService,
private _csa: SectorCoursesActions,
private _sfa: SectorFieldsActions,
private _rsa: RegionSchoolsActions,
private _eca: EpalClassesActions,
private _sdfa: StudentDataFieldsActions,
private _cria: CriteriaActions,
private _ngRedux: NgRedux<IAppState>,
private router: Router, private router: Router,
private http: Http private http: Http
) { ) {
...@@ -257,17 +272,30 @@ import {AppSettings} from '../../app.settings'; ...@@ -257,17 +272,30 @@ import {AppSettings} from '../../app.settings';
.map((res: Response) => res.json()) .map((res: Response) => res.json())
.subscribe( .subscribe(
success => { success => {
(<any>$('.loading')).remove();
this.showLoader.next(false);
this.modalTitle.next("Υποβολή Αίτησης Εγγραφής"); this.modalTitle.next("Υποβολή Αίτησης Εγγραφής");
this.modalText.next("Η υποβολή της αίτησής σας πραγματοποιήθηκε. Μπορείτε να την εκτυπώσετε από την επιλογή 'Εξαγωγή σε PDF'. Θα ειδοποιηθείτε στο e-mail που δηλώσατε για την εξέλιξη της αίτησής σας"); this.modalText.next("Η υποβολή της αίτησής σας πραγματοποιήθηκε. Μπορείτε να την εκτυπώσετε από την επιλογή 'Εμφάνιση - Εκτύπωση Αίτησης'. Θα ειδοποιηθείτε στο e-mail που δηλώσατε για την εξέλιξη της αίτησής σας");
this._eca.initEpalClasses();
this._sfa.initSectorFields();
this._rsa.initRegionSchools();
this._csa.initSectorCourses();
this._sdfa.initStudentDataFields();
this._cria.initCriteria();
console.log("success post");
this.showModal(); this.showModal();
console.log("success post"); }, },
error => { error => {
(<any>$('.loading')).remove();
this.showLoader.next(false);
this.modalTitle.next("Υποβολή Αίτησης Εγγραφής"); this.modalTitle.next("Υποβολή Αίτησης Εγγραφής");
this.modalText.next("Η υποβολή της αίτησής σας απέτυχε. Παρακαλούμε προσπαθήστε πάλι και αν το πρόβλημα συνεχίσει να υφίσταται, επικοινωνήστε με την ομάδα υποστήριξης"); this.modalText.next("Η υποβολή της αίτησής σας απέτυχε. Παρακαλούμε προσπαθήστε πάλι και αν το πρόβλημα συνεχίσει να υφίσταται, επικοινωνήστε με την ομάδα υποστήριξης");
this.showLoader.next(false);
this.showModal(); this.showModal();
console.log("Error HTTP POST Service")}, console.log("Error HTTP POST Service")},
() => { () => {
console.log("write this message anyway"); console.log("write this message anyway");
(<any>$('.loading')).remove();
this.showLoader.next(false); this.showLoader.next(false);
}, },
...@@ -280,11 +308,16 @@ import {AppSettings} from '../../app.settings'; ...@@ -280,11 +308,16 @@ import {AppSettings} from '../../app.settings';
} }
public hideModal():void { public hideModal():void {
console.log("going to post-submit from hide()");
(<any>$('#studentFormSentNotice')).modal('hide'); (<any>$('#studentFormSentNotice')).modal('hide');
//(<any>$('.modal-backdrop')).remove();
this.router.navigate(['/post-submit']);
} }
public onHidden():void { public onHidden():void {
this.isModalShown.next(false); this.isModalShown.next(false);
console.log("going to post-submit");
this.router.navigate(['/post-submit']);
} }
} }
...@@ -34,10 +34,10 @@ import {AppSettings} from '../../app.settings'; ...@@ -34,10 +34,10 @@ import {AppSettings} from '../../app.settings';
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-md-12 col-md-offset-5"> <div class="col-md-12 col-md-offset-5">
<button type="button" class="btn-primary btn-lg pull-right" (click)="saveSelected()"> <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="saveSelected()">
<i class="fa fa-forward"></i> <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
</button> </button>
</div> </div>
</div> </div>
......
...@@ -34,14 +34,14 @@ import {AppSettings} from '../../app.settings'; ...@@ -34,14 +34,14 @@ import {AppSettings} from '../../app.settings';
<option value=1>Α’ Λυκείου</option> <option value=1>Α’ Λυκείου</option>
<option value=2>Β’ Λυκείου</option> <option value=2>Β’ Λυκείου</option>
<option value=3>Γ' Λυκείου / Δ' Λυκείου</option> <option value=3>Γ' Λυκείου / Δ' Λυκείου</option>
</select> </select>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12 col-md-offset-5"> <div class="col-md-12 col-md-offset-5">
<button type="button" class="btn-primary btn-lg pull-right" (click)="saveSelected()"> <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="saveSelected()">
<i class="fa fa-forward"></i> <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
</button> </button>
</div> </div>
</div> </div>
......
...@@ -118,9 +118,9 @@ ...@@ -118,9 +118,9 @@
<div class="row" *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)"> <div class="row" *ngIf="!(userEmailEnabled | async) && (verificationCodeVerified | async)">
<div class="col-md-12"> <div class="col-md-12">
<button type="button" class="btn-primary btn-sm pull-right" (click)="saveProfileAndContinue()" [disabled]="((userEmailEnabled | async) && !(verificationCodeVerified | async))"> <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="saveProfileAndContinue()" [disabled]="((userEmailEnabled | async) && !(verificationCodeVerified | async))" >
Συνέχεια <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
<i class="fa fa-forward"></i> </button> </button>
</div> </div>
</div> </div>
</form> </form>
......
...@@ -66,15 +66,15 @@ import {AppSettings} from '../../app.settings'; ...@@ -66,15 +66,15 @@ import {AppSettings} from '../../app.settings';
</div> </div>
</ul> </ul>
</div> </div>
<div class="row" style="margin-top: 20px;" *ngIf="(regions$ | async).size > 0"> <div class="row" style="margin-top: 20px; margin-bottom: 20px;" *ngIf="(regions$ | async).size > 0">
<div class="col-md-6"> <div class="col-md-6">
<button type="button" class="btn-primary btn-lg pull-left" (click)="navigateBack()" > <button type="button" class="btn-primary btn-lg pull-left isclickable" (click)="navigateBack()" >
<i class="fa fa-backward"></i> <i class="fa fa-backward"></i>
</button> </button>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<button type="button" class="btn-primary btn-lg pull-right" (click)="navigateToApplication()" [disabled] = "(selectionLimitOptional | async) === false && (numSelected | async) < (selectionLimit | async)" > <button type="button" class="btn-primary btn-lg pull-right isclickable" style="width: 9em;" (click)="navigateToApplication()" [disabled] = "(selectionLimitOptional | async) === false && (numSelected | async) < (selectionLimit | async)">
<i class="fa fa-forward"></i> <span style="font-size: 0.9em; font-weight: bold;">Συνέχεια&nbsp;&nbsp;&nbsp;</span><i class="fa fa-forward"></i>
</button> </button>
</div>