Aura コンポーネントを使用した最小化時の組み込みサービス UI のカスタマイズ

1<aura:component implements="lightningsnapin:minimizedUI">

1<lightningsnapin:minimizedAPI aura:id="minimizedAPI"/>

1<aura:handler name="init" value="{!this}" action="{!c.onInit}" />

1<button onclick=”{!c.handleMaximize}”>
2    {!v.message}
3</button>

1/**
2 * On initialization of this component, register the generic event handler for all the minimized events..
3 * 
4 * @param cmp - The component for this state.
5 * @param evt - The Aura event.
6 * @param hlp - The helper for this state.
7 */
8onInit: function(cmp, evt, hlp) {
9   cmp.find(“minimizedAPI”).registerEventHandler(hlp.minimizedEventHandler.bind(hlp, cmp));
10},

1/**
2 * Function to handle maximizing the chat.
3 *
4 * @param cmp - The component for this state
5 * @param evt - The Aura event.
6 * @param hlp - The helper for this state.
7 */
8handleMaximize: function(cmp, evt, hlp) {
9    cmp.find(“minimizedAPI”).maximize();
10},

1/**
2 * Function to handle maximizing the chat.Function to start a chat request (by accessing the chat API component)
3 *
4 * @param cmp - The component for this state
5 * @param eventName - The name of the event fired.
6 * @param eventData - The data associated with the event fired.
7 */
8minimizedEventHandler: function(cmp, eventName, eventData) {
9    switch(eventName) {
10        case “prechatState”:
11            cmp.set(“v.message”, “Chat with an Expert!”);
12            Break;
13        // Handle other events here!
14        default:
15            cmp.set(“v.message”, eventData.label);
16    }
17}