I have created one component and added to lightning console app as utility bar component. And I have created an application event. I would like to navigate another component when event fired with parameters.
But I am getting error like 'Uncaught Action failed: [Cannot read property 'setParams' of undefined' Component:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes">
<div class="slds-modal__container">
<div class="logo">
<img src="/resource/demoAdapterLogo" align="center"></img>
</div>
<div class="slds-form-element slds-p-bottom--medium">
<label class="slds-form-element__label" for="text-input-01">Username</label>
<div class="slds-form-element__control">
<ui:inputText class="slds-input"/>
</div>
</div>
<div class="slds-form-element slds-p-bottom--medium">
<label class="slds-form-element__label" for="text-input-01">Password</label>
<div class="slds-form-element__control">
<ui:inputSecret class="slds-input"/>
</div>
</div>
<button class="slds-button slds-button--brand" aura:id="submitButton" onclick="{!c.handleLogin}">Log In</button>
</div>
</aura:component>
Controller:
({
handleLogin : function(component, event) {
console.log('Controller handle click...');
var appEvent = $A.get("e.c:phonePanelEvent");
appEvent.setParams({ 'presence': 'Available'});
appEvent.fire();
},
})
Event:
<aura:event type="APPLICATION" description="Event template">
<aura:attribute name="presence" type="String"/>
</aura:event>