overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ing

Browse Source
This commit is contained in:
sunny 2018-08-22 16:01:10 +09:00
parent 67a8292a30
commit 6b2f5aeffa
8 changed files with 100 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
@overflow/commons/ui/component/primeng/dropdown-panel.component.scss
View File

@ -22,4 +22,10 @@
.ui-popuppanel-footer { .ui-popuppanel-footer {
padding-top: 1em; padding-top: 1em;
} }
svg.octicon {
fill: white; //currentColor;
height: 16px;
flex-shrink: 0;
}

48
src/app/pages/home/home-page.component.html
View File

@ -1,34 +1,32 @@
<div class="ui-fluid"> <div class="ui-fluid">
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12 ui-nopad"> <div class="ui-g-12">
<div class="card"> <h1>Home works!!!!</h1>
<h1>Home works!!!!</h1> <p-panel #content [showHeader]="false" class="block-panel">
<p-panel #content [showHeader]="false" class="block-panel"> <div class="ui-g" dir="rtl">
<div class="ui-g" dir="rtl"> <button class="ui-button-width-fit" type="button" label="Discovery" icon="ui-icon-search" pButton></button>
<button class="ui-button-width-fit" type="button" label="Discovery" icon="ui-icon-search" pButton></button> </div>
</div> </p-panel>
</p-panel>
<h3 class="first">Document</h3> <!-- <h3 class="first">Document</h3>
<p-blockUI [blocked]="blockedDocument"></p-blockUI> <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> <h3>Panel</h3>
<button type="button" pButton label="Block" (click)="blockedPanel=true"></button> <button type="button" pButton label="Block" (click)="blockedPanel=true"></button>
<button type="button" pButton label="Unblock" (click)="blockedPanel=false"></button> <button type="button" pButton label="Unblock" (click)="blockedPanel=false"></button>
<p-blockUI [target]="pnl" [blocked]="blockedPanel"> <p-blockUI [target]="pnl" [blocked]="blockedPanel">
<i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i> <i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i>
</p-blockUI> </p-blockUI>
<p-panel #pnl header="Godfather I" [style]="{'margin-top':'20px'}"> <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 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. 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 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 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. violence whenever anything stands against the good of the family.
</p-panel> </p-panel> -->
</div>
</div> </div>
</div> </div>
</div> </div>

12
src/app/pages/pages.component.html
View File

@ -1,8 +1,14 @@
<app-toolbar> <app-toolbar>
<app-nic-dropdown [blockTarget]="pagesContent"></app-nic-dropdown> <app-nic-dropdown [blockTarget]="pagesContent"></app-nic-dropdown>
<app-scanner-setting-dropdown [blockTarget]="pagesContent"></app-scanner-setting-dropdown> <app-scanner-setting-dropdown [blockTarget]="pagesContent"></app-scanner-setting-dropdown>
<div class="toolbar-button push-pull-button" style="width: 32px">
<div class="sidebar-section" style="width: 250px;"> <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-dropdown closed" aria-expanded="false">
<div class="toolbar-button" title="C:\Users\crusader\Documents\GitHub\gateway"> <div class="toolbar-button" title="C:\Users\crusader\Documents\GitHub\gateway">
<button class="button-component" type="button"> <button class="button-component" type="button">
@ -50,7 +56,7 @@
</div> </div>
</div> </div>
</button> </button>
</div> </div> -->
</app-toolbar> </app-toolbar>
<p-panel #pagesContent [showHeader]="false"> <p-panel #pagesContent [showHeader]="false">

8
src/assets/scss/styles/component/toolbar/_toolbar.scss
View File

@ -50,6 +50,14 @@
} }
} }
.toolbar-button {
svg.octicon {
fill: currentColor;
height: 16px;
flex-shrink: 0;
}
}
@keyframes spin { @keyframes spin {
100% { 100% {
-webkit-transform: rotate(360deg); -webkit-transform: rotate(360deg);

8
src/commons/component/nic-dropdown.component.html
View File

@ -14,10 +14,12 @@
</svg> </svg>
</button> </button>
</p-header> </p-header>
<div id="nic-list-border">
<div>Body Content</div> <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name"></p-listbox>
</div>
<!-- <div>Body Content</div>
<p-footer> <p-footer>
Footer content here Footer content here
</p-footer> </p-footer> -->
</of-p-dropdownPanel> </of-p-dropdownPanel>

4
src/commons/component/nic-dropdown.component.scss
View File

@ -0,0 +1,4 @@
.nic-list-border p-listbox div.ui-widget-content{
border: 0px !important;
width: 100% !important;
}

47
src/commons/component/scanner-setting-dropdown.component.html
View File

@ -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"> <p-header class="toolbar-button">
<button _ngcontent-c1="" class="button-component" type="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"> <!-- <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> </button>
</p-header> </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> <h3 class="first">Document</h3>
<p-blockUI [blocked]="blockedDocument"></p-blockUI> <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 kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good
of the family. of the family.
</p-panel> </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 Footer content here
</p-footer> </p-footer> -->
</of-p-dropdownPanel> </of-p-dropdownPanel>

2
src/commons/component/scanner-setting-dropdown.component.scss
View File

@ -2,12 +2,10 @@
display: inline; display: inline;
.title { .title {
//width: auto;
float: left; float: left;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
} }
.description{ .description{
//width: auto;
float: left; float: left;
} }
} }