superdesk-ui-framework 4.0.52 → 4.0.53

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.
Files changed (369) hide show
  1. package/dist/examples.bundle.js +1 -1
  2. package/package.json +1 -1
  3. package/dist/playgrounds/accessible-theme-test.html +0 -813
  4. package/dist/playgrounds/boxed-list.html +0 -164
  5. package/dist/playgrounds/cards.html +0 -244
  6. package/dist/playgrounds/circular-progress.html +0 -48
  7. package/dist/playgrounds/dummy-data/items.ts +0 -95
  8. package/dist/playgrounds/editor-3-test.html +0 -15
  9. package/dist/playgrounds/form-layout.html +0 -285
  10. package/dist/playgrounds/layout-grid.html +0 -79
  11. package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
  12. package/dist/playgrounds/layout-test-2.html +0 -795
  13. package/dist/playgrounds/list-item-test.html +0 -896
  14. package/dist/playgrounds/main.html +0 -16
  15. package/dist/playgrounds/master-desk.html +0 -1678
  16. package/dist/playgrounds/media-carousel.html +0 -1166
  17. package/dist/playgrounds/nav-buttons.html +0 -65
  18. package/dist/playgrounds/photo-desk.html +0 -1515
  19. package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  20. package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
  21. package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
  22. package/dist/playgrounds/planning.html +0 -1112
  23. package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
  24. package/dist/playgrounds/publish.html +0 -1007
  25. package/dist/playgrounds/publisher-content-analytics.html +0 -376
  26. package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
  27. package/dist/playgrounds/publisher-content-list-manual.html +0 -611
  28. package/dist/playgrounds/publisher-content-lists.html +0 -255
  29. package/dist/playgrounds/publisher-dashboard.html +0 -323
  30. package/dist/playgrounds/publisher-output-control.html +0 -3659
  31. package/dist/playgrounds/publisher-website-settings-general.html +0 -188
  32. package/dist/playgrounds/publisher-website-settings.html +0 -265
  33. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  34. package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  35. package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  36. package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
  37. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  38. package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  39. package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  40. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  41. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  42. package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  43. package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  44. package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  45. package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  46. package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  47. package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  48. package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  49. package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  50. package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  51. package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  52. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  53. package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  54. package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  55. package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  56. package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  57. package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  58. package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  59. package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  60. package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  61. package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  62. package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  63. package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  64. package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  65. package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  66. package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  67. package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
  68. package/dist/playgrounds/settings.html +0 -92
  69. package/dist/playgrounds/side-navigation.html +0 -201
  70. package/dist/playgrounds/swimlane-view.html +0 -1975
  71. package/dist/playgrounds/tags-input.html +0 -55
  72. package/dist/playgrounds/toasts.html +0 -113
  73. package/dist/playgrounds/video-editor.html +0 -706
  74. package/examples/css/docs-page.css +0 -1135
  75. package/examples/css/reset.css +0 -124
  76. package/examples/css/vendor.css +0 -175
  77. package/examples/illustration-small--components.svg +0 -45
  78. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
  79. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
  80. package/examples/img/avatar-2.jpg +0 -0
  81. package/examples/img/avatar-3.jpg +0 -0
  82. package/examples/img/avatar-4.jpg +0 -0
  83. package/examples/img/avatar-5.jpg +0 -0
  84. package/examples/img/avatar-6.jpg +0 -0
  85. package/examples/img/avatar.jpg +0 -0
  86. package/examples/img/bill.jpg +0 -0
  87. package/examples/img/bush_1.jpg +0 -0
  88. package/examples/img/bush_2.jpg +0 -0
  89. package/examples/img/carousel-thumb--01.jpg +0 -0
  90. package/examples/img/carousel-thumb--02.jpg +0 -0
  91. package/examples/img/carousel-thumb--03.jpg +0 -0
  92. package/examples/img/carousel-thumb--04.jpg +0 -0
  93. package/examples/img/components_ilustration.svg +0 -1
  94. package/examples/img/d_trump.jpg +0 -0
  95. package/examples/img/d_trump_2.jpg +0 -0
  96. package/examples/img/d_trump_large.jpg +0 -0
  97. package/examples/img/design_ilustration.svg +0 -1
  98. package/examples/img/ferocious_beast.webm +0 -0
  99. package/examples/img/guidelines/application-frame.png +0 -0
  100. package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
  101. package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
  102. package/examples/img/guidelines/application-frame__left-panel.png +0 -0
  103. package/examples/img/guidelines/application-frame__main-content.gif +0 -0
  104. package/examples/img/guidelines/application-frame__main-content.png +0 -0
  105. package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
  106. package/examples/img/guidelines/application-frame__right-panel.png +0 -0
  107. package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
  108. package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
  109. package/examples/img/guidelines/application-frame__top-bar.png +0 -0
  110. package/examples/img/guidelines/buttons--00-01.png +0 -0
  111. package/examples/img/guidelines/buttons--00-02.png +0 -0
  112. package/examples/img/guidelines/buttons--DO-02.png +0 -0
  113. package/examples/img/guidelines/buttons--DONT-01.png +0 -0
  114. package/examples/img/guidelines/checkbox--DO-01.png +0 -0
  115. package/examples/img/guidelines/checkbox--DO-02.png +0 -0
  116. package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
  117. package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
  118. package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
  119. package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
  120. package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
  121. package/examples/img/guidelines/example__main-content--01.png +0 -0
  122. package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
  123. package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
  124. package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
  125. package/examples/img/guidelines/example__sub-nav--01.png +0 -0
  126. package/examples/img/guidelines/example__sub-nav--02.png +0 -0
  127. package/examples/img/guidelines/example__sub-nav--03.png +0 -0
  128. package/examples/img/guidelines/example__top-bar--01.png +0 -0
  129. package/examples/img/guidelines/layout--grid-01.png +0 -0
  130. package/examples/img/guidelines/layout--size-example-01.png +0 -0
  131. package/examples/img/guidelines/radio--DO-01.png +0 -0
  132. package/examples/img/guidelines/radio--DONT-01.png +0 -0
  133. package/examples/img/guidelines/radio--DONT-02.png +0 -0
  134. package/examples/img/guidelines/radio--DONT-03.png +0 -0
  135. package/examples/img/guidelines/switch--DO-01.png +0 -0
  136. package/examples/img/guidelines/switch--DO-02.png +0 -0
  137. package/examples/img/guidelines/switch--DONT-01.png +0 -0
  138. package/examples/img/guidelines/switch--DONT-02.png +0 -0
  139. package/examples/img/hillary.jpg +0 -0
  140. package/examples/img/illustration--components.svg +0 -1
  141. package/examples/img/illustration--design.svg +0 -1
  142. package/examples/img/illustration--playground.svg +0 -1
  143. package/examples/img/illustration--react.svg +0 -1
  144. package/examples/img/illustration-small--components.svg +0 -45
  145. package/examples/img/illustration-small--design.svg +0 -99
  146. package/examples/img/illustration-small--playground.svg +0 -49
  147. package/examples/img/illustration-small--react.svg +0 -53
  148. package/examples/img/illustration_user-privileges.png +0 -0
  149. package/examples/img/illustration_users.png +0 -0
  150. package/examples/img/image_01.jpg +0 -0
  151. package/examples/img/image_02.jpg +0 -0
  152. package/examples/img/masthead-image.png +0 -0
  153. package/examples/img/obama_1.jpg +0 -0
  154. package/examples/img/obama_2.jpg +0 -0
  155. package/examples/img/overlay-img.jpg +0 -0
  156. package/examples/img/react-logo--vector.svg +0 -49
  157. package/examples/img/sd-ui-framework__logo-01.svg +0 -33
  158. package/examples/img/sd-ui-framework__logo.svg +0 -20
  159. package/examples/img/th01.jpg +0 -0
  160. package/examples/img/th02.jpg +0 -0
  161. package/examples/img/th03.jpg +0 -0
  162. package/examples/index.html +0 -11
  163. package/examples/index.js +0 -468
  164. package/examples/js/doc.js +0 -230
  165. package/examples/js/react.js +0 -263
  166. package/examples/pages/components/Alerts.tsx +0 -291
  167. package/examples/pages/components/Autocomplete.tsx +0 -434
  168. package/examples/pages/components/Avatar.tsx +0 -659
  169. package/examples/pages/components/Badges.tsx +0 -221
  170. package/examples/pages/components/BigIconFont.tsx +0 -48
  171. package/examples/pages/components/BoxedList.tsx +0 -517
  172. package/examples/pages/components/ButtonGroups.tsx +0 -366
  173. package/examples/pages/components/Buttons.tsx +0 -565
  174. package/examples/pages/components/Card.tsx +0 -23
  175. package/examples/pages/components/Carousel.tsx +0 -235
  176. package/examples/pages/components/Checkboxs.tsx +0 -817
  177. package/examples/pages/components/Container.tsx +0 -190
  178. package/examples/pages/components/ContentDivider.tsx +0 -229
  179. package/examples/pages/components/ContentList.tsx +0 -786
  180. package/examples/pages/components/CreateButton.tsx +0 -121
  181. package/examples/pages/components/DatePicker.tsx +0 -245
  182. package/examples/pages/components/DateTimePicker.tsx +0 -141
  183. package/examples/pages/components/DragHandleDocs.tsx +0 -122
  184. package/examples/pages/components/DropZone.tsx +0 -149
  185. package/examples/pages/components/Dropdowns.tsx +0 -587
  186. package/examples/pages/components/DurationInput.tsx +0 -157
  187. package/examples/pages/components/EmptyStates.tsx +0 -171
  188. package/examples/pages/components/GridItem.tsx +0 -507
  189. package/examples/pages/components/GridList.tsx +0 -126
  190. package/examples/pages/components/Heading.tsx +0 -152
  191. package/examples/pages/components/IconButtons.tsx +0 -191
  192. package/examples/pages/components/IconFont.tsx +0 -49
  193. package/examples/pages/components/IconLabels.tsx +0 -199
  194. package/examples/pages/components/IconPicker.tsx +0 -82
  195. package/examples/pages/components/IllustrationButton.tsx +0 -109
  196. package/examples/pages/components/Index.tsx +0 -563
  197. package/examples/pages/components/Inputs.tsx +0 -313
  198. package/examples/pages/components/Labels.tsx +0 -354
  199. package/examples/pages/components/LeftNavigations.tsx +0 -459
  200. package/examples/pages/components/ListItems.tsx +0 -33
  201. package/examples/pages/components/Loader.tsx +0 -25
  202. package/examples/pages/components/Menu.tsx +0 -181
  203. package/examples/pages/components/Modal.tsx +0 -557
  204. package/examples/pages/components/MultiSelect.tsx +0 -343
  205. package/examples/pages/components/NavButtons.tsx +0 -159
  206. package/examples/pages/components/Panel.tsx +0 -631
  207. package/examples/pages/components/Popover.tsx +0 -90
  208. package/examples/pages/components/QuickNavigationBar.tsx +0 -278
  209. package/examples/pages/components/RadioGroup.tsx +0 -612
  210. package/examples/pages/components/ResizablePanels.tsx +0 -43
  211. package/examples/pages/components/SelectGrid.tsx +0 -162
  212. package/examples/pages/components/SelectWithTemplate.tsx +0 -144
  213. package/examples/pages/components/Selects.tsx +0 -175
  214. package/examples/pages/components/SimpleList.tsx +0 -198
  215. package/examples/pages/components/SubNav.tsx +0 -160
  216. package/examples/pages/components/Switch.tsx +0 -298
  217. package/examples/pages/components/TableList.tsx +0 -315
  218. package/examples/pages/components/Tabs.tsx +0 -276
  219. package/examples/pages/components/TagInputDocs.tsx +0 -130
  220. package/examples/pages/components/Tags.tsx +0 -154
  221. package/examples/pages/components/Text.tsx +0 -184
  222. package/examples/pages/components/TimePicker.tsx +0 -179
  223. package/examples/pages/components/Toasts.tsx +0 -283
  224. package/examples/pages/components/Togglebox.tsx +0 -307
  225. package/examples/pages/components/Tooltips.tsx +0 -74
  226. package/examples/pages/components/TreeMenu.tsx +0 -315
  227. package/examples/pages/components/TreeSelect.tsx +0 -625
  228. package/examples/pages/components/WithPaginationDocs.tsx +0 -56
  229. package/examples/pages/components/WithSizeObserver.tsx +0 -44
  230. package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
  231. package/examples/pages/components/tree-select/example-1.tsx +0 -67
  232. package/examples/pages/components/tree-select/example-2.tsx +0 -56
  233. package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
  234. package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
  235. package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
  236. package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
  237. package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
  238. package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
  239. package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
  240. package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
  241. package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
  242. package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
  243. package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
  244. package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
  245. package/examples/pages/components.html +0 -15
  246. package/examples/pages/components_deprecated/alerts.html +0 -113
  247. package/examples/pages/components_deprecated/badge.html +0 -79
  248. package/examples/pages/components_deprecated/basic-grid.html +0 -132
  249. package/examples/pages/components_deprecated/big-icons.html +0 -65
  250. package/examples/pages/components_deprecated/buttons.html +0 -631
  251. package/examples/pages/components_deprecated/carousel.html +0 -77
  252. package/examples/pages/components_deprecated/checkbox.html +0 -86
  253. package/examples/pages/components_deprecated/colors.html +0 -12
  254. package/examples/pages/components_deprecated/dropdown.html +0 -542
  255. package/examples/pages/components_deprecated/form-layout.html +0 -187
  256. package/examples/pages/components_deprecated/icon-labels.html +0 -34
  257. package/examples/pages/components_deprecated/icons.html +0 -194
  258. package/examples/pages/components_deprecated/input.html +0 -233
  259. package/examples/pages/components_deprecated/labels.html +0 -170
  260. package/examples/pages/components_deprecated/layout-grid.html +0 -227
  261. package/examples/pages/components_deprecated/left-nav.html +0 -83
  262. package/examples/pages/components_deprecated/list-item.html +0 -1342
  263. package/examples/pages/components_deprecated/loader.html +0 -64
  264. package/examples/pages/components_deprecated/modal-template.html +0 -13
  265. package/examples/pages/components_deprecated/modals.html +0 -561
  266. package/examples/pages/components_deprecated/other-elements.html +0 -54
  267. package/examples/pages/components_deprecated/panel-info.html +0 -34
  268. package/examples/pages/components_deprecated/radio.html +0 -64
  269. package/examples/pages/components_deprecated/select.html +0 -160
  270. package/examples/pages/components_deprecated/shadows.html +0 -24
  271. package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
  272. package/examples/pages/components_deprecated/simple-list.html +0 -113
  273. package/examples/pages/components_deprecated/slider.html +0 -31
  274. package/examples/pages/components_deprecated/spacing.html +0 -117
  275. package/examples/pages/components_deprecated/switch.html +0 -31
  276. package/examples/pages/components_deprecated/tables.html +0 -58
  277. package/examples/pages/components_deprecated/tabs.html +0 -257
  278. package/examples/pages/components_deprecated/tag-input.html +0 -123
  279. package/examples/pages/components_deprecated/tag-labels.html +0 -57
  280. package/examples/pages/components_deprecated/text.html +0 -55
  281. package/examples/pages/components_deprecated/toggle.html +0 -63
  282. package/examples/pages/components_deprecated/tooltips.html +0 -29
  283. package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
  284. package/examples/pages/components_deprecated/wizard.html +0 -41
  285. package/examples/pages/components_deprecated.html +0 -39
  286. package/examples/pages/design/application-structure.html +0 -168
  287. package/examples/pages/design/buttons.html +0 -34
  288. package/examples/pages/design/checkbox-and-radio.html +0 -64
  289. package/examples/pages/design/layout-principles.html +0 -45
  290. package/examples/pages/design/modules.html +0 -22
  291. package/examples/pages/design/pages.html +0 -22
  292. package/examples/pages/design/switch.html +0 -55
  293. package/examples/pages/design-patterns/Index.tsx +0 -42
  294. package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
  295. package/examples/pages/design-patterns.html +0 -14
  296. package/examples/pages/design.html +0 -39
  297. package/examples/pages/main.html +0 -76
  298. package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
  299. package/examples/pages/playgrounds/boxed-list.html +0 -164
  300. package/examples/pages/playgrounds/cards.html +0 -244
  301. package/examples/pages/playgrounds/circular-progress.html +0 -48
  302. package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
  303. package/examples/pages/playgrounds/editor-3-test.html +0 -15
  304. package/examples/pages/playgrounds/form-layout.html +0 -285
  305. package/examples/pages/playgrounds/layout-grid.html +0 -79
  306. package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
  307. package/examples/pages/playgrounds/layout-test-2.html +0 -795
  308. package/examples/pages/playgrounds/list-item-test.html +0 -896
  309. package/examples/pages/playgrounds/main.html +0 -16
  310. package/examples/pages/playgrounds/master-desk.html +0 -1678
  311. package/examples/pages/playgrounds/media-carousel.html +0 -1166
  312. package/examples/pages/playgrounds/nav-buttons.html +0 -65
  313. package/examples/pages/playgrounds/photo-desk.html +0 -1515
  314. package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  315. package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
  316. package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
  317. package/examples/pages/playgrounds/planning.html +0 -1112
  318. package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
  319. package/examples/pages/playgrounds/publish.html +0 -1007
  320. package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
  321. package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
  322. package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
  323. package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
  324. package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
  325. package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
  326. package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
  327. package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
  328. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  329. package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  330. package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  331. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
  332. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  333. package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  334. package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  335. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  336. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  337. package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  338. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  339. package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  340. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  341. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  342. package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  343. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  344. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  345. package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  346. package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  347. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  348. package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  349. package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  350. package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  351. package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  352. package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  353. package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  354. package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  355. package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  356. package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  357. package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  358. package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  359. package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  360. package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  361. package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  362. package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
  363. package/examples/pages/playgrounds/settings.html +0 -92
  364. package/examples/pages/playgrounds/side-navigation.html +0 -201
  365. package/examples/pages/playgrounds/swimlane-view.html +0 -1975
  366. package/examples/pages/playgrounds/tags-input.html +0 -55
  367. package/examples/pages/playgrounds/toasts.html +0 -113
  368. package/examples/pages/playgrounds/video-editor.html +0 -706
  369. package/examples/pages/playgrounds.html +0 -40
@@ -1,1975 +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">National Desk</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" ng-click="menuItemActive1 = !menuItemActive1" ng-class="{'sd-sidebar-menu__btn--closed': menuItemActive1}">
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="Media archive" flow="right">
51
- <a href="" class="sd-sidebar-menu__btn">
52
- <i class="sd-sidebar-menu__main-icon big-icon--picture"></i>
53
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
54
- </a>
55
- </li>
56
- </ul>
57
- </div>
58
- <div id="leftContent" ng-init="darkUI = false; swimlaneView = true" class="sd-page-content__content-block sd-page-content__content-block--main" ng-class="{'open-filters': leftFilterOpen, 'open-preview': leftPreviewOpen, 'dark-ui': darkUI}">
59
- <!-- left content -->
60
- <div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
61
- <div class="subnav__sliding-toolbar" ng-show="select1 || select2 || select3 || select4 || select5 || select6 || select7 || select8 || select9 || select10 || select11 || select12 || select13 || select14 || select15 || select16 || select17 || select18 || select19 || select20 || select21 || select22 || select23 || select24 || select25 || select26 || select27 || select28 || select29 || select30 || select31 || select32 || select33 || select34 || select35 || select36">
62
- <div class="sliding-toolbar__inner">
63
- <a class="btn" ng-click="select1 = false; select2 = false; select3 = false; select4 = false; select5 = false; select6 = false; select7 = false; select8 = false">Cancel</a>
64
- <span class="sliding-toolbar__info-text">1 item selected</span>
65
- </div>
66
- <a class="btn btn--primary" ng-click="openModal('imageModal'); multiEdit = true; select1 = false; select2 = false; select3 = false; select4 = false; select5 = false; select6 = false; select7 = false; select8 = false; select11 = true; select12 = true; select13 = true; select14 = true">Edit metadata</a>
67
- <a class="btn btn--alert"><i class="icon-trash"></i>Delete</a>
68
- </div>
69
- <div class="dropdown" dropdown="">
70
- <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>
71
- <ul class="dropdown__menu scrollable" style="">
72
- <li><div class="dropdown__menu-label ng-binding">Monitoring</div></li>
73
- <li><button>Incoming stage</button></li>
74
- <li><button>Working stage</button></li>
75
- <li><button>Output stage</button></li>
76
- </ul>
77
- </div>
78
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
79
- <div class="sd-searchbar" ng-class="{'sd-searchbar--focused': focused}" >
80
- <label for="search-input" class="sd-searchbar__icon"></label>
81
- <input id="search-input"
82
- class="sd-searchbar__input"
83
- type="text"
84
- placeholder="Search"
85
- ng-keyup="searchOnEnter($event)"
86
- ng-model="query"
87
- tabindex="1"
88
- ng-focus="focused = true">
89
- <button class="sd-searchbar__cancel" ng-if="query">
90
- <i class="icon-remove-sign"></i>
91
- </button>
92
- <button id="sd-searchbar__search-btn" class="sd-searchbar__search-btn" ng-if="focused" tabindex="2">
93
- <i class="big-icon--chevron-right"></i>
94
- </button>
95
- </div>
96
- <div class="dropdown dropdown--align-right" dropdown>
97
- <button class="dropdown__toggle navbtn sd-create-btn" dropdown__toggle>
98
- <i class="icon-plus-large"></i>
99
- <span class="circle"></span>
100
- </button>
101
- <ul class="dropdown__menu">
102
- <li>
103
- <div class="dropdown__menu-label">Upload</div>
104
- </li>
105
- <li class="dropdown__menu-divider"></li>
106
- <li>
107
- <button><i class="icon-plus-sign icon--blue"></i>Image</button>
108
- </li>
109
- <li>
110
- <button><i class="icon-plus-sign icon--blue"></i>Video</button>
111
- </li>
112
- </ul>
113
- </div>
114
- </div>
115
- <div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
116
- <div class="subnav__stretch-bar">
117
- <sd-check ng-model="planningType" ng-value="all" label-position="inside" ng-checked="true">all</sd-check>
118
- <sd-check ng-model="planningType" type="radio" ng-value="text" label-position="inside"><i class="icon-text"></i></sd-check>
119
- <sd-check ng-model="planningType" type="radio" ng-value="photo" label-position="inside"><i class="icon-photo"></i></sd-check>
120
- <sd-check ng-model="planningType" type="radio" ng-value="graphic" label-position="inside"><i class="icon-graphic"></i></sd-check>
121
- <sd-check ng-model="planningType" type="radio" ng-value="composite" label-position="inside"><i class="icon-composite"></i></sd-check>
122
- <sd-check ng-model="planningType" type="radio" ng-value="video" label-position="inside"><i class="icon-video"></i></sd-check>
123
- <sd-check ng-model="planningType" type="radio" ng-value="audio" label-position="inside"><i class="icon-audio"></i></sd-check>
124
- </div>
125
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
126
- <div class="subnav__content-bar">
127
- <span>Total:</span> <span class="badge" style="margin: 0 10px 0 6px;">6432</span>
128
- <div class="dropdown dropdown--align-right" dropdown>
129
- <button class="dropdown__toggle" dropdown__toggle>
130
- Updated<span class="dropdown__caret"></span>
131
- </button>
132
- <ul class="dropdown__menu">
133
- <li><button>Updated</button></li>
134
- <li><button>Created</button></li>
135
- <li><button>Urgency</button></li>
136
- <li><button>Category</button></li>
137
- <li><button>Slugline</button></li>
138
- <li><button>Priority</button></li>
139
- <li><button>Genre</button></li>
140
- </ul>
141
- </div>
142
- <a class="icn-btn" sd-tooltip="Descending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-hide="!sortDesc"><i class="icon-descending"></i></a>
143
- <a class="icn-btn" sd-tooltip="Ascending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-show="!sortDesc"><i class="icon-ascending"></i></a>
144
-
145
- </div>
146
- <button class="navbtn" ng-click="darkUI = !darkUI">
147
- <i class="icon-adjust"></i>
148
- </button>
149
- <div class="dropdown dropdown--align-right" dropdown>
150
- <button class="navbtn" dropdown__toggle>
151
- <i class="icon-list-view" ng-show="listView"></i>
152
- <i class="icon-kanban-view" ng-show="swimlaneView"></i>
153
- <i class="icon-grid-view" ng-show="gridView"></i>
154
- </button>
155
- <ul class="dropdown__menu">
156
- <li><button ng-click="listView = true; swimlaneView = false; gridView = false;"><i class="icon-list-view"></i> List View</button></li>
157
- <li><button ng-click="swimlaneView = true; listView = false; gridView = false;"><i class="icon-kanban-view"></i> Swimlane View</button></li>
158
- <li><button ng-click="gridView = true; swimlaneView = false; listView = false;"><i class="icon-grid-view"></i> Photo Grid view</button></li>
159
-
160
- </ul>
161
- </div>
162
- <div class="dropdown dropdown--align-right" dropdown>
163
- <button class="dropdown__toggle navbtn" dropdown__toggle>
164
- <i class="icon-dots-vertical"></i>
165
- </button>
166
- <ul class="dropdown__menu">
167
- <li>
168
- <div class="dropdown__menu-label">Actions</div>
169
- </li>
170
- <li class="dropdown__menu-divider"></li>
171
- <li><button>Action 2</button></li>
172
- <li><button>Action 3</button></li>
173
- <li><button ng-click="showColumns6 = !showColumns6">Show <span ng-show="!showColumns6">6</span><span ng-if="showColumns6">5</span> columns</button></li>
174
- </ul>
175
- </div>
176
- </div>
177
- <div class="sd-column-box--3">
178
- <div class="sd-column-box__main-column">
179
- <div class="sd-list-header" ng-hide="swimlaneView">
180
- <span class="sd-list-header__name">Friday September 15, 2017</span>
181
- </div>
182
- <!-- Grid item view -->
183
- <div class="sd-grid-list sd-margin--3" ng-show="gridView">
184
- <!-- item 1 -->
185
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select1, 'sd-grid-item--activated' : selectThis1}">
186
- <div class="sd-grid-item__thumb">
187
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
188
- <i class="icon-fullscreen"></i>
189
- </a>
190
- <div class="sd-grid-item__checkbox">
191
- <sd-check ng-model="select1"></sd-check>
192
- </div>
193
- <img src="/d_trump.jpg" alt="Trt">
194
- </div>
195
- <div class="sd-grid-item__content">
196
- <time title="20.11.2017">20.11.2017</time>
197
- <span class="sd-grid-item__slugline">This is a slugline</span>
198
- <p class="sd-grid-item--element-grow">Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</p>
199
- <div class="sd-grid-item__content-block">
200
- <span class="sd-grid-item__text-label">Source:</span>
201
- <span class="sd-grid-item__text-strong">ANSA</span>
202
- </div>
203
-
204
- </div>
205
- <div class="sd-grid-item__footer" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
206
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
207
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--success sd-grid-item__footer-block-item">1</span><span class="badge badge--warning badge--square sd-grid-item__footer-block-item">3</span>
208
- </div>
209
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
210
- <a class="icn-btn sd-grid-item__actions">
211
- <i class="icon-dots-vertical"></i>
212
- </a>
213
- </div>
214
- </div>
215
- </div>
216
- <!-- item 2 -->
217
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select2}">
218
- <div class="sd-grid-item__thumb">
219
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
220
- <i class="icon-fullscreen"></i>
221
- </a>
222
- <div class="sd-grid-item__checkbox">
223
- <sd-check ng-model="select2"></sd-check>
224
- </div>
225
- <img src="/d_trump_2.jpg" alt="test">
226
- </div>
227
- <div class="sd-grid-item__content">
228
- <time title="20.11.2017">20.11.2017</time>
229
- <span class="sd-grid-item__slugline">This is a slugline</span>
230
- <p class="sd-grid-item--element-grow">In ac dui quis mi consectetuer lacinia. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.</p>
231
- <div class="sd-grid-item__content-block">
232
- <span class="sd-grid-item__text-label">Source:</span>
233
- <span class="sd-grid-item__text-strong">ANSA</span>
234
- </div>
235
- </div>
236
- <div class="sd-grid-item__footer">
237
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
238
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--alert badge--square sd-grid-item__footer-block-item">4</span>
239
- </div>
240
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
241
- <a class="icn-btn sd-grid-item__actions">
242
- <i class="icon-dots-vertical"></i>
243
- </a>
244
- </div>
245
- </div>
246
- </div>
247
- <!-- item 3 -->
248
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select3}">
249
- <div class="sd-grid-item__thumb">
250
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
251
- <i class="icon-fullscreen"></i>
252
- </a>
253
- <div class="sd-grid-item__checkbox">
254
- <sd-check ng-model="select3"></sd-check>
255
- </div>
256
- <img src="/bill.jpg" alt="test">
257
- </div>
258
- <div class="sd-grid-item__content">
259
- <time title="20.11.2017">20.11.2017</time>
260
- <span class="sd-grid-item__slugline">This is a slugline</span>
261
- <p class="sd-grid-item--element-grow">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Aenean tellus metus, bibendum sed...</p>
262
- <div class="sd-grid-item__content-block">
263
- <span class="sd-grid-item__text-label">Source:</span>
264
- <span class="sd-grid-item__text-strong">ANSA</span>
265
- </div>
266
- </div>
267
- <div class="sd-grid-item__footer">
268
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
269
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--highlight sd-grid-item__footer-block-item">3</span><span class="badge badge--light badge--square">&nbsp;</span>
270
- </div>
271
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
272
- <a class="icn-btn sd-grid-item__actions">
273
- <i class="icon-dots-vertical"></i>
274
- </a>
275
- </div>
276
- </div>
277
- </div>
278
- <!-- item 4 -->
279
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select4}">
280
- <div class="sd-grid-item__thumb">
281
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
282
- <i class="icon-fullscreen"></i>
283
- </a>
284
- <div class="sd-grid-item__checkbox">
285
- <sd-check ng-model="select4"></sd-check>
286
- </div>
287
- <img src="/hillary.jpg" alt="test">
288
- </div>
289
- <div class="sd-grid-item__content">
290
- <time title="20.11.2017">20.11.2017</time>
291
- <span class="sd-grid-item__slugline">This is a slugline</span>
292
- <p class="sd-grid-item--element-grow">Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.</p>
293
- <div class="sd-grid-item__content-block">
294
- <span class="sd-grid-item__text-label">Source:</span>
295
- <span class="sd-grid-item__text-strong">Reuters</span>
296
- </div>
297
- </div>
298
- <div class="sd-grid-item__footer">
299
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
300
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--warning badge--square sd-grid-item__footer-block-item">3</span>
301
- </div>
302
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
303
- <a class="icn-btn sd-grid-item__actions">
304
- <i class="icon-dots-vertical"></i>
305
- </a>
306
- </div>
307
- </div>
308
- </div>
309
- <!-- item 5 -->
310
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select5}">
311
- <div class="sd-grid-item__thumb">
312
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
313
- <i class="icon-fullscreen"></i>
314
- </a>
315
- <div class="sd-grid-item__checkbox">
316
- <sd-check ng-model="select5"></sd-check>
317
- </div>
318
- <img src="/obama_1.jpg" alt="test">
319
- </div>
320
- <div class="sd-grid-item__content">
321
- <time title="20.11.2017">20.11.2017</time>
322
- <span class="sd-grid-item__slugline">This is a slugline</span>
323
- <p class="sd-grid-item--element-grow">Pellentesque auctor neque nec urna. Vestibulum turpis sem, aliquet eget lobortis...</p>
324
- <div class="sd-grid-item__content-block">
325
- <span class="sd-grid-item__text-label">Source:</span>
326
- <span class="sd-grid-item__text-strong">ANSA</span>
327
- </div>
328
- </div>
329
- <div class="sd-grid-item__footer">
330
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
331
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--light">&nbsp;</span><span class="badge badge--square sd-grid-item__footer-block-item">5</span>
332
- </div>
333
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
334
- <a class="icn-btn sd-grid-item__actions">
335
- <i class="icon-dots-vertical"></i>
336
- </a>
337
- </div>
338
- </div>
339
- </div>
340
- <!-- item 6 -->
341
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select6}">
342
- <div class="sd-grid-item__thumb">
343
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
344
- <i class="icon-fullscreen"></i>
345
- </a>
346
- <div class="sd-grid-item__checkbox">
347
- <sd-check ng-model="select6"></sd-check>
348
- </div>
349
- <img src="/obama_2.jpg" alt="test">
350
- </div>
351
- <div class="sd-grid-item__content">
352
- <time title="20.11.2017">20.11.2017</time>
353
- <span class="sd-grid-item__slugline">This is a slugline</span>
354
- <p class="sd-grid-item--element-grow">Vestibulum turpis sem, aliquet eget lobortis...</p>
355
- <div class="sd-grid-item__content-block">
356
- <span class="sd-grid-item__text-label">Source:</span>
357
- <span class="sd-grid-item__text-strong">ANSA</span>
358
- </div>
359
- </div>
360
- <div class="sd-grid-item__footer">
361
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
362
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--highlight sd-grid-item__footer-block-item">3</span><span class="badge badge--light badge--square">&nbsp;</span>
363
- </div>
364
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
365
- <a class="icn-btn sd-grid-item__actions">
366
- <i class="icon-dots-vertical"></i>
367
- </a>
368
- </div>
369
- </div>
370
- </div>
371
- <!-- item 7 -->
372
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select7}">
373
- <div class="sd-grid-item__thumb">
374
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
375
- <i class="icon-fullscreen"></i>
376
- </a>
377
- <div class="sd-grid-item__checkbox">
378
- <sd-check ng-model="select7"></sd-check>
379
- </div>
380
- <img src="/bush_1.jpg" alt="test">
381
- </div>
382
- <div class="sd-grid-item__content">
383
- <time title="20.11.2017">20.11.2017</time>
384
- <span class="sd-grid-item__slugline">This is a slugline</span>
385
- <p class="sd-grid-item--element-grow">Vivamus in erat ut urna cursus vestibulum. Sed consequat, leo eget bibendum sodales...</p>
386
- <div class="sd-grid-item__content-block">
387
- <span class="sd-grid-item__text-label">Source:</span>
388
- <span class="sd-grid-item__text-strong">ANSA</span>
389
- </div>
390
- </div>
391
- <div class="sd-grid-item__footer">
392
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
393
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--success sd-grid-item__footer-block-item">1</span><span class="badge badge--highlight badge--square sd-grid-item__footer-block-item">2</span>
394
- </div>
395
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
396
- <a class="icn-btn sd-grid-item__actions">
397
- <i class="icon-dots-vertical"></i>
398
- </a>
399
- </div>
400
- </div>
401
- </div>
402
- <!-- item 8 -->
403
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select8}">
404
- <div class="sd-grid-item__thumb">
405
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
406
- <i class="icon-fullscreen"></i>
407
- </a>
408
- <div class="sd-grid-item__checkbox">
409
- <sd-check ng-model="select8"></sd-check>
410
- </div>
411
- <img src="/bush_2.jpg" alt="test">
412
- </div>
413
- <div class="sd-grid-item__content">
414
- <time title="20.11.2017">20.11.2017</time>
415
- <span class="sd-grid-item__slugline">This is a slugline</span>
416
- <p class="sd-grid-item--element-grow">Mauris sollicitudin fermentum libero, vestibulum et, tempor auctor, justo...</p>
417
- <div class="sd-grid-item__content-block">
418
- <span class="sd-grid-item__text-label">Source:</span>
419
- <span class="sd-grid-item__text-strong">ANSA</span>
420
- </div>
421
- </div>
422
- <div class="sd-grid-item__footer">
423
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
424
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--square sd-grid-item__footer-block-item">5</span>
425
- </div>
426
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
427
- <a class="icn-btn sd-grid-item__actions">
428
- <i class="icon-dots-vertical"></i>
429
- </a>
430
- </div>
431
- </div>
432
- </div>
433
- </div>
434
-
435
- <!-- List item view -->
436
-
437
- <div class="sd-list-item-group sd-list-item-group--space-between-items" ng-show="listView" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
438
- <!-- list item 1 -->
439
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select1, 'sd-list-item--activated' : selectThis1}">
440
- <div class="sd-list-item__border"></div>
441
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select1}">
442
- <div class="sd-list-item__checkbox-container">
443
- <sd-check ng-model="select1"></sd-check>
444
- </div>
445
- <span class="icn-mix sd-list-item__item-type">
446
- <i class="icon-photo"></i>
447
- </span>
448
- </div>
449
- <div class="sd-list-item__column">
450
- <div class="sd-list-item__row">
451
- <span class="badge badge--success">1</span>
452
- <span class="badge badge--warning badge--square ">3</span>
453
- </div>
454
- </div>
455
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
456
- <div class="sd-list-item__row">
457
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
458
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
459
- </div>
460
- </div>
461
- <div class="sd-list-item__action-menu">
462
- <button class="icn-btn">
463
- <i class="icon-dots-vertical"></i>
464
- </button>
465
- </div>
466
- </div>
467
- <!-- list item 2 -->
468
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select2}">
469
- <div class="sd-list-item__border"></div>
470
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select2}">
471
- <div class="sd-list-item__checkbox-container">
472
- <sd-check ng-model="select2"></sd-check>
473
- </div>
474
- <span class="icn-mix sd-list-item__item-type">
475
- <i class="icon-photo"></i>
476
- </span>
477
- </div>
478
- <div class="sd-list-item__column">
479
- <div class="sd-list-item__row">
480
- <span class="badge badge--primary">2</span>
481
- <span class="badge badge--alert badge--square">4</span>
482
- </div>
483
- </div>
484
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
485
- <div class="sd-list-item__row">
486
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>In ac dui quis mi consectetuer lacinia. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.</span>
487
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
488
- </div>
489
- </div>
490
- <div class="sd-list-item__action-menu">
491
- <button class="icn-btn">
492
- <i class="icon-dots-vertical"></i>
493
- </button>
494
- </div>
495
- </div>
496
- <!-- list item 3 -->
497
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select3}">
498
- <div class="sd-list-item__border"></div>
499
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select3}">
500
- <div class="sd-list-item__checkbox-container">
501
- <sd-check ng-model="select3"></sd-check>
502
- </div>
503
- <span class="icn-mix sd-list-item__item-type">
504
- <i class="icon-photo"></i>
505
- </span>
506
- </div>
507
- <div class="sd-list-item__column">
508
- <div class="sd-list-item__row">
509
- <span class="badge badge--highlight">3</span>
510
- <span class="badge badge--light badge--square">&nbsp;</span>
511
- </div>
512
- </div>
513
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
514
- <div class="sd-list-item__row">
515
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Aenean tellus metus, bibendum sed...</span>
516
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
517
- </div>
518
- </div>
519
- <div class="sd-list-item__action-menu">
520
- <button class="icn-btn">
521
- <i class="icon-dots-vertical"></i>
522
- </button>
523
- </div>
524
- </div>
525
- <!-- list item 4 -->
526
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select4}">
527
- <div class="sd-list-item__border"></div>
528
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select4}">
529
- <div class="sd-list-item__checkbox-container">
530
- <sd-check ng-model="select4"></sd-check>
531
- </div>
532
- <span class="icn-mix sd-list-item__item-type">
533
- <i class="icon-photo"></i>
534
- </span>
535
- </div>
536
- <div class="sd-list-item__column">
537
- <div class="sd-list-item__row">
538
- <span class="badge badge--primary">2</span>
539
- <span class="badge badge--warning badge--square">3</span>
540
- </div>
541
- </div>
542
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
543
- <div class="sd-list-item__row">
544
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.</span>
545
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
546
- </div>
547
- </div>
548
- <div class="sd-list-item__action-menu">
549
- <button class="icn-btn">
550
- <i class="icon-dots-vertical"></i>
551
- </button>
552
- </div>
553
- </div>
554
-
555
- <!-- list item 5 -->
556
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select5}">
557
- <div class="sd-list-item__border"></div>
558
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select5}">
559
- <div class="sd-list-item__checkbox-container">
560
- <sd-check ng-model="select5"></sd-check>
561
- </div>
562
- <span class="icn-mix sd-list-item__item-type">
563
- <i class="icon-photo"></i>
564
- </span>
565
- </div>
566
- <div class="sd-list-item__column">
567
- <div class="sd-list-item__row">
568
- <span class="badge badge--light">&nbsp;</span>
569
- <span class="badge badge--square">5</span>
570
- </div>
571
- </div>
572
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
573
- <div class="sd-list-item__row">
574
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Pellentesque auctor neque nec urna. Vestibulum turpis sem, aliquet eget lobortis...</span>
575
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
576
- </div>
577
- </div>
578
- <div class="sd-list-item__action-menu">
579
- <button class="icn-btn">
580
- <i class="icon-dots-vertical"></i>
581
- </button>
582
- </div>
583
- </div>
584
- <!-- list item 6 -->
585
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select6}">
586
- <div class="sd-list-item__border"></div>
587
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select6}">
588
- <div class="sd-list-item__checkbox-container">
589
- <sd-check ng-model="select6"></sd-check>
590
- </div>
591
- <span class="icn-mix sd-list-item__item-type">
592
- <i class="icon-photo"></i>
593
- </span>
594
- </div>
595
- <div class="sd-list-item__column">
596
- <div class="sd-list-item__row">
597
- <span class="badge badge--highlight">3</span>
598
- <span class="badge badge--light badge--square">&nbsp;</span>
599
- </div>
600
- </div>
601
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
602
- <div class="sd-list-item__row">
603
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vestibulum turpis sem, aliquet eget lobortis...</span>
604
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
605
- </div>
606
- </div>
607
- <div class="sd-list-item__action-menu">
608
- <button class="icn-btn">
609
- <i class="icon-dots-vertical"></i>
610
- </button>
611
- </div>
612
- </div>
613
- <!-- list item 7 -->
614
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select7}">
615
- <div class="sd-list-item__border"></div>
616
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select7}">
617
- <div class="sd-list-item__checkbox-container">
618
- <sd-check ng-model="select7"></sd-check>
619
- </div>
620
- <span class="icn-mix sd-list-item__item-type">
621
- <i class="icon-photo"></i>
622
- </span>
623
- </div>
624
- <div class="sd-list-item__column">
625
- <div class="sd-list-item__row">
626
- <span class="badge badge--success">1</span>
627
- <span class="badge badge--highlight badge--square">2</span>
628
- </div>
629
- </div>
630
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
631
- <div class="sd-list-item__row">
632
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vivamus in erat ut urna cursus vestibulum. Sed consequat, leo eget bibendum sodales...</span>
633
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
634
- </div>
635
- </div>
636
- <div class="sd-list-item__action-menu">
637
- <button class="icn-btn">
638
- <i class="icon-dots-vertical"></i>
639
- </button>
640
- </div>
641
- </div>
642
- <!-- list item 8 -->
643
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select8}">
644
- <div class="sd-list-item__border"></div>
645
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select8}">
646
- <div class="sd-list-item__checkbox-container">
647
- <sd-check ng-model="select8"></sd-check>
648
- </div>
649
- <span class="icn-mix sd-list-item__item-type">
650
- <i class="icon-photo"></i>
651
- </span>
652
- </div>
653
- <div class="sd-list-item__column">
654
- <div class="sd-list-item__row">
655
- <span class="badge badge--primary">2</span>
656
- <span class="badge badge--square">5</span>
657
- </div>
658
- </div>
659
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
660
- <div class="sd-list-item__row">
661
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Mauris sollicitudin fermentum libero, vestibulum et, tempor auctor, justo...</span>
662
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
663
- </div>
664
- </div>
665
- <div class="sd-list-item__action-menu">
666
- <button class="icn-btn">
667
- <i class="icon-dots-vertical"></i>
668
- </button>
669
- </div>
670
- </div>
671
- </div>
672
-
673
- <!-- /////////////////////////////////// SWIMLANE view /////////////////////////////////// -->
674
- <div class="sd-kanban-list" ng-show="swimlaneView">
675
- <!-- KANBAN BOARD 1 -->
676
- <div class="sd-kanban-list__board">
677
- <div class="sd-kanban-list__board-header">
678
- <div class="sd-list-header">
679
- <span class="sd-list-header__name">Incoming</span>
680
- <span class="sd-list-header__number badge">8</span>
681
- </div>
682
- </div>
683
- <div class="sd-kanban-list__board-content">
684
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
685
- <!-- list item 1 -->
686
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select1, 'sd-list-item--activated' : selectThis1}">
687
- <div class="sd-list-item__border"></div>
688
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select1}">
689
- <div class="sd-list-item__checkbox-container">
690
- <sd-check ng-model="select1"></sd-check>
691
- </div>
692
- <span class="icn-mix sd-list-item__item-type">
693
- <i class="icon-text"></i>
694
- </span>
695
- </div>
696
- <div class="sd-list-item__column">
697
- <div class="sd-list-item__row">
698
- <span class="badge badge--alert">1</span>
699
- </div>
700
- </div>
701
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
702
- <div class="sd-list-item__row">
703
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
704
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
705
- </div>
706
- </div>
707
- <div class="sd-list-item__action-menu">
708
- <button class="icn-btn">
709
- <i class="icon-dots-vertical"></i>
710
- </button>
711
- </div>
712
- </div>
713
- <!-- list item 2 -->
714
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select2}">
715
- <div class="sd-list-item__border"></div>
716
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select2}">
717
- <div class="sd-list-item__checkbox-container">
718
- <sd-check ng-model="select2"></sd-check>
719
- </div>
720
- <span class="icn-mix sd-list-item__item-type">
721
- <i class="icon-text"></i>
722
- </span>
723
- </div>
724
- <div class="sd-list-item__column">
725
- <div class="sd-list-item__row">
726
- <span class="badge badge--highlight">2</span>
727
- </div>
728
- </div>
729
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
730
- <div class="sd-list-item__row">
731
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum slug</span>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
732
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
733
- </div>
734
- </div>
735
- <div class="sd-list-item__action-menu">
736
- <button class="icn-btn">
737
- <i class="icon-dots-vertical"></i>
738
- </button>
739
- </div>
740
- </div>
741
- <!-- list item 3 -->
742
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select3}">
743
- <div class="sd-list-item__border"></div>
744
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select3}">
745
- <div class="sd-list-item__checkbox-container">
746
- <sd-check ng-model="select3"></sd-check>
747
- </div>
748
- <span class="icn-mix sd-list-item__item-type">
749
- <i class="icon-text"></i>
750
- </span>
751
- </div>
752
- <div class="sd-list-item__column">
753
- <div class="sd-list-item__row">
754
- <span class="badge badge--alert">1</span>
755
- </div>
756
- </div>
757
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
758
- <div class="sd-list-item__row">
759
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Lorem slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
760
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
761
- </div>
762
- </div>
763
- <div class="sd-list-item__action-menu">
764
- <button class="icn-btn">
765
- <i class="icon-dots-vertical"></i>
766
- </button>
767
- </div>
768
- </div>
769
- <!-- list item 4 -->
770
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select4}">
771
- <div class="sd-list-item__border"></div>
772
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select4}">
773
- <div class="sd-list-item__checkbox-container">
774
- <sd-check ng-model="select4"></sd-check>
775
- </div>
776
- <span class="icn-mix sd-list-item__item-type">
777
- <i class="icon-text"></i>
778
- </span>
779
- </div>
780
- <div class="sd-list-item__column">
781
- <div class="sd-list-item__row">
782
- <span class="badge badge--primary">3</span>
783
- </div>
784
- </div>
785
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
786
- <div class="sd-list-item__row">
787
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
788
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
789
- </div>
790
- </div>
791
- <div class="sd-list-item__action-menu">
792
- <button class="icn-btn">
793
- <i class="icon-dots-vertical"></i>
794
- </button>
795
- </div>
796
- </div>
797
- <!-- list item 5 -->
798
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select5}">
799
- <div class="sd-list-item__border"></div>
800
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select5}">
801
- <div class="sd-list-item__checkbox-container">
802
- <sd-check ng-model="select5"></sd-check>
803
- </div>
804
- <span class="icn-mix sd-list-item__item-type">
805
- <i class="icon-photo"></i>
806
- </span>
807
- </div>
808
- <div class="sd-list-item__column">
809
- <div class="sd-list-item__row">
810
- <span class="badge badge--warning">4</span>
811
- </div>
812
- </div>
813
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
814
- <div class="sd-list-item__row">
815
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
816
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
817
- </div>
818
- </div>
819
- <div class="sd-list-item__action-menu">
820
- <button class="icn-btn">
821
- <i class="icon-dots-vertical"></i>
822
- </button>
823
- </div>
824
- </div>
825
- <!-- list item 6 -->
826
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select6}">
827
- <div class="sd-list-item__border"></div>
828
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select6}">
829
- <div class="sd-list-item__checkbox-container">
830
- <sd-check ng-model="select6"></sd-check>
831
- </div>
832
- <span class="icn-mix sd-list-item__item-type">
833
- <i class="icon-text"></i>
834
- </span>
835
- </div>
836
- <div class="sd-list-item__column">
837
- <div class="sd-list-item__row">
838
- <span class="badge">5</span>
839
- </div>
840
- </div>
841
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
842
- <div class="sd-list-item__row">
843
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">My slugline</span>Maecenas faucibus mollis interdum. Praesent nonummy mi in odio fusce risus nisl viverra et.</span>
844
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
845
- </div>
846
- </div>
847
- <div class="sd-list-item__action-menu">
848
- <button class="icn-btn">
849
- <i class="icon-dots-vertical"></i>
850
- </button>
851
- </div>
852
- </div>
853
- <!-- list item 7 -->
854
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select7}">
855
- <div class="sd-list-item__border"></div>
856
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select7}">
857
- <div class="sd-list-item__checkbox-container">
858
- <sd-check ng-model="select7"></sd-check>
859
- </div>
860
- <span class="icn-mix sd-list-item__item-type">
861
- <i class="icon-photo"></i>
862
- </span>
863
- </div>
864
- <div class="sd-list-item__column">
865
- <div class="sd-list-item__row">
866
- <span class="badge badge--alert">1</span>
867
- </div>
868
- </div>
869
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
870
- <div class="sd-list-item__row">
871
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</span>
872
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
873
- </div>
874
- </div>
875
- <div class="sd-list-item__action-menu">
876
- <button class="icn-btn">
877
- <i class="icon-dots-vertical"></i>
878
- </button>
879
- </div>
880
- </div>
881
- <!-- list item 8 -->
882
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select8}">
883
- <div class="sd-list-item__border"></div>
884
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select8}">
885
- <div class="sd-list-item__checkbox-container">
886
- <sd-check ng-model="select8"></sd-check>
887
- </div>
888
- <span class="icn-mix sd-list-item__item-type">
889
- <i class="icon-video"></i>
890
- </span>
891
- </div>
892
- <div class="sd-list-item__column">
893
- <div class="sd-list-item__row">
894
- <span class="badge badge--highlight">2</span>
895
- </div>
896
- </div>
897
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
898
- <div class="sd-list-item__row">
899
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</span>
900
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
901
- </div>
902
- </div>
903
- <div class="sd-list-item__action-menu">
904
- <button class="icn-btn">
905
- <i class="icon-dots-vertical"></i>
906
- </button>
907
- </div>
908
- </div>
909
- </div>
910
- </div>
911
- </div>
912
- <!-- KANBAN BOARD 2 -->
913
- <div class="sd-kanban-list__board">
914
- <div class="sd-kanban-list__board-header">
915
- <div class="sd-list-header">
916
- <span class="sd-list-header__name">Working</span>
917
- <span class="sd-list-header__number badge">16</span>
918
- </div>
919
- </div>
920
- <div class="sd-kanban-list__board-content">
921
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
922
- <!-- list item 1 -->
923
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select9, 'sd-list-item--activated' : selectThis2}">
924
- <div class="sd-list-item__border"></div>
925
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select9}">
926
- <div class="sd-list-item__checkbox-container">
927
- <sd-check ng-model="select9"></sd-check>
928
- </div>
929
- <span class="icn-mix sd-list-item__item-type">
930
- <i class="icon-text"></i>
931
- </span>
932
- </div>
933
- <div class="sd-list-item__column">
934
- <div class="sd-list-item__row">
935
- <span class="badge badge--alert">1</span>
936
- </div>
937
- </div>
938
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis2 = !selectThis2">
939
- <div class="sd-list-item__row">
940
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
941
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
942
- </div>
943
- </div>
944
- <div class="sd-list-item__action-menu">
945
- <button class="icn-btn">
946
- <i class="icon-dots-vertical"></i>
947
- </button>
948
- </div>
949
- </div>
950
- <!-- list item 2 -->
951
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select10}">
952
- <div class="sd-list-item__border"></div>
953
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select10}">
954
- <div class="sd-list-item__checkbox-container">
955
- <sd-check ng-model="select10"></sd-check>
956
- </div>
957
- <span class="icn-mix sd-list-item__item-type">
958
- <i class="icon-text"></i>
959
- </span>
960
- </div>
961
- <div class="sd-list-item__column">
962
- <div class="sd-list-item__row">
963
- <span class="badge badge--highlight">2</span>
964
- </div>
965
- </div>
966
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
967
- <div class="sd-list-item__row">
968
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum slug</span>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
969
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
970
- </div>
971
- </div>
972
- <div class="sd-list-item__action-menu">
973
- <button class="icn-btn">
974
- <i class="icon-dots-vertical"></i>
975
- </button>
976
- </div>
977
- </div>
978
- <!-- list item 3 -->
979
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select11}">
980
- <div class="sd-list-item__border"></div>
981
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select11}">
982
- <div class="sd-list-item__checkbox-container">
983
- <sd-check ng-model="select11"></sd-check>
984
- </div>
985
- <span class="icn-mix sd-list-item__item-type">
986
- <i class="icon-text"></i>
987
- </span>
988
- </div>
989
- <div class="sd-list-item__column">
990
- <div class="sd-list-item__row">
991
- <span class="badge badge--alert">1</span>
992
- </div>
993
- </div>
994
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
995
- <div class="sd-list-item__row">
996
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Lorem slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
997
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
998
- </div>
999
- </div>
1000
- <div class="sd-list-item__action-menu">
1001
- <button class="icn-btn">
1002
- <i class="icon-dots-vertical"></i>
1003
- </button>
1004
- </div>
1005
- </div>
1006
- <!-- list item 4 -->
1007
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select12}">
1008
- <div class="sd-list-item__border"></div>
1009
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select12}">
1010
- <div class="sd-list-item__checkbox-container">
1011
- <sd-check ng-model="select12"></sd-check>
1012
- </div>
1013
- <span class="icn-mix sd-list-item__item-type">
1014
- <i class="icon-text"></i>
1015
- </span>
1016
- </div>
1017
- <div class="sd-list-item__column">
1018
- <div class="sd-list-item__row">
1019
- <span class="badge badge--primary">3</span>
1020
- </div>
1021
- </div>
1022
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1023
- <div class="sd-list-item__row">
1024
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1025
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1026
- </div>
1027
- </div>
1028
- <div class="sd-list-item__action-menu">
1029
- <button class="icn-btn">
1030
- <i class="icon-dots-vertical"></i>
1031
- </button>
1032
- </div>
1033
- </div>
1034
- <!-- list item 5 -->
1035
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select13}">
1036
- <div class="sd-list-item__border"></div>
1037
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select13}">
1038
- <div class="sd-list-item__checkbox-container">
1039
- <sd-check ng-model="select13"></sd-check>
1040
- </div>
1041
- <span class="icn-mix sd-list-item__item-type">
1042
- <i class="icon-photo"></i>
1043
- </span>
1044
- </div>
1045
- <div class="sd-list-item__column">
1046
- <div class="sd-list-item__row">
1047
- <span class="badge badge--warning">4</span>
1048
- </div>
1049
- </div>
1050
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1051
- <div class="sd-list-item__row">
1052
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1053
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1054
- </div>
1055
- </div>
1056
- <div class="sd-list-item__action-menu">
1057
- <button class="icn-btn">
1058
- <i class="icon-dots-vertical"></i>
1059
- </button>
1060
- </div>
1061
- </div>
1062
- <!-- list item 6 -->
1063
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select14}">
1064
- <div class="sd-list-item__border"></div>
1065
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select14}">
1066
- <div class="sd-list-item__checkbox-container">
1067
- <sd-check ng-model="select14"></sd-check>
1068
- </div>
1069
- <span class="icn-mix sd-list-item__item-type">
1070
- <i class="icon-text"></i>
1071
- </span>
1072
- </div>
1073
- <div class="sd-list-item__column">
1074
- <div class="sd-list-item__row">
1075
- <span class="badge">5</span>
1076
- </div>
1077
- </div>
1078
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1079
- <div class="sd-list-item__row">
1080
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">My slugline</span>Maecenas faucibus mollis interdum. Praesent nonummy mi in odio fusce risus nisl viverra et.</span>
1081
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1082
- </div>
1083
- </div>
1084
- <div class="sd-list-item__action-menu">
1085
- <button class="icn-btn">
1086
- <i class="icon-dots-vertical"></i>
1087
- </button>
1088
- </div>
1089
- </div>
1090
- <!-- list item 7 -->
1091
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select15}">
1092
- <div class="sd-list-item__border"></div>
1093
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select15}">
1094
- <div class="sd-list-item__checkbox-container">
1095
- <sd-check ng-model="select15"></sd-check>
1096
- </div>
1097
- <span class="icn-mix sd-list-item__item-type">
1098
- <i class="icon-photo"></i>
1099
- </span>
1100
- </div>
1101
- <div class="sd-list-item__column">
1102
- <div class="sd-list-item__row">
1103
- <span class="badge badge--alert">1</span>
1104
- </div>
1105
- </div>
1106
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1107
- <div class="sd-list-item__row">
1108
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</span>
1109
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1110
- </div>
1111
- </div>
1112
- <div class="sd-list-item__action-menu">
1113
- <button class="icn-btn">
1114
- <i class="icon-dots-vertical"></i>
1115
- </button>
1116
- </div>
1117
- </div>
1118
- <!-- list item 8 -->
1119
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select16}">
1120
- <div class="sd-list-item__border"></div>
1121
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select16}">
1122
- <div class="sd-list-item__checkbox-container">
1123
- <sd-check ng-model="select16"></sd-check>
1124
- </div>
1125
- <span class="icn-mix sd-list-item__item-type">
1126
- <i class="icon-video"></i>
1127
- </span>
1128
- </div>
1129
- <div class="sd-list-item__column">
1130
- <div class="sd-list-item__row">
1131
- <span class="badge badge--highlight">2</span>
1132
- </div>
1133
- </div>
1134
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1135
- <div class="sd-list-item__row">
1136
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</span>
1137
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1138
- </div>
1139
- </div>
1140
- <div class="sd-list-item__action-menu">
1141
- <button class="icn-btn">
1142
- <i class="icon-dots-vertical"></i>
1143
- </button>
1144
- </div>
1145
- </div>
1146
- <!-- list item 9 -->
1147
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select17}">
1148
- <div class="sd-list-item__border"></div>
1149
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select17}">
1150
- <div class="sd-list-item__checkbox-container">
1151
- <sd-check ng-model="select17"></sd-check>
1152
- </div>
1153
- <span class="icn-mix sd-list-item__item-type">
1154
- <i class="icon-text"></i>
1155
- </span>
1156
- </div>
1157
- <div class="sd-list-item__column">
1158
- <div class="sd-list-item__row">
1159
- <span class="badge badge--alert">1</span>
1160
- </div>
1161
- </div>
1162
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1163
- <div class="sd-list-item__row">
1164
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
1165
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1166
- </div>
1167
- </div>
1168
- <div class="sd-list-item__action-menu">
1169
- <button class="icn-btn">
1170
- <i class="icon-dots-vertical"></i>
1171
- </button>
1172
- </div>
1173
- </div>
1174
- <!-- list item 10 -->
1175
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select18}">
1176
- <div class="sd-list-item__border"></div>
1177
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select18}">
1178
- <div class="sd-list-item__checkbox-container">
1179
- <sd-check ng-model="select18"></sd-check>
1180
- </div>
1181
- <span class="icn-mix sd-list-item__item-type">
1182
- <i class="icon-text"></i>
1183
- </span>
1184
- </div>
1185
- <div class="sd-list-item__column">
1186
- <div class="sd-list-item__row">
1187
- <span class="badge badge--highlight">2</span>
1188
- </div>
1189
- </div>
1190
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1191
- <div class="sd-list-item__row">
1192
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum slug</span>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
1193
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1194
- </div>
1195
- </div>
1196
- <div class="sd-list-item__action-menu">
1197
- <button class="icn-btn">
1198
- <i class="icon-dots-vertical"></i>
1199
- </button>
1200
- </div>
1201
- </div>
1202
- <!-- list item 11 -->
1203
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select19}">
1204
- <div class="sd-list-item__border"></div>
1205
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select19}">
1206
- <div class="sd-list-item__checkbox-container">
1207
- <sd-check ng-model="select19"></sd-check>
1208
- </div>
1209
- <span class="icn-mix sd-list-item__item-type">
1210
- <i class="icon-text"></i>
1211
- </span>
1212
- </div>
1213
- <div class="sd-list-item__column">
1214
- <div class="sd-list-item__row">
1215
- <span class="badge badge--alert">1</span>
1216
- </div>
1217
- </div>
1218
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1219
- <div class="sd-list-item__row">
1220
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Lorem slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
1221
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1222
- </div>
1223
- </div>
1224
- <div class="sd-list-item__action-menu">
1225
- <button class="icn-btn">
1226
- <i class="icon-dots-vertical"></i>
1227
- </button>
1228
- </div>
1229
- </div>
1230
- <!-- list item 12 -->
1231
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select20}">
1232
- <div class="sd-list-item__border"></div>
1233
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select20}">
1234
- <div class="sd-list-item__checkbox-container">
1235
- <sd-check ng-model="select20"></sd-check>
1236
- </div>
1237
- <span class="icn-mix sd-list-item__item-type">
1238
- <i class="icon-text"></i>
1239
- </span>
1240
- </div>
1241
- <div class="sd-list-item__column">
1242
- <div class="sd-list-item__row">
1243
- <span class="badge badge--primary">3</span>
1244
- </div>
1245
- </div>
1246
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1247
- <div class="sd-list-item__row">
1248
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1249
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1250
- </div>
1251
- </div>
1252
- <div class="sd-list-item__action-menu">
1253
- <button class="icn-btn">
1254
- <i class="icon-dots-vertical"></i>
1255
- </button>
1256
- </div>
1257
- </div>
1258
- <!-- list item 13 -->
1259
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select21}">
1260
- <div class="sd-list-item__border"></div>
1261
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select21}">
1262
- <div class="sd-list-item__checkbox-container">
1263
- <sd-check ng-model="select21"></sd-check>
1264
- </div>
1265
- <span class="icn-mix sd-list-item__item-type">
1266
- <i class="icon-photo"></i>
1267
- </span>
1268
- </div>
1269
- <div class="sd-list-item__column">
1270
- <div class="sd-list-item__row">
1271
- <span class="badge badge--warning">4</span>
1272
- </div>
1273
- </div>
1274
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1275
- <div class="sd-list-item__row">
1276
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1277
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1278
- </div>
1279
- </div>
1280
- <div class="sd-list-item__action-menu">
1281
- <button class="icn-btn">
1282
- <i class="icon-dots-vertical"></i>
1283
- </button>
1284
- </div>
1285
- </div>
1286
- <!-- list item 14 -->
1287
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select22}">
1288
- <div class="sd-list-item__border"></div>
1289
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select22}">
1290
- <div class="sd-list-item__checkbox-container">
1291
- <sd-check ng-model="select22"></sd-check>
1292
- </div>
1293
- <span class="icn-mix sd-list-item__item-type">
1294
- <i class="icon-text"></i>
1295
- </span>
1296
- </div>
1297
- <div class="sd-list-item__column">
1298
- <div class="sd-list-item__row">
1299
- <span class="badge">5</span>
1300
- </div>
1301
- </div>
1302
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1303
- <div class="sd-list-item__row">
1304
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">My slugline</span>Maecenas faucibus mollis interdum. Praesent nonummy mi in odio fusce risus nisl viverra et.</span>
1305
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1306
- </div>
1307
- </div>
1308
- <div class="sd-list-item__action-menu">
1309
- <button class="icn-btn">
1310
- <i class="icon-dots-vertical"></i>
1311
- </button>
1312
- </div>
1313
- </div>
1314
- <!-- list item 15 -->
1315
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select23}">
1316
- <div class="sd-list-item__border"></div>
1317
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select23}">
1318
- <div class="sd-list-item__checkbox-container">
1319
- <sd-check ng-model="select23"></sd-check>
1320
- </div>
1321
- <span class="icn-mix sd-list-item__item-type">
1322
- <i class="icon-photo"></i>
1323
- </span>
1324
- </div>
1325
- <div class="sd-list-item__column">
1326
- <div class="sd-list-item__row">
1327
- <span class="badge badge--alert">1</span>
1328
- </div>
1329
- </div>
1330
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1331
- <div class="sd-list-item__row">
1332
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</span>
1333
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1334
- </div>
1335
- </div>
1336
- <div class="sd-list-item__action-menu">
1337
- <button class="icn-btn">
1338
- <i class="icon-dots-vertical"></i>
1339
- </button>
1340
- </div>
1341
- </div>
1342
- <!-- list item 16 -->
1343
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select24}">
1344
- <div class="sd-list-item__border"></div>
1345
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select24}">
1346
- <div class="sd-list-item__checkbox-container">
1347
- <sd-check ng-model="select24"></sd-check>
1348
- </div>
1349
- <span class="icn-mix sd-list-item__item-type">
1350
- <i class="icon-video"></i>
1351
- </span>
1352
- </div>
1353
- <div class="sd-list-item__column">
1354
- <div class="sd-list-item__row">
1355
- <span class="badge badge--highlight">2</span>
1356
- </div>
1357
- </div>
1358
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1359
- <div class="sd-list-item__row">
1360
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</span>
1361
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1362
- </div>
1363
- </div>
1364
- <div class="sd-list-item__action-menu">
1365
- <button class="icn-btn">
1366
- <i class="icon-dots-vertical"></i>
1367
- </button>
1368
- </div>
1369
- </div>
1370
- </div>
1371
- </div>
1372
- </div>
1373
- <!-- KANBAN BOARD 3 -->
1374
- <div class="sd-kanban-list__board">
1375
- <div class="sd-kanban-list__board-header">
1376
- <div class="sd-list-header">
1377
- <span class="sd-list-header__name">Revise</span>
1378
- <span class="sd-list-header__number badge">6</span>
1379
- </div>
1380
- </div>
1381
- <div class="sd-kanban-list__board-content">
1382
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
1383
- <!-- list item 1 -->
1384
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select25, 'sd-list-item--activated' : selectThis3}">
1385
- <div class="sd-list-item__border"></div>
1386
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select25}">
1387
- <div class="sd-list-item__checkbox-container">
1388
- <sd-check ng-model="select25"></sd-check>
1389
- </div>
1390
- <span class="icn-mix sd-list-item__item-type">
1391
- <i class="icon-photo"></i>
1392
- </span>
1393
- </div>
1394
- <div class="sd-list-item__column">
1395
- <div class="sd-list-item__row">
1396
- <span class="badge badge--highlight">2</span>
1397
- </div>
1398
- </div>
1399
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis3 = !selectThis3">
1400
- <div class="sd-list-item__row">
1401
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline slug</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1402
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1403
- </div>
1404
- </div>
1405
- <div class="sd-list-item__action-menu">
1406
- <button class="icn-btn">
1407
- <i class="icon-dots-vertical"></i>
1408
- </button>
1409
- </div>
1410
- </div>
1411
- <!-- list item 2 -->
1412
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select26}">
1413
- <div class="sd-list-item__border"></div>
1414
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select26}">
1415
- <div class="sd-list-item__checkbox-container">
1416
- <sd-check ng-model="select26"></sd-check>
1417
- </div>
1418
- <span class="icn-mix sd-list-item__item-type">
1419
- <i class="icon-text"></i>
1420
- </span>
1421
- </div>
1422
- <div class="sd-list-item__column">
1423
- <div class="sd-list-item__row">
1424
- <span class="badge badge--alert">1</span>
1425
- </div>
1426
- </div>
1427
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1428
- <div class="sd-list-item__row">
1429
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum slug</span>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
1430
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1431
- </div>
1432
- </div>
1433
- <div class="sd-list-item__action-menu">
1434
- <button class="icn-btn">
1435
- <i class="icon-dots-vertical"></i>
1436
- </button>
1437
- </div>
1438
- </div>
1439
- <!-- list item 3 -->
1440
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select27}">
1441
- <div class="sd-list-item__border"></div>
1442
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select27}">
1443
- <div class="sd-list-item__checkbox-container">
1444
- <sd-check ng-model="select27"></sd-check>
1445
- </div>
1446
- <span class="icn-mix sd-list-item__item-type">
1447
- <i class="icon-text"></i>
1448
- </span>
1449
- </div>
1450
- <div class="sd-list-item__column">
1451
- <div class="sd-list-item__row">
1452
- <span class="badge badge--primary">3</span>
1453
- </div>
1454
- </div>
1455
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1456
- <div class="sd-list-item__row">
1457
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1458
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1459
- </div>
1460
- </div>
1461
- <div class="sd-list-item__action-menu">
1462
- <button class="icn-btn">
1463
- <i class="icon-dots-vertical"></i>
1464
- </button>
1465
- </div>
1466
- </div>
1467
- <!-- list item 4 -->
1468
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select28}">
1469
- <div class="sd-list-item__border"></div>
1470
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select28}">
1471
- <div class="sd-list-item__checkbox-container">
1472
- <sd-check ng-model="select28"></sd-check>
1473
- </div>
1474
- <span class="icn-mix sd-list-item__item-type">
1475
- <i class="icon-photo"></i>
1476
- </span>
1477
- </div>
1478
- <div class="sd-list-item__column">
1479
- <div class="sd-list-item__row">
1480
- <span class="badge badge--warning">4</span>
1481
- </div>
1482
- </div>
1483
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1484
- <div class="sd-list-item__row">
1485
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1486
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1487
- </div>
1488
- </div>
1489
- <div class="sd-list-item__action-menu">
1490
- <button class="icn-btn">
1491
- <i class="icon-dots-vertical"></i>
1492
- </button>
1493
- </div>
1494
- </div>
1495
- <!-- list item 5 -->
1496
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select29}">
1497
- <div class="sd-list-item__border"></div>
1498
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select29}">
1499
- <div class="sd-list-item__checkbox-container">
1500
- <sd-check ng-model="select29"></sd-check>
1501
- </div>
1502
- <span class="icn-mix sd-list-item__item-type">
1503
- <i class="icon-text"></i>
1504
- </span>
1505
- </div>
1506
- <div class="sd-list-item__column">
1507
- <div class="sd-list-item__row">
1508
- <span class="badge">5</span>
1509
- </div>
1510
- </div>
1511
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1512
- <div class="sd-list-item__row">
1513
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">My slugline</span>Maecenas faucibus mollis interdum. Praesent nonummy mi in odio fusce risus nisl viverra et.</span>
1514
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1515
- </div>
1516
- </div>
1517
- <div class="sd-list-item__action-menu">
1518
- <button class="icn-btn">
1519
- <i class="icon-dots-vertical"></i>
1520
- </button>
1521
- </div>
1522
- </div>
1523
- <!-- list item 6 -->
1524
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select30}">
1525
- <div class="sd-list-item__border"></div>
1526
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select30}">
1527
- <div class="sd-list-item__checkbox-container">
1528
- <sd-check ng-model="select30"></sd-check>
1529
- </div>
1530
- <span class="icn-mix sd-list-item__item-type">
1531
- <i class="icon-video"></i>
1532
- </span>
1533
- </div>
1534
- <div class="sd-list-item__column">
1535
- <div class="sd-list-item__row">
1536
- <span class="badge badge--highlight">2</span>
1537
- </div>
1538
- </div>
1539
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
1540
- <div class="sd-list-item__row">
1541
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</span>
1542
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1543
- </div>
1544
- </div>
1545
- <div class="sd-list-item__action-menu">
1546
- <button class="icn-btn">
1547
- <i class="icon-dots-vertical"></i>
1548
- </button>
1549
- </div>
1550
- </div>
1551
- </div>
1552
- </div>
1553
- </div>
1554
- <!-- KANBAN BOARD 4 -->
1555
- <div class="sd-kanban-list__board">
1556
- <div class="sd-kanban-list__board-header">
1557
- <div class="sd-list-header">
1558
- <span class="sd-list-header__name">Desk Output</span>
1559
- <span class="sd-list-header__number badge">4</span>
1560
- </div>
1561
- </div>
1562
- <div class="sd-kanban-list__board-content">
1563
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
1564
- <!-- list item 1 -->
1565
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select31, 'sd-list-item--activated' : selectThis4}">
1566
- <div class="sd-list-item__border"></div>
1567
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select31}">
1568
- <div class="sd-list-item__checkbox-container">
1569
- <sd-check ng-model="select31"></sd-check>
1570
- </div>
1571
- <span class="icn-mix sd-list-item__item-type">
1572
- <i class="icon-photo"></i>
1573
- </span>
1574
- </div>
1575
- <div class="sd-list-item__column">
1576
- <div class="sd-list-item__row">
1577
- <span class="badge badge--highlight">2</span>
1578
- </div>
1579
- </div>
1580
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis4 = !selectThis4">
1581
- <div class="sd-list-item__row">
1582
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline slug</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1583
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1584
- </div>
1585
- </div>
1586
- <div class="sd-list-item__action-menu">
1587
- <button class="icn-btn">
1588
- <i class="icon-dots-vertical"></i>
1589
- </button>
1590
- </div>
1591
- </div>
1592
- <!-- list item 2 -->
1593
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select32}">
1594
- <div class="sd-list-item__border"></div>
1595
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select32}">
1596
- <div class="sd-list-item__checkbox-container">
1597
- <sd-check ng-model="select32"></sd-check>
1598
- </div>
1599
- <span class="icn-mix sd-list-item__item-type">
1600
- <i class="icon-text"></i>
1601
- </span>
1602
- </div>
1603
- <div class="sd-list-item__column">
1604
- <div class="sd-list-item__row">
1605
- <span class="badge badge--alert">1</span>
1606
- </div>
1607
- </div>
1608
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1609
- <div class="sd-list-item__row">
1610
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Ipsum slug</span>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
1611
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1612
- </div>
1613
- </div>
1614
- <div class="sd-list-item__action-menu">
1615
- <button class="icn-btn">
1616
- <i class="icon-dots-vertical"></i>
1617
- </button>
1618
- </div>
1619
- </div>
1620
- <!-- list item 3 -->
1621
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select33}">
1622
- <div class="sd-list-item__border"></div>
1623
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select33}">
1624
- <div class="sd-list-item__checkbox-container">
1625
- <sd-check ng-model="select33"></sd-check>
1626
- </div>
1627
- <span class="icn-mix sd-list-item__item-type">
1628
- <i class="icon-text"></i>
1629
- </span>
1630
- </div>
1631
- <div class="sd-list-item__column">
1632
- <div class="sd-list-item__row">
1633
- <span class="badge badge--primary">3</span>
1634
- </div>
1635
- </div>
1636
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1637
- <div class="sd-list-item__row">
1638
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1639
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1640
- </div>
1641
- </div>
1642
- <div class="sd-list-item__action-menu">
1643
- <button class="icn-btn">
1644
- <i class="icon-dots-vertical"></i>
1645
- </button>
1646
- </div>
1647
- </div>
1648
- <!-- list item 4 -->
1649
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select34}">
1650
- <div class="sd-list-item__border"></div>
1651
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select34}">
1652
- <div class="sd-list-item__checkbox-container">
1653
- <sd-check ng-model="select34"></sd-check>
1654
- </div>
1655
- <span class="icn-mix sd-list-item__item-type">
1656
- <i class="icon-photo"></i>
1657
- </span>
1658
- </div>
1659
- <div class="sd-list-item__column">
1660
- <div class="sd-list-item__row">
1661
- <span class="badge badge--warning">4</span>
1662
- </div>
1663
- </div>
1664
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1665
- <div class="sd-list-item__row">
1666
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Slugline</span>Praesent nonummy mi in odio. Fusce risus nisl, viverra et, tempor et, pretium in, sapien.</span>
1667
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1668
- </div>
1669
- </div>
1670
- <div class="sd-list-item__action-menu">
1671
- <button class="icn-btn">
1672
- <i class="icon-dots-vertical"></i>
1673
- </button>
1674
- </div>
1675
- </div>
1676
- </div>
1677
- </div>
1678
- </div>
1679
- <!-- KANBAN BOARD 5 -->
1680
- <div class="sd-kanban-list__board">
1681
- <div class="sd-kanban-list__board-header">
1682
- <div class="sd-list-header">
1683
- <span class="sd-list-header__name">Scheduled Desk Output</span>
1684
- <span class="sd-list-header__number badge">2</span>
1685
- </div>
1686
- </div>
1687
- <div class="sd-kanban-list__board-content">
1688
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
1689
- <!-- list item 1 -->
1690
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select35, 'sd-list-item--activated' : selectThis5}">
1691
- <div class="sd-list-item__border"></div>
1692
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select35}">
1693
- <div class="sd-list-item__checkbox-container">
1694
- <sd-check ng-model="select35"></sd-check>
1695
- </div>
1696
- <span class="icn-mix sd-list-item__item-type">
1697
- <i class="icon-text"></i>
1698
- </span>
1699
- </div>
1700
- <div class="sd-list-item__column">
1701
- <div class="sd-list-item__row">
1702
- <span class="badge badge--primary">3</span>
1703
- </div>
1704
- </div>
1705
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis5 = !selectThis5">
1706
- <div class="sd-list-item__row">
1707
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's a slug</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1708
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1709
- </div>
1710
- </div>
1711
- <div class="sd-list-item__action-menu">
1712
- <button class="icn-btn">
1713
- <i class="icon-dots-vertical"></i>
1714
- </button>
1715
- </div>
1716
- </div>
1717
- <!-- list item 2 -->
1718
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select36}">
1719
- <div class="sd-list-item__border"></div>
1720
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select36}">
1721
- <div class="sd-list-item__checkbox-container">
1722
- <sd-check ng-model="select36"></sd-check>
1723
- </div>
1724
- <span class="icn-mix sd-list-item__item-type">
1725
- <i class="icon-text"></i>
1726
- </span>
1727
- </div>
1728
- <div class="sd-list-item__column">
1729
- <div class="sd-list-item__row">
1730
- <span class="badge">5</span>
1731
- </div>
1732
- </div>
1733
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1734
- <div class="sd-list-item__row">
1735
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">My slugline</span>Maecenas faucibus mollis interdum. Praesent nonummy mi in odio fusce risus nisl viverra et.</span>
1736
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1737
- </div>
1738
- </div>
1739
- <div class="sd-list-item__action-menu">
1740
- <button class="icn-btn">
1741
- <i class="icon-dots-vertical"></i>
1742
- </button>
1743
- </div>
1744
- </div>
1745
- </div>
1746
- </div>
1747
- </div>
1748
- <!-- KANBAN BOARD 6 -->
1749
- <div class="sd-kanban-list__board" ng-if="showColumns6">
1750
- <div class="sd-kanban-list__board-header">
1751
- <div class="sd-list-header">
1752
- <span class="sd-list-header__name">Saved search</span>
1753
- <span class="sd-list-header__number badge">2</span>
1754
- </div>
1755
- </div>
1756
- <div class="sd-kanban-list__board-content">
1757
- <div class="sd-list-item-group sd-shadow--z1" ng-class="{'sd-list-item-group--dark-ui' : darkUI}">
1758
- <!-- list item 1 -->
1759
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select37, 'sd-list-item--activated' : selectThis6}">
1760
- <div class="sd-list-item__border"></div>
1761
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select37}">
1762
- <div class="sd-list-item__checkbox-container">
1763
- <sd-check ng-model="select37"></sd-check>
1764
- </div>
1765
- <span class="icn-mix sd-list-item__item-type">
1766
- <i class="icon-text"></i>
1767
- </span>
1768
- </div>
1769
- <div class="sd-list-item__column">
1770
- <div class="sd-list-item__row">
1771
- <span class="badge badge--alert">1</span>
1772
- </div>
1773
- </div>
1774
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis6 = !selectThis6">
1775
- <div class="sd-list-item__row">
1776
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">It's my slug</span>Penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span>
1777
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1778
- </div>
1779
- </div>
1780
- <div class="sd-list-item__action-menu">
1781
- <button class="icn-btn">
1782
- <i class="icon-dots-vertical"></i>
1783
- </button>
1784
- </div>
1785
- </div>
1786
- <!-- list item 2 -->
1787
- <div class="sd-list-item" ng-class="{'sd-list-item--selected' : select38}">
1788
- <div class="sd-list-item__border"></div>
1789
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select38}">
1790
- <div class="sd-list-item__checkbox-container">
1791
- <sd-check ng-model="select38"></sd-check>
1792
- </div>
1793
- <span class="icn-mix sd-list-item__item-type">
1794
- <i class="icon-text"></i>
1795
- </span>
1796
- </div>
1797
- <div class="sd-list-item__column">
1798
- <div class="sd-list-item__row">
1799
- <span class="badge badge--warning">4</span>
1800
- </div>
1801
- </div>
1802
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1803
- <div class="sd-list-item__row">
1804
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">Dolor slug</span>Praesent nonummy mi in odio fusce risus nisl viverra et. Maecenas faucibus mollis interdum.</span>
1805
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
1806
- </div>
1807
- </div>
1808
- <div class="sd-list-item__action-menu">
1809
- <button class="icn-btn">
1810
- <i class="icon-dots-vertical"></i>
1811
- </button>
1812
- </div>
1813
- </div>
1814
- </div>
1815
- </div>
1816
- </div>
1817
- </div>
1818
- <!-- /////////////////////////////////// END SWIMLANE view /////////////////////////////////// -->
1819
- </div>
1820
- <div class="sd-preview-panel" ng-class="{'sd-preview-panel--dark-ui' : darkUI}">
1821
- <div class="side-panel side-panel--shadow-right" ng-class="{'side-panel--dark-ui' : darkUI}">
1822
- <div class="side-panel__header">
1823
- <div class="side-panel__tools">
1824
- <a class="icn-btn" sd-tooltip="Edit details" flow="top" ng-click="editorOpen = true; leftPreviewOpen = false"><i class="icon-pencil"></i></a>
1825
- <a class="icn-btn" sd-tooltip="Close details" flow="top" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1"><i class="icon-close-small"></i></a>
1826
- </div>
1827
- <ul class="nav-tabs" ng-class="{'nav-tabs--ui-dark' : darkUI}">
1828
- <li ng-class="{'nav-tabs__tab--active': !tab || tab === 'event-details'}" class="nav-tabs__tab">
1829
- <button ng-click="tab = 'event-details'" class="nav-tabs__link"><span translate="">Content</span></button>
1830
- </li>
1831
- <li ng-class="{'nav-tabs__tab--active': tab === 'event-history'}" class="nav-tabs__tab">
1832
- <button ng-click="tab = 'event-history'" class="nav-tabs__link"><span translate="">History</span></button>
1833
- </li>
1834
- </ul>
1835
- </div>
1836
- <div class="side-panel__content" ng-if="!tab || tab === 'event-details'">
1837
- <div class="side-panel__content-block side-panel__content-block--pad-small side-panel__content-block--flex">
1838
- <div class="side-panel__content-block-inner side-panel__content-block-inner--grow">
1839
- <p class="sd-text__date-and-author"><time>Created 23.08.2017 by </time> <span class="sd-text__author">Mika Karapet</span></p>
1840
- <p class="sd-text__date-and-author"><time>Updated 3 hours ago by</time> <span class="sd-text__author">John Doe</span></p>
1841
- </div>
1842
- <div class="side-panel__content-block-inner side-panel__content-block-inner--right">
1843
- <a class="icn-btn"><i class="icon-dots-vertical"></i></a>
1844
- </div>
1845
- </div>
1846
- <div class="side-panel__content-block side-panel__content-block--image">
1847
- <a class="icn-btn side-panel__image-actions" ng-click="openModal('imageModal')">
1848
- <i class="icon-fullscreen"></i>
1849
- </a>
1850
- <img src="/d_trump.jpg" alt="test">
1851
- </div>
1852
- <div class="side-panel__content-block">
1853
- <div class="form__row">
1854
- <label class="form-label form-label--light">Slugline</label>
1855
- <p class="sd-text__slugline">This is a slugline</p>
1856
- </div>
1857
- <div class="form__row">
1858
- <label class="form-label form-label--light">Description</label>
1859
- <p>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</p>
1860
- </div>
1861
-
1862
- <div sd-toggle-box data-title="Details" data-style="circle">
1863
- <div class="form__row">
1864
- <label class="form-label form-label--light">Usage right</label>
1865
- <p>Single usage</p>
1866
- </div>
1867
- <div class="form__row">
1868
- <label class="form-label form-label--light">Category</label>
1869
- <p>Some category</p>
1870
- </div>
1871
- <div class="form__row">
1872
- <label class="form-label form-label--light">Subject</label>
1873
- <p>Arts, culture and entertainment, Music</p>
1874
- </div>
1875
- <div class="form__row">
1876
- <label class="form-label form-label--light">Long Description</label>
1877
- <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>
1878
- </div>
1879
- <div class="form__row">
1880
- <label class="form-label form-label--light">Internal Note</label>
1881
- <p>Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
1882
- </div>
1883
- </div>
1884
- <h3 class="side-panel__heading side-panel__heading--big" ng-hide="multiEdit">Related items</h3>
1885
- <div class="sd-grid-list sd-grid-list--x-small sd-margin-y--2" ng-hide="multiEdit">
1886
- <!-- related item 1 -->
1887
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1888
- <div class="sd-grid-item__thumb">
1889
- <img src="/d_trump_2.jpg" alt="test">
1890
- </div>
1891
- <div class="sd-grid-item__content">
1892
- <time title="20.11.2017">20.11.2017</time>
1893
- <span class="sd-grid-item__slugline">This is a slugline</span>
1894
- </div>
1895
- </div>
1896
- <!-- related item 2 -->
1897
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1898
- <div class="sd-grid-item__thumb">
1899
- <img src="/bill.jpg" alt="test">
1900
- </div>
1901
- <div class="sd-grid-item__content">
1902
- <time title="20.11.2017">20.11.2017</time>
1903
- <span class="sd-grid-item__slugline">This is a slugline</span>
1904
- </div>
1905
- </div>
1906
- <!-- related item 3 -->
1907
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1908
- <div class="sd-grid-item__thumb">
1909
- <img src="/hillary.jpg" alt="test">
1910
- </div>
1911
- <div class="sd-grid-item__content">
1912
- <time title="20.11.2017">20.11.2017</time>
1913
- <span class="sd-grid-item__slugline">This is a slugline</span>
1914
- </div>
1915
- </div>
1916
- <!-- related item 4 -->
1917
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1918
- <div class="sd-grid-item__thumb">
1919
- <img src="/bush_1.jpg" alt="test">
1920
- </div>
1921
- <div class="sd-grid-item__content">
1922
- <time title="20.11.2017">20.11.2017</time>
1923
- <span class="sd-grid-item__slugline">This is a slugline</span>
1924
- </div>
1925
- </div>
1926
- </div>
1927
- </div>
1928
- </div>
1929
- <div class="side-panel__content" ng-if="tab === 'event-history'">
1930
- <div class="side-panel__content-block">
1931
- <ul class="simple-list simple-list--dotted simple-list--no-padding">
1932
- <li class="simple-list__item">
1933
- <p><strong>Created by</strong> Mika Karapet</p>
1934
- <time class="small">Tuesday, 12. September 13:10</time>
1935
- </li>
1936
- <li class="simple-list__item">
1937
- <p><strong>Coverage created by</strong> Vince Ryan</p>
1938
- <time class="small">Tuesday, 12. September 13:13</time>
1939
- </li>
1940
- <li class="simple-list__item">
1941
- <p><strong>Updated by</strong> Karel Petrak</p>
1942
- <time class="small">Tuesday, 12. September 13:13</time>
1943
- </li>
1944
- <li class="simple-list__item">
1945
- <p><strong>Coverage updated by</strong> John Doe</p>
1946
- <time class="small">Tuesday, 12. September 13:21</time>
1947
- </li>
1948
- </ul>
1949
- </div>
1950
- </div>
1951
- <div class="side-panel__footer">
1952
-
1953
- </div>
1954
- </div>
1955
- </div>
1956
- </div>
1957
- <!-- END left content -->
1958
- </div>
1959
-
1960
- <!-- SPLIT CONTENT -->
1961
- <div id="editPane"
1962
- class="sd-edit-panel sd-page-content__content-block sd-page-content__content-block--right sd-page-content__content-block--30-slide"
1963
- ng-class="{'open-filters': rightFilterOpen, 'open-preview': rightPreviewOpen}">
1964
- <!-- Eitor content -->
1965
- <div
1966
- class="side-panel side-panel--shadow-right"
1967
- ng-if="!itemType || itemType === 'planning'"
1968
- ng-include="'playgrounds/photo-snippets/edit-photo-metadata.html'"></div>
1969
- <!-- END Editor content -->
1970
- </div>
1971
- </section>
1972
- <footer class="sd-bottom-bar">
1973
- This is the optional footer.
1974
- </footer>
1975
- </div>