overflow_cloud/member_webapp
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
sunny 2018-05-03 21:30:32 +09:00
parent e91c0efc7e
commit 77dd195550
6 changed files with 332 additions and 293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/packages/member/component/policy/policy.component.html
View File

@ -1,14 +1,10 @@
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12 ui-md-4"> <div class="ui-g-12">
<p-scrollPanel [style]="{width: '800px', height: '100%'}" styleClass="custombar1"> <p-scrollPanel [style]="{width: '800px', height: '100%'}">
<div style="padding:1em;line-height:1.5"> <div style="padding:1em;line-height:1.5">
<pre>
Privacy Policy Info
개인정보 취급방침 개인정보 취급방침
<pre>
“㈜와탭랩스”는(이하 “회사”는) 고객님의 개인정보를 중요시하며, “정보통신망 이용촉진 및 정보보호”에 관한 법률을 준수하고 있습니다. “㈜와탭랩스”는(이하 “회사”는) 고객님의 개인정보를 중요시하며, “정보통신망 이용촉진 및 정보보호”에 관한 법률을 준수하고 있습니다.
회사는 개인정보 취급방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보 보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다. 회사는 개인정보 취급방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보 보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.
@ -111,9 +107,9 @@
*개인정보에 관한 민원서비스 *개인정보에 관한 민원서비스
회사는 고객의 개인정보를 보호하고 원활한 운영을 위하여 아래와 책임자를 지정하고 있습니다. 회사는 고객의 개인정보를 보호하고 원활한 운영을 위하여 아래와 책임자를 지정하고 있습니다.
개인정보관리 책임자 : 조창현 개인정보관리 책임자 : loafle
전화번호 : 070-7151-1803 전화번호 : 031-460-5677
이메일 : support@whatap.io 이메일 : overflow@loafle.com

11
src/packages/member/component/reset-password/reset-password.component.html
View File

@ -1,4 +1,7 @@
<form [formGroup]="resetPassword" (ngSubmit)="sendResetPassword()"> <form [formGroup]="resetPassword" (ngSubmit)="sendResetPassword()">
<table class="login-table">
<tr>
<td>
<div class="card login-panel ui-fluid"> <div class="card login-panel ui-fluid">
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12"> <div class="ui-g-12">
@ -15,8 +18,8 @@
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12">
<button type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"> <button (click)="sendResetPassword()" type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span> <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-cached"></span>
<span class="ui-button-text ui-c">Reset Password</span> <span class="ui-button-text ui-c">Reset Password</span>
</button> </button>
@ -26,4 +29,8 @@
</div> </div>
</div> </div>
</div> </div>
</td>
</tr>
</table>
</form> </form>

6
src/packages/member/component/signin/signin.component.html
View File

@ -1,5 +1,8 @@
<form [formGroup]="signinForm" (ngSubmit)="signin()"> <form [formGroup]="signinForm" (ngSubmit)="signin()">
<table class="login-table">
<tr>
<td>
<div class="card login-panel ui-fluid"> <div class="card login-panel ui-fluid">
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12"> <div class="ui-g-12">
@ -26,4 +29,7 @@
</div> </div>
</div> </div>
</div> </div>
</td>
</tr>
</table>
</form> </form>

24
src/packages/member/component/signup/signup.component.html
View File

