design
This commit is contained in:
sunny
parent
3a91566893
commit
f49c5d816b
BIN
src/assets/layout/images/login/login_img_01.png
Normal file
BIN
src/assets/layout/images/login/login_img_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
@ -1,46 +1,72 @@
|
|||||||
<form [formGroup]="modifyPwForm" (ngSubmit)="modifyPw()">
|
<div class="ui-g">
|
||||||
<table class="login-table">
|
<div class="ui-g-12 ui-md-9 ui-lg-7">
|
||||||
<tr>
|
<form [formGroup]="modifyPwForm" (ngSubmit)="modifyPw()">
|
||||||
<td>
|
<table class="login-table">
|
||||||
<div class="card login-panel ui-fluid">
|
<tr>
|
||||||
<div class="ui-g">
|
<td>
|
||||||
<div class="ui-g-12">
|
<div class="login-panel ui-fluid">
|
||||||
<img src="assets/layout/images/overFlow_CI_blue_185.png">
|
<div class="ui-g">
|
||||||
</div>
|
<div class="ui-g-12">
|
||||||
<div class="ui-g-12">
|
<img src="assets/layout/images/overFlow_CI_blue_185.png">
|
||||||
<span class="md-inputfield">
|
</div>
|
||||||
<input type="password"
|
<div class="ui-g-12">
|
||||||
id="pw"
|
<span class="md-inputfield">
|
||||||
autocomplete="off" placeholder="password"
|
<input type="password"
|
||||||
formControlName="pw"
|
id="pw"
|
||||||
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
autocomplete="off" placeholder="password"
|
||||||
</span>
|
formControlName="pw"
|
||||||
<div *ngIf="formErrors.pw" class="help is-danger">
|
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
||||||
{{ formErrors.pw }}
|
</span>
|
||||||
</div>
|
<div *ngIf="formErrors.pw" class="help is-danger">
|
||||||
</div>
|
{{ formErrors.pw }}
|
||||||
<div class="ui-g-12">
|
</div>
|
||||||
<span class="md-inputfield">
|
</div>
|
||||||
<input type="password"
|
<div class="ui-g-12">
|
||||||
id="confirmPw"
|
<span class="md-inputfield">
|
||||||
autocomplete="off" placeholder="confirm password"
|
<input type="password"
|
||||||
formControlName="confirmPw"
|
id="confirmPw"
|
||||||
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
autocomplete="off" placeholder="confirm password"
|
||||||
</span>
|
formControlName="confirmPw"
|
||||||
<div *ngIf="formErrors.confirmPw" class="help is-danger">
|
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
||||||
{{ formErrors.confirmPw }}
|
</span>
|
||||||
</div>
|
<div *ngIf="formErrors.confirmPw" class="help is-danger">
|
||||||
</div>
|
{{ formErrors.confirmPw }}
|
||||||
<div class="ui-g-12">
|
</div>
|
||||||
<button type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
|
</div>
|
||||||
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
|
<div class="ui-g-12">
|
||||||
<span class="ui-button-text ui-c">Confirm</span>
|
<button type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
|
||||||
</button>
|
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
|
||||||
<a href="javascript:void(0)" (click)="signinBtn()">Signin</a>
|
<span class="ui-button-text ui-c">Confirm</span>
|
||||||
</div>
|
</button>
|
||||||
</div>
|
<a href="javascript:void(0)" (click)="signinBtn()">Signin</a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</td>
|
||||||
</form>
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12 ui-md-3 ui-lg-5 login-descript">
|
||||||
|
<table class="login-table">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="login-panel ui-fluid">
|
||||||
|
<div class="ui-g">
|
||||||
|
<div class="ui-g-12">
|
||||||
|
<img src="assets/layout/images/login/login_img_01.png">
|
||||||
|
<p><br>
|
||||||
|
overFlow는 여러분의 서버에 발생하는<br>
|
||||||
|
변화를 항상 지켜보고 있습니다.<br><br>
|
||||||
|
|
||||||
|
서버에 발생하는 모든 변화를 세분화 하여<br>
|
||||||
|
실시간으로 알려 드립니다.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -1,36 +1,61 @@
|
|||||||
<form [formGroup]="resetPassword" (ngSubmit)="sendResetPassword()">
|
<div class="ui-g">
|
||||||
<table class="login-table">
|
<div class="ui-g-12 ui-md-9 ui-lg-7">
|
||||||
<tr>
|
<form [formGroup]="resetPassword" (ngSubmit)="sendResetPassword()">
|
||||||
<td>
|
<table class="login-table">
|
||||||
<div class="card login-panel ui-fluid">
|
<tr>
|
||||||
<div class="ui-g">
|
<td>
|
||||||
<div class="ui-g-12">
|
<div class="login-panel ui-fluid">
|
||||||
<!--img src="assets/layout/images/logo-ultima.svg" -->
|
<div class="ui-g">
|
||||||
<img src="assets/layout/images/overFlow_CI_blue_185.png">
|
<div class="ui-g-12">
|
||||||
</div>
|
<!--img src="assets/layout/images/logo-ultima.svg" -->
|
||||||
<div class="ui-g-12">
|
<img src="assets/layout/images/overFlow_CI_blue_185.png">
|
||||||
<span class="md-inputfield">
|
</div>
|
||||||
<input type="email" id="email" autocomplete="off" placeholder="Please enter your email" formControlName="email" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
<div class="ui-g-12">
|
||||||
</span>
|
<span class="md-inputfield">
|
||||||
<div *ngIf="formErrors.email" class="help is-danger">
|
<input type="email" id="email" autocomplete="off" placeholder="Please enter your email" formControlName="email" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
||||||
{{ formErrors.email }}
|
</span>
|
||||||
|
<div *ngIf="formErrors.email" class="help is-danger">
|
||||||
|
{{ formErrors.email }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui-g-12">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<a href="/auth/signin" >Sign In</a>
|
||||||
|
|
|
||||||
|
<a href="/auth/signup" >Sign Up</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12 ui-md-3 ui-lg-5 login-descript">
|
||||||
|
<table class="login-table">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="login-panel ui-fluid">
|
||||||
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
<button (click)="sendResetPassword()" type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
|
<img src="assets/layout/images/login/login_img_01.png">
|
||||||
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-cached"></span>
|
<p><br>
|
||||||
<span class="ui-button-text ui-c">Reset Password</span>
|
overFlow는 여러분의 서버에 발생하는<br>
|
||||||
</button>
|
변화를 항상 지켜보고 있습니다.<br><br>
|
||||||
|
|
||||||
<a href="/auth/signin" >Sign In</a>
|
서버에 발생하는 모든 변화를 세분화 하여<br>
|
||||||
|
|
실시간으로 알려 드립니다.
|
||||||
<a href="/auth/signup" >Sign Up</a>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</div>
|
||||||
|
</div>
|
||||||
@ -1,34 +1,60 @@
|
|||||||
<form [formGroup]="signinForm" (ngSubmit)="signin()">
|
<div class="ui-g">
|
||||||
<table class="login-table">
|
<div class="ui-g-12 ui-md-9 ui-lg-7">
|
||||||
<tr>
|
<form [formGroup]="signinForm" (ngSubmit)="signin()">
|
||||||
<td>
|
<table class="login-table">
|
||||||
<div class="card login-panel ui-fluid">
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="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">
|
||||||
|
<span class="md-inputfield">
|
||||||
|
<input type="email" id="email" autocomplete="off" placeholder="email" formControlName="email" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12">
|
||||||
|
<span class="md-inputfield">
|
||||||
|
<input type="password" id="password" autocomplete="off" placeholder="password" formControlName="password" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
||||||
|
</span>
|
||||||
|
</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>
|
||||||
|
<span class="ui-button-text ui-c">Sign In</span>
|
||||||
|
</button>
|
||||||
|
<a href="javascript:void(0)" (click)="resetPasswordBtnClick()">Forgot Password</a>
|
||||||
|
|
|
||||||
|
<a href="javascript:void(0)" (click)="signupBtnClick()">Sign Up</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12 ui-md-3 ui-lg-5 login-descript">
|
||||||
|
<table class="login-table">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="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/login/login_img_01.png">
|
||||||
</div>
|
<p><br>
|
||||||
<div class="ui-g-12">
|
overFlow는 여러분의 서버에 발생하는<br>
|
||||||
<span class="md-inputfield">
|
변화를 항상 지켜보고 있습니다.<br><br>
|
||||||
<input type="email" id="email" autocomplete="off" placeholder="email" formControlName="email" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
|
||||||
</span>
|
서버에 발생하는 모든 변화를 세분화 하여<br>
|
||||||
</div>
|
실시간으로 알려 드립니다.
|
||||||
<div class="ui-g-12">
|
</p>
|
||||||
<span class="md-inputfield">
|
|
||||||
<input type="password" id="password" autocomplete="off" placeholder="password" formControlName="password" required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
|
|
||||||
</span>
|
|
||||||
</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>
|
|
||||||
<span class="ui-button-text ui-c">Sign In</span>
|
|
||||||
</button>
|
|
||||||
<a href="javascript:void(0)" (click)="resetPasswordBtnClick()">Forgot Password</a>
|
|
||||||
|
|
|
||||||
<a href="javascript:void(0)" (click)="signupBtnClick()">Sign Up</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</div>
|
||||||
|
</div>
|
||||||
@ -6,100 +6,134 @@
|
|||||||
</p-dialog>
|
</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 ui-g-padding-15">
|
|
||||||
<span class="md-inputfield">
|
|
||||||
<input type="email"
|
|
||||||
id="email"
|
|
||||||
pInputText
|
|
||||||
class="input ng-dirty ng-invalid"
|
|
||||||
placeholder="Email"
|
|
||||||
formControlName="email" required
|
|
||||||
value="geekhot@hotmail.co.kr" />
|
|
||||||
<div *ngIf="email.touched && !email.valid" class="ui-message ui-messages-error ui-corner-all">
|
|
||||||
Invalid email
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<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"
|
|
||||||
required>
|
|
||||||
<div *ngIf="password.touched && !password.valid" class="ui-message ui-messages-error ui-corner-all">
|
|
||||||
Invalid password
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
<div *ngIf="pwConfirm.touched && !pwConfirm.valid" class="ui-message ui-messages-error ui-corner-all">
|
|
||||||
Not matched password
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui-g-12 ui-g-padding-15">
|
<div class="ui-g">
|
||||||
<span class="md-inputfield">
|
<div class="ui-g-12 ui-md-9 ui-lg-7">
|
||||||
<input id="name" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Name" formControlName="name" required>
|
<form [formGroup]="signupForm" (ngSubmit)="signup()">
|
||||||
<div *ngIf="name.touched && !name.valid" class="ui-message ui-messages-error ui-corner-all">
|
<table class="login-table">
|
||||||
Invalid Name
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="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>
|
||||||
</span>
|
<div class="ui-g-12 ui-g-padding-15">
|
||||||
</div>
|
<span class="md-inputfield">
|
||||||
|
<input type="email"
|
||||||
<div class="ui-g-12 ui-g-padding-15">
|
id="email"
|
||||||
<span class="md-inputfield">
|
pInputText
|
||||||
<input id="phone" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Phone" formControlName="phone" required>
|
class="input ng-dirty ng-invalid"
|
||||||
<div *ngIf="phone.touched && !phone.valid" class="ui-message ui-messages-error ui-corner-all">
|
placeholder="Email"
|
||||||
Invalid phone number
|
formControlName="email" required
|
||||||
|
value="geekhot@hotmail.co.kr" />
|
||||||
|
<div *ngIf="email.touched && !email.valid" class="ui-message ui-messages-error ui-corner-all">
|
||||||
|
Invalid email
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
<div class="ui-g-12 ui-g-padding-15">
|
||||||
</div>
|
<span class="md-inputfield">
|
||||||
|
<input type="password"
|
||||||
<div class="ui-g-12 ui-g-padding-15">
|
id="password" pInputText class="input ng-dirty ng-invalid" placeholder="Password" formControlName="password"
|
||||||
<span class="md-inputfield">
|
required>
|
||||||
<input id="company" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Company" formControlName="company" required>
|
<div *ngIf="password.touched && !password.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">
|
Invalid password
|
||||||
Invalid company name
|
</div>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
|
<div *ngIf="pwConfirm.touched && !pwConfirm.valid" class="ui-message ui-messages-error ui-corner-all">
|
||||||
|
Not matched password
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui-g-12 ui-g-padding-15">
|
<div class="ui-g-12 ui-g-padding-15">
|
||||||
<a href="javascript:void(0)" (click)="termsDisplayOpen()">Terms Of Use</a>
|
<span class="md-inputfield">
|
||||||
|
|
<input id="name" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Name" formControlName="name" required>
|
||||||
<a href="javascript:void(0)" (click)="policyDisplayOpen()">Privacy Policy</a>
|
<div *ngIf="name.touched && !name.valid" class="ui-message ui-messages-error ui-corner-all">
|
||||||
</div>
|
Invalid Name
|
||||||
<div class="content-section implementation">
|
</div>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<recaptcha
|
<div class="ui-g-12 ui-g-padding-15">
|
||||||
[formControl]="myRecaptcha"
|
<span class="md-inputfield">
|
||||||
(scriptLoad)="onScriptLoad()"
|
<input id="phone" type="text" pInputText class="input ng-dirty ng-invalid" placeholder="Phone" formControlName="phone" required>
|
||||||
(scriptError)="onScriptError()"
|
<div *ngIf="phone.touched && !phone.valid" class="ui-message ui-messages-error ui-corner-all">
|
||||||
></recaptcha>
|
Invalid phone number
|
||||||
</div>
|
</div>
|
||||||
<div class="ui-g-12 ui-g-padding-15">
|
</span>
|
||||||
<button type="submit" [disabled]="!signupForm.valid" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
|
</div>
|
||||||
<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>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<a href="/auth/signin">Sign In</a>
|
<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">
|
||||||
|
Invalid company name
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui-g-12 ui-g-padding-15">
|
||||||
|
<p class="font-s">
|
||||||
|
<p-checkbox name="groupname" value="val1" label="이용약관과 개인정보 정책에 동의 합니다." [(ngModel)]="selectedValues"></p-checkbox>
|
||||||
|
</p>
|
||||||
|
<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 ui-no-pad">
|
||||||
|
<div class="recaptcha-align">
|
||||||
|
<div class="content-section implementation">
|
||||||
|
|
||||||
|
<recaptcha
|
||||||
|
[formControl]="myRecaptcha"
|
||||||
|
(scriptLoad)="onScriptLoad()"
|
||||||
|
(scriptError)="onScriptError()"
|
||||||
|
></recaptcha>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<a href="/auth/signin">Sign In</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12 ui-md-3 ui-lg-5 login-descript">
|
||||||
|
<table class="login-table">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="login-panel ui-fluid">
|
||||||
|
<div class="ui-g">
|
||||||
|
<div class="ui-g-12">
|
||||||
|
<img src="assets/layout/images/login/login_img_01.png">
|
||||||
|
<p><br>
|
||||||
|
overFlow는 여러분의 서버에 발생하는<br>
|
||||||
|
변화를 항상 지켜보고 있습니다.<br><br>
|
||||||
|
|
||||||
|
서버에 발생하는 모든 변화를 세분화 하여<br>
|
||||||
|
실시간으로 알려 드립니다.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
</td>
|
</tr>
|
||||||
</tr>
|
</table>
|
||||||
</table>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
@ -5,7 +5,6 @@
|
|||||||
|
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
|
|
||||||
<div class="ui-inputgroup">
|
<div class="ui-inputgroup">
|
||||||
<span class="md-inputfield">
|
<span class="md-inputfield">
|
||||||
<input #input type="text" pInputText value="{{infra.target.displayName}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)">
|
<input #input type="text" pInputText value="{{infra.target.displayName}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)">
|
||||||
@ -13,7 +12,8 @@
|
|||||||
</span>
|
</span>
|
||||||
<button pButton label="Save" type="button" (click)="onDisplayNameChange(input.value)"></button>
|
<button pButton label="Save" type="button" (click)="onDisplayNameChange(input.value)"></button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12">
|
||||||
<p-panel [showHeader]="false">
|
<p-panel [showHeader]="false">
|
||||||
<div class="ui-key-value">
|
<div class="ui-key-value">
|
||||||
<span>Status</span>
|
<span>Status</span>
|
||||||
@ -26,9 +26,6 @@
|
|||||||
<of-key-value [key]="'Sensors'" [value]="infra.target.sensorCount" class="ui-key-value"></of-key-value>
|
<of-key-value [key]="'Sensors'" [value]="infra.target.sensorCount" class="ui-key-value"></of-key-value>
|
||||||
</p-panel>
|
</p-panel>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui-g">
|
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12 ui-md-5 ui-g-nopad">
|
<div class="ui-g-12 ui-md-5 ui-g-nopad">
|
||||||
@ -47,8 +44,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-g-12">
|
||||||
<p-table [value]="sensors" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true">
|
<p-table [value]="sensors" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true">
|
||||||
<ng-template pTemplate="header">
|
<ng-template pTemplate="header">
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@ -3,7 +3,8 @@
|
|||||||
//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") center no-repeat #f7f7f7 !important;
|
//background: url("/assets/layout/images/login11.jpg") center no-repeat #f7f7f7 !important;
|
||||||
|
background: #ffffff;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
min-height: 100vh !important;
|
min-height: 100vh !important;
|
||||||
@ -13,11 +14,18 @@
|
|||||||
@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;
|
||||||
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.login-descript{
|
||||||
|
background: #203976;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
.login-panel {
|
.login-panel {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
width: 450px !important;
|
||||||
|
min-height: 300px !important;
|
||||||
.ui-g {
|
.ui-g {
|
||||||
.ui-g-12 {
|
.ui-g-12 {
|
||||||
a {
|
a {
|
||||||
@ -27,11 +35,17 @@
|
|||||||
a:hover{
|
a:hover{
|
||||||
color: rgb(18, 86, 233);
|
color: rgb(18, 86, 233);
|
||||||
}
|
}
|
||||||
|
.recaptcha-align{
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.ui-g-12.ui-g-padding-15 {
|
.ui-g-12.ui-g-padding-15 {
|
||||||
padding: 15px 40px !important;
|
padding: 15px 40px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ui-message{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-table {
|
.login-table {
|
||||||
@ -302,3 +316,6 @@
|
|||||||
body .ui-progressbar .ui-progressbar-value {
|
body .ui-progressbar .ui-progressbar-value {
|
||||||
height: 0 !important;
|
height: 0 !important;
|
||||||
}
|
}
|
||||||
|
.font-s{
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user