@mikezimm/fps-library-v2
Version:
Library of reusable typescript/javascript functions, interfaces and constants
53 lines (52 loc) • 4.02 kB
JavaScript
/**
* CodeAnalizerComment: Updated 1 imports on 2024-09-21 23:07:24
* Update:: import { defaultBannerCommandStyles } to '@mikezimm/fps-core-v7/lib/common/commandStyles/defaults;'
*/
import * as React from 'react';
import { Icon, } from '@fluentui/react/lib/Icon';
import { PivotItem, } from '@fluentui/react/lib/Pivot';
import { defaultBannerCommandStyles, } from "@mikezimm/fps-core-v7/lib/common/commandStyles/defaults";
export const BannerHelp = React.createElement(PivotItem, { headerText: 'Banner' },
React.createElement("div", { className: 'fps-pph-content' },
React.createElement("div", { className: 'fps-pph-topic', style: { textDecoration: 'underline' } }, "FPS Banner - Basics"),
React.createElement("div", { className: 'fps-pph-topic' }, "Show Banner"),
React.createElement("div", null, "May allow you to hide the banner. If toggle disabled, it is required."),
React.createElement("div", { className: 'fps-pph-topic' }, "Optional Web Part Title"),
React.createElement("div", null, "Add Title text to the web part banner."),
React.createElement("div", null, "Depending on the web part, this may not be editable."),
React.createElement("div", { className: 'fps-pph-topic' }, "More Info text-button"),
React.createElement("div", null, "Customize the More Information text/Icon in the right of the banner."),
React.createElement("div", { className: 'fps-pph-topic', style: { textDecoration: 'underline' } }, "FPS Banner - Navigation"),
React.createElement("div", { className: 'fps-pph-topic' },
"Show 'Go to Home Page' ",
React.createElement(Icon, { iconName: 'Home' }),
" Icon"),
React.createElement("div", null,
"Displays the ",
React.createElement(Icon, { iconName: 'Home', style: defaultBannerCommandStyles }),
" when you are not on the site's home page."),
React.createElement("div", { className: 'fps-pph-topic' },
"Show 'Go to Parent Site' ",
React.createElement(Icon, { iconName: 'Up' }),
" Icon"),
React.createElement("div", null,
"Displays the ",
React.createElement(Icon, { iconName: 'Up', style: defaultBannerCommandStyles }),
" when you are not on the site's home page."),
React.createElement("div", { className: 'fps-pph-topic' }, "Gear, Go to Home, Parent audience"),
React.createElement("div", null, "Minimum permissions requied to see the Home and Parent site icons."),
React.createElement("div", null, "Use this to hide buttons from visitors if your ALV Financial Manual Web part is more of a single page app and you want to hide the site from a typical visitor."),
React.createElement("div", null, "NOTE: Site Admins will always see the icons."),
React.createElement("ul", null,
React.createElement("li", null, "Site Owners: have manageWeb permissions"),
React.createElement("li", null, "Page Editors: have addAndCustomizePages permissions"),
React.createElement("li", null, "Item Editors: have addListItems permissions")),
React.createElement("div", { className: 'fps-pph-topic', style: { textDecoration: 'underline' } }, "Theme options"),
React.createElement("div", null,
React.createElement("mark", null,
React.createElement("b", null, "NOTE:")),
" May be required depending on our policy for this web part"),
React.createElement("div", null, "Use dropdown to change your theme for the banner (color, buttons, text)"),
React.createElement("div", { className: 'fps-pph-topic' }, "Banner Hover Effect"),
React.createElement("div", null, "Turns on or off the Mouse Hover effect. If Toggle is off, the banner does not 'Fade In'. Turn off if you want a solid color banner all the time.")));
//# sourceMappingURL=Banner.js.map