@ -1,18 +1,21 @@
<p-dialog header="Terms Of Use" [modal]="true" [width]="800" [(visible)]="termsDisplay" [showHeader]="true" [closeOnEscape]="false"> <p-dialog header="Terms Of Use" [modal]="true" [width]="800" [(visible)]="termsDisplay" [showHeader]="true" [closeOnEscape]="false">
<of-member-terms (close)="onTermsDisplayClose()"></of-member-terms> <of-member-terms (close)="onTermsDisplayClose()"></of-member-terms>
</p-dialog> </p-dialog>
<p-dialog header="Terms Of Use" [modal]="true" [width]="800" [(visible)]="policyDisplay" [showHeader]="true" [closeOnEscape]="false"> <p-dialog header="Privacy Policy Info" [modal]="true" [width]="800" [(visible)]="policyDisplay" [showHeader]="true" [closeOnEscape]="false">
<of-member-policy (close)="onPolicyDisplayClose()"></of-member-policy> <of-member-policy (close)="onPolicyDisplayClose()"></of-member-policy>
</p-dialog> </p-dialog>
<form [formGroup]="signupForm" (ngSubmit)="signup()"> <form [formGroup]="signupForm" (ngSubmit)="signup()">
<table class="login-table">
<tr>
<td>
<div class="card login-panel ui-fluid"> <div class="card login-panel ui-fluid">
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12"> <div class="ui-g-12">
<img src="assets/layout/images/overFlow_CI_blue_185.png"> <img src="assets/layout/images/overFlow_CI_blue_185.png">
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input type="email" <input type="email"
id="email" id="email"
@ -26,7 +29,7 @@
</div> </div>
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input type="password" <input type="password"
id="password" pInputText class="input ng-dirty ng-invalid" placeholder="Password" formControlName="password" id="password" pInputText class="input ng-dirty ng-invalid" placeholder="Password" formControlName="password"
@ -36,7 +39,7 @@
</div> </div>
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input id="pwConfirm" type="password" pInputText class="input ng-dirty ng-invalid" placeholder="Retype your password" formControlName="pwConfirm" <input id="pwConfirm" type="password" pInputText class="input ng-dirty ng-invalid" placeholder="Retype your password" formControlName="pwConfirm"
required> required>
@ -46,7 +49,7 @@
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input id="name" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Name" formControlName="name" required> <input id="name" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Name" formControlName="name" required>
<div *ngIf="name.touched && !name.valid" class="ui-message ui-messages-error ui-corner-all"> <div *ngIf="name.touched && !name.valid" class="ui-message ui-messages-error ui-corner-all">
@ -55,7 +58,7 @@
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input id="phone" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Phone" formControlName="phone" required> <input id="phone" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Phone" formControlName="phone" required>
<div *ngIf="phone.touched && !phone.valid" class="ui-message ui-messages-error ui-corner-all"> <div *ngIf="phone.touched && !phone.valid" class="ui-message ui-messages-error ui-corner-all">
@ -64,7 +67,7 @@
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield"> <span class="md-inputfield">
<input id="company" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Company" formControlName="company" required> <input id="company" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Company" formControlName="company" required>
<div *ngIf="company.touched && !company.valid" class="ui-message ui-messages-error ui-corner-all"> <div *ngIf="company.touched && !company.valid" class="ui-message ui-messages-error ui-corner-all">
@ -73,13 +76,13 @@
</span> </span>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<a href="javascript:void(0)" (click)="termsDisplayOpen()">Terms Of Use</a> <a href="javascript:void(0)" (click)="termsDisplayOpen()">Terms Of Use</a>
| |
<a href="javascript:void(0)" (click)="policyDisplayOpen()">Privacy Policy</a> <a href="javascript:void(0)" (click)="policyDisplayOpen()">Privacy Policy</a>
</div> </div>
<div class="ui-g-12"> <div class="ui-g-12 ui-g-padding-15">
<button type="submit" [disabled]="!signupForm.valid" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"> <button type="submit" [disabled]="!signupForm.valid" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span> <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
<span class="ui-button-text ui-c">Sign Up</span> <span class="ui-button-text ui-c">Sign Up</span>
@ -89,4 +92,7 @@
</div> </div>
</div> </div>
</div> </div>
</td>
</tr>
</table>
</form> </form>

5
src/packages/member/component/terms/terms.component.html
View File

@ -1,10 +1,9 @@
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12 ui-md-4"> <div class="ui-g-12">
<p-scrollPanel [style]="{width: '800px', height: '100%'}" styleClass="custombar1"> <p-scrollPanel [style]="{width: '800px', height: '100%'}">
<div style="padding:1em;line-height:1.5"> <div style="padding:1em;line-height:1.5">
Terms Of Use Info
이용약관 이용약관
<pre> <pre>
제 1 장 총칙 제 1 장 총칙

39
src/styles.scss
View File

@ -3,22 +3,47 @@
//auth style //auth style
.login-body { .login-body {
//background: url("../images/login/login.png") top left no-repeat #f7f7f7; //background: url("../images/login/login.png") top left no-repeat #f7f7f7;
background: url("/assets/layout/images/login11.jpg") top left no-repeat #f7f7f7 !important; background: url("/assets/layout/images/login11.jpg") center no-repeat #f7f7f7 !important;
margin: -100px 0 0 0 !important; margin: 0 !important;
padding: 100px 0 !important; padding: 0 !important;
height: 100% !important; min-height: 100vh !important;
background-repeat: no-repeat !important;
background-position: bottom !important;
background-size: cover !important; background-size: cover !important;
background-attachment: fixed !important;
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.login-body { .login-body {
//background: url("../images/login/login2x.png") top left no-repeat #f7f7f7; //background: url("../images/login/login2x.png") top left no-repeat #f7f7f7;
background: url("/assets/layout/images/login11.jpg") top left no-repeat #f7f7f7 !important; background: url("/assets/layout/images/login11.jpg") top left no-repeat #f7f7f7 !important;
} }
} }
.login-panel {
margin: 0 !important;
.ui-g {
.ui-g-12 {
a {
color: #5e6166;
font-size: 0.8em;
}
a:hover{
color: rgb(18, 86, 233);
}
}
.ui-g-12.ui-g-padding-15 {
padding: 15px 40px !important;
}
}
}
.login-table {
vertical-align: middle;
text-align: left;
margin-left: auto;
margin-right: auto;
margin: auto;
height: 100vh;
border-collapse: collapse;
border-spacing: 0;
}
.ui-button-secondary{ .ui-button-secondary{
background-color : #f5f6f8 !important; background-color : #f5f6f8 !important;
.ui-button-icon-left{ .ui-button-icon-left{