anilsomasundaran

<aura:component extensible="true" abstract="true">
    <aura:attribute name="record" type="String" />
    In parent Component - Record: {!v.record} - {!v.body}
</aura:component>

anilsomasundaran

<aura:component extensible="true" abstract="true">
    <aura:attribute name="record" type="String" />
    In parent Component - Record: {!v.record} - {!v.body}
</aura:component>

anilsomasundaran

<aura:component abstract="true" extensible="true" access="global" >
	{!v.body}
</aura:component>

anilsomasundaran

<aura:component extends="c:AbstractBase" controller="TestApexController">
    <aura:attribute name="message" type="String" default=""/>
    <aura:attribute name="serverMessage" type="String" default="" description="server message assigns to this"/>
    <aura:attribute name="showError" type="Boolean" default="false" />
    <aura:attribute name="showServerError" type="Boolean" default="false" />
    <ui:inputText label="Message" value="{!v.message}" />
    <lightning:input type="checkbox" label="Show Error" name="showErrorCheck" checked="{!v.showError}"/>
    <lightning:button variant="brand" label="Send Message" onclick="{! c.sendMessage }" />
    <br/><br/><br/>
    <aura:if isTrue="{!v.showServerError}">

anilsomasundaran

<aura:application >
    <c:ChildComponent />
</aura:application>

anilsomasundaran

public class TestApexController {

    @AuraEnabled
    public static String callApexControllerMethod ( String message, Boolean showError ) {
        String counterMessage = 'Response from apex controller - ' + 'Your Message : ' + message;
        if (showError) {
            throw new AuraHandledException('Custom Exception from the apex controller');
        }
        return counterMessage;
    }

anilsomasundaran

({
    onLeaveLookupPane : function(component, event, helper) {
        //Search - Input control focus removed on mouse leave
        var inputContainerCmp = component.find('master-container');
        helper.removeClass(inputContainerCmp,'slds-has-input-focus');
    },
    remove : function (component, event, helper) {
        //Hide the active SLDS - pill
        var selectedItemPill = component.find('selected-item-pill');
        helper.hideElement(selectedItemPill);

anilsomasundaran

<aura:component >
    <aura:attribute name="label" type="String" access="global" default="Search"/>
    <aura:attribute name="selectedRecord" type="sObject" default="{name:'Account1'}" />
    <aura:attribute name="fetchedRecords" type="List" />
    <aura:attribute name="searchText" type="String"/>
    
    <div aura:id="lookUpPane" class="slds-form-element slds-lookup slds-is-close" onmouseleave="{!c.onLeaveLookupPane}">
        <label class="slds-form-element__label" for="lookup-text">{!v.label}</label>
        <div class="slds-form-element__control">
            <div aura:id="master-container" class="slds-combobox_container slds-has-object-switcher">

anilsomasundaran

.THIS .pill-item-size,.THIS .input-container {
    width : 100%
}

.THIS .pill-container{
    font-size: medium;
    margin: .5px;
}

.THIS .input-no-border{

anilsomasundaran

({
    addClass : function (element, className) {
        //Global Aura util method for adding a style class from an aura element
        $A.util.addClass(element,className);
    }, 
    
    removeClass : function (element , className) {
        //Global Aura util method for removing a style class from an aura element
        $A.util.removeClass(element,className);
    },