您好
2 |
3 |
6 | 您已經驗證過了，是否需要再次驗證?
4 | 提醒：您可使用最後的驗證簡訊再次登入 5 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/app/user/user-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { LoginComponent } from './login/login.component';
5 |
6 | const routes: Routes = [
7 | { path: 'login', component: LoginComponent },
8 | ]
9 |
10 | @NgModule({
11 | imports: [RouterModule.forChild(routes)],
12 | exports: [RouterModule]
13 | })
14 | export class UserRoutingModule { }
15 |
--------------------------------------------------------------------------------
/src/app/user/user.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { UserService } from './user.service';
4 |
5 | describe('UserService', () => {
6 | let service: UserService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(UserService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/user/model/token.ts:
--------------------------------------------------------------------------------
1 | export class Token {
2 | private _token: string;
3 | private _expire: Date;
4 |
5 | public get token(): string {
6 | return this._token;
7 | }
8 | public set token(value: string) {
9 | this._token = value;
10 | }
11 |
12 | public get expire(): Date {
13 | return this._expire;
14 | }
15 | public set expire(value: Date) {
16 | this._expire = value;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/qr/models/nhi-user.ts:
--------------------------------------------------------------------------------
1 | export class NhiUser {
2 | private _name: string;
3 | private _id_card: string;
4 |
5 | public get name(): string {
6 | return this._name;
7 | }
8 | public set name(value: string) {
9 | this._name = value.trim();
10 | }
11 |
12 | public get id_card(): string {
13 | return this._id_card;
14 | }
15 | public set id_card(value: string) {
16 | this._id_card = value;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 |
5 | # You can see what browsers were selected by your queries by running:
6 | # npx browserslist
7 |
8 | > 0.5%
9 | last 2 versions
10 | Firefox ESR
11 | not dead
12 | not IE 9-11 # For IE 9-11 support, remove 'not'.
--------------------------------------------------------------------------------
/src/app/user/model/department.ts:
--------------------------------------------------------------------------------
1 | export class Department {
2 | private _id; number;
3 | private _department: string;
4 |
5 | public get id(): number {
6 | return this._id;
7 | }
8 | public set id(value: number) {
9 | this._id = value;
10 | }
11 |
12 | public get department(): string {
13 | return this._department;
14 | }
15 | public set department(value: string) {
16 | this._department = value;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { LoginComponent } from './user/login/login.component';
5 |
6 | const routes: Routes = [
7 | { path: '', component: LoginComponent },
8 | { path: 't/:token', component: LoginComponent },
9 | ];
10 |
11 | @NgModule({
12 | imports: [RouterModule.forRoot(routes)],
13 | exports: [RouterModule]
14 | })
15 | export class AppRoutingModule { }
16 |
--------------------------------------------------------------------------------
/src/app/qr/scan/scan.component.scss:
--------------------------------------------------------------------------------
1 | @import '~@angular/material/theming';
2 |
3 | #toolbar {
4 | @include mat-elevation(4);
5 | height: 10vh;
6 | }
7 |
8 | .form-field {
9 | width: 100%;
10 | }
11 |
12 | .scan-page {
13 | height: auto;
14 | width: 80%;
15 | max-width: 800px;
16 | margin: 20px auto;
17 | }
18 |
19 | .toolbar-text {
20 | font-size: 5vmin;
21 | }
22 |
23 | .spacer {
24 | flex: 1 1 auto;
25 | }
26 |
27 | .info-container {
28 | display: flex;
29 | width: 100%;
30 | }
31 |
--------------------------------------------------------------------------------
/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 |
3 | html, body { height: 100%; }
4 | body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
5 |
6 | @import '~@angular/material/theming';
7 |
8 | // Include material core styles.
9 | @include mat-core();
10 |
11 | // Define the light theme
12 | $primary: mat-palette($mat-cyan);
13 | $accent: mat-palette($mat-amber, A200, A100, A400);
14 |
15 | $theme: mat-light-theme($primary, $accent);
16 |
17 | @include angular-material-theme($theme);
--------------------------------------------------------------------------------
/src/app/check-update-bottom-sheet/check-update-bottom-sheet.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
3 |
4 | @Component({
5 | selector: 'app-check-update-bottom-sheet',
6 | templateUrl: './check-update-bottom-sheet.component.html',
7 | })
8 | export class CheckUpdateBottomSheetComponent {
9 |
10 | constructor(
11 | private bottomSheetRef: MatBottomSheetRef登錄成功
2 |
3 | 實名登記 APP
4 | 訪客：{{ visit.guest.name }}
5 | 洽公單位：{{ visit.department_employee.department.department }}
6 | 接待人員：{{ visit.department_employee.employee.name }}
7 | 地點：{{ visit.location?.building.building }} {{ visit.location?.location }}
8 | 同行者人數：{{ visit?.followers.length }} 人 9 |
10 | 4 | 訪客：{{ visit.guest.name }}
5 | 洽公單位：{{ visit.department_employee.department.department }}
6 | 接待人員：{{ visit.department_employee.employee.name }}
7 | 地點：{{ visit.location?.building.building }} {{ visit.location?.location }}
8 | 同行者人數：{{ visit?.followers.length }} 人 9 |
11 | 臺中 e 指通
12 | 洽公單位：{{ tcpass.department_employee.department.department }}
13 | 接待人員：{{ tcpass.department_employee.employee.name }}
14 | 地點：{{ tcpass.location?.building.building }} {{ tcpass.location?.location }}
15 |
16 | 12 | 洽公單位：{{ tcpass.department_employee.department.department }}
13 | 接待人員：{{ tcpass.department_employee.employee.name }}
14 | 地點：{{ tcpass.location?.building.building }} {{ tcpass.location?.location }}
15 |
17 | {{ closeTime }} 秒後關閉視窗
18 |
19 |
--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/zone-testing';
4 | import { getTestBed } from '@angular/core/testing';
5 | import {
6 | BrowserDynamicTestingModule,
7 | platformBrowserDynamicTesting
8 | } from '@angular/platform-browser-dynamic/testing';
9 |
10 | declare const require: {
11 | context(path: string, deep?: boolean, filter?: RegExp): {
12 | keys(): string[];
13 | 第一次進行身分驗證，需先完成資料登錄
6 | 28 | -------------------------------------------------------------------------------- /src/app/auth.guard.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router'; 3 | import { Observable } from 'rxjs'; 4 | 5 | import { UserService } from './user/user.service'; 6 | import { UserType } from './user/model/user'; 7 | 8 | @Injectable({ 9 | providedIn: 'root' 10 | }) 11 | export class AuthGuard implements CanActivate { 12 | constructor( 13 | private router: Router, 14 | private userService: UserService, 15 | ) {} 16 | 17 | canActivate( 18 | next: ActivatedRouteSnapshot, 19 | state: RouterStateSnapshot): Observable
22 |
23 |
24 | ![]()
25 |
26 |
27 |
28 |
29 |
32 | {{ follower }}
33 | cancel
34 |
35 |
41 |
42 |
43 |
44 | {{ follower }}
45 |
46 |
47 |
48 |
52 |
53 |
54 |
55 |
56 |
60 |
20 |
21 |
45 |
52 | 條碼輸入
53 |
54 | 註：可直接輸入身分(或居留)證號後按Enter
55 |
56 |
57 |
58 |
61 |
64 |
65 |
66 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/guide/browser-support
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
22 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
23 |
24 | /**
25 | * Web Animations `@angular/platform-browser/animations`
26 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
27 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
28 | */
29 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
30 |
31 | /**
32 | * By default, zone.js will patch all possible macroTask and DomEvents
33 | * user can disable parts of macroTask/DomEvents patch by setting following flags
34 | * because those flags need to be set before `zone.js` being loaded, and webpack
35 | * will put import in the top of bundle, so user need to create a separate file
36 | * in this directory (for example: zone-flags.ts), and put the following flags
37 | * into that file, and then add the following code before importing zone.js.
38 | * import './zone-flags';
39 | *
40 | * The flags allowed in zone-flags.ts are listed here.
41 | *
42 | * The following flags will work for all browsers.
43 | *
44 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
45 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
46 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
47 | *
48 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
49 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
50 | *
51 | * (window as any).__Zone_enable_cross_context_check = true;
52 | *
53 | */
54 |
55 | /***************************************************************************************************
56 | * Zone JS is required by default for Angular itself.
57 | */
58 | import 'zone.js/dist/zone'; // Included with Angular CLI.
59 |
60 |
61 | /***************************************************************************************************
62 | * APPLICATION IMPORTS
63 | */
64 |
--------------------------------------------------------------------------------
/src/app/qr/scan/guest-register-dialog/guest-register-dialog.component.ts:
--------------------------------------------------------------------------------
1 | import { HttpErrorResponse } from '@angular/common/http';
2 | import { Component, Inject, OnInit } from '@angular/core';
3 | import { FormGroup, FormBuilder, Validators } from '@angular/forms';
4 | import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
5 |
6 | import { UserService } from '../../../user/user.service';
7 | import { Result } from '../../../model/result';
8 | import { User } from '../../../user/model/user';
9 | import { Guest } from '../../../user/model/guest';
10 |
11 | @Component({
12 | selector: 'app-guest-register-dialog',
13 | templateUrl: './guest-register-dialog.component.html',
14 | styleUrls: ['./guest-register-dialog.component.scss']
15 | })
16 | export class GuestRegisterDialogComponent implements OnInit {
17 |
18 | registerGuestUserFormGroup: FormGroup;
19 |
20 | constructor(
21 | public dialogRef: MatDialogRef
22 |
23 |
24 |
26 |
27 | {{ location.location }}
28 |
29 |
30 |
31 |
32 |
33 |
37 |
38 |
42 |
43 |
44 |
2 |
7 |
8 |
10 |
11 |
96 |
97 |
98 |
112 |
113 |
114 |
115 |
116 |
121 |
122 |
123 |
--------------------------------------------------------------------------------
/src/app/user/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { HttpErrorResponse } from '@angular/common/http';
2 | import { Component, OnInit } from '@angular/core';
3 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
4 | import { ActivatedRoute, Router, ParamMap } from '@angular/router';
5 | import { MatDialog } from '@angular/material/dialog';
6 | import { MatSnackBar } from '@angular/material/snack-bar';
7 | import { timer } from 'rxjs';
8 | import { map, takeWhile, switchMap } from 'rxjs/operators';
9 |
10 | import { UserService } from '../user.service';
11 | import { Result } from '../../model/result';
12 | import { User } from '../model/user';
13 | import { Guest } from '../model/guest';
14 | import { DuplicateVerificationDialogComponent } from './duplicate-verification-dialog/duplicate-verification-dialog.component';
15 |
16 | @Component({
17 | selector: 'app-login',
18 | templateUrl: './login.component.html',
19 | styleUrls: ['./login.component.scss']
20 | })
21 | export class LoginComponent implements OnInit {
22 | hide = true;
23 | verify = false;
24 | agreed = false;
25 | tabGroupIndex = 0;
26 | step = 0;
27 |
28 | otp_code = "";
29 | otp_ttl = 60;
30 |
31 | loginTccgUserFormGroup: FormGroup;
32 | registerGuestUserFormGroup: FormGroup;
33 |
34 | constructor(
35 | private activatedRoute: ActivatedRoute,
36 | private dialog: MatDialog,
37 | private formBuilder: FormBuilder,
38 | private router: Router,
39 | private snackBar: MatSnackBar,
40 | private userService: UserService,
41 | ) {
42 | let token;
43 |
44 | this.activatedRoute.queryParams.subscribe(params => {
45 | token = params['t'];
46 | });
47 |
48 | if (!token)
49 | token = this.activatedRoute.snapshot.paramMap.get('token');
50 |
51 | if (token) {
52 | this.loginGuestUser(token);
53 | }
54 |
55 | let account = localStorage.getItem("account");
56 | let password = localStorage.getItem("password");
57 |
58 | if ((account != null) && (password != null)) {
59 | this.loginTccgUser(account, password);
60 | return;
61 | }
62 |
63 | let phone_token = localStorage.getItem("phone_token");
64 | if (phone_token != null) {
65 | this.loginGuestUser(phone_token);
66 | }
67 | }
68 |
69 | ngOnInit() {
70 | this.loginTccgUserFormGroup = this.formBuilder.group({
71 | account: [
72 | null,
73 | Validators.required
74 | ],
75 | password: [
76 | null,
77 | Validators.required
78 | ]
79 | });
80 |
81 | this.registerGuestUserFormGroup = this.formBuilder.group({
82 | name: [
83 | null,
84 | Validators.required
85 | ],
86 | phone: [
87 | null,
88 | [Validators.required, Validators.pattern("09[0-9]{8}")]
89 | ],
90 | otp_code: [
91 | null,
92 | [Validators.pattern("[0-9]{4}")]
93 | ]
94 | });
95 | }
96 |
97 | agreedNotice() {
98 | this.agreed = true;
99 | this.nextStep();
100 | }
101 |
102 | loginTccgUser(account: string, password: string) {
103 | this.currentUser = null;
104 |
105 | this.userService.loginTccgUser(account, password)
106 | .subscribe({
107 | next: (value) => {
108 | localStorage.setItem("account", account)
109 | localStorage.setItem("password", password)
110 |
111 | this.loginTccgUserResultHandler(value)
112 | },
113 | error: (error) => {
114 | localStorage.removeItem("account");
115 | localStorage.removeItem("password");
116 |
117 | this.faultHandler(error);
118 | }
119 | });
120 | }
121 |
122 | loginGuestUser(phone_token: string) {
123 | this.currentUser = null;
124 |
125 | this.userService.loginGuestUser(phone_token)
126 | .subscribe({
127 | next: (value) => {
128 | localStorage.setItem("phone_token", phone_token);
129 | this.loginGuestUserResultHandler(value);
130 | },
131 | error: (error) => {
132 | localStorage.removeItem("phone_token");
133 | this.faultHandler(error);
134 | }
135 | });
136 | }
137 |
138 | registerGuestUser(name: string, phone: string) {
139 | this.currentUser = null;
140 |
141 | this.userService.registerGuestUser(name, phone)
142 | .subscribe({
143 | next: (value) => this.registerGuestUserResultHandler(value),
144 | error: (error) => this.registerGuestUserFaultHandler(error)
145 | });
146 | }
147 |
148 | sendGuestPhoneOTP(user_id: number, phone: string) {
149 | this.userService.sendGuestPhoneOTP(user_id, phone)
150 | .subscribe({
151 | next: (value) => this.sendGuestPhoneOTPResultHandler(value),
152 | error: (error) => this.faultHandler(error)
153 | });
154 | }
155 |
156 | verifyGuestUserPhoneOTP() {
157 | const guest = this.currentUser.guest;
158 | guest.phone_otp = this.registerGuestUserFormGroup.get("otp_code").value;
159 |
160 | this.userService.verifyGuestUserPhoneOTP(guest)
161 | .subscribe({
162 | next: (value) => this.verifyGuestUserPhoneOTPResultHandler(value),
163 | error: (error) => this.faultHandler(error)
164 | });
165 | }
166 |
167 | selectedIndexChangeHandler(index: number) {
168 | this.tabGroupIndex = index;
169 | }
170 |
171 | otpInputChangeHandler(value) {
172 | this.otp_code = value;
173 | }
174 |
175 | private loginTccgUserResultHandler(result: Result
3 |
6 |