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-23 15:27:37 +09:00
parent c83d2235ed
commit 93ad3b7eff
2 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/packages/probe/component/detail/detail.component.html
View File

@ -1,6 +1,12 @@
<h1>Info</h1> <div class="ui-g">
<button *ngIf="!editMode" pButton type="button" label="Edit" (click)="editMode = true"></button> <div class="ui-g-6 ui-nopad">
<button *ngIf="editMode" pButton type="button" label="Save" (click)="onEditSave()"></button> <h1>Info</h1>
</div>
<div class="ui-g-6 nopad" dir="rtl" style="padding-top: 15px">
<button class="ui-button-width-fit" *ngIf="!editMode" pButton type="button" label="Edit" (click)="editMode = true"></button>
<button class="ui-button-width-fit" *ngIf="editMode" pButton type="button" label="Save" (click)="onEditSave()"></button>
</div>
</div>
<p-dialog [showHeader]="false" [closeOnEscape]="false" [modal]="true" header="Discovery" [width]="800" [(visible)]="display"> <p-dialog [showHeader]="false" [closeOnEscape]="false" [modal]="true" header="Discovery" [width]="800" [(visible)]="display">
<of-discovery-setting [probe]="probe" [visible]="display" (close)="onDiscoveryClose()"></of-discovery-setting> <of-discovery-setting [probe]="probe" [visible]="display" (close)="onDiscoveryClose()"></of-discovery-setting>
@ -13,7 +19,12 @@
<div class="ui-g form-group"> <div class="ui-g form-group">
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<input *ngIf="editMode" #input type="text" pInputText value="{{probe.displayName}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)"> <div *ngIf="editMode" class="of-key-value-div">
<span>Name</span>
<span class="ng-star-inserted">
<input #input type="text" pInputText value="{{probe.displayName}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)">
</span>
</div>
<of-key-value *ngIf="!editMode" [key]="'Name'" [value]="probe.displayName"></of-key-value> <of-key-value *ngIf="!editMode" [key]="'Name'" [value]="probe.displayName"></of-key-value>
</div> </div>
@ -21,7 +32,12 @@
<of-key-value [key]="'CIDR'" [value]="probe.cidr"></of-key-value> <of-key-value [key]="'CIDR'" [value]="probe.cidr"></of-key-value>
</div> </div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<input *ngIf="editMode" #input type="text" pInputText value="{{probe.description}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)"> <div *ngIf="editMode" class="of-key-value-div">
<span>Description</span>
<span class="ng-star-inserted">
<input *ngIf="editMode" #input type="text" pInputText value="{{probe.description}}" (keypress)="onDisplayNameChangeKeypress($event, input.value)">
</span>
</div>
<of-key-value *ngIf="!editMode" [key]="'Description'" [value]="probe.description"></of-key-value> <of-key-value *ngIf="!editMode" [key]="'Description'" [value]="probe.description"></of-key-value>
</div> </div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
@ -30,7 +46,7 @@
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'Authrozied at'" [value]="probe.authorizeDate | date: 'dd/MM/yyyy'"></of-key-value> <of-key-value [key]="'Authrozied at'" [value]="probe.authorizeDate | date: 'dd/MM/yyyy'"></of-key-value>
</div> </div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-sm-1 ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
<of-key-value [key]="'Authrozied by'" [value]="probe.authorizeMember.name"></of-key-value> <of-key-value [key]="'Authrozied by'" [value]="probe.authorizeMember.name"></of-key-value>
</div> </div>
<div class="ui-g-12 ui-md-6 ui-key-value ui-nopad"> <div class="ui-g-12 ui-md-6 ui-key-value ui-nopad">

12
src/styles.scss
View File

@ -280,6 +280,11 @@
min-width: 250px; min-width: 250px;
margin: 0 -5px; margin: 0 -5px;
} }
.of-key-value-div{
width: 100%;
min-width: 250px;
margin: 13px 0;
}
div { div {
width: 100%; width: 100%;
margin: 0; margin: 0;
@ -308,7 +313,12 @@
} }
span.ng-star-inserted::after, a.ng-star-inserted>span::after { span.ng-star-inserted::after, a.ng-star-inserted>span::after {
content: " "; content: " ";
} }
input {
border: 0px;
background : #f5f5f5;
padding: 5px;
}
} }
.ui-bottom-border-1 { .ui-bottom-border-1 {