gd-sprest-js
Version:
SharePoint 2013/Online js components.
55 lines (54 loc) • 1.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var __1 = require("..");
var _1 = require(".");
/**
* Callout
*/
exports.Callout = function (props) {
// Set the class name
var className = props.className || "";
switch (props.type) {
case __1.CalloutTypes.Action:
className += " " + "ms-Callout--actionText";
break;
case __1.CalloutTypes.Close:
className += " " + "ms-Callout--close";
break;
case __1.CalloutTypes.OOBE:
className += " " + "ms-Callout--OOBE";
break;
case __1.CalloutTypes.Peek:
className += " " + "ms-Callout--peek";
break;
default:
break;
}
// Parse the actions
var actions = props.actions || [];
var actionButtons = [];
for (var i = 0; i < actions.length; i++) {
// Add the action button
actionButtons.push(_1.CommandButton(actions[i]));
}
// Return the template
return [
'<div class="ms-Callout is-hidden ' + className.trim() + '">',
'<div class="ms-Callout-main">',
props.showCloseButton ? '<button class="ms-Callout-close"><i class="ms-Icon ms-Icon--Clear"></i></button>' : '',
'<div class="ms-Callout-header">',
'<p class="ms-Callout-title">' + (props.title || "") + '</p>',
'</div>',
'<div class="ms-Callout-inner">',
'<div class="ms-Callout-content">',
(props.content || ""),
props.subText ? '<div class="ms-Callout-subText">' + props.subText + '</div>' : '',
'</div>',
'<div class="ms-Callout-actions">',
actionButtons.join('\n'),
'</div>',
'</div>',
'</div>',
'</div>'
].join('\n');
};