ing
This commit is contained in:
sunny
parent
67a8292a30
commit
6b2f5aeffa
|
|
@ -22,4 +22,10 @@
|
|||
|
||||
.ui-popuppanel-footer {
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
svg.octicon {
|
||||
fill: white; //currentColor;
|
||||
height: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
|
@ -1,34 +1,32 @@
|
|||
<div class="ui-fluid">
|
||||
<div class="ui-g">
|
||||
<div class="ui-g-12 ui-nopad">
|
||||
<div class="card">
|
||||
<h1>Home works!!!!</h1>
|
||||
<p-panel #content [showHeader]="false" class="block-panel">
|
||||
<div class="ui-g" dir="rtl">
|
||||
<button class="ui-button-width-fit" type="button" label="Discovery" icon="ui-icon-search" pButton></button>
|
||||
</div>
|
||||
</p-panel>
|
||||
<div class="ui-g-12">
|
||||
<h1>Home works!!!!</h1>
|
||||
<p-panel #content [showHeader]="false" class="block-panel">
|
||||
<div class="ui-g" dir="rtl">
|
||||
<button class="ui-button-width-fit" type="button" label="Discovery" icon="ui-icon-search" pButton></button>
|
||||
</div>
|
||||
</p-panel>
|
||||
|
||||
<h3 class="first">Document</h3>
|
||||
<p-blockUI [blocked]="blockedDocument"></p-blockUI>
|
||||
<!-- <h3 class="first">Document</h3>
|
||||
<p-blockUI [blocked]="blockedDocument"></p-blockUI>
|
||||
|
||||
<button type="button" pButton label="Block" (click)="blockDocument()"></button>
|
||||
<button type="button" pButton label="Block" (click)="blockDocument()"></button>
|
||||
|
||||
<h3>Panel</h3>
|
||||
<button type="button" pButton label="Block" (click)="blockedPanel=true"></button>
|
||||
<button type="button" pButton label="Unblock" (click)="blockedPanel=false"></button>
|
||||
<h3>Panel</h3>
|
||||
<button type="button" pButton label="Block" (click)="blockedPanel=true"></button>
|
||||
<button type="button" pButton label="Unblock" (click)="blockedPanel=false"></button>
|
||||
|
||||
<p-blockUI [target]="pnl" [blocked]="blockedPanel">
|
||||
<i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i>
|
||||
</p-blockUI>
|
||||
<p-panel #pnl header="Godfather I" [style]="{'margin-top':'20px'}">
|
||||
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. His beloved
|
||||
son Michael has just come home from the war, but does not intend to become part of his father's business.
|
||||
Through Michael's life the nature of the family business becomes clear. The business of the family is
|
||||
just like the head of the family, kind and benevolent to those who give respect, but given to ruthless
|
||||
violence whenever anything stands against the good of the family.
|
||||
</p-panel>
|
||||
</div>
|
||||
<p-blockUI [target]="pnl" [blocked]="blockedPanel">
|
||||
<i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i>
|
||||
</p-blockUI>
|
||||
<p-panel #pnl header="Godfather I" [style]="{'margin-top':'20px'}">
|
||||
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. His beloved
|
||||
son Michael has just come home from the war, but does not intend to become part of his father's business.
|
||||
Through Michael's life the nature of the family business becomes clear. The business of the family is
|
||||
just like the head of the family, kind and benevolent to those who give respect, but given to ruthless
|
||||
violence whenever anything stands against the good of the family.
|
||||
</p-panel> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,8 +1,14 @@
|
|||
<app-toolbar>
|
||||
<app-nic-dropdown [blockTarget]="pagesContent"></app-nic-dropdown>
|
||||
<app-scanner-setting-dropdown [blockTarget]="pagesContent"></app-scanner-setting-dropdown>
|
||||
|
||||
<div class="sidebar-section" style="width: 250px;">
|
||||
<div class="toolbar-button push-pull-button" style="width: 32px">
|
||||
<button class="button-component" type="button">
|
||||
<svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 12 16">
|
||||
<path d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- <div class="sidebar-section" style="width: 250px;">
|
||||
<div class="toolbar-dropdown closed" aria-expanded="false">
|
||||
<div class="toolbar-button" title="C:\Users\crusader\Documents\GitHub\gateway">
|
||||
<button class="button-component" type="button">
|
||||
|
|
@ -50,7 +56,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div> -->
|
||||
</app-toolbar>
|
||||
|
||||
<p-panel #pagesContent [showHeader]="false">
|
||||
|
|
|
|||
|
|
@ -50,6 +50,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.toolbar-button {
|
||||
svg.octicon {
|
||||
fill: currentColor;
|
||||
height: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
|
|
|
|||
|
|
@ -14,10 +14,12 @@
|
|||
</svg>
|
||||
</button>
|
||||
</p-header>
|
||||
|
||||
<div>Body Content</div>
|
||||
<div id="nic-list-border">
|
||||
<p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name"></p-listbox>
|
||||
</div>
|
||||
<!-- <div>Body Content</div>
|
||||
|
||||
<p-footer>
|
||||
Footer content here
|
||||
</p-footer>
|
||||
</p-footer> -->
|
||||
</of-p-dropdownPanel>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.nic-list-border p-listbox div.ui-widget-content{
|
||||
border: 0px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'350px'}" [blockTarget]="blockTarget">
|
||||
<of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget">
|
||||
<p-header class="toolbar-button">
|
||||
<button _ngcontent-c1="" class="button-component" type="button">
|
||||
<!-- <svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px">
|
||||
|
|
@ -21,6 +21,43 @@
|
|||
</button>
|
||||
</p-header>
|
||||
|
||||
<div class="ui-g">
|
||||
<div class="ui-g-12">
|
||||
<div class="ui-g-2">
|
||||
<h3>IP</h3>
|
||||
</div>
|
||||
<div class="ui-g-5">
|
||||
<p-radioButton name="groupname" value="V4" label="V4" [(ngModel)]="selectedValue"></p-radioButton>
|
||||
</div>
|
||||
<div class="ui-g-5">
|
||||
<p-radioButton name="groupname" value="V6" label="V6" [(ngModel)]="selectedValue"></p-radioButton>
|
||||
</div>
|
||||
<div class="ui-g-10 ui-g-offset-2">Rage :
|
||||
<input type="text" pInputText placeholder="168.123.1.1" style="width:100px;"> -
|
||||
<input type="text" pInputText placeholder="168.123.1.1" style="width:100px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-g">
|
||||
<div class="ui-g-12">
|
||||
<div class="ui-g-2">
|
||||
<h3>Port</h3>
|
||||
</div>
|
||||
<div class="ui-g-5">
|
||||
<p-checkbox name="groupname" value="TCP" label="TCP" [(ngModel)]="selectedValue"></p-checkbox>
|
||||
</div>
|
||||
<div class="ui-g-5">
|
||||
<p-checkbox name="groupname" value="UDP" label="UDP" [(ngModel)]="selectedValue"></p-checkbox>
|
||||
</div>
|
||||
<div class="ui-g-10 ui-g-offset-2">Rage :
|
||||
<input type="text" pInputText placeholder="1" style="width:100px;"> -
|
||||
<input type="text" pInputText placeholder="1024" style="width:100px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
<h3 class="first">Document</h3>
|
||||
<p-blockUI [blocked]="blockedDocument"></p-blockUI>
|
||||
|
||||
|
|
@ -40,7 +77,11 @@
|
|||
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good
|
||||
of the family.
|
||||
</p-panel>
|
||||
<p-footer>
|
||||
-->
|
||||
<div class="ui-g-12">
|
||||
<button type="button" pButton label="확인" (click)="blockDocument()" style="float: right;"></button>
|
||||
</div>
|
||||
<!-- <p-footer>
|
||||
Footer content here
|
||||
</p-footer>
|
||||
</p-footer> -->
|
||||
</of-p-dropdownPanel>
|
||||
|
|
@ -2,12 +2,10 @@
|
|||
display: inline;
|
||||
|
||||
.title {
|
||||
//width: auto;
|
||||
float: left;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
.description{
|
||||
//width: auto;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user