@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
47 lines (46 loc) • 3.16 kB
JavaScript
/**
* CodeAnalizerComment: Updated 1 imports on 2024-09-22 14:49:52
* Update:: import { IWebpartBannerProps } to '@mikezimm/fps-core-v7/lib/banner/mainReact/IWebpartBannerProps;'
*/
import * as React from 'react';
import { PivotItem, } from '@fluentui/react/lib/Pivot';
// import { Icon, } from '@fluentui/react/lib/Icon';
const SampleHandleBarHTML = React.createElement("pre", null,
React.createElement("code", null,
React.createElement("h2", null, `{{Title}}`),
React.createElement("div", null, `{{InternalColumnName1}}`),
React.createElement("div", null, `{{Description}}`)));
export function getHelpHandleBarViews(bannerProps) {
const WebPartHelpElement = React.createElement(PivotItem, { headerText: 'HandleBar and Accordion Views' },
React.createElement("div", { className: 'fps-pph-content' },
React.createElement("div", { style: { display: 'flex' } },
React.createElement("div", null,
React.createElement("div", { className: 'fps-pph-topic' }, "Sample view"),
SampleHandleBarHTML),
React.createElement("div", null,
React.createElement("div", { className: 'fps-pph-topic' }, "About view structure"),
React.createElement("ul", null,
React.createElement("div", { style: { color: 'red', fontSize: 'large', 'fontWeight': 600 } },
React.createElement("mark", null, "WARNING:")),
React.createElement("div", null, "DO NOT save any HTML in these properties if you are not using them. It could break your page"),
React.createElement("div", { style: { height: '15px' } }),
React.createElement("li", null, "Should be proper HTML"),
React.createElement("li", null, "Should NOT include any script"),
React.createElement("li", null, "Can include inline css"),
React.createElement("li", null, "Use Handle Bars syntex to substitute in values from the item.InternalColumnName"),
React.createElement("ul", null,
React.createElement("li", null,
React.createElement("b", null,
`<h2>{{Title}}</h2>`,
" - Adds the item.Title value into a heading2 tag")),
React.createElement("li", null,
React.createElement("b", null,
`<h2 style="color: red">{{Title}}</h2>`,
" - sets the h2 text color to red")),
React.createElement("li", null,
React.createElement("b", null,
`<div>{{Author/Title}}</div>`,
" - Display an expaned column like Title of the Author property"))))))));
return WebPartHelpElement;
}
//# sourceMappingURL=HandleBarViews.js.map