streaming-monitor/src/main/default/lwc/subscriptions/subscriptions.html at 205db55df97a2d56b3f767384cec6c1c9303de84 · pozil/streaming-monitor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<template>
    <div
        class="slds-var-m-top_medium slds-grid slds-grid_align-spread slds-grid_vertical-align-center"
    >
        <div class="slds-col">
            <h2 class="slds-nav-vertical__title">Subscriptions</h2>
        </div>
        <div class="slds-col slds-var-m-right_medium">
            <lightning-badge label={subscriptionCount}></lightning-badge>
            <lightning-button-icon
                icon-name="utility:delete"
                variant="bare"
                alternative-text="Unsubscribe all"
                class="slds-var-m-left_x-small"
                onclick={handleUnsubscribeAll}
            ></lightning-button-icon>
        </div>
    </div>

    <div class="slds-var-p-horizontal_x-small slds-var-m-bottom_large">
        <template for:each={subscriptions} for:item="subscription">
            <div
                key={subscription.channel}
                class="slds-grid slds-var-p-vertical_x-small slds-var-p-horizontal_xx-small subscription"
            >
                <div class="slds-has-flexi-truncate">
                    <div class="slds-truncate">{subscription.channel}</div>
                </div>
                <div class="slds-no-flex">
                    <lightning-button-icon
                        icon-name="utility:close"
                        variant="bare"
                        alternative-text="Unsubscribe"
                        onclick={handleUnsubscribe}
                        name={subscription.channel}
                    ></lightning-button-icon>
                </div>
            </div>
        </template>
    </div>
</template>