Skip to content

C
Component Sharing
Commit e10aa3e1 authored by ManishKumar C's avatar ManishKumar C
Browse files
Options

Delete New landing dashboard for training

parent cb4ca68a
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 430 deletions
Harshal/common_masters.xml deleted 100644 → 0
View file @ cb4ca68a
<?xml version='1.0'?>
<Root>
<filters display='N'>
</filters>
<page_title><![CDATA[Strategic Customer Details]]></page_title>
<!--
Blue : background-image: linear-gradient(-45deg, #007bab, #00c9ff); strg_customer
Orange : background-image: linear-gradient(-45deg, #e47842, #ffac83); strg_series
Violet : background-image: linear-gradient(-45deg, #7053cc, #c3b3f7); station
Green : background-image: linear-gradient(-45deg, #01a27f, #00e1af); locality
Gray : background-image: linear-gradient(-45deg, #333333, #666666); route
pink : background-image: linear-gradient(-45deg, #c14ace, #fe80fa); location
background-image: linear-gradient( -45deg, rgb(202 82 204), rgb(195, 179, 247));
-->
<datasource id='1' dataSourceType='jsondata'><![CDATA[{
"image" : "logo_company.png",
"title" : "Proteus Vision",
"subtitle" : "Simple &#149; Smart &#149; Intelligent",
"kpilinks" : [
{
"bgImage":"linear-gradient(-45deg, #007bab, #00c9ff)",
"image" : "To Visit.svg",
"title" : "Strategic Customer",
"execFunction" :"openTransactionGWT('wsfa_strg_customer','wsfa_strg_customer','T','Strategic Customer');"
},
{
"bgImage":"linear-gradient(-45deg, #e47842, #ffac83)",
"image" : "To Visit.svg",
"title" : "Strategic Series",
"execFunction" :"openTransactionGWT('wsfa_strg_series','wsfa_strg_series','T','Strategic Series');"
},
{
"bgImage":"linear-gradient(-45deg, #7053cc, #c3b3f7)",
"image" : "To Visit.svg",
"title" : "Station",
"execFunction" :"openTransactionGWT('wsfa_station','wsfa_station','T','Station');"
},
{
"bgImage":"linear-gradient(-45deg, #01a27f, #00e1af)",
"image" : "To Visit.svg",
"title" : "Locality",
"execFunction" :"openTransactionGWT('wsfa_locality','wsfa_locality','T','Locality');"
},
{
"bgImage":"linear-gradient(-45deg, #333333, #666666)",
"image" : "To Visit.svg",
"title" : "Route",
"execFunction" :"openTransactionGWT('wsfa_sprs_route','wsfa_sprs_route','T','Route');"
},
{
"bgImage":"linear-gradient(-45deg, #c14ace, #fe80fa)",
"image" : "To Visit.svg",
"title" : "Location",
"execFunction" :"openTransactionGWT('location','location','T','Location');"
}]
}]]></datasource>
<view id='1' type='flatonly' name="Default">
<component datasource='1' id='1' type='FEED'>
<component_icon><![CDATA[]]></component_icon>
<ComponentTitle><![CDATA[Common Masters Links]]></ComponentTitle>
<ComponentName><![CDATA[Common Masters Links]]></ComponentName>
<component_css><![CDATA[db-col-1]]></component_css>
<component_descr><![CDATA[]]></component_descr>
<layout protoType='card'>
<html><![CDATA[
<style>
.quicklink-dashboard {
display: block;
position: relative;
border-radius: 2px;
}
.quicklink-dashboard .qd-header {
display: block;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,.3);
background: #465775;
color: #fff;
text-align: center;
margin: 0 8px;
padding: 0;
border-radius: 4px;
width: calc(100% - 16px);
}
.quicklink-dashboard .qd-header-content {
display: block;
color: #fff;
text-align: center;
margin: 8px 0;
padding: 16px;
}
.quicklink-dashboard .icon-circle {
margin: auto;
height: 110px;
width: 110px;
background-color: #fff;
border-radius: 50%;
text-align: center;
display: block;
}
.quicklink-dashboard .icon-circle img {
margin-top: calc(50% - 12px);
height: 24px;
}
.quicklink {
display: block;
position: relative;
margin: 8px;
border-radius: 4px;
cursor: pointer;
height: 200px;
padding: 0px !important;
/* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
}
.quicklink-dashboard .quicklink-icon img {
text-align: center;
height: 26px;
width: 26px;
margin: 13px;
}
.quicklink-dashboard .quicklink-icon span {
font-size : 24px;
color: #666;
line-height:52px;
}
.quicklink-dashboard .quicklink-action {
color: #fff;
width: 30px;
height: 30px;
padding: 5px;
position: relative;
justify-items: flex-end;
text-align: center;
display: inline-block;
vertical-align: top;
}
.quicklink-icon .rotate {
-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.quicklink-dashboard .first-line {
font-size: 18px;
line-height: 24px;
display: block;
}
.quicklink-dashboard .second-line {
font-size: 18px;
line-height: 16px;
display: block;
}
.quicklink-dashboard .quicklink-icon {
color: #fff;
width: 52px;
height: 52px;
padding: 0px;
background-color: rgba(0, 0, 0, .1);
margin: auto;
border-radius: 50%;
display: block;
}
.quicklink .feedContetContainer {
display: block;
color: #fff;
text-align: center;
margin: 8px;
padding: 40px 8px;
}
.quicklink-dashboard .quicklink-content {
color: #fff;
font-size: 14px;
padding-top: 8px;
}
.quicklink-content .quicklink-content-first-line {
font-size: 14px;
line-height: 24px;
color: #252525;
display: block;
}
.quicklink-content .quicklink-content-second-line {
font-size: 14px;
line-height: 16px;
color: #666;
display: block;
}
.quick-row,
.kpi-row {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
.kpi-box {
height: 114px;
max-height: 114px;
/* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
position: relative;
border-radius: 4px;
cursor: pointer;
display: flex;
flex-direction: column;
margin: 8px;
}
.kpi-header {
display: inline-block;
height: 32px;
width: 100%;
}
.kpi-icon {
color: #fff;
padding: 4px;
margin: 4px;
border-radius: 50%;
background: rgba(0, 0, 0, .1);
display: inline-block;
position: relative;
width: 20px;
height: 20px;
}
.kpi-icon img {
height: 15px;
width: 15px;
margin: 3px;
padding: 0;
}
.kpi-info {
display: flex;
position: relative;
align-items: center;
padding: 0 4px 0 0;
width: 100%;
height: 32px;
}
.kpi-info-column {
width: 100%;
text-align: center;
font-size: 10px;
color: #fff;
}
.kpi-title {
color: #fff;
font-size: 16px;
width: calc( 100% - 44px );
line-height: 32px;
display: inline-block;
position: absolute;
text-align: right;
margin: 0 8px 0 0;
}
.kpi-count-summary {
display: block;
margin: auto;
padding-bottom: 32px;
height: 50px;
}
.kpi-count {
color: #fff;
padding: 0;
font-size: 42px;
display: block;
text-align: center;
height: 36px;
line-height: 36px;
}
.kpi-summary {
color: #fff;
padding: 0;
font-size: 14px;
display: block;
text-align: center;
line-height: 14px;
}
.no-kpi-count{
height: 18px;
}
.quick-row .col,
.kpi-row .col{
float: left;
}
@media (min-width:320px) {
.kpi-card {
width: calc(100% - 16px) ;
}
.quick-card {
width: calc(100% - 16px) ;
}
}
@media (min-width:576px) {
.kpi-card {
width: calc(50% - 16px) ;
}
.quick-card {
width: calc(50% - 16px) ;
}
}
@media (min-width:768px) {
.kpi-card {
width: calc(25% - 16px) ;
}
.quick-card {
width: calc(33.33333% - 16px) ;
}
}
@media (min-width:992px) {
.kpi-card {
width: calc(25% - 16px) ;
}
.quick-card {
width: calc(33.33333% - 16px) ;
}
}
@media (min-width:1200px) {
.kpi-card {
width: calc(25% - 16px);
}
.quick-card {
width: calc(33.33333% - 16px) ;
}
}
</style>
<div class="quicklink-dashboard">
<div class="qd-header">
<div class="qd-header-content">
<span class="icon-circle"><img src='ang
<span class="first-line">{{context.title != 'NA' ? context.title : "Proteus Vision" }}</span>
<span class="second-line" [innerHTML]="context.subtitle != 'NA' ? context.subtitle : 'Simple &#149; Smart &#149; Intelligent' " ></span>
</div>
</div>
<div class="kpi-row">
<div *ngFor="let kpilink of context.kpilinks" >
<ng-container *ngTemplateOutlet=" kpiLinkTemplate; context:{ $implicit: kpilink }" ></ng-container>
</div>
</div>
<div class="quick-row">
<div *ngFor="let quicklink of context.quicklinks" >
<ng-container *ngTemplateOutlet=" quickLinkTemplate; context:{ $implicit: quicklink }" ></ng-container>
</div>
</div>
</div>
<ng-template #quickLinkTemplate let-quicklink >
<div *ngIf="quicklink.displayLink == 'Y' " class="quick-card col quicklink"
[style.background-image]="quicklink.bgImage" (click)="evalFunction(quicklink.execFunction)">
<div class="feedContetContainer">
<div *ngIf="quicklink.font_icon" class="quicklink-icon">
<span [ngClass]="quicklink.font_icon"></span>
</div>
<div *ngIf="quicklink.image && quicklink.image.indexOf('/') == -1 " class="quicklink-icon">
<img src='angplugin/assets/images/svg/{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)" />
</div>
<div *ngIf="quicklink.image && quicklink.image.indexOf('/') != -1 " class="quicklink-icon">
<img src='{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)" />
</div>
<div class="quicklink-content">
<span class="quicklink-content-first-line">
{{quicklink.title}}
</span>
<span class="quicklink-content-second-line">
{{evalFunction(quicklink.subtitle1)}}
</span>
<span class="quicklink-content-second-line">
{{evalFunction(quicklink.subtitle2)}}
</span>
</div>
</div>
</div>
</ng-template>
<ng-template #kpiLinkTemplate let-quicklink >
<div class="kpi-card col kpi-box " [style.background-image]="quicklink.bgImage" (click)="evalFunction(quicklink.execFunction)">
<div class="kpi-header">
<div *ngIf="quicklink.image.indexOf('/') == -1 " class="kpi-icon">
<img src='angplugin/assets/images/svg/{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)" />
</div>
<div *ngIf="quicklink.image.indexOf('/') != -1 " class="kpi-icon">
<img src='{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)"/>
</div>
<div class="kpi-title">{{quicklink.title}}</div>
</div>
<div class="kpi-count-summary">
<span class="kpi-count" [ngClass]="{'no-kpi-count':evalFunction(quicklink.count) == ''}">{{evalFunction(quicklink.count)}}</span>
<span class="kpi-summary">{{evalFunction(quicklink.summary)}}</span>
</div>
</div>
</ng-template>
]]></html>
</layout>
</component>
</view>
</Root>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment