superdesk-ui-framework 4.0.52 → 4.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-typescript/components/DateTimePicker.tsx +11 -1
- package/dist/examples.bundle.js +14 -2
- package/dist/superdesk-ui.bundle.js +13 -1
- package/package.json +1 -1
- package/react/components/DateTimePicker.d.ts +1 -0
- package/react/components/DateTimePicker.js +13 -1
- package/dist/playgrounds/accessible-theme-test.html +0 -813
- package/dist/playgrounds/boxed-list.html +0 -164
- package/dist/playgrounds/cards.html +0 -244
- package/dist/playgrounds/circular-progress.html +0 -48
- package/dist/playgrounds/dummy-data/items.ts +0 -95
- package/dist/playgrounds/editor-3-test.html +0 -15
- package/dist/playgrounds/form-layout.html +0 -285
- package/dist/playgrounds/layout-grid.html +0 -79
- package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
- package/dist/playgrounds/layout-test-2.html +0 -795
- package/dist/playgrounds/list-item-test.html +0 -896
- package/dist/playgrounds/main.html +0 -16
- package/dist/playgrounds/master-desk.html +0 -1678
- package/dist/playgrounds/media-carousel.html +0 -1166
- package/dist/playgrounds/nav-buttons.html +0 -65
- package/dist/playgrounds/photo-desk.html +0 -1515
- package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
- package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/dist/playgrounds/planning.html +0 -1112
- package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
- package/dist/playgrounds/publish.html +0 -1007
- package/dist/playgrounds/publisher-content-analytics.html +0 -376
- package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
- package/dist/playgrounds/publisher-content-list-manual.html +0 -611
- package/dist/playgrounds/publisher-content-lists.html +0 -255
- package/dist/playgrounds/publisher-dashboard.html +0 -323
- package/dist/playgrounds/publisher-output-control.html +0 -3659
- package/dist/playgrounds/publisher-website-settings-general.html +0 -188
- package/dist/playgrounds/publisher-website-settings.html +0 -265
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/dist/playgrounds/settings.html +0 -92
- package/dist/playgrounds/side-navigation.html +0 -201
- package/dist/playgrounds/swimlane-view.html +0 -1975
- package/dist/playgrounds/tags-input.html +0 -55
- package/dist/playgrounds/toasts.html +0 -113
- package/dist/playgrounds/video-editor.html +0 -706
- package/examples/css/docs-page.css +0 -1135
- package/examples/css/reset.css +0 -124
- package/examples/css/vendor.css +0 -175
- package/examples/illustration-small--components.svg +0 -45
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
- package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
- package/examples/img/avatar-2.jpg +0 -0
- package/examples/img/avatar-3.jpg +0 -0
- package/examples/img/avatar-4.jpg +0 -0
- package/examples/img/avatar-5.jpg +0 -0
- package/examples/img/avatar-6.jpg +0 -0
- package/examples/img/avatar.jpg +0 -0
- package/examples/img/bill.jpg +0 -0
- package/examples/img/bush_1.jpg +0 -0
- package/examples/img/bush_2.jpg +0 -0
- package/examples/img/carousel-thumb--01.jpg +0 -0
- package/examples/img/carousel-thumb--02.jpg +0 -0
- package/examples/img/carousel-thumb--03.jpg +0 -0
- package/examples/img/carousel-thumb--04.jpg +0 -0
- package/examples/img/components_ilustration.svg +0 -1
- package/examples/img/d_trump.jpg +0 -0
- package/examples/img/d_trump_2.jpg +0 -0
- package/examples/img/d_trump_large.jpg +0 -0
- package/examples/img/design_ilustration.svg +0 -1
- package/examples/img/ferocious_beast.webm +0 -0
- package/examples/img/guidelines/application-frame.png +0 -0
- package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
- package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__left-panel.png +0 -0
- package/examples/img/guidelines/application-frame__main-content.gif +0 -0
- package/examples/img/guidelines/application-frame__main-content.png +0 -0
- package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
- package/examples/img/guidelines/application-frame__right-panel.png +0 -0
- package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
- package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
- package/examples/img/guidelines/application-frame__top-bar.png +0 -0
- package/examples/img/guidelines/buttons--00-01.png +0 -0
- package/examples/img/guidelines/buttons--00-02.png +0 -0
- package/examples/img/guidelines/buttons--DO-02.png +0 -0
- package/examples/img/guidelines/buttons--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-01.png +0 -0
- package/examples/img/guidelines/checkbox--DO-02.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
- package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
- package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
- package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
- package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
- package/examples/img/guidelines/example__main-content--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
- package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
- package/examples/img/guidelines/example__sub-nav--01.png +0 -0
- package/examples/img/guidelines/example__sub-nav--02.png +0 -0
- package/examples/img/guidelines/example__sub-nav--03.png +0 -0
- package/examples/img/guidelines/example__top-bar--01.png +0 -0
- package/examples/img/guidelines/layout--grid-01.png +0 -0
- package/examples/img/guidelines/layout--size-example-01.png +0 -0
- package/examples/img/guidelines/radio--DO-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-01.png +0 -0
- package/examples/img/guidelines/radio--DONT-02.png +0 -0
- package/examples/img/guidelines/radio--DONT-03.png +0 -0
- package/examples/img/guidelines/switch--DO-01.png +0 -0
- package/examples/img/guidelines/switch--DO-02.png +0 -0
- package/examples/img/guidelines/switch--DONT-01.png +0 -0
- package/examples/img/guidelines/switch--DONT-02.png +0 -0
- package/examples/img/hillary.jpg +0 -0
- package/examples/img/illustration--components.svg +0 -1
- package/examples/img/illustration--design.svg +0 -1
- package/examples/img/illustration--playground.svg +0 -1
- package/examples/img/illustration--react.svg +0 -1
- package/examples/img/illustration-small--components.svg +0 -45
- package/examples/img/illustration-small--design.svg +0 -99
- package/examples/img/illustration-small--playground.svg +0 -49
- package/examples/img/illustration-small--react.svg +0 -53
- package/examples/img/illustration_user-privileges.png +0 -0
- package/examples/img/illustration_users.png +0 -0
- package/examples/img/image_01.jpg +0 -0
- package/examples/img/image_02.jpg +0 -0
- package/examples/img/masthead-image.png +0 -0
- package/examples/img/obama_1.jpg +0 -0
- package/examples/img/obama_2.jpg +0 -0
- package/examples/img/overlay-img.jpg +0 -0
- package/examples/img/react-logo--vector.svg +0 -49
- package/examples/img/sd-ui-framework__logo-01.svg +0 -33
- package/examples/img/sd-ui-framework__logo.svg +0 -20
- package/examples/img/th01.jpg +0 -0
- package/examples/img/th02.jpg +0 -0
- package/examples/img/th03.jpg +0 -0
- package/examples/index.html +0 -11
- package/examples/index.js +0 -468
- package/examples/js/doc.js +0 -230
- package/examples/js/react.js +0 -263
- package/examples/pages/components/Alerts.tsx +0 -291
- package/examples/pages/components/Autocomplete.tsx +0 -434
- package/examples/pages/components/Avatar.tsx +0 -659
- package/examples/pages/components/Badges.tsx +0 -221
- package/examples/pages/components/BigIconFont.tsx +0 -48
- package/examples/pages/components/BoxedList.tsx +0 -517
- package/examples/pages/components/ButtonGroups.tsx +0 -366
- package/examples/pages/components/Buttons.tsx +0 -565
- package/examples/pages/components/Card.tsx +0 -23
- package/examples/pages/components/Carousel.tsx +0 -235
- package/examples/pages/components/Checkboxs.tsx +0 -817
- package/examples/pages/components/Container.tsx +0 -190
- package/examples/pages/components/ContentDivider.tsx +0 -229
- package/examples/pages/components/ContentList.tsx +0 -786
- package/examples/pages/components/CreateButton.tsx +0 -121
- package/examples/pages/components/DatePicker.tsx +0 -245
- package/examples/pages/components/DateTimePicker.tsx +0 -141
- package/examples/pages/components/DragHandleDocs.tsx +0 -122
- package/examples/pages/components/DropZone.tsx +0 -149
- package/examples/pages/components/Dropdowns.tsx +0 -587
- package/examples/pages/components/DurationInput.tsx +0 -157
- package/examples/pages/components/EmptyStates.tsx +0 -171
- package/examples/pages/components/GridItem.tsx +0 -507
- package/examples/pages/components/GridList.tsx +0 -126
- package/examples/pages/components/Heading.tsx +0 -152
- package/examples/pages/components/IconButtons.tsx +0 -191
- package/examples/pages/components/IconFont.tsx +0 -49
- package/examples/pages/components/IconLabels.tsx +0 -199
- package/examples/pages/components/IconPicker.tsx +0 -82
- package/examples/pages/components/IllustrationButton.tsx +0 -109
- package/examples/pages/components/Index.tsx +0 -563
- package/examples/pages/components/Inputs.tsx +0 -313
- package/examples/pages/components/Labels.tsx +0 -354
- package/examples/pages/components/LeftNavigations.tsx +0 -459
- package/examples/pages/components/ListItems.tsx +0 -33
- package/examples/pages/components/Loader.tsx +0 -25
- package/examples/pages/components/Menu.tsx +0 -181
- package/examples/pages/components/Modal.tsx +0 -557
- package/examples/pages/components/MultiSelect.tsx +0 -343
- package/examples/pages/components/NavButtons.tsx +0 -159
- package/examples/pages/components/Panel.tsx +0 -631
- package/examples/pages/components/Popover.tsx +0 -90
- package/examples/pages/components/QuickNavigationBar.tsx +0 -278
- package/examples/pages/components/RadioGroup.tsx +0 -612
- package/examples/pages/components/ResizablePanels.tsx +0 -43
- package/examples/pages/components/SelectGrid.tsx +0 -162
- package/examples/pages/components/SelectWithTemplate.tsx +0 -144
- package/examples/pages/components/Selects.tsx +0 -175
- package/examples/pages/components/SimpleList.tsx +0 -198
- package/examples/pages/components/SubNav.tsx +0 -160
- package/examples/pages/components/Switch.tsx +0 -298
- package/examples/pages/components/TableList.tsx +0 -315
- package/examples/pages/components/Tabs.tsx +0 -276
- package/examples/pages/components/TagInputDocs.tsx +0 -130
- package/examples/pages/components/Tags.tsx +0 -154
- package/examples/pages/components/Text.tsx +0 -184
- package/examples/pages/components/TimePicker.tsx +0 -179
- package/examples/pages/components/Toasts.tsx +0 -283
- package/examples/pages/components/Togglebox.tsx +0 -307
- package/examples/pages/components/Tooltips.tsx +0 -74
- package/examples/pages/components/TreeMenu.tsx +0 -315
- package/examples/pages/components/TreeSelect.tsx +0 -625
- package/examples/pages/components/WithPaginationDocs.tsx +0 -56
- package/examples/pages/components/WithSizeObserver.tsx +0 -44
- package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
- package/examples/pages/components/tree-select/example-1.tsx +0 -67
- package/examples/pages/components/tree-select/example-2.tsx +0 -56
- package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
- package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
- package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
- package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
- package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
- package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
- package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
- package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
- package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
- package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
- package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
- package/examples/pages/components.html +0 -15
- package/examples/pages/components_deprecated/alerts.html +0 -113
- package/examples/pages/components_deprecated/badge.html +0 -79
- package/examples/pages/components_deprecated/basic-grid.html +0 -132
- package/examples/pages/components_deprecated/big-icons.html +0 -65
- package/examples/pages/components_deprecated/buttons.html +0 -631
- package/examples/pages/components_deprecated/carousel.html +0 -77
- package/examples/pages/components_deprecated/checkbox.html +0 -86
- package/examples/pages/components_deprecated/colors.html +0 -12
- package/examples/pages/components_deprecated/dropdown.html +0 -542
- package/examples/pages/components_deprecated/form-layout.html +0 -187
- package/examples/pages/components_deprecated/icon-labels.html +0 -34
- package/examples/pages/components_deprecated/icons.html +0 -194
- package/examples/pages/components_deprecated/input.html +0 -233
- package/examples/pages/components_deprecated/labels.html +0 -170
- package/examples/pages/components_deprecated/layout-grid.html +0 -227
- package/examples/pages/components_deprecated/left-nav.html +0 -83
- package/examples/pages/components_deprecated/list-item.html +0 -1342
- package/examples/pages/components_deprecated/loader.html +0 -64
- package/examples/pages/components_deprecated/modal-template.html +0 -13
- package/examples/pages/components_deprecated/modals.html +0 -561
- package/examples/pages/components_deprecated/other-elements.html +0 -54
- package/examples/pages/components_deprecated/panel-info.html +0 -34
- package/examples/pages/components_deprecated/radio.html +0 -64
- package/examples/pages/components_deprecated/select.html +0 -160
- package/examples/pages/components_deprecated/shadows.html +0 -24
- package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
- package/examples/pages/components_deprecated/simple-list.html +0 -113
- package/examples/pages/components_deprecated/slider.html +0 -31
- package/examples/pages/components_deprecated/spacing.html +0 -117
- package/examples/pages/components_deprecated/switch.html +0 -31
- package/examples/pages/components_deprecated/tables.html +0 -58
- package/examples/pages/components_deprecated/tabs.html +0 -257
- package/examples/pages/components_deprecated/tag-input.html +0 -123
- package/examples/pages/components_deprecated/tag-labels.html +0 -57
- package/examples/pages/components_deprecated/text.html +0 -55
- package/examples/pages/components_deprecated/toggle.html +0 -63
- package/examples/pages/components_deprecated/tooltips.html +0 -29
- package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
- package/examples/pages/components_deprecated/wizard.html +0 -41
- package/examples/pages/components_deprecated.html +0 -39
- package/examples/pages/design/application-structure.html +0 -168
- package/examples/pages/design/buttons.html +0 -34
- package/examples/pages/design/checkbox-and-radio.html +0 -64
- package/examples/pages/design/layout-principles.html +0 -45
- package/examples/pages/design/modules.html +0 -22
- package/examples/pages/design/pages.html +0 -22
- package/examples/pages/design/switch.html +0 -55
- package/examples/pages/design-patterns/Index.tsx +0 -42
- package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
- package/examples/pages/design-patterns.html +0 -14
- package/examples/pages/design.html +0 -39
- package/examples/pages/main.html +0 -76
- package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
- package/examples/pages/playgrounds/boxed-list.html +0 -164
- package/examples/pages/playgrounds/cards.html +0 -244
- package/examples/pages/playgrounds/circular-progress.html +0 -48
- package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
- package/examples/pages/playgrounds/editor-3-test.html +0 -15
- package/examples/pages/playgrounds/form-layout.html +0 -285
- package/examples/pages/playgrounds/layout-grid.html +0 -79
- package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
- package/examples/pages/playgrounds/layout-test-2.html +0 -795
- package/examples/pages/playgrounds/list-item-test.html +0 -896
- package/examples/pages/playgrounds/main.html +0 -16
- package/examples/pages/playgrounds/master-desk.html +0 -1678
- package/examples/pages/playgrounds/media-carousel.html +0 -1166
- package/examples/pages/playgrounds/nav-buttons.html +0 -65
- package/examples/pages/playgrounds/photo-desk.html +0 -1515
- package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
- package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
- package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
- package/examples/pages/playgrounds/planning.html +0 -1112
- package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
- package/examples/pages/playgrounds/publish.html +0 -1007
- package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
- package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
- package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
- package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
- package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
- package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
- package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
- package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
- package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
- package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
- package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
- package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
- package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
- package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
- package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
- package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
- package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
- package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
- package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
- package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
- package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
- package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
- package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
- package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
- package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
- package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
- package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
- package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
- package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
- package/examples/pages/playgrounds/settings.html +0 -92
- package/examples/pages/playgrounds/side-navigation.html +0 -201
- package/examples/pages/playgrounds/swimlane-view.html +0 -1975
- package/examples/pages/playgrounds/tags-input.html +0 -55
- package/examples/pages/playgrounds/toasts.html +0 -113
- package/examples/pages/playgrounds/video-editor.html +0 -706
- package/examples/pages/playgrounds.html +0 -40
@@ -1,1007 +0,0 @@
|
|
1
|
-
<div class="sd-page-grid--basic" doc-modal>
|
2
|
-
<header class="sd-top-menu">
|
3
|
-
<a href="" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
|
4
|
-
<p class="sd-top-menu__header">Publish pane test</p>
|
5
|
-
</header>
|
6
|
-
|
7
|
-
<section class="sd-content sd-page-content--slide-in" ng-class="{
|
8
|
-
'sd-page-content--slide-in--open' : editorOpen}">
|
9
|
-
|
10
|
-
<div class="sd-sidebar-menu sd-page-content__left-tabs">
|
11
|
-
<ul class="authoring-active">
|
12
|
-
<li sd-tooltip="Dashboard" flow="right">
|
13
|
-
<a href="" class="sd-sidebar-menu__btn">
|
14
|
-
<i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
|
15
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
16
|
-
</a>
|
17
|
-
</li>
|
18
|
-
<li sd-tooltip="Monitoring" flow="right">
|
19
|
-
<a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
|
20
|
-
<i class="sd-sidebar-menu__main-icon big-icon--view"></i>
|
21
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
22
|
-
</a>
|
23
|
-
</li>
|
24
|
-
<li sd-tooltip="Highlights" flow="right">
|
25
|
-
<a href="" class="sd-sidebar-menu__btn">
|
26
|
-
<i class="sd-sidebar-menu__main-icon big-icon--marked-star"></i>
|
27
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
28
|
-
</a>
|
29
|
-
</li>
|
30
|
-
<li sd-tooltip="Spiked" flow="right">
|
31
|
-
<a href="" class="sd-sidebar-menu__btn">
|
32
|
-
<i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
|
33
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
34
|
-
</a>
|
35
|
-
</li>
|
36
|
-
<li class="sd-sidebar-menu__spacer">
|
37
|
-
</li>
|
38
|
-
<li sd-tooltip="Personal" flow="right">
|
39
|
-
<a href="" class="sd-sidebar-menu__btn">
|
40
|
-
<i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
|
41
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
42
|
-
</a>
|
43
|
-
</li>
|
44
|
-
<li sd-tooltip="Search" flow="right">
|
45
|
-
<a href="" class="sd-sidebar-menu__btn">
|
46
|
-
<i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
|
47
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
48
|
-
</a>
|
49
|
-
</li>
|
50
|
-
</ul>
|
51
|
-
</div>
|
52
|
-
<div id="leftContent" class="sd-page-content__content-block sd-page-content__content-block--main" ng-class="{
|
53
|
-
'open-filters': leftFilterOpen, 'open-preview': leftPreviewOpen}">
|
54
|
-
<!-- left content -->
|
55
|
-
<div class="subnav">
|
56
|
-
|
57
|
-
<div class="subnav__sliding-toolbar" ng-show="editMode">
|
58
|
-
<div class="sliding-toolbar__inner">
|
59
|
-
<a class="btn" ng-click="editMode = false">Cancel</a>
|
60
|
-
<span class="sliding-toolbar__info-text">1 item selected</span>
|
61
|
-
</div>
|
62
|
-
<a class="btn btn--primary">Create Planning item</a>
|
63
|
-
<a class="btn btn--alert"><i class="icon-trash"></i>Spike</a>
|
64
|
-
</div>
|
65
|
-
<div class="dropdown" dropdown="">
|
66
|
-
<button class="dropdown__toggle navbtn navbtn--text-only dropdown-toggle" dropdown-toggle="" aria-haspopup="true" aria-expanded="false">Monitoring<span class="dropdown__caret"></span></button>
|
67
|
-
<ul class="dropdown__menu scrollable" style="">
|
68
|
-
<li><div class="dropdown__menu-label ng-binding">Monitoring</div></li>
|
69
|
-
<li><button>Incoming stage</button></li>
|
70
|
-
<li><button>Working stage</button></li>
|
71
|
-
<li><button>Output stage</button></li>
|
72
|
-
</ul>
|
73
|
-
</div>
|
74
|
-
<div class="subnav__spacer subnav__spacer--no-margin"></div>
|
75
|
-
<div class="sd-searchbar" ng-class="{
|
76
|
-
'sd-searchbar--focused': focused}" >
|
77
|
-
<label for="search-input" class="sd-searchbar__icon"></label>
|
78
|
-
<input id="search-input"
|
79
|
-
class="sd-searchbar__input"
|
80
|
-
type="text"
|
81
|
-
placeholder="Search"
|
82
|
-
ng-keyup="searchOnEnter($event)"
|
83
|
-
ng-model="query"
|
84
|
-
tabindex="1"
|
85
|
-
ng-focus="focused = true">
|
86
|
-
<button class="sd-searchbar__cancel" ng-if="query">
|
87
|
-
<i class="icon-remove-sign"></i>
|
88
|
-
</button>
|
89
|
-
<button id="sd-searchbar__search-btn" class="sd-searchbar__search-btn" ng-if="focused" tabindex="2">
|
90
|
-
<i class="big-icon--chevron-right"></i>
|
91
|
-
</button>
|
92
|
-
</div>
|
93
|
-
<div class="dropdown dropdown--align-right" dropdown>
|
94
|
-
<button class="dropdown__toggle navbtn sd-create-btn" dropdown__toggle>
|
95
|
-
<i class="icon-plus-large"></i>
|
96
|
-
<span class="circle"></span>
|
97
|
-
</button>
|
98
|
-
<ul class="dropdown__menu">
|
99
|
-
<li>
|
100
|
-
<div class="dropdown__menu-label">Create New Item</div>
|
101
|
-
</li>
|
102
|
-
|
103
|
-
<li>
|
104
|
-
<button><i class="icon-plus-sign icon--blue"></i>Editor 3</button>
|
105
|
-
</li>
|
106
|
-
<li class="dropdown__menu-divider"></li>
|
107
|
-
<li>
|
108
|
-
<div class="dropdown__menu-label">Recent templates</div>
|
109
|
-
</li>
|
110
|
-
<li>
|
111
|
-
<button><i class="icon-plus-sign icon--blue"></i>Template one</button>
|
112
|
-
</li>
|
113
|
-
<li>
|
114
|
-
<button><i class="icon-plus-sign icon--blue"></i>Template two</button>
|
115
|
-
</li>
|
116
|
-
</ul>
|
117
|
-
</div>
|
118
|
-
</div>
|
119
|
-
<div class="subnav">
|
120
|
-
<div class="subnav__stretch-bar" ng-init="planningType = 'events-planning'">
|
121
|
-
<sd-check ng-model="planningType" type="radio" ng-value="all" label-position="inside">all</sd-check>
|
122
|
-
<sd-check ng-model="planningType" type="radio" ng-value="text" label-position="inside"><i class="icon-text"></i></sd-check>
|
123
|
-
<sd-check ng-model="planningType" type="radio" ng-value="photo" label-position="inside"><i class="icon-photo"></i></sd-check>
|
124
|
-
<sd-check ng-model="planningType" type="radio" ng-value="graphic" label-position="inside"><i class="icon-graphic"></i></sd-check>
|
125
|
-
<sd-check ng-model="planningType" type="radio" ng-value="composite" label-position="inside"><i class="icon-composite"></i></sd-check>
|
126
|
-
<sd-check ng-model="planningType" type="radio" ng-value="video" label-position="inside"><i class="icon-video"></i></sd-check>
|
127
|
-
<sd-check ng-model="planningType" type="radio" ng-value="audio" label-position="inside"><i class="icon-audio"></i></sd-check>
|
128
|
-
</div>
|
129
|
-
<div class="subnav__content-bar">
|
130
|
-
<div class="dropdown dropdown--align-right" dropdown="">
|
131
|
-
<button class="dropdown__toggle dropdown-toggle" dropdown__toggle="" aria-haspopup="true" aria-expanded="false">
|
132
|
-
Updated<span class="dropdown__caret"></span>
|
133
|
-
</button>
|
134
|
-
<ul class="dropdown__menu">
|
135
|
-
<li><button>Updated</button></li>
|
136
|
-
<li><button>Created</button></li>
|
137
|
-
<li><button>Urgency</button></li>
|
138
|
-
<li><button>Category</button></li>
|
139
|
-
<li><button>Slugline</button></li>
|
140
|
-
<li><button>Priority</button></li>
|
141
|
-
<li><button>Genre</button></li>
|
142
|
-
</ul>
|
143
|
-
</div>
|
144
|
-
<a class="icn-btn ng-hide" sd-tooltip="Descending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-hide="!sortDesc"><i class="icon-descending"></i></a>
|
145
|
-
<a class="icn-btn" sd-tooltip="Ascending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-show="!sortDesc"><i class="icon-ascending"></i></a>
|
146
|
-
</div>
|
147
|
-
<button class="navbtn" ng-click="gridView = !gridView">
|
148
|
-
<i class="icon-th ng-hide" ng-hide="gridView"></i>
|
149
|
-
<i class="icon-th-list" ng-show="gridView"></i>
|
150
|
-
</button>
|
151
|
-
<div class="dropdown dropdown--align-right" dropdown>
|
152
|
-
<button class="dropdown__toggle navbtn" dropdown__toggle>
|
153
|
-
<i class="icon-dots-vertical"></i>
|
154
|
-
</button>
|
155
|
-
<ul class="dropdown__menu">
|
156
|
-
<li>
|
157
|
-
<div class="dropdown__menu-label">Actions</div>
|
158
|
-
</li>
|
159
|
-
<li class="dropdown__menu-divider"></li>
|
160
|
-
<li><button>Action 2</button></li>
|
161
|
-
<li><button>Action 3</button></li>
|
162
|
-
</ul>
|
163
|
-
</div>
|
164
|
-
</div>
|
165
|
-
<div class="sd-column-box--3" ng-init="editorOpen = true;">
|
166
|
-
<div class="sd-column-box__main-column">
|
167
|
-
<div class="sd-list-header">
|
168
|
-
<span class="sd-list-header__name"><a href="">Politics desk</a> / <a href="">Incoming stage</a></span>
|
169
|
-
</div>
|
170
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items" >
|
171
|
-
<!-- list item -->
|
172
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select1}">
|
173
|
-
<div class="sd-list-item__border"></div>
|
174
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select1}">
|
175
|
-
<div class="sd-list-item__checkbox-container">
|
176
|
-
<sd-check ng-model="select1"></sd-check>
|
177
|
-
</div>
|
178
|
-
<span class="icn-mix sd-list-item__item-type">
|
179
|
-
<i class="icon-text"></i>
|
180
|
-
</span>
|
181
|
-
</div>
|
182
|
-
<div class="sd-list-item__column">
|
183
|
-
<span class="badge badge--success badge--square">1</span>
|
184
|
-
<span class="badge badge--highlight">2</span>
|
185
|
-
</div>
|
186
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
187
|
-
<div class="sd-list-item__row">
|
188
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Lorem Ipsum</span>Vulputate velit esse molestie consequatvel illum dolore.</span>
|
189
|
-
<time title="28 February 2018 17:04">Wednesday, 17:04</time>
|
190
|
-
</div>
|
191
|
-
<div class="sd-list-item__row">
|
192
|
-
<span class="label">Article</span> <span class="label label--yellow2 label--hollow">In Progress</span>
|
193
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
194
|
-
</div>
|
195
|
-
</div>
|
196
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
197
|
-
<button class="icn-btn">
|
198
|
-
<i class="icon-dots-vertical"></i>
|
199
|
-
</button>
|
200
|
-
</div>
|
201
|
-
</div>
|
202
|
-
<!-- list item -->
|
203
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select2}">
|
204
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
205
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select2}">
|
206
|
-
<div class="sd-list-item__checkbox-container">
|
207
|
-
<sd-check ng-model="select2"></sd-check>
|
208
|
-
</div>
|
209
|
-
<span class="icn-mix sd-list-item__item-type">
|
210
|
-
<i class="icon-text"></i>
|
211
|
-
</span>
|
212
|
-
</div>
|
213
|
-
<div class="sd-list-item__column">
|
214
|
-
<span class="badge badge--primary badge--square">2</span>
|
215
|
-
<span class="badge badge--warning">3</span>
|
216
|
-
</div>
|
217
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
218
|
-
<div class="sd-list-item__row">
|
219
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum lorem</span>Iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</span>
|
220
|
-
<time title="28 February 2018 17:00">Wednesday, 17:00</time>
|
221
|
-
</div>
|
222
|
-
<div class="sd-list-item__row">
|
223
|
-
<span class="label label--yellow2 label--hollow">In Progress</span>
|
224
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
225
|
-
</div>
|
226
|
-
</div>
|
227
|
-
<div class="sd-list-item__action-menu">
|
228
|
-
<!--dropdown-->
|
229
|
-
<div class="dropdown dropdown--align-right" dropdown dropdown-append-to-body is-open="itemActive18">
|
230
|
-
<button class="icn-btn dropdown__toggle" dropdown__toggle>
|
231
|
-
<i class="icon-dots-vertical"></i>
|
232
|
-
</button>
|
233
|
-
<ul class="dropdown__menu">
|
234
|
-
<li>
|
235
|
-
<div class="dropdown__menu-label">
|
236
|
-
Actions
|
237
|
-
<button class="dropdown__menu-close"><i class="icon-close-small"></i></button>
|
238
|
-
</div>
|
239
|
-
</li>
|
240
|
-
<li class="dropdown__menu-divider"></li>
|
241
|
-
<li><button><i class="icon-pencil"></i>Edit</button></li>
|
242
|
-
<li><button><i class="icon-copy"></i>Copy</button></li>
|
243
|
-
<li><button><i class="icon-trash"></i>Delete</button></li>
|
244
|
-
<li class="dropdown__menu-divider"></li>
|
245
|
-
<li>
|
246
|
-
<div class="dropdown__menu-label">Actions 2</div>
|
247
|
-
</li>
|
248
|
-
<li class="dropdown__menu-item--no-link">
|
249
|
-
Just some text without a link
|
250
|
-
</li>
|
251
|
-
|
252
|
-
<li>
|
253
|
-
<button><i class="icon-download"></i>Download</button>
|
254
|
-
</li>
|
255
|
-
<li>
|
256
|
-
<button><i class="icon-print"></i>Print</button>
|
257
|
-
</li>
|
258
|
-
</ul>
|
259
|
-
</div>
|
260
|
-
<!--end dropdown-->
|
261
|
-
</div>
|
262
|
-
</div>
|
263
|
-
<!-- list item -->
|
264
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select3}">
|
265
|
-
<div class="sd-list-item__border"></div>
|
266
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select3}">
|
267
|
-
<div class="sd-list-item__checkbox-container">
|
268
|
-
<sd-check ng-model="select3"></sd-check>
|
269
|
-
</div>
|
270
|
-
<span class="icn-mix sd-list-item__item-type">
|
271
|
-
<i class="icon-text"></i>
|
272
|
-
</span>
|
273
|
-
</div>
|
274
|
-
<div class="sd-list-item__column">
|
275
|
-
<span class="badge badge--alert badge--square">3</span>
|
276
|
-
<span class="badge">5</span>
|
277
|
-
</div>
|
278
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
279
|
-
<div class="sd-list-item__row">
|
280
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">facilisis-eros</span>Dolore eu feugiat nulla facilisis at vero eros.</span>
|
281
|
-
<time title="28 February 2018 16:55">Wednesday, 16:55</time>
|
282
|
-
</div>
|
283
|
-
<div class="sd-list-item__row">
|
284
|
-
<span class="label label--hollow">Draft</span>
|
285
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
286
|
-
</div>
|
287
|
-
</div>
|
288
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
289
|
-
<button class="icn-btn">
|
290
|
-
<i class="icon-dots-vertical"></i>
|
291
|
-
</button>
|
292
|
-
</div>
|
293
|
-
</div>
|
294
|
-
</div>
|
295
|
-
<div class="sd-list-header">
|
296
|
-
<span class="sd-list-header__name"><a href="">Politics desk</a> / <a href="">Working stage</a></span>
|
297
|
-
</div>
|
298
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items">
|
299
|
-
<!-- list item -->
|
300
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select4}">
|
301
|
-
<div class="sd-list-item__border"></div>
|
302
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select4}">
|
303
|
-
<div class="sd-list-item__checkbox-container">
|
304
|
-
<sd-check ng-model="select4"></sd-check>
|
305
|
-
</div>
|
306
|
-
<span class="icn-mix sd-list-item__item-type">
|
307
|
-
<i class="icon-text"></i>
|
308
|
-
</span>
|
309
|
-
</div>
|
310
|
-
<div class="sd-list-item__column">
|
311
|
-
<span class="badge badge--success badge--square">1</span>
|
312
|
-
<span class="badge badge--highlight">2</span>
|
313
|
-
</div>
|
314
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
315
|
-
<div class="sd-list-item__row">
|
316
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Lipsum ipsum</span>Dolor illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</span>
|
317
|
-
<time title="28 February 2018 17:05">Wednesday, 17:05</time>
|
318
|
-
</div>
|
319
|
-
<div class="sd-list-item__row">
|
320
|
-
<span class="label">Article</span> <span class="label label--yellow2 label--hollow">In Progress</span>
|
321
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
322
|
-
</div>
|
323
|
-
</div>
|
324
|
-
<div class="sd-list-item__action-menu">
|
325
|
-
<button class="icn-btn">
|
326
|
-
<i class="icon-dots-vertical"></i>
|
327
|
-
</button>
|
328
|
-
</div>
|
329
|
-
</div>
|
330
|
-
<!-- list item -->
|
331
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select5}">
|
332
|
-
<div class="sd-list-item__border"></div>
|
333
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select5}">
|
334
|
-
<div class="sd-list-item__checkbox-container">
|
335
|
-
<sd-check ng-model="select5"></sd-check>
|
336
|
-
</div>
|
337
|
-
<span class="icn-mix sd-list-item__item-type">
|
338
|
-
<i class="icon-text"></i>
|
339
|
-
</span>
|
340
|
-
</div>
|
341
|
-
<div class="sd-list-item__column">
|
342
|
-
<span class="badge badge--primary badge--square">2</span>
|
343
|
-
<span class="badge badge--warning">3</span>
|
344
|
-
</div>
|
345
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
346
|
-
<div class="sd-list-item__row">
|
347
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Tempor Nobis</span>Nam liber tempor cum soluta nobis eleifend option.</span>
|
348
|
-
<time title="28 February 2018 17:01">Wednesday, 17:01</time>
|
349
|
-
</div>
|
350
|
-
<div class="sd-list-item__row">
|
351
|
-
<span class="label">Article</span> <span class="label label--yellow2 label--hollow">In Progress</span>
|
352
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
353
|
-
</div>
|
354
|
-
</div>
|
355
|
-
<div class="sd-list-item__action-menu">
|
356
|
-
<button class="icn-btn">
|
357
|
-
<i class="icon-dots-vertical"></i>
|
358
|
-
</button>
|
359
|
-
</div>
|
360
|
-
</div>
|
361
|
-
<!-- list item -->
|
362
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select6}">
|
363
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
364
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select6}">
|
365
|
-
<div class="sd-list-item__checkbox-container">
|
366
|
-
<sd-check ng-model="select6"></sd-check>
|
367
|
-
</div>
|
368
|
-
<span class="icn-mix sd-list-item__item-type">
|
369
|
-
<i class="icon-text"></i>
|
370
|
-
</span>
|
371
|
-
</div>
|
372
|
-
<div class="sd-list-item__column">
|
373
|
-
<span class="badge badge--alert badge--square">3</span>
|
374
|
-
<span class="badge">5</span>
|
375
|
-
</div>
|
376
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
377
|
-
<div class="sd-list-item__row">
|
378
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Dolore illum</span>Consequatvel molestie illum dolore eu feugiat nulla facilisis.</span>
|
379
|
-
<time title="28 February 2018 16:52">Wednesday, 16:52</time>
|
380
|
-
</div>
|
381
|
-
<div class="sd-list-item__row">
|
382
|
-
<span class="label label--yellow2 label--hollow">In Progress</span>
|
383
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
384
|
-
</div>
|
385
|
-
</div>
|
386
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
387
|
-
<button class="icn-btn">
|
388
|
-
<i class="icon-dots-vertical"></i>
|
389
|
-
</button>
|
390
|
-
</div>
|
391
|
-
</div>
|
392
|
-
<!-- list item -->
|
393
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select7}">
|
394
|
-
<div class="sd-list-item__border"></div>
|
395
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select7}">
|
396
|
-
<div class="sd-list-item__checkbox-container">
|
397
|
-
<sd-check ng-model="select7"></sd-check>
|
398
|
-
</div>
|
399
|
-
<span class="icn-mix sd-list-item__item-type">
|
400
|
-
<i class="icon-text"></i>
|
401
|
-
</span>
|
402
|
-
</div>
|
403
|
-
<div class="sd-list-item__column">
|
404
|
-
<span class="badge badge--primary badge--square">2</span>
|
405
|
-
<span class="badge badge--warning">3</span>
|
406
|
-
</div>
|
407
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
408
|
-
<div class="sd-list-item__row">
|
409
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum lorem</span>Nam liber tempor cum soluta nobis eleifend option.</span>
|
410
|
-
<time title="28 February 2018 15:23">Wednesday, 15:23</time>
|
411
|
-
</div>
|
412
|
-
<div class="sd-list-item__row">
|
413
|
-
<span class="label">Article</span> <span class="label label--yellow2 label--hollow">In Progress</span>
|
414
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
415
|
-
</div>
|
416
|
-
</div>
|
417
|
-
<div class="sd-list-item__action-menu">
|
418
|
-
<button class="icn-btn">
|
419
|
-
<i class="icon-dots-vertical"></i>
|
420
|
-
</button>
|
421
|
-
</div>
|
422
|
-
</div>
|
423
|
-
<!-- list item -->
|
424
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select8}">
|
425
|
-
<div class="sd-list-item__border"></div>
|
426
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select8}">
|
427
|
-
<div class="sd-list-item__checkbox-container">
|
428
|
-
<sd-check ng-model="select8"></sd-check>
|
429
|
-
</div>
|
430
|
-
<span class="icn-mix sd-list-item__item-type">
|
431
|
-
<i class="icon-text"></i>
|
432
|
-
</span>
|
433
|
-
</div>
|
434
|
-
<div class="sd-list-item__column">
|
435
|
-
<span class="badge badge--alert badge--square">3</span>
|
436
|
-
<span class="badge">5</span>
|
437
|
-
</div>
|
438
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
439
|
-
<div class="sd-list-item__row">
|
440
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Feugiat nulla vero</span>Illum dolore eu feugiat nulla facilisis at vero eros.</span>
|
441
|
-
<time title="28 February 2018 14:48">Wednesday, 14:48</time>
|
442
|
-
</div>
|
443
|
-
<div class="sd-list-item__row">
|
444
|
-
<span class="label label--yellow2 label--hollow">In Progress</span>
|
445
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
446
|
-
</div>
|
447
|
-
</div>
|
448
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
449
|
-
<button class="icn-btn">
|
450
|
-
<i class="icon-dots-vertical"></i>
|
451
|
-
</button>
|
452
|
-
</div>
|
453
|
-
</div>
|
454
|
-
<!-- list item -->
|
455
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select9}">
|
456
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
457
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select9}">
|
458
|
-
<div class="sd-list-item__checkbox-container">
|
459
|
-
<sd-check ng-model="select9"></sd-check>
|
460
|
-
</div>
|
461
|
-
<span class="icn-mix sd-list-item__item-type">
|
462
|
-
<i class="icon-text"></i>
|
463
|
-
</span>
|
464
|
-
</div>
|
465
|
-
<div class="sd-list-item__column">
|
466
|
-
<span class="badge badge--success badge--square">1</span>
|
467
|
-
<span class="badge badge--highlight">2</span>
|
468
|
-
</div>
|
469
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
470
|
-
<div class="sd-list-item__row">
|
471
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">facilisis-eros</span>Feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</span>
|
472
|
-
<time title="28 February 2018 13:34">Wednesday, 13:34</time>
|
473
|
-
</div>
|
474
|
-
<div class="sd-list-item__row">
|
475
|
-
<span class="label label--yellow2 label--hollow">In Progress</span>
|
476
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text">Reuters</span><span class="sd-list-item__text-label">desk:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Politics</span>
|
477
|
-
</div>
|
478
|
-
</div>
|
479
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
480
|
-
<button class="icn-btn">
|
481
|
-
<i class="icon-dots-vertical"></i>
|
482
|
-
</button>
|
483
|
-
</div>
|
484
|
-
</div>
|
485
|
-
<!-- list item -->
|
486
|
-
</div>
|
487
|
-
</div>
|
488
|
-
</div>
|
489
|
-
<!-- END left content -->
|
490
|
-
</div>
|
491
|
-
|
492
|
-
<!-- SPLIT CONTENT -->
|
493
|
-
|
494
|
-
|
495
|
-
<div id="editPane"
|
496
|
-
class="sd-edit-panel sd-page-content__content-block sd-page-content__content-block--right sd-page-content__content-block--30-slide"
|
497
|
-
ng-class="{'open-filters': rightFilterOpen, 'open-preview': rightPreviewOpen}">
|
498
|
-
<!-- Eitor content -->
|
499
|
-
<div class="side-panel side-panel--shadow-right">
|
500
|
-
<!-- Article edit panel -->
|
501
|
-
<div class="side-panel__header subnav subnav--darker" ng-init="editorOpen = true">
|
502
|
-
<div class="subnav__stretch-bar">
|
503
|
-
<figure class="avatar" style="margin-right:10px;">VS</figure>
|
504
|
-
</div>
|
505
|
-
<div class="subnav__stretch-bar subnav__stretch-bar--right">
|
506
|
-
<a href="" class="btn">Cancel</a>
|
507
|
-
<a href="" class="btn btn--primary">Save</a>
|
508
|
-
|
509
|
-
</div>
|
510
|
-
<button class="navbtn" ng-click="editorOpen = !editorOpen">
|
511
|
-
<i class="big-icon--minimize"></i>
|
512
|
-
</button>
|
513
|
-
<button class="navbtn">
|
514
|
-
<i class="icon-dots-vertical"></i>
|
515
|
-
</button>
|
516
|
-
<button class="navbtn navbtn--highlighted" ng-click="publishPaneOpen = !publishPaneOpen">
|
517
|
-
<i class="big-icon--send-to"></i>
|
518
|
-
</button>
|
519
|
-
</div>
|
520
|
-
<div class="side-panel__content side-panel__content--flex">
|
521
|
-
<div class="side-panel__content-tab-content">
|
522
|
-
|
523
|
-
<div class="side-panel__content-block side-panel__content-block--pad-small side-panel__content-block--flex" style="padding-bottom: 16px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)">
|
524
|
-
<div class="side-panel__content-block-inner side-panel__content-block-inner--grow">
|
525
|
-
<p class="sd-text__date-and-author"><time>Created 01.02.2018 by </time> <span class="sd-text__author">Mika Karapet</span></p>
|
526
|
-
</div>
|
527
|
-
</div>
|
528
|
-
|
529
|
-
<h3 class="side-panel__heading side-panel__heading--big" style="margin-top: 60px; opacity: 0.3; text-align: center;">EDITOR CONTENT</h3>
|
530
|
-
<div class="side-panel__content-block">
|
531
|
-
|
532
|
-
</div>
|
533
|
-
</div>
|
534
|
-
</div>
|
535
|
-
<div class="side-panel__footer"></div>
|
536
|
-
<!-- END Article edit panel -->
|
537
|
-
</div>
|
538
|
-
<!-- END Editor content -->
|
539
|
-
</div>
|
540
|
-
</section>
|
541
|
-
<footer class="sd-bottom-bar">
|
542
|
-
This is the optional footer.
|
543
|
-
</footer>
|
544
|
-
</div>
|
545
|
-
|
546
|
-
<div class="sd-overlay-panel sd-overlay-panel--dark-ui" ng-class="{'sd-overlay-panel--open' : publishPaneOpen, 'sd-overlay-panel--large': tab === 'publish'}">
|
547
|
-
<div class="side-panel side-panel--shadow-right side-panel--dark-ui overflow-x-hidden">
|
548
|
-
<div class="side-panel__header">
|
549
|
-
<div class="side-panel__tools">
|
550
|
-
<a class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $root.overlayPaneOpen = false"><i class="icon-close-small"></i></a>
|
551
|
-
</div>
|
552
|
-
<ul class="nav-tabs nav-tabs--big nav-tabs--ui-dark">
|
553
|
-
<li ng-class="{'nav-tabs__tab--active': !tab || tab === 'send-to'}" class="nav-tabs__tab">
|
554
|
-
<button ng-click="tab = 'send-to'" class="nav-tabs__link"><span translate="">Send to</span></button>
|
555
|
-
</li>
|
556
|
-
<li ng-class="{'nav-tabs__tab--active': tab === 'publish'}" class="nav-tabs__tab">
|
557
|
-
<button ng-click="tab = 'publish'" class="nav-tabs__link"><span translate="">Publish</span></button>
|
558
|
-
</li>
|
559
|
-
</ul>
|
560
|
-
<!-- <button class="navbtn navbtn--highlighted" ng-click="publishPaneOpen = !publishPaneOpen">
|
561
|
-
<i class="icon-close-small" style="margin-left: -10px;"></i>
|
562
|
-
</button> -->
|
563
|
-
</div>
|
564
|
-
<!-- Send To Tab -->
|
565
|
-
<div class="side-panel__content" ng-if="!tab || tab === 'send-to'">
|
566
|
-
<div class="side-panel__content-block">
|
567
|
-
<div sd-toggle-box data-title="Destination" data-style="circle" data-open="true">
|
568
|
-
<div class="form__row">
|
569
|
-
<div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-label sd-line-input--no-margin">
|
570
|
-
<select class="sd-line-input__select">
|
571
|
-
<option value="single">Politics desk</option>
|
572
|
-
<option value="time">Sports desk</option>
|
573
|
-
<option value="bananas">Features desk</option>
|
574
|
-
<option value="indefinite">Photo desk</option>
|
575
|
-
</select>
|
576
|
-
</div>
|
577
|
-
</div>
|
578
|
-
<div class="form__row form__row--no-padding">
|
579
|
-
<div class="flex-grid flex-grid--boxed-small flex-grid--wrap-items flex-grid--small-2">
|
580
|
-
<button class="btn__check btn__check--active flex-grid__item" disabled="disabled">Active disabled</button>
|
581
|
-
<button class="btn__check flex-grid__item" disabled="disabled">Disabled</button>
|
582
|
-
<button ng-click="stageActive0 = !stageActive0" class="btn__check flex-grid__item" ng-class="{'btn__check--active' : stageActive0}">Incoming stage</button>
|
583
|
-
<button ng-click="stageActive1 = !stageActive1" class="btn__check flex-grid__item" ng-class="{'btn__check--active' : stageActive1}">Working stage</button>
|
584
|
-
<button ng-click="stageActive2 = !stageActive2" class="btn__check flex-grid__item" ng-class="{'btn__check--active' : stageActive2}">Revise stage</button>
|
585
|
-
</div>
|
586
|
-
</div>
|
587
|
-
</div>
|
588
|
-
<div sd-toggle-box data-title="Embargo" data-style="circle" data-open="true">
|
589
|
-
<div class="form__row form__row--flex form__row--small-padding">
|
590
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
591
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
592
|
-
<label class="sd-line-input__label">Embargo till</label>
|
593
|
-
<input class="sd-line-input__input" type="text">
|
594
|
-
</div>
|
595
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
596
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
597
|
-
<input class="sd-line-input__input" type="text">
|
598
|
-
</div>
|
599
|
-
</div>
|
600
|
-
<a class="text-link text-link--white" href=""><i class="icon-remove-sign"> </i> Clear embargo</a>
|
601
|
-
</div>
|
602
|
-
<div sd-toggle-box data-title="Publish schedule" data-style="circle" data-open="true">
|
603
|
-
<div class="form__row form__row--flex form__row--small-padding">
|
604
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
605
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
606
|
-
<label class="sd-line-input__label">Publish on</label>
|
607
|
-
<input class="sd-line-input__input" type="text">
|
608
|
-
</div>
|
609
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
610
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
611
|
-
<input class="sd-line-input__input" type="text">
|
612
|
-
</div>
|
613
|
-
</div>
|
614
|
-
<a class="text-link text-link--white" href=""><i class="icon-remove-sign"> </i> Clear schedule</a>
|
615
|
-
</div>
|
616
|
-
</div>
|
617
|
-
</div>
|
618
|
-
<!-- Publish Tab -->
|
619
|
-
<div class="side-panel__content side-panel__content--split overflow-x-hidden" ng-if="tab === 'publish'">
|
620
|
-
<!-- LEFT pane -->
|
621
|
-
<div class="side-panel__content-block side-panel__content-block--left">
|
622
|
-
<div sd-toggle-box data-title="Publish from" data-style="circle" data-open="true">
|
623
|
-
<div class="form__row">
|
624
|
-
<div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-label sd-line-input--no-margin">
|
625
|
-
<select class="sd-line-input__select">
|
626
|
-
<option value="single">Politics desk</option>
|
627
|
-
<option value="time">Sports desk</option>
|
628
|
-
<option value="bananas">Features desk</option>
|
629
|
-
<option value="indefinite">Photo desk</option>
|
630
|
-
</select>
|
631
|
-
</div>
|
632
|
-
</div>
|
633
|
-
</div>
|
634
|
-
<div sd-toggle-box data-title="Embargo" data-style="circle" data-open="true">
|
635
|
-
<div class="form__row form__row--flex form__row--small-padding">
|
636
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
637
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
638
|
-
<label class="sd-line-input__label">Embargo till</label>
|
639
|
-
<input class="sd-line-input__input" type="text">
|
640
|
-
</div>
|
641
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
642
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
643
|
-
<input class="sd-line-input__input" type="text">
|
644
|
-
</div>
|
645
|
-
</div>
|
646
|
-
<a class="text-link text-link--white" href=""><i class="icon-remove-sign"> </i> Clear embargo</a>
|
647
|
-
</div>
|
648
|
-
<div sd-toggle-box data-title="Publish schedule" data-style="circle" data-open="true">
|
649
|
-
<div class="form__row form__row--flex form__row--small-padding">
|
650
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
651
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
652
|
-
<label class="sd-line-input__label">Publish on</label>
|
653
|
-
<input class="sd-line-input__input" type="text">
|
654
|
-
</div>
|
655
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed sd-line-input--no-margin">
|
656
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
657
|
-
<input class="sd-line-input__input" type="text">
|
658
|
-
</div>
|
659
|
-
</div>
|
660
|
-
<a class="text-link text-link--white" href=""><i class="icon-remove-sign"> </i> Clear schedule</a>
|
661
|
-
</div>
|
662
|
-
</div>
|
663
|
-
<!-- RIGHT pane -->
|
664
|
-
<div class="side-panel__content-block side-panel__content-block--right side-panel__content-block--overlay-panel-inside">
|
665
|
-
<div>
|
666
|
-
<span>
|
667
|
-
<div sd-toggle-box data-title="Web publishing" data-style="circle" data-open="true">
|
668
|
-
<!-- website 1 -->
|
669
|
-
<div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen0}">
|
670
|
-
<div class="sd-collapse-box__header" ng-click="isOpen0 = !isOpen0">
|
671
|
-
<!-- list item -->
|
672
|
-
<div class="sd-list-item">
|
673
|
-
<div class="sd-list-item__border"></div>
|
674
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
675
|
-
<div class="sd-list-item__row">
|
676
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__text-strong">www.sourcefabric.org</span></span>
|
677
|
-
</div>
|
678
|
-
<div class="sd-list-item__row">
|
679
|
-
<span class="sd-list-item__text-label">Publish to:</span><span class="sd-overflow-ellipsis">news</span>
|
680
|
-
</div>
|
681
|
-
</div>
|
682
|
-
</div>
|
683
|
-
<!-- END list item -->
|
684
|
-
</div>
|
685
|
-
<div class="sd-collapse-box__content-wraper">
|
686
|
-
<div class="sd-collapse-box__content">
|
687
|
-
<div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged0">
|
688
|
-
<div class="sd-collapse-box__sliding-toolbar">
|
689
|
-
<div class="sliding-toolbar__inner"></div>
|
690
|
-
<a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged0 = true; isOpen0 = false">Cancel</a>
|
691
|
-
<a class="btn btn--primary" ng-click="contentChanged0 = true; isOpen0 = false">Save</a>
|
692
|
-
</div>
|
693
|
-
</div>
|
694
|
-
<div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
|
695
|
-
<a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen0 = false">
|
696
|
-
<span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
|
697
|
-
</a>
|
698
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
699
|
-
</div>
|
700
|
-
<div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
|
701
|
-
<div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
|
702
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
703
|
-
<div class="sd-list-item__row">
|
704
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow sd-list-item__text-strong">www.sourcefabric.org</span>
|
705
|
-
<a class="icn-btn" sd-tooltip="Preview" flow="left"><i class="icon-external"></i></a>
|
706
|
-
</div>
|
707
|
-
<div class="sd-list-item__row">
|
708
|
-
<span class="sd-list-item__text-label sd-overflow-ellipsis">Automatically:</span><span class="sd-overflow-ellipsis">news</span>
|
709
|
-
</div>
|
710
|
-
</div>
|
711
|
-
</div>
|
712
|
-
</div>
|
713
|
-
<div class="form__row">
|
714
|
-
<div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
|
715
|
-
<label class="sd-line-input__label">Route</label>
|
716
|
-
<select class="sd-line-input__select">
|
717
|
-
<option value="single">News</option>
|
718
|
-
<option value="time">Politics</option>
|
719
|
-
<option value="bananas">Lifestyle</option>
|
720
|
-
<option value="indefinite">Culture</option>
|
721
|
-
</select>
|
722
|
-
</div>
|
723
|
-
</div>
|
724
|
-
<div class="form__row" ng-init="contentChanged0 = true">
|
725
|
-
<sd-check ng-model="contentChanged0" ng-checked="false">Publish to facebook</sd-check>
|
726
|
-
</div>
|
727
|
-
<div class="form__row">
|
728
|
-
<sd-check ng-model="dnp0">Do not publish</sd-check>
|
729
|
-
</div>
|
730
|
-
</div>
|
731
|
-
</div>
|
732
|
-
</div>
|
733
|
-
<!-- website 2 -->
|
734
|
-
<div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen1}">
|
735
|
-
<div class="sd-collapse-box__header" ng-click="isOpen1 = !isOpen1">
|
736
|
-
<!-- list item -->
|
737
|
-
<div class="sd-list-item">
|
738
|
-
<div class="sd-list-item__border"></div>
|
739
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
740
|
-
<div class="sd-list-item__row">
|
741
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__text-strong">www.superdesk.org</span></span>
|
742
|
-
</div>
|
743
|
-
<div class="sd-list-item__row">
|
744
|
-
<span class="sd-list-item__text-label">Publish to:</span><span class="sd-overflow-ellipsis">news, facebook</span>
|
745
|
-
</div>
|
746
|
-
<div class="sd-list-item__row">
|
747
|
-
<span class="sd-list-item__text-label">Content lists:</span><span class="sd-overflow-ellipsis">Home page, Economy</span>
|
748
|
-
</div>
|
749
|
-
</div>
|
750
|
-
</div>
|
751
|
-
<!-- END list item -->
|
752
|
-
</div>
|
753
|
-
<div class="sd-collapse-box__content-wraper">
|
754
|
-
<div class="sd-collapse-box__content">
|
755
|
-
<div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged1">
|
756
|
-
<div class="sd-collapse-box__sliding-toolbar">
|
757
|
-
<div class="sliding-toolbar__inner"></div>
|
758
|
-
<a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged1 = true; isOpen1 = false">Cancel</a>
|
759
|
-
<a class="btn btn--primary" ng-click="contentChanged1 = true; isOpen1 = false">Save</a>
|
760
|
-
</div>
|
761
|
-
</div>
|
762
|
-
<div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
|
763
|
-
<a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen1 = false">
|
764
|
-
<span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
|
765
|
-
</a>
|
766
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
767
|
-
</div>
|
768
|
-
<div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
|
769
|
-
<div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
|
770
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
771
|
-
<div class="sd-list-item__row">
|
772
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow sd-list-item__text-strong">www.superdesk.org</span>
|
773
|
-
<a class="icn-btn" sd-tooltip="Preview" flow="left"><i class="icon-external"></i></a>
|
774
|
-
</div>
|
775
|
-
<div class="sd-list-item__row">
|
776
|
-
<span class="sd-list-item__text-label sd-overflow-ellipsis">Automatically:</span><span class="sd-overflow-ellipsis">news, facebook</span>
|
777
|
-
</div>
|
778
|
-
<div class="sd-list-item__row">
|
779
|
-
<span class="sd-list-item__text-label">Content lists:</span><span class="sd-overflow-ellipsis">Home page, Economy</span>
|
780
|
-
</div>
|
781
|
-
</div>
|
782
|
-
</div>
|
783
|
-
</div>
|
784
|
-
<div class="form__row">
|
785
|
-
<div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
|
786
|
-
<label class="sd-line-input__label">Route</label>
|
787
|
-
<select class="sd-line-input__select">
|
788
|
-
<option value="single">News</option>
|
789
|
-
<option value="time">Politics</option>
|
790
|
-
<option value="bananas">Lifestyle</option>
|
791
|
-
<option value="indefinite">Culture</option>
|
792
|
-
</select>
|
793
|
-
</div>
|
794
|
-
</div>
|
795
|
-
<div class="form__row">
|
796
|
-
<sd-check ng-model="contentChanged1" ng-checked="true">Publish to facebook</sd-check>
|
797
|
-
</div>
|
798
|
-
<div class="form__row">
|
799
|
-
<sd-check ng-model="dnp1">Do not publish</sd-check>
|
800
|
-
</div>
|
801
|
-
<!-- content lists -->
|
802
|
-
<label class="form-label">Content lists</label>
|
803
|
-
<div class="sd-list-item sd-list-item--no-hover sd-margin-b--1" ng-show="contentListItem">
|
804
|
-
<div class="sd-list-item__column sd-list-item__column--large-padding sd-list-item__column--grow">
|
805
|
-
<div class="sd-list-item__row no-margin sd-flex-justify-end">
|
806
|
-
<a class="icn-btn disabled" sd-tooltip="Remove list" flow="left" ng-click="contentListItem = false;"><i class="icon-trash"></i></a>
|
807
|
-
</div>
|
808
|
-
<div class="sd-list-item__row">
|
809
|
-
<div class="sd-line-input sd-line-input--is-select sd-list-item--element-grow">
|
810
|
-
<label class="sd-line-input__label">Choose list</label>
|
811
|
-
<select class="sd-line-input__select">
|
812
|
-
<option value=""></option>
|
813
|
-
<option value="home">Home page</option>
|
814
|
-
<option value="economy">Economy</option>
|
815
|
-
<option value="business">Business</option>
|
816
|
-
<option value="Sports">Sports</option>
|
817
|
-
<option value="lifestyle">Lifestyle</option>
|
818
|
-
</select>
|
819
|
-
</div>
|
820
|
-
</div>
|
821
|
-
<div class="sd-list-item__row">
|
822
|
-
<div class="sd-line-input sd-line-input--is-select sd-list-item--element-grow">
|
823
|
-
<label class="sd-line-input__label">Set order</label>
|
824
|
-
<select class="sd-line-input__select">
|
825
|
-
<option value=""></option>
|
826
|
-
<option value="">1</option>
|
827
|
-
<option value="">2</option>
|
828
|
-
<option value="">3</option>
|
829
|
-
<option value="">4</option>
|
830
|
-
<option value="">5</option>
|
831
|
-
</select>
|
832
|
-
</div>
|
833
|
-
</div>
|
834
|
-
</div>
|
835
|
-
</div>
|
836
|
-
<div class="form__row">
|
837
|
-
<button class="btn btn--hollow btn--expanded btn--primary" ng-click="contentListItem = true;">Add to content list</button>
|
838
|
-
</div>
|
839
|
-
</div>
|
840
|
-
</div>
|
841
|
-
</div>
|
842
|
-
<!-- end website 2-->
|
843
|
-
</div>
|
844
|
-
<div sd-toggle-box data-title="Related articles" data-open="false" data-style="circle">
|
845
|
-
<ul class="simple-list simple-list--dotted simple-list--no-padding">
|
846
|
-
<li class="simple-list__item">
|
847
|
-
<p>J.P. Morgan to settle allegations of violating sanctions: U.S. Treasury</p>
|
848
|
-
<span class="label-icon label-icon--success" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
|
849
|
-
<span class="label-icon label-icon--success" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
|
850
|
-
<span class="label-icon" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
|
851
|
-
</li>
|
852
|
-
<li class="simple-list__item">
|
853
|
-
<p>Republican Senator Murkowski says has not decided final Kavanaugh vote</p>
|
854
|
-
<span class="label-icon" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
|
855
|
-
<span class="label-icon label-icon--success" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
|
856
|
-
<span class="label-icon" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
|
857
|
-
</li>
|
858
|
-
<li class="simple-list__item">
|
859
|
-
<p>China bet big on quantum computing. Now the US races to keep up.</p>
|
860
|
-
<span class="label-icon" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
|
861
|
-
<span class="label-icon" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
|
862
|
-
<span class="label-icon label-icon--success" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
|
863
|
-
</li>
|
864
|
-
</ul>
|
865
|
-
</div>
|
866
|
-
<div sd-toggle-box data-title="Meta data" data-open="true" data-style="circle">
|
867
|
-
<div class="sd-list-item-group sd-shadow--z1">
|
868
|
-
<div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
|
869
|
-
<div class="sd-list-item__border"></div>
|
870
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
871
|
-
<div class="sd-list-item__row">
|
872
|
-
<span class="sd-overflow-ellipsis">Facebook</span>
|
873
|
-
</div>
|
874
|
-
</div>
|
875
|
-
<div class="sd-list-item__action-menu">
|
876
|
-
<i class="icon-chevron-right-thin"></i>
|
877
|
-
</div>
|
878
|
-
</div>
|
879
|
-
<div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
|
880
|
-
<div class="sd-list-item__border"></div>
|
881
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
882
|
-
<div class="sd-list-item__row">
|
883
|
-
<span class="sd-overflow-ellipsis">Twitter</span>
|
884
|
-
</div>
|
885
|
-
</div>
|
886
|
-
<div class="sd-list-item__action-menu">
|
887
|
-
<i class="icon-chevron-right-thin"></i>
|
888
|
-
</div>
|
889
|
-
</div>
|
890
|
-
|
891
|
-
<div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
|
892
|
-
<div class="sd-list-item__border"></div>
|
893
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
894
|
-
<div class="sd-list-item__row">
|
895
|
-
<span class="sd-overflow-ellipsis">SEO / Meta Tags</span>
|
896
|
-
</div>
|
897
|
-
</div>
|
898
|
-
<div class="sd-list-item__action-menu">
|
899
|
-
<i class="icon-chevron-right-thin"></i>
|
900
|
-
</div>
|
901
|
-
</div>
|
902
|
-
</div>
|
903
|
-
</div>
|
904
|
-
<!-- Social media overlay -->
|
905
|
-
<div class="side-panel__content-block-overlay" ng-class="{'side-panel__content-block-overlay--open' : $root.overlayPaneOpen}">
|
906
|
-
<div class="side-panel">
|
907
|
-
<div class="side-panel__header">
|
908
|
-
<a class="icn-btn sd-margin-l--1" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen" sd-tooltip="Back" flow="right"><i class="icon-arrow-left"></i></a>
|
909
|
-
<h3 class="side-panel__heading side-panel__heading--big">Facebook meta data</h3>
|
910
|
-
</div>
|
911
|
-
<div class="side-panel__content">
|
912
|
-
<div class="side-panel__content-block">
|
913
|
-
<div class="form__row">
|
914
|
-
<p class="sd-opacity--60">Important: template has to support this feature. It won't work out of the box.</p>
|
915
|
-
</div>
|
916
|
-
<div class="form__row">
|
917
|
-
<div class="sd-line-input">
|
918
|
-
<label class="sd-line-input__label">Post image</label>
|
919
|
-
<div class="sd-overlay-block sd-overlay-block--no-image">
|
920
|
-
<div class="sd-overlay-block__overlay">
|
921
|
-
<div class="sd-overlay-block__overlay-action-group">
|
922
|
-
<a class="sd-overlay-block__overlay-action" sd-tooltip="Upload image"><i class="icon-upload"></i></a>
|
923
|
-
<span class="sd-overlay-block__overlay-message">No image has been set so far.</span>
|
924
|
-
</div>
|
925
|
-
</div>
|
926
|
-
<img src="/overlay-img.jpg" />
|
927
|
-
</div>
|
928
|
-
</div>
|
929
|
-
</div>
|
930
|
-
<div class="form__row">
|
931
|
-
<div class="sd-line-input sd-line-input--required sd-line-input--dark-ui sd-line-input--boxed">
|
932
|
-
<label class="sd-line-input__label">Headline</label>
|
933
|
-
<input class="sd-line-input__input" type="text" value="Article headline here.">
|
934
|
-
</div>
|
935
|
-
</div>
|
936
|
-
<div class="form__row">
|
937
|
-
<sd-tag-input
|
938
|
-
ng-model="tags"
|
939
|
-
data-label="Tags"
|
940
|
-
data-items="[
|
941
|
-
{ text: 'Audi' },
|
942
|
-
{ text: 'BMW' },
|
943
|
-
{ text: 'Hyundai' },
|
944
|
-
{ text: 'Opel' },
|
945
|
-
{ text: 'Audi2' },
|
946
|
-
{ text: 'BMW2' },
|
947
|
-
{ text: 'Hyundai2' },
|
948
|
-
{ text: 'Opel2' },
|
949
|
-
{ text: 'Audi3' },
|
950
|
-
{ text: 'BMW3' },
|
951
|
-
{ text: 'Hyundai3' },
|
952
|
-
{ text: 'Opel3' },
|
953
|
-
{ text: 'Audi4' },
|
954
|
-
{ text: 'BMW4' },
|
955
|
-
{ text: 'Hyundai4' },
|
956
|
-
{ text: 'Opel4' },
|
957
|
-
{ text: 'Audi5' },
|
958
|
-
{ text: 'BMW5' },
|
959
|
-
{ text: 'Hyundai5' },
|
960
|
-
{ text: 'Opel5' },
|
961
|
-
{ text: 'Audi6' },
|
962
|
-
{ text: 'BMW6' },
|
963
|
-
{ text: 'Hyundai6' },
|
964
|
-
{ text: 'Opel6' }
|
965
|
-
]"
|
966
|
-
data-field="text"
|
967
|
-
data-freetext="false">
|
968
|
-
</sd-tag-input>
|
969
|
-
</div>
|
970
|
-
<div class="form__row">
|
971
|
-
<div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed">
|
972
|
-
<label class="sd-line-input__label">Text body</label>
|
973
|
-
<textarea class="sd-line-input__input"></textarea>
|
974
|
-
</div>
|
975
|
-
</div>
|
976
|
-
<div class="form__row">
|
977
|
-
<sd-tag-input
|
978
|
-
ng-model="authors"
|
979
|
-
data-label="Authors"
|
980
|
-
data-items="[
|
981
|
-
{ text: 'Author 1' },
|
982
|
-
{ text: 'Author 2' },
|
983
|
-
{ text: 'Author 3' },
|
984
|
-
{ text: 'Author 4' },
|
985
|
-
{ text: 'Author 5' }
|
986
|
-
]"
|
987
|
-
data-field="text"
|
988
|
-
data-freetext="false">
|
989
|
-
</sd-tag-input>
|
990
|
-
</div>
|
991
|
-
</div>
|
992
|
-
</div>
|
993
|
-
</div>
|
994
|
-
</div>
|
995
|
-
</span>
|
996
|
-
</div>
|
997
|
-
</div> <!-- end RIGHT pane -->
|
998
|
-
</div>
|
999
|
-
<div class="side-panel__footer side-panel__footer--button-box-large" ng-if="!tab || tab === 'send-to'">
|
1000
|
-
<button class="btn btn--large btn--primary btn--expanded">Send</button>
|
1001
|
-
</div>
|
1002
|
-
<div class="side-panel__footer side-panel__footer--button-box-large" ng-if="tab === 'publish'">
|
1003
|
-
<button class="btn btn--large btn--primary btn--hollow btn--expanded btn--ui-dark" disabled="disabled">publish from</button>
|
1004
|
-
<button class="btn btn--large btn--highlight btn--expanded">Publish</button>
|
1005
|
-
</div>
|
1006
|
-
</div>
|
1007
|
-
</div>
|