smart-house-frontend
Version:
2 lines • 8.3 kB
JavaScript
webpackJsonp([7],{614:function(e,t,n){"use strict";var r=this&&this.__decorate||function(e,t,n,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);return a>3&&s&&Object.defineProperty(t,n,s),s},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(3),s=n(29),i=n(389),l=n(387),c=n(77),d=n(615),u=n(619),f=function(){function t(){}return t=r([a.NgModule({id:e.id,imports:[s.RouterModule,i.FormsModule,l.SharedModule,d.routing],declarations:u.default.slice(),exports:u.default.slice(),providers:[c.AuthService]}),o("design:paramtypes",[])],t)}();t.RegistrationModule=f},615:function(e,t,n){"use strict";var r=n(29),o=n(616);t.routes=[{path:"",component:o.RegistrationComponent}],t.routing=r.RouterModule.forChild(t.routes)},616:function(e,t,n){"use strict";var r=this&&this.__decorate||function(e,t,n,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);return a>3&&s&&Object.defineProperty(t,n,s),s},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(3),s=n(29),i=n(77),l=function(){function e(e,t){this.authService=e,this.router=t,this.error="",this.user={name:"",email:"",password:"",passwordConfirm:""}}return e.prototype.goToHomePage=function(){this.router.navigate(["/"])},e.prototype.save=function(){var e=this;this.registrationSubscription=this.authService.register(this.user).subscribe(function(){e.goToHomePage()},function(t){e.error=t.json().error||"Unable to register"})},e.prototype.ngOnDestroy=function(){this.registrationSubscription&&this.registrationSubscription.unsubscribe()},e=r([a.Component({template:n(617),styles:[n(618)],selector:"sh-registration"}),o("design:paramtypes",["function"==typeof(t="undefined"!=typeof i.AuthService&&i.AuthService)&&t||Object,"function"==typeof(l="undefined"!=typeof s.Router&&s.Router)&&l||Object])],e);var t,l}();t.RegistrationComponent=l},617:function(e,t){e.exports='<div class="row">\n <div class="col m3"></div>\n <div class="col m6 section">\n <h2>Registration</h2><br />\n <div class="red-text text-darken-4">{{error}}</div>\n <form class="registration" (ngSubmit)="save()" #regForm="ngForm" novalidate>\n <label class="registration__label">\n Username: <b class="red-text">*</b>\n <input [(ngModel)]="user.name"\n name="name"\n #name="ngModel"\n class="registration__field black-text"\n type="text"\n required\n minlength="5"\n maxlength="12"\n pattern="^[a-zA-Z0-9]*$"\n />\n <div *ngIf="name.touched && name.errors" class="red-text text-darken-4">\n <span *ngIf="name.errors.required">Username should be filled</span>\n <span *ngIf="name.errors.minlength && !name.errors.pattern">Username is too short</span>\n <span *ngIf="name.errors.maxlength && !name.errors.pattern">Username is too long</span>\n <span *ngIf="name.errors.pattern">Username can contain only letters or digits</span>\n </div>\n </label>\n\n <label class="registration__label">\n Email: <b class="red-text">*</b>\n <input [(ngModel)]="user.email"\n name="email"\n #email="ngModel"\n class="registration__field black-text"\n type="text"\n pattern="^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+(\\.[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$"\n required\n />\n <div *ngIf="email.touched && email.errors" class="red-text text-darken-4">\n <span *ngIf="email.errors.required">Email should be filled</span>\n <span *ngIf="email.errors.pattern">Email has an invalid format</span>\n </div>\n </label>\n\n <label class="registration__label">\n Password: <b class="red-text">*</b>\n <input [(ngModel)]="user.password"\n name="password"\n #password="ngModel"\n class="registration__field black-text"\n autocomplete="new-password"\n type="password"\n minlength="8"\n required\n />\n <div *ngIf="password.touched && password.errors" class="red-text text-darken-4">\n <span *ngIf="password.errors.required">Password should be filled</span>\n <span *ngIf="password.errors.minlength">Password must have at least 8 characters</span>\n </div>\n </label>\n\n <label class="registration__label">\n Password confirmation: <b class="red-text">*</b>\n <input [(ngModel)]="user.passwordConfirm"\n name="passwordConfirm"\n #passwordConfirm="ngModel"\n shEqualTo="{{user.password}}"\n class="registration__field black-text"\n type="password"\n required\n />\n <div *ngIf="passwordConfirm.touched && passwordConfirm.errors" class="red-text text-darken-4">\n <span *ngIf="passwordConfirm.errors.required" >Password confirmation should be filled</span>\n <span *ngIf="passwordConfirm.errors.equalTo">Value entered in Confirm password field is not correct</span>\n </div>\n </label>\n\n <button class="registration__button waves-effect waves-light btn blue-grey darken-1" type="submit"\n [disabled]="!regForm.form.valid">SUBMIT</button>\n <button class="registration__button btn btn-flat" type="button"\n (click)="goToHomePage()">Cancel</button>\n </form>\n </div>\n</div>\n'},618:function(e,t){e.exports=".registration__label{display:block;margin-bottom:10px}.registration__field{margin:0}.registration__field-error-message{margin-bottom:10px}.registration__button{width:100%;margin:10px 0 20px}\n"},619:function(e,t,n){"use strict";var r=n(616),o=n(620);Object.defineProperty(t,"__esModule",{value:!0}),t.default=[r.RegistrationComponent,o.EqualToDirective]},620:function(e,t,n){"use strict";var r=this&&this.__decorate||function(e,t,n,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);return a>3&&s&&Object.defineProperty(t,n,s),s},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(3),s=n(389),i=function(){function e(){this.invalidResult={equalTo:{valid:!1}}}return e.prototype.ngOnChanges=function(e){if(e.equalTo&&this.control){var t=this.validate(this.control);this.control.setErrors(t)}},e.prototype.validator=function(e){var t=e&&e.value!==this.equalTo;return t?this.invalidResult:null},e.prototype.validate=function(e){return this.control=e,this.validator(e)},r([a.Input("shEqualTo"),o("design:type",String)],e.prototype,"equalTo",void 0),e=r([a.Directive({selector:"[shEqualTo]",providers:[{provide:s.NG_VALIDATORS,useExisting:e,multi:!0}]}),o("design:paramtypes",[])],e)}();t.EqualToDirective=i}});
//# sourceMappingURL=7.map