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

design

Browse Source
This commit is contained in:
sunny 2018-09-17 20:29:08 +09:00
parent 21ffda5777
commit 609ae9b49f
3 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/commons/component/host-detail.component.html
View File

@ -4,10 +4,14 @@
<image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
</svg> -->
<div class="svg-div">
<svg width="140" height="140" viewBox="15 35 140 100">
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
<image *ngIf="host.hostType === 'HOST'" x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice"
attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
<!-- <svg width="140" height="140" viewBox="15 35 140 100">
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
<image *ngIf="host.hostType === 'HOST'" x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice"
attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
</svg> -->
<svg width="140" height="140" viewBox="20 10 140 140">
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
</svg>
</div>
<h3>{{host.name}} <span>{{host.address}}</span></h3>

10
src/commons/component/service-detail.component.html
View File

@ -5,9 +5,13 @@
<image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
</svg> -->
<div class="svg-div">
<svg width="140" height="140" viewBox="15 35 140 100">
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
<!-- <svg width="140" height="140" viewBox="15 35 140 100">
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
</svg> -->
<svg width="140" height="140" viewBox="20 10 140 140">
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
</svg>
</div>
<h3>

4
src/commons/component/zone-detail.component.html
View File

@ -5,8 +5,8 @@
<image x="-40" y="-20" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/logo/logo_tomcat.svg" />
</svg> -->
<div class="svg-div">
<svg width="140" height="140" viewBox="15 35 140 100">
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" xlink:href="../../assets/image/icon/icon_router.svg" />
<svg width="140" height="140" viewBox="0 0 140 140">
<image x="0" y="0" width="140" height="140" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_overflow.svg" />
</svg>
</div>
<h3>