Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Component used to pass values to the strike component
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes" access="global" controller="LCC_CaseResults">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<aura:attribute name="barData" type="Object[]" />
<aura:attribute name="accountName" type="String" default="" />
<aura:attribute name="divLength" type="String" default="4" />
<aura:attribute name="opencases" type="String" default="Open Cases" />
<aura:attribute name="closedcases" type="String" default="Closed cases" />
<aura:attribute name="totalcases" type="String" default="{!$Label.c.CLR417CCCTotalCases}" />
<aura:attribute name="isLoaded" type="Boolean" default="false" />
<aura:attribute name="nocasesMsg" type="Boolean" default="false" />
<!-- Handlers & Events -->
<aura:handler name="init" value="{!this}" action="{!c.getResponse}" />
<!-- Container Div -->
<div class="slds" style="margin:36px 0;">
<aura:if isTrue="{!v.showSpinner}">
<lightning:spinner variant="brand" size="large" class="slds-spinner_container slds-is-fixed" alternativeText="spinner" />
<div class="slds-backdrop"></div>
</aura:if>
<!-- Displays Error Message -->
<aura:if isTrue="{!v.isAlert}">
<div aura:id="alert-id" >
<div class="slds-notify_alert slds-theme_alert-texture slds-theme_error" role="alert">
<lightning:layout horizontalAlign="center" verticalAlign="center" multipleRows="false" class="error-messageDiv">
<lightning:layoutItem flexibility="auto" smallDeviceSize="10" mediumDeviceSize="10" largeDeviceSize="10" size="10" class="error-contentDiv">
<lightning:icon iconName="utility:ban" variant="inverse" alternativeText="error" />
<h2>{!v.alertMessage}</h2>
</lightning:layoutItem>
</lightning:layout>
</div>
</div>
</aura:if>
<!-- Div to display if there are cases in the system to display the chart -->
<aura:if isTrue="{!v.isLoaded}">
<lightning:layout horizontalAlign="spread" verticalAlign="center" multipleRows="true" class="slds-box">
<lightning:layoutItem largeDeviceSize="1" size="12" class="slds-medium-show">
</lightning:layoutItem>
<lightning:layoutItem flexibility="auto" smallDeviceSize="12" mediumDeviceSize="{!v.divLength}" largeDeviceSize="{!v.divLength}" size="12">
<c:LCMP_StrikeChart type="bar"
data="{!v.barData}"
title="Type of Case"
orientation="vertical"
xAxisLabel="Accounts"
yAxisLabel="Total Cases" />
</lightning:layoutItem>
<lightning:layoutItem largeDeviceSize="1" size="12" class="slds-medium-show">
</lightning:layoutItem>
</lightning:layout>
</aura:if>
<!-- No cases error message div -->
<aura:if isTrue="{!v.nocasesMsg}">
<h2 style="color:#000000;font-weight:bold;"> No Cases Found </h2>
</aura:if>
</div>
</aura:component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment