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

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

@ -1,5 +1,8 @@
<form [formGroup]="signinForm" (ngSubmit)="signin()">
<table class="login-table">
<tr>
<td>
<div class="card login-panel ui-fluid">
<div class="ui-g">
<div class="ui-g-12">
@ -26,4 +29,7 @@
</div>
</div>
</div>
</td>
</tr>
</table>
</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">
<of-member-terms (close)="onTermsDisplayClose()"></of-member-terms>
</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>
</p-dialog>
<form [formGroup]="signupForm" (ngSubmit)="signup()">
<table class="login-table">
<tr>
<td>
<div class="card login-panel ui-fluid">
<div class="ui-g">
<div class="ui-g-12">
<img src="assets/layout/images/overFlow_CI_blue_185.png">
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<input type="email"
id="email"
@ -26,7 +29,7 @@
</div>
</span>
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<input type="password"
id="password" pInputText class="input ng-dirty ng-invalid" placeholder="Password" formControlName="password"
@ -36,7 +39,7 @@
</div>
</span>
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<input id="pwConfirm" type="password" pInputText class="input ng-dirty ng-invalid" placeholder="Retype your password" formControlName="pwConfirm"
required>
@ -46,7 +49,7 @@
</span>
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<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">
@ -55,7 +58,7 @@
</span>
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<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">
@ -64,7 +67,7 @@
</span>
</div>
<div class="ui-g-12">
<div class="ui-g-12 ui-g-padding-15">
<span class="md-inputfield">
<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">
@ -73,13 +76,13 @@
</span>
</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)="policyDisplayOpen()">Privacy Policy</a>
</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">
<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>
@ -89,4 +92,7 @@
</div>
</div>
</div>
</td>
</tr>
</table>
</form>

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

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

39
src/styles.scss
View File

@ -3,22 +3,47 @@
//auth style
.login-body {
//background: url("../images/login/login.png") top left no-repeat #f7f7f7;
background: url("/assets/layout/images/login11.jpg") top left no-repeat #f7f7f7 !important;
margin: -100px 0 0 0 !important;
padding: 100px 0 !important;
height: 100% !important;
background-repeat: no-repeat !important;
background-position: bottom !important;
background: url("/assets/layout/images/login11.jpg") center no-repeat #f7f7f7 !important;
margin: 0 !important;
padding: 0 !important;
min-height: 100vh !important;
background-size: cover !important;
background-attachment: fixed !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.login-body {
//background: url("../images/login/login2x.png") top left no-repeat #f7f7f7;
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{
background-color : #f5f6f8 !important;
.ui-button-icon-left{