design
This commit is contained in:
parent
b1e66d2a29
commit
aeb949161e
|
@ -26,7 +26,7 @@
|
||||||
<ng-template pTemplate="rowexpansion" let-rowData let-columns="columns">
|
<ng-template pTemplate="rowexpansion" let-rowData let-columns="columns">
|
||||||
<tr>
|
<tr>
|
||||||
<td [attr.colspan]="5">
|
<td [attr.colspan]="5">
|
||||||
<div class="ui-g ui-fluid" style="font-size:16px;padding:20px">
|
<div class="ui-g ui-g-12">
|
||||||
|
|
||||||
<div class="ui-g-12 ui-md-6">
|
<div class="ui-g-12 ui-md-6">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
|
@ -60,15 +60,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="ui-g-12" dir="rtl">
|
||||||
|
<button class="ui-button-danger ui-button-width-fit" type="button" label="Deny" icon="ui-icon-close" pButton (click)="onAcceptOrDeny(false, rowData.data)"></button>
|
||||||
|
<button class=" ui-button-width-fit" type="button" label="Accept" icon="fa-check" pButton (click)="onAcceptOrDeny(true, rowData.data)"></button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td [attr.colspan]="5">
|
|
||||||
<button class="ui-button-danger ui-button-width-fit" type="button" label="Deny" icon="ui-icon-close" pButton (click)="onAcceptOrDeny(false, rowData.data)"></button>
|
|
||||||
<button class=" ui-button-width-fit" type="button" label="Accept" icon="fa-check" pButton (click)="onAcceptOrDeny(true, rowData.data)"></button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</p-table>
|
</p-table>
|
||||||
<p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
|
<p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
|
||||||
|
|
|
@ -7,25 +7,25 @@
|
||||||
<div *ngIf="probe">
|
<div *ngIf="probe">
|
||||||
|
|
||||||
<div class="ui-g form-group">
|
<div class="ui-g form-group">
|
||||||
<div class="ui-g-12 ui-md-6 ui-lg-4 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]="'Alias'" [value]="probe.displayName"></of-key-value>
|
<of-key-value [key]="'Alias'" [value]="probe.displayName"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui-g-12 ui-md-6 ui-lg-4 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]="'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-lg-4 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]="'Description'" [value]="probe.description"></of-key-value>
|
<of-key-value [key]="'Description'" [value]="probe.description"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui-g-12 ui-md-6 ui-lg-4 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]="'Key'" [value]="probe.probeKey"></of-key-value>
|
<of-key-value [key]="'Key'" [value]="probe.probeKey"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui-g-12 ui-md-6 ui-lg-4 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-lg-4 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 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-lg-4 ui-key-value ui-bottom-border-1 ui-nopad">
|
<div class="ui-g-12 ui-md-6 ui-key-value ui-nopad">
|
||||||
<of-key-value [key]="'IP Range'" [value]="IPRange"></of-key-value>
|
<of-key-value [key]="'IP Range'" [value]="IPRange"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -189,26 +189,28 @@ img.ui-img-profile-responsive {
|
||||||
.ui-bottom-border-1 {
|
.ui-bottom-border-1 {
|
||||||
border-bottom: #bdbdbd 1px solid;
|
border-bottom: #bdbdbd 1px solid;
|
||||||
}
|
}
|
||||||
.ui-app-noti{
|
.ultima-menu li a{
|
||||||
li{
|
.ui-app-noti{
|
||||||
padding: 10px !important;
|
li{
|
||||||
line-height: 1.2em !important;
|
|
||||||
width: 100% !important;
|
|
||||||
a {
|
|
||||||
.ui-app-noti-title {
|
|
||||||
font-weight: bold !important;
|
|
||||||
float: left !important;
|
|
||||||
padding: 10px !important;
|
padding: 10px !important;
|
||||||
margin: 0 !important;
|
line-height: 1.2em !important;
|
||||||
}
|
width: 100% !important;
|
||||||
.ui-app-noti-date{
|
a {
|
||||||
float: right !important;
|
.ui-app-noti-title {
|
||||||
font-size: 0.6em !important;
|
font-weight: bold !important;
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
.ui-app-noti-content{
|
|
||||||
float: left !important;
|
float: left !important;
|
||||||
|
padding: 10px !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.ui-app-noti-date{
|
||||||
|
float: right !important;
|
||||||
|
font-size: 0.6em !important;
|
||||||
|
color: gray !important;
|
||||||
|
}
|
||||||
|
.ui-app-noti-content{
|
||||||
|
float: left !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user