%= it.Breadcrumb({title: "Social Setup - Multi Channel", items: [
{label: "Home", href: "/"},
{label: "Others", href: "/others"},
{label: "Social Setup - Multi Channel", current: true}
]}) %>
<%= it.Button({
label: "Export JSON",
id: "exportJsonBtn",
variant: "outline-primary",
icon: "download",
onClick: "exportToJson()"
}) %>
<%= it.Button({
label: "Import JSON",
id: "importJsonBtn",
variant: "outline-primary",
icon: "upload",
onClick: "document.getElementById('importJsonInput').click()"
}) %>
<%= it.Button({
label: "Add Channel",
id: "addChannelBtn",
variant: "primary",
icon: "plus",
attributes: {
"data-modal-open": "#addChannelModal"
}
}) %>
<%= it.Button({
label: "Clear All",
id: "clearAllBtn",
variant: "outline-primary",
icon: "trash",
onClick: "clearAllChannels()"
}) %>
<%= it.Modal({
id: "addChannelModal",
open: false,
title: "Add Channel",
body: `
`,
footer: `
${it.Button({
id: "modalCancelBtn",
label: "Cancel",
variant: "outline-primary",
attributes: {
"data-modal-close": "#addChannelModal"
}
})}
${it.Button({
id: "modalSaveBtn",
label: "Create",
variant: "primary",
icon: "check",
onClick: "saveChannel()"
})}
`
}) %>
<%= it.Modal({
id: "channelDetailModal",
open: false,
title: "Channel Configuration",
body: `
`,
footer: `
${it.Button({
id: "detailModalCloseBtn",
label: "Close",
variant: "outline-primary",
attributes: {
"data-modal-close": "#channelDetailModal"
}
})}
`
}) %>