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,1112 +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">Planning</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">
|
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
|
-
<li sd-tooltip="Events" flow="right">
|
51
|
-
<a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active" ng-click="menuItemActive1 = !menuItemActive1" ng-class="{
|
52
|
-
'sd- sidebar - menu__btn--closed': menuItemActive1}">
|
53
|
-
<i class="sd-sidebar-menu__main-icon big-icon--calendar"></i>
|
54
|
-
<i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
|
55
|
-
</a>
|
56
|
-
</li>
|
57
|
-
</ul>
|
58
|
-
</div>
|
59
|
-
<div id="leftContent" class="sd-page-content__content-block sd-page-content__content-block--main" ng-class="{
|
60
|
-
'open-filters': leftFilterOpen, 'open-preview': leftPreviewOpen}">
|
61
|
-
<!-- left content -->
|
62
|
-
<div class="subnav">
|
63
|
-
|
64
|
-
<div class="subnav__sliding-toolbar" ng-show="editMode">
|
65
|
-
<div class="sliding-toolbar__inner">
|
66
|
-
<a class="btn" ng-click="editMode = false">Cancel</a>
|
67
|
-
<span class="sliding-toolbar__info-text">1 item selected</span>
|
68
|
-
</div>
|
69
|
-
<a class="btn btn--primary">Create Planning item</a>
|
70
|
-
<a class="btn btn--alert"><i class="icon-trash"></i>Spike</a>
|
71
|
-
</div>
|
72
|
-
<div class="sd-searchbar" ng-class="{
|
73
|
-
'sd-searchbar--focused': focused}" >
|
74
|
-
<label for="search-input" class="sd-searchbar__icon"></label>
|
75
|
-
<input id="search-input"
|
76
|
-
class="sd-searchbar__input"
|
77
|
-
type="text"
|
78
|
-
placeholder="Search planning"
|
79
|
-
ng-keyup="searchOnEnter($event)"
|
80
|
-
ng-model="query"
|
81
|
-
tabindex="1"
|
82
|
-
ng-focus="focused = true">
|
83
|
-
<button class="sd-searchbar__cancel" ng-if="query">
|
84
|
-
<i class="icon-remove-sign"></i>
|
85
|
-
</button>
|
86
|
-
<button id="sd-searchbar__search-btn" class="sd-searchbar__search-btn" ng-if="focused" tabindex="2">
|
87
|
-
<i class="big-icon--chevron-right"></i>
|
88
|
-
</button>
|
89
|
-
</div>
|
90
|
-
<div class="dropdown dropdown--align-right" dropdown>
|
91
|
-
<button class="dropdown__toggle navbtn" dropdown__toggle>
|
92
|
-
<i class="icon-dots-vertical"></i>
|
93
|
-
</button>
|
94
|
-
<ul class="dropdown__menu">
|
95
|
-
<li>
|
96
|
-
<div class="dropdown__menu-label">Actions</div>
|
97
|
-
</li>
|
98
|
-
<li class="dropdown__menu-divider"></li>
|
99
|
-
<li><button>Action 2</button></li>
|
100
|
-
<li><button>Action 3</button></li>
|
101
|
-
<li class="dropdown__menu-divider"></li>
|
102
|
-
<li><button ng-click="openModal('agendaModal')">Manage agendas</button></li>
|
103
|
-
</ul>
|
104
|
-
</div>
|
105
|
-
<div class="dropdown dropdown--align-right" dropdown>
|
106
|
-
<button class="dropdown__toggle navbtn sd-create-btn" dropdown__toggle>
|
107
|
-
<i class="icon-plus-large"></i>
|
108
|
-
<span class="circle"></span>
|
109
|
-
</button>
|
110
|
-
<ul class="dropdown__menu">
|
111
|
-
<li>
|
112
|
-
<div class="dropdown__menu-label">Create New</div>
|
113
|
-
</li>
|
114
|
-
<li class="dropdown__menu-divider"></li>
|
115
|
-
<li>
|
116
|
-
<button><i class="icon-plus-sign icon--blue"></i>Planning item</button>
|
117
|
-
</li>
|
118
|
-
<li>
|
119
|
-
<button><i class="icon-plus-sign icon--blue"></i>Event</button>
|
120
|
-
</li>
|
121
|
-
</ul>
|
122
|
-
</div>
|
123
|
-
</div>
|
124
|
-
<div class="subnav subnav--responsive" ng-class="{'compact--level-1' : planningType === 'planning' || planningType === 'events'}">
|
125
|
-
<button class="navbtn navbtn--left navbtn--darker" ng-click="leftFilterOpen = !leftFilterOpen" ng-class="{'navbtn--active': leftFilterOpen}">
|
126
|
-
<i class="icon-filter-large"></i>
|
127
|
-
</button>
|
128
|
-
<div class="subnav__stretch-bar" ng-init="planningType = 'events-planning'">
|
129
|
-
|
130
|
-
<div class="dropdown" dropdown id="planning-dropdown" ng-init="planningTypeText = 'Events & Planning'">
|
131
|
-
<button class="dropdown__toggle navbtn navbtn--text-only navbtn--border-r dropdown-toggle" dropdown-toggle>{{planningTypeText}}<span class="dropdown__caret"></span></button>
|
132
|
-
<ul class="dropdown__menu">
|
133
|
-
<li><button ng-click="planningType = 'events-planning'; planningTypeText = 'Events & Planning'" ng-disabled="planningType === 'events-planning'">Events & Planning</button></li>
|
134
|
-
<li><button ng-click="planningType = 'events'; planningTypeText = 'Events only'" ng-disabled="planningType === 'events'">Events only</button></li>
|
135
|
-
<li><button ng-click="planningType = 'planning'; planningTypeText = 'Planning only'" ng-disabled="planningType === 'planning'">Planning only</button></li>
|
136
|
-
</ul>
|
137
|
-
</div>
|
138
|
-
<div class="sd-check__group" id="planning-buttons">
|
139
|
-
<sd-check ng-model="planningType" type="radio" ng-value="events-planning" label-position="inside">Events & Planning</sd-check>
|
140
|
-
<sd-check ng-model="planningType" type="radio" ng-value="events" label-position="inside">Events only</sd-check>
|
141
|
-
<sd-check ng-model="planningType" type="radio" ng-value="planning" label-position="inside">Planning only</sd-check>
|
142
|
-
<div class="subnav__spacer subnav__spacer--dotted subnav__spacer--no-r-margin" ng-show="planningType === 'planning' || planningType === 'events'"></div>
|
143
|
-
</div>
|
144
|
-
<div class="dropdown" dropdown ng-show="planningType === 'planning'">
|
145
|
-
<button class="dropdown__toggle navbtn navbtn--text-only dropdown-toggle" dropdown-toggle>Agenda: No Agenda Selected <span class="dropdown__caret"></span></button>
|
146
|
-
<ul class="dropdown__menu scrollable">
|
147
|
-
<li><div class="dropdown__menu-label ng-binding">Agendas</div></li>
|
148
|
-
<li><button>Agenda One</button></li>
|
149
|
-
<li><button>Agenda Two</button></li>
|
150
|
-
<li><button>Agenda Three</button></li>
|
151
|
-
<li><button>Agenda Four</button></li>
|
152
|
-
</ul>
|
153
|
-
</div>
|
154
|
-
<div class="dropdown" dropdown ng-show="planningType === 'events'">
|
155
|
-
<button class="dropdown__toggle navbtn navbtn--text-only dropdown-toggle" dropdown-toggle>Calendar: No Calendar Assigned <span class="dropdown__caret"></span></button>
|
156
|
-
<ul class="dropdown__menu scrollable">
|
157
|
-
<li><div class="dropdown__menu-label ng-binding">Calendars</div></li>
|
158
|
-
<li><button>Calendar One</button></li>
|
159
|
-
<li><button>Calendar Two</button></li>
|
160
|
-
<li><button>Calendar Three</button></li>
|
161
|
-
<li><button>Calendar Four</button></li>
|
162
|
-
</ul>
|
163
|
-
</div>
|
164
|
-
</div>
|
165
|
-
<div class="subnav__button-stack subnav__button-stack--padded">
|
166
|
-
<a class="btn">Today</a>
|
167
|
-
</div>
|
168
|
-
<div class="subnav__button-stack subnav__button-stack--padded">
|
169
|
-
<a class="btn btn--icon-only-circle"><i class="icon-chevron-left-thin"></i></a>
|
170
|
-
<a class="btn btn--icon-only-circle"><i class="icon-chevron-right-thin"></i></a>
|
171
|
-
</div>
|
172
|
-
<div class="subnav__button-stack subnav__button-stack--padded" ng-init="dateSpan = 'week'">
|
173
|
-
<sd-check ng-model="dateSpan" type="radio" ng-value="day" label-position="inside">D</sd-check>
|
174
|
-
<sd-check ng-model="dateSpan" type="radio" ng-value="week" label-position="inside">W</sd-check>
|
175
|
-
<sd-check ng-model="dateSpan" type="radio" ng-value="month" label-position="inside">M</sd-check>
|
176
|
-
</div>
|
177
|
-
</div>
|
178
|
-
<div class="sd-column-box--3">
|
179
|
-
<div class="sd-filters-panel">
|
180
|
-
<div class="side-panel side-panel--transparent side-panel--shadow-left">
|
181
|
-
<div class="side-panel__header side-panel__header--border-b">
|
182
|
-
<a class="icn-btn side-panel__close" sd-tooltip="Close filters" flow="left" ng-click="leftFilterOpen = !leftFilterOpen"><i class="icon-close-small"></i></a>
|
183
|
-
<h3 class="side-panel__heading">Advanced filters</h3>
|
184
|
-
</div>
|
185
|
-
<div class="side-panel__content">
|
186
|
-
<div class="side-panel__content-block">
|
187
|
-
<div class="form__row">
|
188
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
189
|
-
<label class="sd-line-input__label">Name</label>
|
190
|
-
<input class="sd-line-input__input" type="text">
|
191
|
-
</div>
|
192
|
-
</div>
|
193
|
-
<div class="form__row">
|
194
|
-
<div class="sd-line-input sd-line-input--is-select sd-line-input--no-margin">
|
195
|
-
<label class="sd-line-input__label">Ingest source</label>
|
196
|
-
<select class="sd-line-input__select">
|
197
|
-
<option value="">Select ingest source...</option>
|
198
|
-
<option value="">Associated Press</option>
|
199
|
-
<option value="">Reuters</option>
|
200
|
-
</select>
|
201
|
-
</div>
|
202
|
-
</div>
|
203
|
-
<div class="form__row">
|
204
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
205
|
-
<label class="sd-line-input__label">Location</label>
|
206
|
-
<input class="sd-line-input__input" type="text">
|
207
|
-
</div>
|
208
|
-
</div>
|
209
|
-
<div class="form__row">
|
210
|
-
<div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
|
211
|
-
<span class="sd-line-input__plus-btn"></span>
|
212
|
-
<label class="sd-line-input__label">Calendars</label>
|
213
|
-
<input class="sd-line-input__input" type="text">
|
214
|
-
</div>
|
215
|
-
</div>
|
216
|
-
<div class="form__row">
|
217
|
-
<div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
|
218
|
-
<span class="sd-line-input__plus-btn"></span>
|
219
|
-
<label class="sd-line-input__label">Category</label>
|
220
|
-
<input class="sd-line-input__input" type="text">
|
221
|
-
</div>
|
222
|
-
</div>
|
223
|
-
<div class="form__row">
|
224
|
-
<div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
|
225
|
-
<span class="sd-line-input__plus-btn"></span>
|
226
|
-
<label class="sd-line-input__label">Subject</label>
|
227
|
-
<input class="sd-line-input__input" type="text">
|
228
|
-
</div>
|
229
|
-
</div>
|
230
|
-
<div class="form__row">
|
231
|
-
<label class="form-label">Event state</label>
|
232
|
-
<div class="flex-grid flex-grid--boxed-small flex-grid--wrap-items flex-grid--small-2">
|
233
|
-
<sd-check ng-model="xyz" type="radio" ng-value="value1" label-position="inside" ng-checked="true">Exclude spiked</sd-check>
|
234
|
-
<sd-check ng-model="xyz" type="radio" ng-value="value2" label-position="inside">Include spiked</sd-check>
|
235
|
-
<sd-check ng-model="xyz" type="radio" ng-value="value3" label-position="inside">Spiked only</sd-check>
|
236
|
-
</div>
|
237
|
-
</div>
|
238
|
-
|
239
|
-
<div class="form__row form__row--flex">
|
240
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
241
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
242
|
-
<label class="sd-line-input__label">From</label>
|
243
|
-
<input class="sd-line-input__input" type="text">
|
244
|
-
</div>
|
245
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
246
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
247
|
-
<input class="sd-line-input__input" type="text">
|
248
|
-
</div>
|
249
|
-
</div>
|
250
|
-
<div class="form__row form__row--flex">
|
251
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
252
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
|
253
|
-
<label class="sd-line-input__label">To</label>
|
254
|
-
<input class="sd-line-input__input" type="text">
|
255
|
-
</div>
|
256
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
257
|
-
<a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
|
258
|
-
<input class="sd-line-input__input" type="text">
|
259
|
-
</div>
|
260
|
-
</div>
|
261
|
-
</div>
|
262
|
-
</div>
|
263
|
-
<div class="side-panel__footer side-panel__footer--button-box">
|
264
|
-
<div class="flex-grid flex-grid--boxed-small flex-grid--wrap-items flex-grid--small-2">
|
265
|
-
<a class="btn btn--hollow">Clear</a>
|
266
|
-
<a class="btn btn--primary">Submit</a>
|
267
|
-
</div>
|
268
|
-
</div>
|
269
|
-
</div>
|
270
|
-
</div>
|
271
|
-
<div class="sd-column-box__main-column">
|
272
|
-
<div class="sd-list-header">
|
273
|
-
<span class="sd-list-header__name">Friday September 15, 2017</span>
|
274
|
-
</div>
|
275
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items" >
|
276
|
-
<!-- list item -->
|
277
|
-
<div class="sd-list-item-nested" ng-class="{'sd-list-item-nested--expanded' : openNested, 'sd-list-item-nested--collapsed' : !openNested}" ng-init="openNested = true">
|
278
|
-
<div class="sd-list-item sd-list-item-nested__parent sd-shadow--z1" ng-click="leftPreviewOpen = !leftPreviewOpen" ng-dblclick="editorOpen = true; itemType = 'event'" ng-class="{
|
279
|
-
'sd-list-item--activated': leftPreviewOpen, 'sd-list-item--selected' : editMode}" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
280
|
-
<div class="sd-list-item__border"></div>
|
281
|
-
<div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : editMode}">
|
282
|
-
<div class="sd-list-item__checkbox-container">
|
283
|
-
<sd-check ng-model="editMode"></sd-check>
|
284
|
-
</div>
|
285
|
-
<span class="icn-mix sd-list-item__item-type">
|
286
|
-
<i class="icon-repeat icn-mix__sub-icn"></i>
|
287
|
-
<i class="icon-event icon--dark-blue-grey icn-mix__icn"></i>
|
288
|
-
</span>
|
289
|
-
</div>
|
290
|
-
<div class="sd-list-item__column">
|
291
|
-
<span class="badge badge--success">P</span>
|
292
|
-
</div>
|
293
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
294
|
-
<div class="sd-list-item__row" ng-class="{'sd-list-item__row--only-child' : planningType !== 'events-planning'}">
|
295
|
-
<span class="label label--success label--hollow">Scheduled</span>
|
296
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Clickable event</span>Duis autem vel eum iriure dolor illum dolore.</span>
|
297
|
-
<time title="March 22, 2017 11:08 AM">12:50, 15.09.2017</time>
|
298
|
-
</div>
|
299
|
-
<div class="sd-list-item__row" ng-show="planningType === 'events-planning'">
|
300
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"> <a class="text-link" ng-click="openNested = !openNested; leftPreviewOpen = false"><i class="icon-calendar"></i>(5) <span ng-show="openNested">Hide planning items</span><span ng-show="!openNested">Show planning items</span></a></span>
|
301
|
-
</div>
|
302
|
-
</div>
|
303
|
-
<div class="sd-list-item__action-menu">
|
304
|
-
<!--dropdown-->
|
305
|
-
<div class="dropdown" dropdown dropdown-append-to-body is-open="itemActive1">
|
306
|
-
<button class="icn-btn dropdown__toggle" dropdown__toggle>
|
307
|
-
<i class="icon-dots-vertical"></i>
|
308
|
-
</button>
|
309
|
-
<ul class="dropdown__menu">
|
310
|
-
<li>
|
311
|
-
<div class="dropdown__menu-label">
|
312
|
-
Actions
|
313
|
-
<button class="dropdown__menu-close"><i class="icon-close-small"></i></button>
|
314
|
-
</div>
|
315
|
-
</li>
|
316
|
-
<li class="dropdown__menu-divider"></li>
|
317
|
-
<li><button><i class="icon-pencil"></i>Edit</button></li>
|
318
|
-
<li><button><i class="icon-copy"></i>Copy</button></li>
|
319
|
-
<li><button><i class="icon-trash"></i>Delete</button></li>
|
320
|
-
<li class="dropdown__menu-divider"></li>
|
321
|
-
<li>
|
322
|
-
<div class="dropdown__menu-label">Actions 2</div>
|
323
|
-
</li>
|
324
|
-
<li class="dropdown__menu-item--no-link">
|
325
|
-
Just some text without a link
|
326
|
-
</li>
|
327
|
-
<li>
|
328
|
-
<button><i class="icon-download"></i>Download</button>
|
329
|
-
</li>
|
330
|
-
<li>
|
331
|
-
<button><i class="icon-print"></i>Print</button>
|
332
|
-
</li>
|
333
|
-
</ul>
|
334
|
-
</div>
|
335
|
-
<!--end dropdown-->
|
336
|
-
</div>
|
337
|
-
</div>
|
338
|
-
<!-- Nested items -->
|
339
|
-
<div class="sd-list-item-nested__childs sd-shadow--z1" ng-show="planningType === 'events-planning'">
|
340
|
-
<!-- <div class="sd-list-item-nested__childs-inner"> -->
|
341
|
-
<!-- Child 1 -->
|
342
|
-
<div class="sd-list-item">
|
343
|
-
<div class="sd-list-item__border"></div>
|
344
|
-
<div class="sd-list-item__column">
|
345
|
-
<i class="icon-calendar icon--light-blue"></i>
|
346
|
-
</div>
|
347
|
-
<div class="sd-list-item__column">
|
348
|
-
<span class="badge badge--light"> </span>
|
349
|
-
</div>
|
350
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
351
|
-
<div class="sd-list-item__row">
|
352
|
-
<i class="icon-text sd-list-item__inline-icon"></i><i class="icon-photo sd-list-item__inline-icon"></i>
|
353
|
-
<span class="label label--hollow">Draft</span>
|
354
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">
|
355
|
-
<span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Molestie consequatvel illum dolore eu feugiat nulla facilisis.</span>
|
356
|
-
</span>
|
357
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
358
|
-
</div>
|
359
|
-
</div>
|
360
|
-
<div class="sd-list-item__action-menu">
|
361
|
-
<button class="icn-btn">
|
362
|
-
<i class="icon-dots-vertical"></i>
|
363
|
-
</button>
|
364
|
-
</div>
|
365
|
-
</div>
|
366
|
-
<!-- Child 2 -->
|
367
|
-
<div class="sd-list-item">
|
368
|
-
<div class="sd-list-item__border"></div>
|
369
|
-
<div class="sd-list-item__column">
|
370
|
-
<i class="icon-calendar icon--light-blue"></i>
|
371
|
-
</div>
|
372
|
-
<div class="sd-list-item__column">
|
373
|
-
<span class="badge badge--success">P</span>
|
374
|
-
</div>
|
375
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
376
|
-
<div class="sd-list-item__row">
|
377
|
-
<i class="icon-text sd-list-item__inline-icon"></i>
|
378
|
-
<span class="label label--success label--hollow">Scheduled</span>
|
379
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">
|
380
|
-
<span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
|
381
|
-
</span>
|
382
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
383
|
-
</div>
|
384
|
-
</div>
|
385
|
-
<div class="sd-list-item__action-menu">
|
386
|
-
<button class="icn-btn">
|
387
|
-
<i class="icon-dots-vertical"></i>
|
388
|
-
</button>
|
389
|
-
</div>
|
390
|
-
</div>
|
391
|
-
<!-- Child 3 -->
|
392
|
-
<div class="sd-list-item">
|
393
|
-
<div class="sd-list-item__border"></div>
|
394
|
-
<div class="sd-list-item__column">
|
395
|
-
<i class="icon-calendar icon--light-blue"></i>
|
396
|
-
</div>
|
397
|
-
<div class="sd-list-item__column">
|
398
|
-
<span class="badge badge--success">P</span>
|
399
|
-
</div>
|
400
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
401
|
-
<div class="sd-list-item__row">
|
402
|
-
<i class="icon-text sd-list-item__inline-icon"></i>
|
403
|
-
<span class="label label--success label--hollow">Scheduled</span>
|
404
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">
|
405
|
-
<span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
|
406
|
-
</span>
|
407
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
408
|
-
</div>
|
409
|
-
</div>
|
410
|
-
<div class="sd-list-item__action-menu">
|
411
|
-
<button class="icn-btn">
|
412
|
-
<i class="icon-dots-vertical"></i>
|
413
|
-
</button>
|
414
|
-
</div>
|
415
|
-
</div>
|
416
|
-
<!-- Child 4 -->
|
417
|
-
<div class="sd-list-item">
|
418
|
-
<div class="sd-list-item__border"></div>
|
419
|
-
<div class="sd-list-item__column">
|
420
|
-
<i class="icon-calendar icon--light-blue"></i>
|
421
|
-
</div>
|
422
|
-
<div class="sd-list-item__column">
|
423
|
-
<span class="badge badge--success">P</span>
|
424
|
-
</div>
|
425
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
426
|
-
<div class="sd-list-item__row">
|
427
|
-
<i class="icon-text sd-list-item__inline-icon"></i>
|
428
|
-
<span class="label label--success label--hollow">Scheduled</span>
|
429
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">
|
430
|
-
<span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
|
431
|
-
</span>
|
432
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
433
|
-
</div>
|
434
|
-
</div>
|
435
|
-
<div class="sd-list-item__action-menu">
|
436
|
-
<button class="icn-btn">
|
437
|
-
<i class="icon-dots-vertical"></i>
|
438
|
-
</button>
|
439
|
-
</div>
|
440
|
-
</div>
|
441
|
-
<!-- Child 5 -->
|
442
|
-
<div class="sd-list-item">
|
443
|
-
<div class="sd-list-item__border"></div>
|
444
|
-
<div class="sd-list-item__column">
|
445
|
-
<i class="icon-calendar icon--light-blue"></i>
|
446
|
-
</div>
|
447
|
-
<div class="sd-list-item__column">
|
448
|
-
<span class="badge badge--success">P</span>
|
449
|
-
</div>
|
450
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
451
|
-
<div class="sd-list-item__row">
|
452
|
-
<i class="icon-text sd-list-item__inline-icon"></i>
|
453
|
-
<span class="label label--success label--hollow">Scheduled</span>
|
454
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">
|
455
|
-
<span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
|
456
|
-
</span>
|
457
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
458
|
-
</div>
|
459
|
-
</div>
|
460
|
-
<div class="sd-list-item__action-menu">
|
461
|
-
<button class="icn-btn">
|
462
|
-
<i class="icon-dots-vertical"></i>
|
463
|
-
</button>
|
464
|
-
</div>
|
465
|
-
</div>
|
466
|
-
<!-- </div> -->
|
467
|
-
|
468
|
-
</div>
|
469
|
-
<!-- END nested items -->
|
470
|
-
</div>
|
471
|
-
<!-- list item -->
|
472
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--activated' : itemActive2}" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
473
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
474
|
-
<div class="sd-list-item__column">
|
475
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
476
|
-
</div>
|
477
|
-
<div class="sd-list-item__column">
|
478
|
-
<span class="badge badge--light"> </span>
|
479
|
-
</div>
|
480
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
481
|
-
<div class="sd-list-item__row">
|
482
|
-
<span class="label label--hollow">Draft</span>
|
483
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">I'm a Slugline</span>Molestie consequatvel illum dolore eu feugiat nulla facilisis.</span>
|
484
|
-
<time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
|
485
|
-
</div>
|
486
|
-
</div>
|
487
|
-
<div class="sd-list-item__action-menu">
|
488
|
-
<button class="icn-btn">
|
489
|
-
<i class="icon-dots-vertical"></i>
|
490
|
-
</button>
|
491
|
-
</div>
|
492
|
-
</div>
|
493
|
-
<!-- list item -->
|
494
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'" ng-dblclick="editorOpen = true; itemType = 'planning'">
|
495
|
-
<div class="sd-list-item__border"></div>
|
496
|
-
<div class="sd-list-item__column">
|
497
|
-
<span class="icn-mix">
|
498
|
-
<i class="icon-calendar icon--light-blue"></i>
|
499
|
-
</span>
|
500
|
-
</div>
|
501
|
-
<div class="sd-list-item__column">
|
502
|
-
<span class="badge badge--success">P</span>
|
503
|
-
</div>
|
504
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
505
|
-
<div class="sd-list-item__row">
|
506
|
-
<span class="label label--highlight2 label--hollow">Rescheduled</span>
|
507
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Double-click Planning item</span>Vulputate velit esse molestie consequatvel illum dolore.</span>
|
508
|
-
<time title="March 22, 2017 11:08 AM">15.09.2017–16.09.2017</time>
|
509
|
-
</div>
|
510
|
-
<div class="sd-list-item__row">
|
511
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
512
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Belgrade, Serbia</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Daily agenda</span>
|
513
|
-
<time title="">12:25, 15.09.2017</time>
|
514
|
-
</div>
|
515
|
-
</div>
|
516
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
517
|
-
<button class="icn-btn">
|
518
|
-
<i class="icon-dots-vertical"></i>
|
519
|
-
</button>
|
520
|
-
</div>
|
521
|
-
</div>
|
522
|
-
<!-- list item -->
|
523
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'">
|
524
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
525
|
-
<div class="sd-list-item__column">
|
526
|
-
<i class="icon-calendar icon--light-blue"></i>
|
527
|
-
</div>
|
528
|
-
<div class="sd-list-item__column">
|
529
|
-
<span class="badge badge--light"> </span>
|
530
|
-
</div>
|
531
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
532
|
-
<div class="sd-list-item__row">
|
533
|
-
<span class="label label--yellow2 label--hollow">Postponed</span>
|
534
|
-
<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>
|
535
|
-
<time title="March 22, 2017 11:08 AM">15.09.2017</time>
|
536
|
-
</div>
|
537
|
-
<div class="sd-list-item__row">
|
538
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
539
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Berlin, Germany</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Daily agenda</span>
|
540
|
-
<time title="">12:25, 15.09.2017</time>
|
541
|
-
</div>
|
542
|
-
</div>
|
543
|
-
<div class="sd-list-item__action-menu">
|
544
|
-
<!--dropdown-->
|
545
|
-
<div class="dropdown dropdown--align-right" dropdown dropdown-append-to-body is-open="itemActive18">
|
546
|
-
<button class="icn-btn dropdown__toggle" dropdown__toggle>
|
547
|
-
<i class="icon-dots-vertical"></i>
|
548
|
-
</button>
|
549
|
-
<ul class="dropdown__menu">
|
550
|
-
<li>
|
551
|
-
<div class="dropdown__menu-label">
|
552
|
-
Actions
|
553
|
-
<button class="dropdown__menu-close"><i class="icon-close-small"></i></button>
|
554
|
-
</div>
|
555
|
-
</li>
|
556
|
-
<li class="dropdown__menu-divider"></li>
|
557
|
-
<li><button><i class="icon-pencil"></i>Edit</button></li>
|
558
|
-
<li><button><i class="icon-copy"></i>Copy</button></li>
|
559
|
-
<li><button><i class="icon-trash"></i>Delete</button></li>
|
560
|
-
<li class="dropdown__menu-divider"></li>
|
561
|
-
<li>
|
562
|
-
<div class="dropdown__menu-label">Actions 2</div>
|
563
|
-
</li>
|
564
|
-
<li class="dropdown__menu-item--no-link">
|
565
|
-
Just some text without a link
|
566
|
-
</li>
|
567
|
-
|
568
|
-
<li>
|
569
|
-
<button><i class="icon-download"></i>Download</button>
|
570
|
-
</li>
|
571
|
-
<li>
|
572
|
-
<button><i class="icon-print"></i>Print</button>
|
573
|
-
</li>
|
574
|
-
</ul>
|
575
|
-
</div>
|
576
|
-
<!--end dropdown-->
|
577
|
-
</div>
|
578
|
-
</div>
|
579
|
-
<!-- list item -->
|
580
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
581
|
-
<div class="sd-list-item__border"></div>
|
582
|
-
<div class="sd-list-item__column">
|
583
|
-
<span class="icn-mix sd-list-item__item-type">
|
584
|
-
<i class="icon-repeat icn-mix__sub-icn"></i>
|
585
|
-
<i class="icon-event icon--dark-blue-grey icn-mix__icn"></i>
|
586
|
-
</span>
|
587
|
-
</div>
|
588
|
-
<div class="sd-list-item__column">
|
589
|
-
<span class="badge badge--success">P</span>
|
590
|
-
</div>
|
591
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
592
|
-
<div class="sd-list-item__row">
|
593
|
-
<span class="label label--hollow">Draft</span>
|
594
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Molestie-vulputate</span>Hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat.</span>
|
595
|
-
<time title="March 22, 2017 11:08 AM">15:00, 15.09.2017</time>
|
596
|
-
</div>
|
597
|
-
</div>
|
598
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
599
|
-
<button class="icn-btn">
|
600
|
-
<i class="icon-dots-vertical"></i>
|
601
|
-
</button>
|
602
|
-
</div>
|
603
|
-
</div>
|
604
|
-
<!-- list item -->
|
605
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
606
|
-
<div class="sd-list-item__border"></div>
|
607
|
-
<div class="sd-list-item__column">
|
608
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
609
|
-
</div>
|
610
|
-
<div class="sd-list-item__column">
|
611
|
-
<span class="badge badge--success">P</span>
|
612
|
-
</div>
|
613
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
614
|
-
<div class="sd-list-item__row">
|
615
|
-
<span class="label label--yellow2 label--hollow">Postponed</span>
|
616
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Feugiat nulla vero</span>Consequatvel illum dolore eu feugiat nulla facilisis at.</span>
|
617
|
-
<time title="March 22, 2017 11:08 AM">15:45, 15.09.2017</time>
|
618
|
-
</div>
|
619
|
-
</div>
|
620
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
621
|
-
<button class="icn-btn">
|
622
|
-
<i class="icon-dots-vertical"></i>
|
623
|
-
</button>
|
624
|
-
</div>
|
625
|
-
</div>
|
626
|
-
<!-- list item -->
|
627
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'">
|
628
|
-
<div class="sd-loader"></div>
|
629
|
-
<div class="sd-list-item__border"></div>
|
630
|
-
<div class="sd-list-item__column">
|
631
|
-
<i class="icon-calendar icon--light-blue"></i>
|
632
|
-
</div>
|
633
|
-
<div class="sd-list-item__column">
|
634
|
-
<span class="badge badge--light"> </span>
|
635
|
-
</div>
|
636
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
637
|
-
<div class="sd-list-item__row">
|
638
|
-
<span class="label label--hollow">Draft</span>
|
639
|
-
<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>
|
640
|
-
<time title="March 22, 2017 11:08 AM">16:00-18:00, 15.09.2017</time>
|
641
|
-
</div>
|
642
|
-
<div class="sd-list-item__row">
|
643
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
644
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Bologna, Italy</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Daily agenda</span>
|
645
|
-
<time title="">12:25, 15.09.2017</time>
|
646
|
-
</div>
|
647
|
-
</div>
|
648
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
649
|
-
<button class="icn-btn">
|
650
|
-
<i class="icon-dots-vertical"></i>
|
651
|
-
</button>
|
652
|
-
</div>
|
653
|
-
</div>
|
654
|
-
<!-- list item -->
|
655
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
656
|
-
<div class="sd-list-item__border"></div>
|
657
|
-
<div class="sd-list-item__column">
|
658
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
659
|
-
</div>
|
660
|
-
<div class="sd-list-item__column">
|
661
|
-
<span class="badge badge--light"> </span>
|
662
|
-
</div>
|
663
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
664
|
-
<div class="sd-list-item__row">
|
665
|
-
<span class="label label--hollow">Draft</span>
|
666
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Odio dignissim praesent</span>Autem hendrerit in vulputate velit esse molestie consequatvel illum dolore.</span>
|
667
|
-
<time title="March 22, 2017 11:08 AM">15.09.2017</time>
|
668
|
-
</div>
|
669
|
-
</div>
|
670
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
671
|
-
<button class="icn-btn">
|
672
|
-
<i class="icon-dots-vertical"></i>
|
673
|
-
</button>
|
674
|
-
</div>
|
675
|
-
</div>
|
676
|
-
</div>
|
677
|
-
<div class="sd-list-header">
|
678
|
-
<span class="sd-list-header__name">Saturday September 16, 2017</span>
|
679
|
-
</div>
|
680
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items">
|
681
|
-
<!-- list item -->
|
682
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
683
|
-
<div class="sd-list-item__border"></div>
|
684
|
-
<div class="sd-list-item__column">
|
685
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
686
|
-
</div>
|
687
|
-
<div class="sd-list-item__column">
|
688
|
-
<span class="badge badge--success">P</span>
|
689
|
-
</div>
|
690
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
691
|
-
<div class="sd-list-item__row">
|
692
|
-
<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>
|
693
|
-
<time title="March 22, 2017 11:08 AM">16.09.2017</time>
|
694
|
-
</div>
|
695
|
-
</div>
|
696
|
-
<div class="sd-list-item__action-menu">
|
697
|
-
<button class="icn-btn">
|
698
|
-
<i class="icon-dots-vertical"></i>
|
699
|
-
</button>
|
700
|
-
</div>
|
701
|
-
</div>
|
702
|
-
<!-- list item -->
|
703
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'">
|
704
|
-
<div class="sd-list-item__border"></div>
|
705
|
-
<div class="sd-list-item__column">
|
706
|
-
<i class="icon-calendar icon--light-blue"></i>
|
707
|
-
</div>
|
708
|
-
<div class="sd-list-item__column">
|
709
|
-
<span class="badge badge--light"> </span>
|
710
|
-
</div>
|
711
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
712
|
-
<div class="sd-list-item__row">
|
713
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="label label--highlight2 label--hollow">Rescheduled</span><span class="sd-list-item__slugline">Tempor Nobis</span>Nam liber tempor cum soluta nobis eleifend option.</span>
|
714
|
-
<time title="">15.09.2017</time>
|
715
|
-
</div>
|
716
|
-
<div class="sd-list-item__row">
|
717
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
718
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Oslo, Norway </span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">Some agenda</span>
|
719
|
-
<time title="">13:25, 15.09.2017</time>
|
720
|
-
</div>
|
721
|
-
</div>
|
722
|
-
<div class="sd-list-item__action-menu">
|
723
|
-
<button class="icn-btn">
|
724
|
-
<i class="icon-dots-vertical"></i>
|
725
|
-
</button>
|
726
|
-
</div>
|
727
|
-
</div>
|
728
|
-
<!-- list item -->
|
729
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
730
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
731
|
-
<div class="sd-list-item__column">
|
732
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
733
|
-
</div>
|
734
|
-
<div class="sd-list-item__column">
|
735
|
-
<span class="badge badge--success">P</span>
|
736
|
-
</div>
|
737
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
738
|
-
<div class="sd-list-item__row">
|
739
|
-
<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>
|
740
|
-
<time title="March 22, 2017 11:08 AM">16.09.2017–17.09.2017</time>
|
741
|
-
</div>
|
742
|
-
</div>
|
743
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
744
|
-
<button class="icn-btn">
|
745
|
-
<i class="icon-dots-vertical"></i>
|
746
|
-
</button>
|
747
|
-
</div>
|
748
|
-
</div>
|
749
|
-
<!-- list item -->
|
750
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'">
|
751
|
-
<div class="sd-list-item__border"></div>
|
752
|
-
<div class="sd-list-item__column">
|
753
|
-
<i class="icon-calendar icon--light-blue"></i>
|
754
|
-
</div>
|
755
|
-
<div class="sd-list-item__column">
|
756
|
-
<span class="badge badge--light"> </span>
|
757
|
-
</div>
|
758
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
759
|
-
<div class="sd-list-item__row">
|
760
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="label label--hollow label--yellow2">Postponed</span><span class="sd-list-item__slugline">Ipsum lorem</span>Nam liber tempor cum soluta nobis eleifend option.</span>
|
761
|
-
<time title="">15.09.2017</time>
|
762
|
-
</div>
|
763
|
-
<div class="sd-list-item__row">
|
764
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
765
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Stockholm, Sweden </span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">My agenda</span>
|
766
|
-
<time title="">15:30, 15.09.2017</time>
|
767
|
-
</div>
|
768
|
-
</div>
|
769
|
-
<div class="sd-list-item__action-menu">
|
770
|
-
<button class="icn-btn">
|
771
|
-
<i class="icon-dots-vertical"></i>
|
772
|
-
</button>
|
773
|
-
</div>
|
774
|
-
</div>
|
775
|
-
<!-- list item -->
|
776
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'events'">
|
777
|
-
<div class="sd-list-item__border"></div>
|
778
|
-
<div class="sd-list-item__column">
|
779
|
-
<i class="icon-event icon--dark-blue-grey"></i>
|
780
|
-
</div>
|
781
|
-
<div class="sd-list-item__column">
|
782
|
-
<span class="badge badge--success">P</span>
|
783
|
-
</div>
|
784
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
785
|
-
<div class="sd-list-item__row">
|
786
|
-
<span class="label label--yellow2 label--hollow">Postponed</span>
|
787
|
-
<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>
|
788
|
-
<time title="March 22, 2017 11:08 AM">16.09.2017</time>
|
789
|
-
</div>
|
790
|
-
</div>
|
791
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
792
|
-
<button class="icn-btn">
|
793
|
-
<i class="icon-dots-vertical"></i>
|
794
|
-
</button>
|
795
|
-
</div>
|
796
|
-
</div>
|
797
|
-
<!-- list item -->
|
798
|
-
<div class="sd-list-item sd-shadow--z1" ng-show="planningType === 'events-planning' || planningType === 'planning'">
|
799
|
-
<div class="sd-list-item__border sd-list-item__border--locked"></div>
|
800
|
-
<div class="sd-list-item__column">
|
801
|
-
<i class="icon-calendar icon--light-blue"></i>
|
802
|
-
</div>
|
803
|
-
<div class="sd-list-item__column">
|
804
|
-
<span class="badge badge--light"> </span>
|
805
|
-
</div>
|
806
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
807
|
-
<div class="sd-list-item__row">
|
808
|
-
<span class="label label--hollow">Draft</span>
|
809
|
-
<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>
|
810
|
-
<time title="March 22, 2017 11:08 AM">18:00, 16.09.2017</time>
|
811
|
-
</div>
|
812
|
-
<div class="sd-list-item__row">
|
813
|
-
<i class="icon-text sd-list-item__inline-icon"></i> <i class="icon-photo sd-list-item__inline-icon"></i>
|
814
|
-
<span class="sd-overflow-ellipsis sd-list-item__inline-text sd-list-item__location">Prague, Czech Republic </span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item--element-grow">My agenda</span>
|
815
|
-
<time title="">15:30, 15.09.2017</time>
|
816
|
-
</div>
|
817
|
-
</div>
|
818
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
819
|
-
<button class="icn-btn">
|
820
|
-
<i class="icon-dots-vertical"></i>
|
821
|
-
</button>
|
822
|
-
</div>
|
823
|
-
</div>
|
824
|
-
<!-- list item -->
|
825
|
-
</div>
|
826
|
-
</div>
|
827
|
-
<div class="sd-preview-panel">
|
828
|
-
<div class="side-panel side-panel--shadow-right">
|
829
|
-
<div class="side-panel__header side-panel__header--dark-blue-grey">
|
830
|
-
<div class="side-panel__tools">
|
831
|
-
<a class="icn-btn" sd-tooltip="Edit details" flow="top" ng-click="editorOpen = true; leftPreviewOpen = false"><i class="icon-pencil"></i></a>
|
832
|
-
<a class="icn-btn" sd-tooltip="Close details" flow="top" ng-click="leftPreviewOpen = !leftPreviewOpen"><i class="icon-close-small"></i></a>
|
833
|
-
</div>
|
834
|
-
<ul class="nav-tabs nav-tabs--ui-dark">
|
835
|
-
<li ng-class="{'nav-tabs__tab--active': !tab || tab === 'event-details'}" class="nav-tabs__tab">
|
836
|
-
<button ng-click="tab = 'event-details'" class="nav-tabs__link"><span translate="">Content</span></button>
|
837
|
-
</li>
|
838
|
-
<li ng-class="{'nav-tabs__tab--active': tab === 'event-history'}" class="nav-tabs__tab">
|
839
|
-
<button ng-click="tab = 'event-history'" class="nav-tabs__link"><span translate="">History</span></button>
|
840
|
-
</li>
|
841
|
-
</ul>
|
842
|
-
</div>
|
843
|
-
<div class="side-panel__content" ng-if="!tab || tab === 'event-details'">
|
844
|
-
<div class="side-panel__top-tools side-panel__top-tools--dark-blue-grey">
|
845
|
-
<span class="icn-mix icn-mix--2x" data-sd-tooltip="Event" data-flow="right">
|
846
|
-
<i class="icon-repeat icn-mix__sub-icn"></i>
|
847
|
-
<i class="icon-event icon--dark-blue-grey icn-mix__icn"></i>
|
848
|
-
</span>
|
849
|
-
<div class="side-panel__top-tools-left">
|
850
|
-
<figure class="avatar" style="margin-right:10px;">sd</figure>
|
851
|
-
<button class="btn btn--success">Publish</button>
|
852
|
-
</div>
|
853
|
-
<div class="side-panel__top-tools-right">
|
854
|
-
<a class="icn-btn"><i class="icon-dots-vertical"></i></a>
|
855
|
-
</div>
|
856
|
-
</div>
|
857
|
-
<div class="side-panel__content-block side-panel__content-block--pad-small side-panel__content-block--flex">
|
858
|
-
<div class="side-panel__content-block-inner side-panel__content-block-inner--grow">
|
859
|
-
<p class="sd-text__date-and-author"><time>Created 23.08.2017 by </time> <span class="sd-text__author">Mika Karapet</span></p>
|
860
|
-
<p class="sd-text__date-and-author"><time>Updated 3 hours ago by</time> <span class="sd-text__author">John Doe</span></p>
|
861
|
-
</div>
|
862
|
-
<div class="side-panel__content-block-inner side-panel__content-block-inner--right">
|
863
|
-
<span class="label label--hollow label--success">Scheduled</span>
|
864
|
-
</div>
|
865
|
-
</div>
|
866
|
-
<div class="side-panel__content-block">
|
867
|
-
<div class="form__row">
|
868
|
-
<label class="form-label form-label--light">Slugline</label>
|
869
|
-
<p class="sd-text__slugline">Lipsum Ipsum</p>
|
870
|
-
</div>
|
871
|
-
<div class="form__row">
|
872
|
-
<label class="form-label form-label--light">Name</label>
|
873
|
-
<p class="sd-text--bold">Duis dolore</p>
|
874
|
-
</div>
|
875
|
-
<div class="form__row">
|
876
|
-
<label class="form-label form-label--light">Description</label>
|
877
|
-
<p>Duis autem vel eum iriure dolor illum dolore.</p>
|
878
|
-
</div>
|
879
|
-
<div class="form__row">
|
880
|
-
<label class="form-label form-label--light">Occurence Status</label>
|
881
|
-
<p class="">Planned, occurs certainly</p>
|
882
|
-
</div>
|
883
|
-
<div class="form__row">
|
884
|
-
<label class="form-label form-label--light">Date</label>
|
885
|
-
<p>15.09.2017 @ 12:50</p>
|
886
|
-
</div>
|
887
|
-
<div sd-toggle-box data-title="Details" data-style="circle">
|
888
|
-
<div class="form__row">
|
889
|
-
<label class="form-label form-label--light">Calendars</label>
|
890
|
-
<p>Sport, Entertainment</p>
|
891
|
-
</div>
|
892
|
-
<div class="form__row">
|
893
|
-
<label class="form-label form-label--light">Category</label>
|
894
|
-
<p>Some category</p>
|
895
|
-
</div>
|
896
|
-
<div class="form__row">
|
897
|
-
<label class="form-label form-label--light">Subject</label>
|
898
|
-
<p>Arts, culture and entertainment, Music</p>
|
899
|
-
</div>
|
900
|
-
<div class="form__row">
|
901
|
-
<label class="form-label form-label--light">Long Description</label>
|
902
|
-
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
903
|
-
</div>
|
904
|
-
<div class="form__row">
|
905
|
-
<label class="form-label form-label--light">Internal Note</label>
|
906
|
-
<p>Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
|
907
|
-
</div>
|
908
|
-
</div>
|
909
|
-
<div sd-toggle-box data-title="Attached files" data-open="false" data-style="circle">
|
910
|
-
<p class="sd-text__info" ng-show="!editModeL">No attached files added.</p>
|
911
|
-
</div>
|
912
|
-
<div sd-toggle-box data-title="External links" data-open="false" data-style="circle">
|
913
|
-
<p class="sd-text__info" ng-show="!editModeL">No external links added.</p>
|
914
|
-
</div>
|
915
|
-
<div sd-toggle-box data-title="Related planning items" data-open="false" data-style="circle">
|
916
|
-
<ul class="simple-list simple-list--dotted simple-list--no-padding">
|
917
|
-
<li class="simple-list__item simple-list__item--with-icon"><i class="icon-text"></i> <p><strong>Planning_1</strong> created by Mika Karapet in Agenda: <a class="text-link" href="">Daily Sports</a></p></li>
|
918
|
-
<li class="simple-list__item simple-list__item--with-icon"><i class="icon-text"></i> <p><strong>Planning_2</strong> created by Vince Ryan in Agenda: <a class="text-link" href="">Daily Sports</a></p></li>
|
919
|
-
<li class="simple-list__item simple-list__item--with-icon"><i class="icon-text"></i> <p><strong>Planning_3</strong> created by Karel Petrak in Agenda: <a class="text-link" href="">Daily Sports</a></p></li>
|
920
|
-
<li class="simple-list__item simple-list__item--with-icon"><i class="icon-text"></i> <p><strong>Planning_4</strong> created by John Doe in Agenda: <a class="text-link" href="">Daily Sports</a></p></li>
|
921
|
-
</ul>
|
922
|
-
</div>
|
923
|
-
</div>
|
924
|
-
</div>
|
925
|
-
<div class="side-panel__content" ng-if="tab === 'event-history'">
|
926
|
-
<div class="side-panel__content-block">
|
927
|
-
<ul class="simple-list simple-list--dotted simple-list--no-padding">
|
928
|
-
<li class="simple-list__item">
|
929
|
-
<p><strong>Created by</strong> Mika Karapet</p>
|
930
|
-
<time class="small">Tuesday, 12. September 13:10</time>
|
931
|
-
</li>
|
932
|
-
<li class="simple-list__item">
|
933
|
-
<p><strong>Coverage created by</strong> Vince Ryan</p>
|
934
|
-
<time class="small">Tuesday, 12. September 13:13</time>
|
935
|
-
</li>
|
936
|
-
<li class="simple-list__item">
|
937
|
-
<p><strong>Updated by</strong> Karel Petrak</p>
|
938
|
-
<time class="small">Tuesday, 12. September 13:13</time>
|
939
|
-
</li>
|
940
|
-
<li class="simple-list__item">
|
941
|
-
<p><strong>Coverage updated by</strong> John Doe</p>
|
942
|
-
<time class="small">Tuesday, 12. September 13:21</time>
|
943
|
-
</li>
|
944
|
-
</ul>
|
945
|
-
</div>
|
946
|
-
</div>
|
947
|
-
<div class="side-panel__footer">
|
948
|
-
|
949
|
-
</div>
|
950
|
-
</div>
|
951
|
-
</div>
|
952
|
-
</div>
|
953
|
-
<!-- END left content -->
|
954
|
-
</div>
|
955
|
-
|
956
|
-
<!-- SPLIT CONTENT -->
|
957
|
-
|
958
|
-
|
959
|
-
<div id="editPane"
|
960
|
-
class="sd-edit-panel sd-page-content__content-block sd-page-content__content-block--right sd-page-content__content-block--30-slide"
|
961
|
-
ng-class="{'open-filters': rightFilterOpen, 'open-preview': rightPreviewOpen}">
|
962
|
-
<!-- Eitor content -->
|
963
|
-
<div class="side-panel side-panel--shadow-right" ng-if="!itemType || itemType === 'event'" ng-include="'playgrounds/planning-snippets/edit-event.html'"></div>
|
964
|
-
<div class="side-panel side-panel--shadow-right" ng-if="!itemType || itemType === 'planning'" ng-include="'playgrounds/planning-snippets/edit-planning.html'"></div>
|
965
|
-
<!-- END Editor content -->
|
966
|
-
</div>
|
967
|
-
</section>
|
968
|
-
<footer class="sd-bottom-bar">
|
969
|
-
This is the optional footer.
|
970
|
-
</footer>
|
971
|
-
|
972
|
-
<!-- Agenda management modal -->
|
973
|
-
<div sd-modal data-model="agendaModal" class="modal--large">
|
974
|
-
<div class="modal__header">
|
975
|
-
<button class="modal__close pull-right icn-btn" ng-click="closeModal('agendaModal')"><i class="icon-close-small"></i></button>
|
976
|
-
<h3 class="modal__heading">Manage Agendas</h3>
|
977
|
-
</div>
|
978
|
-
<div class="modal__body modal__body--no-padding">
|
979
|
-
<div class="subnav">
|
980
|
-
<div class="subnav__stretch-bar"></div>
|
981
|
-
<div class="subnav__button-stack subnav__button-stack--right">
|
982
|
-
<button class="btn btn--primary" ng-click="newAgenda = !newAgenda; editAgendaOpen = !editAgendaOpen">
|
983
|
-
<i class="icon-plus-sign icon-white"></i>Add new agenda
|
984
|
-
</button>
|
985
|
-
</div>
|
986
|
-
</div>
|
987
|
-
<div class="sd-column-box--2">
|
988
|
-
<div class="sd-column-box__main-column sd-column-box__main-column--padded">
|
989
|
-
<div class="sd-list-header">
|
990
|
-
<span class="sd-list-header__name">Active Agendas</span>
|
991
|
-
</div>
|
992
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items">
|
993
|
-
<div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--activated': activateList}">
|
994
|
-
<div class="sd-list-item__border sd-list-item__border--active"></div>
|
995
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
996
|
-
<div class="sd-list-item__row">
|
997
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda One</span><time>updated 3 days ago</time>
|
998
|
-
</div>
|
999
|
-
</div>
|
1000
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1001
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left" ng-click="editAgendaOpen = !editAgendaOpen; activateList = !activateList"><i class="icon-pencil"></i></button>
|
1002
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1003
|
-
</div>
|
1004
|
-
</div>
|
1005
|
-
<div class="sd-list-item sd-shadow--z1">
|
1006
|
-
<div class="sd-list-item__border sd-list-item__border--active"></div>
|
1007
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
1008
|
-
<div class="sd-list-item__row">
|
1009
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda Two</span><time>updated 3 days ago</time>
|
1010
|
-
</div>
|
1011
|
-
</div>
|
1012
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1013
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left"><i class="icon-pencil"></i></button>
|
1014
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1015
|
-
</div>
|
1016
|
-
</div>
|
1017
|
-
<div class="sd-list-item sd-shadow--z1">
|
1018
|
-
<div class="sd-list-item__border sd-list-item__border--active"></div>
|
1019
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
1020
|
-
<div class="sd-list-item__row">
|
1021
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda Three</span><time>updated 4 days ago</time>
|
1022
|
-
</div>
|
1023
|
-
</div>
|
1024
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1025
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left"><i class="icon-pencil"></i></button>
|
1026
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1027
|
-
</div>
|
1028
|
-
</div>
|
1029
|
-
<div class="sd-list-item sd-shadow--z1">
|
1030
|
-
<div class="sd-list-item__border sd-list-item__border--active"></div>
|
1031
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
1032
|
-
<div class="sd-list-item__row">
|
1033
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda Four</span><time>updated 5 days ago</time>
|
1034
|
-
</div>
|
1035
|
-
</div>
|
1036
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1037
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left"><i class="icon-pencil"></i></button>
|
1038
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1039
|
-
</div>
|
1040
|
-
</div>
|
1041
|
-
</div>
|
1042
|
-
<div class="sd-list-header sd-list-header--m-top">
|
1043
|
-
<span class="sd-list-header__name">Disabled Agendas</span>
|
1044
|
-
</div>
|
1045
|
-
<div class="sd-list-item-group sd-list-item-group--space-between-items">
|
1046
|
-
<div class="sd-list-item sd-shadow--z1">
|
1047
|
-
<div class="sd-list-item__border sd-list-item__border--idle"></div>
|
1048
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
1049
|
-
<div class="sd-list-item__row">
|
1050
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda Five</span><time>updated 1 days ago</time>
|
1051
|
-
</div>
|
1052
|
-
</div>
|
1053
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1054
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left"><i class="icon-pencil"></i></button>
|
1055
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1056
|
-
</div>
|
1057
|
-
</div>
|
1058
|
-
<div class="sd-list-item sd-shadow--z1">
|
1059
|
-
<div class="sd-list-item__border sd-list-item__border--idle"></div>
|
1060
|
-
<div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
|
1061
|
-
<div class="sd-list-item__row">
|
1062
|
-
<span class="sd-overflow-ellipsis sd-list-item--element-grow">Agenda Six</span><time>updated 2 days ago</time>
|
1063
|
-
</div>
|
1064
|
-
</div>
|
1065
|
-
<div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
|
1066
|
-
<button class="dropdown__toggle" data-sd-tooltip="Edit Agenda" data-flow="left"><i class="icon-pencil"></i></button>
|
1067
|
-
<button class="dropdown__toggle" data-sd-tooltip="Delete Agenda" data-flow="left"><i class="icon-trash"></i></button>
|
1068
|
-
</div>
|
1069
|
-
</div>
|
1070
|
-
</div>
|
1071
|
-
|
1072
|
-
</div>
|
1073
|
-
|
1074
|
-
<div class="sd-column-box__slide-in-column" ng-class="{'sd-column-box__slide-in-column--closed' : !editAgendaOpen}">
|
1075
|
-
<div class="sd-column-box__slide-in-column-inner sd-slide-in-panel">
|
1076
|
-
|
1077
|
-
<div class="sd-slide-in-panel__header">
|
1078
|
-
<div class="subnav__sliding-toolbar" ng-show="!contentChanged || newAgenda">
|
1079
|
-
<div class="sliding-toolbar__inner"></div>
|
1080
|
-
<a class="btn" ng-click="editAgendaOpen = false; contentChanged = true; activateList = false; newAgenda = false;">Cancel</a>
|
1081
|
-
<a class="btn btn--primary">Save</a>
|
1082
|
-
</div>
|
1083
|
-
<h3 class="sd-slide-in-panel__heading" ng-hide="newAgenda">Edit Agenda</h3>
|
1084
|
-
<h3 class="sd-slide-in-panel__heading" ng-show="newAgenda">New Agenda</h3>
|
1085
|
-
<a class="icn-btn sd-slide-in-panel__close" sd-tooltip="Close details" flow="top" ng-click="editAgendaOpen = !editAgendaOpen; activateList = false; newAgenda = false;"><i class="icon-close-small"></i></a>
|
1086
|
-
</div>
|
1087
|
-
<div class="sd-slide-in-panel__content">
|
1088
|
-
<div class="sd-slide-in-panel__content-block sd-slide-in-panel__content-block--first">
|
1089
|
-
<div class="form__row">
|
1090
|
-
<div class="sd-line-input sd-line-input--no-margin">
|
1091
|
-
<label class="sd-line-input__label">Name</label>
|
1092
|
-
<input class="sd-line-input__input" type="text" value="Agenda One" ng-hide="newAgenda">
|
1093
|
-
<input class="sd-line-input__input" type="text" value="" ng-show="newAgenda">
|
1094
|
-
</div>
|
1095
|
-
</div>
|
1096
|
-
<div class="form__row" ng-init="contentChanged = true">
|
1097
|
-
<span ng-model="contentChanged" sd-switch></span><label>Enabled</label>
|
1098
|
-
</div>
|
1099
|
-
</div>
|
1100
|
-
</div>
|
1101
|
-
</div>
|
1102
|
-
</div>
|
1103
|
-
|
1104
|
-
</div>
|
1105
|
-
</div>
|
1106
|
-
<div class="modal__footer">
|
1107
|
-
<button class="btn" ng-click="closeModal('agendaModal')">Cancel</button>
|
1108
|
-
<button class="btn btn--primary" ng-click="closeModal('agendaModal')">Ok</button>
|
1109
|
-
</div>
|
1110
|
-
</div>
|
1111
|
-
<!-- END Agenda management modal -->
|
1112
|
-
</div>
|