superdesk-ui-framework 4.0.51 → 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 (371) hide show
  1. package/app/styles/_avatar.scss +0 -5
  2. package/dist/examples.bundle.js +1 -1
  3. package/dist/superdesk-ui.bundle.css +1 -4
  4. package/package.json +1 -1
  5. package/dist/playgrounds/accessible-theme-test.html +0 -813
  6. package/dist/playgrounds/boxed-list.html +0 -164
  7. package/dist/playgrounds/cards.html +0 -244
  8. package/dist/playgrounds/circular-progress.html +0 -48
  9. package/dist/playgrounds/dummy-data/items.ts +0 -95
  10. package/dist/playgrounds/editor-3-test.html +0 -15
  11. package/dist/playgrounds/form-layout.html +0 -285
  12. package/dist/playgrounds/layout-grid.html +0 -79
  13. package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
  14. package/dist/playgrounds/layout-test-2.html +0 -795
  15. package/dist/playgrounds/list-item-test.html +0 -896
  16. package/dist/playgrounds/main.html +0 -16
  17. package/dist/playgrounds/master-desk.html +0 -1678
  18. package/dist/playgrounds/media-carousel.html +0 -1166
  19. package/dist/playgrounds/nav-buttons.html +0 -65
  20. package/dist/playgrounds/photo-desk.html +0 -1515
  21. package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  22. package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
  23. package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
  24. package/dist/playgrounds/planning.html +0 -1112
  25. package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
  26. package/dist/playgrounds/publish.html +0 -1007
  27. package/dist/playgrounds/publisher-content-analytics.html +0 -376
  28. package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
  29. package/dist/playgrounds/publisher-content-list-manual.html +0 -611
  30. package/dist/playgrounds/publisher-content-lists.html +0 -255
  31. package/dist/playgrounds/publisher-dashboard.html +0 -323
  32. package/dist/playgrounds/publisher-output-control.html +0 -3659
  33. package/dist/playgrounds/publisher-website-settings-general.html +0 -188
  34. package/dist/playgrounds/publisher-website-settings.html +0 -265
  35. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  36. package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  37. package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  38. package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
  39. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  40. package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  41. package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  42. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  43. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  44. package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  45. package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  46. package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  47. package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  48. package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  49. package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  50. package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  51. package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  52. package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  53. package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  54. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  55. package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  56. package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  57. package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  58. package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  59. package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  60. package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  61. package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  62. package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  63. package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  64. package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  65. package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  66. package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  67. package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  68. package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  69. package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
  70. package/dist/playgrounds/settings.html +0 -92
  71. package/dist/playgrounds/side-navigation.html +0 -201
  72. package/dist/playgrounds/swimlane-view.html +0 -1975
  73. package/dist/playgrounds/tags-input.html +0 -55
  74. package/dist/playgrounds/toasts.html +0 -113
  75. package/dist/playgrounds/video-editor.html +0 -706
  76. package/examples/css/docs-page.css +0 -1135
  77. package/examples/css/reset.css +0 -124
  78. package/examples/css/vendor.css +0 -175
  79. package/examples/illustration-small--components.svg +0 -45
  80. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
  81. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
  82. package/examples/img/avatar-2.jpg +0 -0
  83. package/examples/img/avatar-3.jpg +0 -0
  84. package/examples/img/avatar-4.jpg +0 -0
  85. package/examples/img/avatar-5.jpg +0 -0
  86. package/examples/img/avatar-6.jpg +0 -0
  87. package/examples/img/avatar.jpg +0 -0
  88. package/examples/img/bill.jpg +0 -0
  89. package/examples/img/bush_1.jpg +0 -0
  90. package/examples/img/bush_2.jpg +0 -0
  91. package/examples/img/carousel-thumb--01.jpg +0 -0
  92. package/examples/img/carousel-thumb--02.jpg +0 -0
  93. package/examples/img/carousel-thumb--03.jpg +0 -0
  94. package/examples/img/carousel-thumb--04.jpg +0 -0
  95. package/examples/img/components_ilustration.svg +0 -1
  96. package/examples/img/d_trump.jpg +0 -0
  97. package/examples/img/d_trump_2.jpg +0 -0
  98. package/examples/img/d_trump_large.jpg +0 -0
  99. package/examples/img/design_ilustration.svg +0 -1
  100. package/examples/img/ferocious_beast.webm +0 -0
  101. package/examples/img/guidelines/application-frame.png +0 -0
  102. package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
  103. package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
  104. package/examples/img/guidelines/application-frame__left-panel.png +0 -0
  105. package/examples/img/guidelines/application-frame__main-content.gif +0 -0
  106. package/examples/img/guidelines/application-frame__main-content.png +0 -0
  107. package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
  108. package/examples/img/guidelines/application-frame__right-panel.png +0 -0
  109. package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
  110. package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
  111. package/examples/img/guidelines/application-frame__top-bar.png +0 -0
  112. package/examples/img/guidelines/buttons--00-01.png +0 -0
  113. package/examples/img/guidelines/buttons--00-02.png +0 -0
  114. package/examples/img/guidelines/buttons--DO-02.png +0 -0
  115. package/examples/img/guidelines/buttons--DONT-01.png +0 -0
  116. package/examples/img/guidelines/checkbox--DO-01.png +0 -0
  117. package/examples/img/guidelines/checkbox--DO-02.png +0 -0
  118. package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
  119. package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
  120. package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
  121. package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
  122. package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
  123. package/examples/img/guidelines/example__main-content--01.png +0 -0
  124. package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
  125. package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
  126. package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
  127. package/examples/img/guidelines/example__sub-nav--01.png +0 -0
  128. package/examples/img/guidelines/example__sub-nav--02.png +0 -0
  129. package/examples/img/guidelines/example__sub-nav--03.png +0 -0
  130. package/examples/img/guidelines/example__top-bar--01.png +0 -0
  131. package/examples/img/guidelines/layout--grid-01.png +0 -0
  132. package/examples/img/guidelines/layout--size-example-01.png +0 -0
  133. package/examples/img/guidelines/radio--DO-01.png +0 -0
  134. package/examples/img/guidelines/radio--DONT-01.png +0 -0
  135. package/examples/img/guidelines/radio--DONT-02.png +0 -0
  136. package/examples/img/guidelines/radio--DONT-03.png +0 -0
  137. package/examples/img/guidelines/switch--DO-01.png +0 -0
  138. package/examples/img/guidelines/switch--DO-02.png +0 -0
  139. package/examples/img/guidelines/switch--DONT-01.png +0 -0
  140. package/examples/img/guidelines/switch--DONT-02.png +0 -0
  141. package/examples/img/hillary.jpg +0 -0
  142. package/examples/img/illustration--components.svg +0 -1
  143. package/examples/img/illustration--design.svg +0 -1
  144. package/examples/img/illustration--playground.svg +0 -1
  145. package/examples/img/illustration--react.svg +0 -1
  146. package/examples/img/illustration-small--components.svg +0 -45
  147. package/examples/img/illustration-small--design.svg +0 -99
  148. package/examples/img/illustration-small--playground.svg +0 -49
  149. package/examples/img/illustration-small--react.svg +0 -53
  150. package/examples/img/illustration_user-privileges.png +0 -0
  151. package/examples/img/illustration_users.png +0 -0
  152. package/examples/img/image_01.jpg +0 -0
  153. package/examples/img/image_02.jpg +0 -0
  154. package/examples/img/masthead-image.png +0 -0
  155. package/examples/img/obama_1.jpg +0 -0
  156. package/examples/img/obama_2.jpg +0 -0
  157. package/examples/img/overlay-img.jpg +0 -0
  158. package/examples/img/react-logo--vector.svg +0 -49
  159. package/examples/img/sd-ui-framework__logo-01.svg +0 -33
  160. package/examples/img/sd-ui-framework__logo.svg +0 -20
  161. package/examples/img/th01.jpg +0 -0
  162. package/examples/img/th02.jpg +0 -0
  163. package/examples/img/th03.jpg +0 -0
  164. package/examples/index.html +0 -11
  165. package/examples/index.js +0 -468
  166. package/examples/js/doc.js +0 -230
  167. package/examples/js/react.js +0 -263
  168. package/examples/pages/components/Alerts.tsx +0 -291
  169. package/examples/pages/components/Autocomplete.tsx +0 -434
  170. package/examples/pages/components/Avatar.tsx +0 -659
  171. package/examples/pages/components/Badges.tsx +0 -221
  172. package/examples/pages/components/BigIconFont.tsx +0 -48
  173. package/examples/pages/components/BoxedList.tsx +0 -517
  174. package/examples/pages/components/ButtonGroups.tsx +0 -366
  175. package/examples/pages/components/Buttons.tsx +0 -565
  176. package/examples/pages/components/Card.tsx +0 -23
  177. package/examples/pages/components/Carousel.tsx +0 -235
  178. package/examples/pages/components/Checkboxs.tsx +0 -817
  179. package/examples/pages/components/Container.tsx +0 -190
  180. package/examples/pages/components/ContentDivider.tsx +0 -229
  181. package/examples/pages/components/ContentList.tsx +0 -786
  182. package/examples/pages/components/CreateButton.tsx +0 -121
  183. package/examples/pages/components/DatePicker.tsx +0 -245
  184. package/examples/pages/components/DateTimePicker.tsx +0 -141
  185. package/examples/pages/components/DragHandleDocs.tsx +0 -122
  186. package/examples/pages/components/DropZone.tsx +0 -149
  187. package/examples/pages/components/Dropdowns.tsx +0 -587
  188. package/examples/pages/components/DurationInput.tsx +0 -157
  189. package/examples/pages/components/EmptyStates.tsx +0 -171
  190. package/examples/pages/components/GridItem.tsx +0 -507
  191. package/examples/pages/components/GridList.tsx +0 -126
  192. package/examples/pages/components/Heading.tsx +0 -152
  193. package/examples/pages/components/IconButtons.tsx +0 -191
  194. package/examples/pages/components/IconFont.tsx +0 -49
  195. package/examples/pages/components/IconLabels.tsx +0 -199
  196. package/examples/pages/components/IconPicker.tsx +0 -82
  197. package/examples/pages/components/IllustrationButton.tsx +0 -109
  198. package/examples/pages/components/Index.tsx +0 -563
  199. package/examples/pages/components/Inputs.tsx +0 -313
  200. package/examples/pages/components/Labels.tsx +0 -354
  201. package/examples/pages/components/LeftNavigations.tsx +0 -459
  202. package/examples/pages/components/ListItems.tsx +0 -33
  203. package/examples/pages/components/Loader.tsx +0 -25
  204. package/examples/pages/components/Menu.tsx +0 -181
  205. package/examples/pages/components/Modal.tsx +0 -557
  206. package/examples/pages/components/MultiSelect.tsx +0 -343
  207. package/examples/pages/components/NavButtons.tsx +0 -159
  208. package/examples/pages/components/Panel.tsx +0 -631
  209. package/examples/pages/components/Popover.tsx +0 -90
  210. package/examples/pages/components/QuickNavigationBar.tsx +0 -278
  211. package/examples/pages/components/RadioGroup.tsx +0 -612
  212. package/examples/pages/components/ResizablePanels.tsx +0 -43
  213. package/examples/pages/components/SelectGrid.tsx +0 -162
  214. package/examples/pages/components/SelectWithTemplate.tsx +0 -144
  215. package/examples/pages/components/Selects.tsx +0 -175
  216. package/examples/pages/components/SimpleList.tsx +0 -198
  217. package/examples/pages/components/SubNav.tsx +0 -160
  218. package/examples/pages/components/Switch.tsx +0 -298
  219. package/examples/pages/components/TableList.tsx +0 -315
  220. package/examples/pages/components/Tabs.tsx +0 -276
  221. package/examples/pages/components/TagInputDocs.tsx +0 -130
  222. package/examples/pages/components/Tags.tsx +0 -154
  223. package/examples/pages/components/Text.tsx +0 -184
  224. package/examples/pages/components/TimePicker.tsx +0 -179
  225. package/examples/pages/components/Toasts.tsx +0 -283
  226. package/examples/pages/components/Togglebox.tsx +0 -307
  227. package/examples/pages/components/Tooltips.tsx +0 -74
  228. package/examples/pages/components/TreeMenu.tsx +0 -315
  229. package/examples/pages/components/TreeSelect.tsx +0 -625
  230. package/examples/pages/components/WithPaginationDocs.tsx +0 -56
  231. package/examples/pages/components/WithSizeObserver.tsx +0 -44
  232. package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
  233. package/examples/pages/components/tree-select/example-1.tsx +0 -67
  234. package/examples/pages/components/tree-select/example-2.tsx +0 -56
  235. package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
  236. package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
  237. package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
  238. package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
  239. package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
  240. package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
  241. package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
  242. package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
  243. package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
  244. package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
  245. package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
  246. package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
  247. package/examples/pages/components.html +0 -15
  248. package/examples/pages/components_deprecated/alerts.html +0 -113
  249. package/examples/pages/components_deprecated/badge.html +0 -79
  250. package/examples/pages/components_deprecated/basic-grid.html +0 -132
  251. package/examples/pages/components_deprecated/big-icons.html +0 -65
  252. package/examples/pages/components_deprecated/buttons.html +0 -631
  253. package/examples/pages/components_deprecated/carousel.html +0 -77
  254. package/examples/pages/components_deprecated/checkbox.html +0 -86
  255. package/examples/pages/components_deprecated/colors.html +0 -12
  256. package/examples/pages/components_deprecated/dropdown.html +0 -542
  257. package/examples/pages/components_deprecated/form-layout.html +0 -187
  258. package/examples/pages/components_deprecated/icon-labels.html +0 -34
  259. package/examples/pages/components_deprecated/icons.html +0 -194
  260. package/examples/pages/components_deprecated/input.html +0 -233
  261. package/examples/pages/components_deprecated/labels.html +0 -170
  262. package/examples/pages/components_deprecated/layout-grid.html +0 -227
  263. package/examples/pages/components_deprecated/left-nav.html +0 -83
  264. package/examples/pages/components_deprecated/list-item.html +0 -1342
  265. package/examples/pages/components_deprecated/loader.html +0 -64
  266. package/examples/pages/components_deprecated/modal-template.html +0 -13
  267. package/examples/pages/components_deprecated/modals.html +0 -561
  268. package/examples/pages/components_deprecated/other-elements.html +0 -54
  269. package/examples/pages/components_deprecated/panel-info.html +0 -34
  270. package/examples/pages/components_deprecated/radio.html +0 -64
  271. package/examples/pages/components_deprecated/select.html +0 -160
  272. package/examples/pages/components_deprecated/shadows.html +0 -24
  273. package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
  274. package/examples/pages/components_deprecated/simple-list.html +0 -113
  275. package/examples/pages/components_deprecated/slider.html +0 -31
  276. package/examples/pages/components_deprecated/spacing.html +0 -117
  277. package/examples/pages/components_deprecated/switch.html +0 -31
  278. package/examples/pages/components_deprecated/tables.html +0 -58
  279. package/examples/pages/components_deprecated/tabs.html +0 -257
  280. package/examples/pages/components_deprecated/tag-input.html +0 -123
  281. package/examples/pages/components_deprecated/tag-labels.html +0 -57
  282. package/examples/pages/components_deprecated/text.html +0 -55
  283. package/examples/pages/components_deprecated/toggle.html +0 -63
  284. package/examples/pages/components_deprecated/tooltips.html +0 -29
  285. package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
  286. package/examples/pages/components_deprecated/wizard.html +0 -41
  287. package/examples/pages/components_deprecated.html +0 -39
  288. package/examples/pages/design/application-structure.html +0 -168
  289. package/examples/pages/design/buttons.html +0 -34
  290. package/examples/pages/design/checkbox-and-radio.html +0 -64
  291. package/examples/pages/design/layout-principles.html +0 -45
  292. package/examples/pages/design/modules.html +0 -22
  293. package/examples/pages/design/pages.html +0 -22
  294. package/examples/pages/design/switch.html +0 -55
  295. package/examples/pages/design-patterns/Index.tsx +0 -42
  296. package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
  297. package/examples/pages/design-patterns.html +0 -14
  298. package/examples/pages/design.html +0 -39
  299. package/examples/pages/main.html +0 -76
  300. package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
  301. package/examples/pages/playgrounds/boxed-list.html +0 -164
  302. package/examples/pages/playgrounds/cards.html +0 -244
  303. package/examples/pages/playgrounds/circular-progress.html +0 -48
  304. package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
  305. package/examples/pages/playgrounds/editor-3-test.html +0 -15
  306. package/examples/pages/playgrounds/form-layout.html +0 -285
  307. package/examples/pages/playgrounds/layout-grid.html +0 -79
  308. package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
  309. package/examples/pages/playgrounds/layout-test-2.html +0 -795
  310. package/examples/pages/playgrounds/list-item-test.html +0 -896
  311. package/examples/pages/playgrounds/main.html +0 -16
  312. package/examples/pages/playgrounds/master-desk.html +0 -1678
  313. package/examples/pages/playgrounds/media-carousel.html +0 -1166
  314. package/examples/pages/playgrounds/nav-buttons.html +0 -65
  315. package/examples/pages/playgrounds/photo-desk.html +0 -1515
  316. package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  317. package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
  318. package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
  319. package/examples/pages/playgrounds/planning.html +0 -1112
  320. package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
  321. package/examples/pages/playgrounds/publish.html +0 -1007
  322. package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
  323. package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
  324. package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
  325. package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
  326. package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
  327. package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
  328. package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
  329. package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
  330. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  331. package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  332. package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  333. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
  334. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  335. package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  336. package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  337. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  338. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  339. package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  340. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  341. package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  342. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  343. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  344. package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  345. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  346. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  347. package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  348. package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  349. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  350. package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  351. package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  352. package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  353. package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  354. package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  355. package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  356. package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  357. package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  358. package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  359. package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  360. package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  361. package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  362. package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  363. package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  364. package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
  365. package/examples/pages/playgrounds/settings.html +0 -92
  366. package/examples/pages/playgrounds/side-navigation.html +0 -201
  367. package/examples/pages/playgrounds/swimlane-view.html +0 -1975
  368. package/examples/pages/playgrounds/tags-input.html +0 -55
  369. package/examples/pages/playgrounds/toasts.html +0 -113
  370. package/examples/pages/playgrounds/video-editor.html +0 -706
  371. package/examples/pages/playgrounds.html +0 -40
package/dist/playgrounds/master-desk.html DELETED
@@ -1,1678 +0,0 @@
1
- <div class="sd-page-grid--test docs-page__full-width-helper" doc-modal ng-init="openHamburger = false, darkUI = false" data-theme="{{darkUI ? 'dark-ui' : 'light-ui'}}">
2
- <div class="sd-main-menu" ng-class="{'sd-main-menu--open': openHamburger}">
3
- <div class="sd-main-menu__inner">
4
-
5
- </div>
6
- </div>
7
- <header class="sd-top-menu">
8
- <a href="" ng-click="openHamburger = !openHamburger" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
9
- <h1 class="sd-top-menu__header">Master Desk</h1>
10
- <div class="button-group button-group--right">
11
- <button class="sd-navbtn" aria-label="Notifications" ng-click="notificationsOpen = !notificationsOpen" ng-class="{'sd-navbtn--active' : notificationsOpen}">
12
- <span class="badge badge--highlight">9</span>
13
- <i class="icon-bell"></i>
14
- </button>
15
- <div class="dropdown dropdown--align-right" dropdown>
16
- <button class="dropdown__toggle sd-navbtn" dropdown__toggle aria-label="Personal menu">
17
- <span class="sd-avatar sd-avatar--medium">
18
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>WD</span>
19
- </span>
20
- </span>
21
- </button>
22
- <ul class="dropdown__menu" aria-labelledby="a11y-personal-menu">
23
- <li>
24
- <h4 id="a11y-personal-menu" class="a11y-only">Personal menu</h4>
25
- </li>
26
- <li>
27
- <div class="current-user-details--compact">
28
- <span class="sd-avatar sd-avatar--x-large">
29
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>WD</span></span>
30
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
31
- <i class="icon-settings sd-avatar--indicator-admin" title="Administrator"></i>
32
- </span>
33
- <h5 class="current-user-details__full-name">Walter D'admin</h5>
34
- <p class="current-user-details__username">dadmin</p>
35
- </div>
36
- </li>
37
- <li class="dropdown__menu-divider"></li>
38
- <li class="sd-padding-x--2 sd-padding-y--0-5"><button class="btn btn--hollow btn--expanded">Manage profile</button></li>
39
- <li class="sd-padding-x--2 sd-padding-y--0-5"><button class="btn btn--hollow btn--expanded">Sign out</button></li>
40
- </ul>
41
- </div>
42
- </div>
43
- </header>
44
-
45
- <section class="sd-content sd-content-wrapper">
46
- <div class="sd-sidebar-menu sd-content-wrapper__left-tabs">
47
- <ul class="authoring-active">
48
- <li sd-tooltip="Dashboard" flow="right">
49
- <a href="" class="sd-sidebar-menu__btn">
50
- <i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
51
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
52
- </a>
53
- </li>
54
- <li sd-tooltip="Monitoring" flow="right">
55
- <a href="" class="sd-sidebar-menu__btn">
56
- <i class="sd-sidebar-menu__main-icon big-icon--view"></i>
57
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
58
- </a>
59
- </li>
60
- <li sd-tooltip="Highlights" flow="right">
61
- <a href="" class="sd-sidebar-menu__btn">
62
- <i class="sd-sidebar-menu__main-icon big-icon--marked-star"></i>
63
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
64
- </a>
65
- </li>
66
- <li sd-tooltip="Spiked" flow="right">
67
- <a href="" class="sd-sidebar-menu__btn">
68
- <i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
69
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
70
- </a>
71
- </li>
72
- <li class="sd-sidebar-menu__spacer">
73
- </li>
74
- <li sd-tooltip="Personal" flow="right">
75
- <a href="" class="sd-sidebar-menu__btn">
76
- <i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
77
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
78
- </a>
79
- </li>
80
- <li sd-tooltip="Search" flow="right">
81
- <a href="" class="sd-sidebar-menu__btn">
82
- <i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
83
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
84
- </a>
85
- </li>
86
- <li sd-tooltip="Monitoring" flow="right">
87
- <a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
88
- <i class="sd-sidebar-menu__main-icon big-icon--master"></i>
89
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
90
- </a>
91
- </li>
92
- </ul>
93
- </div>
94
- <div id="leftContent" sd-media-query min-width="880" max-width="1100" ng-init="darkUI = false; listView = true" class="sd-content-wrapper__main-content-area sd-main-content-grid" ng-class="{'dark-ui': darkUI}">
95
- <!-- TOOLBAR HEADER -->
96
- <div class="sd-main-content-grid__header" ng-init="masterDeskView = 'overview'">
97
- <div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
98
- <button class="sd-navbtn sd-navbtn--left sd-navbtn--darker" ng-click="leftFilterOpen = !leftFilterOpen" ng-class="{'sd-navbtn--active': leftFilterOpen}">
99
- <i class="icon-filter-large"></i>
100
- </button>
101
- <div class="button-group button-group--left button-group--padded">
102
- <sd-check ng-model="masterDeskView" type="radio" ng-value="overview" label-position="inside">Overview</sd-check>
103
- <sd-check ng-model="masterDeskView" type="radio" ng-value="users" label-position="inside">Users</sd-check>
104
- <sd-check ng-model="masterDeskView" type="radio" ng-value="assignments" label-position="inside">Assignments</sd-check>
105
- <div class="button-group__divider button-group__divider--small button-group__divider--border sd-margin-l--2" ng-show="masterDeskView === 'users'"></div>
106
- <span ng-show="masterDeskView === 'users'">
107
- <span ng-model="AB" sd-switch></span><label>Show only online users</label>
108
- </span>
109
- <div class="dropdown dropdown--align-left sd-margin-l--1-5" dropdown>
110
- <button class="dropdown__toggle sd-navbtn sd-navbtn--textual" dropdown__toggle>
111
- <i class="icon-switches"></i>
112
- <span class="sd-navbtn__text">Something</span>
113
- </button>
114
- <ul class="dropdown__menu">
115
- <li>
116
- <div class="dropdown__menu-label">Actions</div>
117
- </li>
118
- <li class="dropdown__menu-divider"></li>
119
- <li><button>Action 2</button></li>
120
- <li><button>Action 3</button></li>
121
- <li><button ng-click="editArticle = !editArticle">Open editor</button></li>
122
- </ul>
123
- </div>
124
- </div>
125
-
126
- <button class="sd-navbtn" ng-click="darkUI = !darkUI">
127
- <i class="icon-adjust"></i>
128
- </button>
129
- <div class="dropdown dropdown--align-right" dropdown>
130
- <button class="dropdown__toggle sd-navbtn" dropdown__toggle>
131
- <i class="icon-switches"></i>
132
- </button>
133
- <ul class="dropdown__menu">
134
- <li>
135
- <div class="dropdown__menu-label">Actions</div>
136
- </li>
137
- <li class="dropdown__menu-divider"></li>
138
- <li><button>Action 2</button></li>
139
- <li><button>Action 3</button></li>
140
- <li><button ng-click="editArticle = !editArticle">Open editor</button></li>
141
- </ul>
142
- </div>
143
- </div>
144
- </div>
145
- <!-- FILTER PANEL -->
146
- <div class="sd-main-content-grid__filter" ng-class="{'open-filters': leftFilterOpen}">
147
- <div class="side-panel__container side-panel__container--small">
148
- <div class="side-panel side-panel--shadow-left side-panel--bg-00">
149
- <div class="side-panel__header side-panel__header--border-b">
150
- <a class="icn-btn side-panel__close" sd-tooltip="Close filters" flow="left" ng-click="leftFilterOpen = !leftFilterOpen"><i class="icon-close-small"></i></a>
151
- <h3 class="side-panel__heading">Filters</h3>
152
- </div>
153
- <div class="side-panel__content">
154
- <div class="side-panel__content-block">
155
-
156
- <div class="form__group">
157
- <div class="form__item">
158
- <div class="sd-inset-search" ng-class="{'sd-inset-search--focused': focused}">
159
- <input id="search-input" class="sd-inset-search__input" type="text" placeholder="Search desk" ng-keyup="searchOnEnter($event)" ng-model="query" tabindex="1" ng-focus="focused = true" aria-label="Search desk">
160
- <button class="sd-inset-search__cancel" ng-if="query"><i class="icon-remove-sign"></i></button>
161
- </div>
162
- </div>
163
- </div>
164
-
165
- <div class="form__group">
166
- <div class="form__item">
167
- <div class="sd-input">
168
- <label class="sd-input__label">Slugline</label>
169
- <input class="sd-input__input" type="text">
170
- </div>
171
- </div>
172
- </div>
173
- <div class="form__group">
174
- <div class="form__item">
175
- <div class="sd-input">
176
- <a class="icn-btn sd-input__icon-right"><i class="icon-calendar"></i></a>
177
- <label class="sd-input__label">From</label>
178
- <input class="sd-input__input" type="text">
179
- </div>
180
- </div>
181
- <div class="form__item">
182
- <div class="sd-input">
183
- <a class="icn-btn sd-input__icon-right"><i class="icon-time"></i></a>
184
- <input class="sd-input__input" type="text">
185
- </div>
186
- </div>
187
- </div>
188
- <div class="form__group">
189
- <div class="form__item">
190
- <div class="sd-input">
191
- <a class="icn-btn sd-input__icon-right"><i class="icon-calendar"></i></a>
192
- <label class="sd-input__label">To</label>
193
- <input class="sd-input__input" type="text">
194
- </div>
195
- </div>
196
- <div class="form__item">
197
- <div class="sd-input">
198
- <a class="icn-btn sd-input__icon-right"><i class="icon-time"></i></a>
199
- <input class="sd-input__input" type="text">
200
- </div>
201
- </div>
202
- </div>
203
- </div>
204
- </div>
205
- <div class="side-panel__footer side-panel__footer--button-box">
206
- <a class="btn btn--primary btn--expanded">Apply filters</a>
207
- </div>
208
- </div>
209
- </div>
210
- </div>
211
- <!-- MAIN CONTENT -->
212
- <!-- (Overview) -->
213
- <div class="sd-main-content-grid__content sd-main-content-grid__content--with-filters" ng-show="masterDeskView === 'overview'">
214
- <div class="sd-main-content-grid__content-filter-bar sd-search-tags__bar">
215
- <ul class="sd-search-tags__tag-list">
216
- <li class="sd-search-tags__tag tag-label tag-label--highlight1">
217
- Lipsum slugline
218
- <button class="tag-label__remove"><i class="icon-close-small"></i></button>
219
- </li>
220
- <li class="sd-search-tags__tag tag-label tag-label--highlight1">
221
- Lorem slugline
222
- <button class="tag-label__remove"><i class="icon-close-small"></i></button>
223
- </li>
224
- </ul>
225
- <a class="text-link sd-margin-l--auto" href="#">Clear all filters</a>
226
- </div>
227
- <div class="sd-main-content-grid__content-inner">
228
- <!-- Desk grid view -->
229
- <div class="sd-grid-list sd-grid-list--medium sd-grid-list--gap-xl sd-margin--3 sd-margin-x--5">
230
- <div class="sd-board">
231
- <div class="sd-board__header sd-board__header--clickable">
232
- <h3 class="sd-board__header-title">Desk One</h3>
233
- </div>
234
- <div class="sd-board__content sd-padding-t--1">
235
- <div class="sd-board__content-block sd-board__content-block--clickable">
236
- <ul class="sd-board__list">
237
- <li class="sd-board__list-item">
238
- <span class="sd-board__item-count--large">105</span>
239
- <p class="sd-board__count-label">items in production</p>
240
- <div class="sd-board__doughnut-chart">
241
- <span class="sd-board__doughnut-chart-number">105</span>
242
- </div>
243
- </li>
244
- <li class="sd-board__list-item">
245
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5" >25</span>
246
- </li>
247
- <li class="sd-board__list-item">
248
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
249
- </li>
250
- <li class="sd-board__list-item">
251
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
252
- </li>
253
- <li class="sd-board__list-item">
254
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">34</span>
255
- </li>
256
- </ul>
257
- </div>
258
- </div>
259
- </div>
260
- <div class="sd-board">
261
- <div class="sd-board__header">
262
- <h3 class="sd-board__header-title">Desk Two</h3>
263
- </div>
264
- <div class="sd-board__content sd-padding-t--1">
265
- <div class="sd-board__content-block">
266
- <ul class="sd-board__list">
267
- <li class="sd-board__list-item">
268
- <span class="sd-board__item-count--large">98</span>
269
- <p class="sd-board__count-label">items in production</p>
270
- <div class="sd-board__doughnut-chart">
271
- <span class="sd-board__doughnut-chart-number">98</span>
272
- </div>
273
- </li>
274
- <li class="sd-board__list-item">
275
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600">25</span>
276
- </li>
277
- <li class="sd-board__list-item">
278
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600">22</span>
279
- </li>
280
- <li class="sd-board__list-item">
281
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600">24</span>
282
- </li>
283
- <li class="sd-board__list-item">
284
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600">24</span>
285
- </li>
286
- </ul>
287
- </div>
288
- </div>
289
- </div>
290
- <div class="sd-board">
291
- <div class="sd-board__header">
292
- <h3 class="sd-board__header-title">Desk Three</h3>
293
- </div>
294
- <div class="sd-board__content sd-padding-t--1">
295
- <div class="sd-board__content-block">
296
- <ul class="sd-board__list">
297
- <li class="sd-board__list-item">
298
- <span class="sd-board__item-count--large">69</span>
299
- <p class="sd-board__count-label">items in production</p>
300
- <div class="sd-board__doughnut-chart">
301
- <span class="sd-board__doughnut-chart-number">69</span>
302
- </div>
303
- </li>
304
- <li class="sd-board__list-item">
305
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">21</span>
306
- </li>
307
- <li class="sd-board__list-item">
308
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
309
- </li>
310
- <li class="sd-board__list-item">
311
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">26</span>
312
- </li>
313
- </ul>
314
- </div>
315
- </div>
316
- </div>
317
- <div class="sd-board">
318
- <div class="sd-board__header">
319
- <h3 class="sd-board__header-title">Desk Four</h3>
320
- </div>
321
- <div class="sd-board__content sd-padding-t--1">
322
- <div class="sd-board__content-block">
323
- <ul class="sd-board__list">
324
- <li class="sd-board__list-item">
325
- <span class="sd-board__item-count--large">92</span>
326
- <p class="sd-board__count-label">items in production</p>
327
- <div class="sd-board__doughnut-chart">
328
- <span class="sd-board__doughnut-chart-number">92</span>
329
- </div>
330
- </li>
331
- <li class="sd-board__list-item">
332
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">25</span>
333
- </li>
334
- <li class="sd-board__list-item">
335
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
336
- </li>
337
- <li class="sd-board__list-item">
338
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
339
- </li>
340
- <li class="sd-board__list-item">
341
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
342
- </li>
343
- </ul>
344
- </div>
345
- </div>
346
- </div>
347
- <div class="sd-board">
348
- <div class="sd-board__header">
349
- <h3 class="sd-board__header-title">Desk Five</h3>
350
- </div>
351
- <div class="sd-board__content sd-padding-t--1">
352
- <div class="sd-board__content-block">
353
- <ul class="sd-board__list">
354
- <li class="sd-board__list-item">
355
- <span class="sd-board__item-count--large">68</span>
356
- <p class="sd-board__count-label">items in production</p>
357
- <div class="sd-board__doughnut-chart">
358
- <span class="sd-board__doughnut-chart-number">68</span>
359
- </div>
360
- </li>
361
- <li class="sd-board__list-item">
362
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">25</span>
363
- </li>
364
- <li class="sd-board__list-item">
365
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
366
- </li>
367
- <li class="sd-board__list-item">
368
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
369
- </li>
370
- <li class="sd-board__list-item">
371
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
372
- </li>
373
- </ul>
374
- </div>
375
- </div>
376
- </div>
377
- <div class="sd-board">
378
- <div class="sd-board__header">
379
- <h3 class="sd-board__header-title">Desk Six</h3>
380
- </div>
381
- <div class="sd-board__content sd-padding-t--1">
382
- <div class="sd-board__content-block">
383
- <ul class="sd-board__list">
384
- <li class="sd-board__list-item">
385
- <span class="sd-board__item-count--large">74</span>
386
- <p class="sd-board__count-label">items in production</p>
387
- <div class="sd-board__doughnut-chart">
388
- <span class="sd-board__doughnut-chart-number">74</span>
389
- </div>
390
- </li>
391
- <li class="sd-board__list-item">
392
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">25</span>
393
- </li>
394
- <li class="sd-board__list-item">
395
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
396
- </li>
397
- <li class="sd-board__list-item">
398
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
399
- </li>
400
- <li class="sd-board__list-item">
401
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
402
- </li>
403
- </ul>
404
- </div>
405
- </div>
406
- </div>
407
- <div class="sd-board">
408
- <div class="sd-board__header">
409
- <h3 class="sd-board__header-title">Desk Seven</h3>
410
- </div>
411
- <div class="sd-board__content sd-padding-t--1">
412
- <div class="sd-board__content-block">
413
- <ul class="sd-board__list">
414
- <li class="sd-board__list-item">
415
- <span class="sd-board__item-count--large">123</span>
416
- <p class="sd-board__count-label">items in production</p>
417
- <div class="sd-board__doughnut-chart">
418
- <span class="sd-board__doughnut-chart-number">123</span>
419
- </div>
420
- </li>
421
- <li class="sd-board__list-item">
422
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">25</span>
423
- </li>
424
- <li class="sd-board__list-item">
425
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
426
- </li>
427
- <li class="sd-board__list-item">
428
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
429
- </li>
430
- <li class="sd-board__list-item">
431
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
432
- </li>
433
- </ul>
434
- </div>
435
- </div>
436
- </div>
437
- <div class="sd-board">
438
- <div class="sd-board__header">
439
- <h3 class="sd-board__header-title">Desk Eight</h3>
440
- </div>
441
- <div class="sd-board__content sd-padding-t--1">
442
- <div class="sd-board__content-block">
443
- <ul class="sd-board__list">
444
- <li class="sd-board__list-item">
445
- <span class="sd-board__item-count--large">83</span>
446
- <p class="sd-board__count-label">items in production</p>
447
- <div class="sd-board__doughnut-chart">
448
- <span class="sd-board__doughnut-chart-number">83</span>
449
- </div>
450
- </li>
451
- <li class="sd-board__list-item">
452
- <h6 class="sd-board__list-item-title">Incoming</h6><span class="badge orange--600 sd-margin-r--0-5">25</span>
453
- </li>
454
- <li class="sd-board__list-item">
455
- <h6 class="sd-board__list-item-title">Working</h6><span class="badge light-blue--600 sd-margin-r--0-5">22</span>
456
- </li>
457
- <li class="sd-board__list-item">
458
- <h6 class="sd-board__list-item-title">Sub-editor</h6><span class="badge purple--600 sd-margin-r--0-5">24</span>
459
- </li>
460
- <li class="sd-board__list-item">
461
- <h6 class="sd-board__list-item-title">Routed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
462
- </li>
463
- </ul>
464
- </div>
465
- </div>
466
- </div>
467
- </div>
468
- </div>
469
- </div>
470
- <!-- (Users) -->
471
- <div class="sd-main-content-grid__content sd-main-content-grid__content--with-filters" ng-show="masterDeskView === 'users'">
472
-
473
- <div class="sd-main-content-grid__content-inner">
474
- <!-- Desk kanban view -->
475
- <div class="sd-kanban-list sd-pdding-x--2 sd-padding-t--2">
476
- <div class="sd-board">
477
- <div class="sd-board__header">
478
- <h3 class="sd-board__header-title">Desk one</h3>
479
- </div>
480
- <div class="sd-board__content sd-padding-t--1">
481
- <div class="sd-board__subheader">
482
- <h5 class="sd-board__subheader-title">Editor</h5>
483
- </div>
484
- <ul class="sd-list-item-group sd-shadow--z2">
485
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
486
- <div class="sd-list-item__border"></div>
487
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
488
- <span class="sd-avatar sd-avatar--small">
489
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>CJM</span></span>
490
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
491
- </span>
492
- </div>
493
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
494
- <div class="sd-list-item__row">
495
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Carla Jean Moss</span></span>
496
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>3</span>
497
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>2</span>
498
- </div>
499
- </div>
500
- <div class="sd-list-item__action-menu">
501
- <button class="icn-btn">
502
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
503
- <i class="icon-dots-vertical"></i>
504
- </button>
505
- </div>
506
- </li>
507
- </ul>
508
- <div class="sd-board__subheader">
509
- <h5 class="sd-board__subheader-title">Journalist</h5>
510
- </div>
511
- <ul class="sd-list-item-group sd-shadow--z2">
512
- <li class="sd-list-item" ng-repeat="i in [].constructor(6) track by $index">
513
- <div class="sd-list-item__border"></div>
514
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
515
- <span class="sd-avatar sd-avatar--small">
516
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>LM</span></span>
517
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
518
- </span>
519
- </div>
520
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
521
- <div class="sd-list-item__row">
522
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Llewelyn Moss</span></span>
523
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
524
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
525
- </div>
526
- </div>
527
- <div class="sd-list-item__action-menu">
528
- <button class="icn-btn">
529
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
530
- <i class="icon-dots-vertical"></i>
531
- </button>
532
- </div>
533
- </li>
534
- </ul>
535
- <div class="sd-board__subheader">
536
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
537
- </div>
538
- <ul class="sd-list-item-group sd-shadow--z2">
539
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
540
- <div class="sd-list-item__border"></div>
541
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
542
- <span class="sd-avatar sd-avatar--small">
543
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>AC</span></span>
544
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
545
- </span>
546
- </div>
547
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
548
- <div class="sd-list-item__row">
549
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Anton Chigurh</span></span>
550
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
551
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
552
- </div>
553
- </div>
554
- <div class="sd-list-item__action-menu">
555
- <button class="icn-btn">
556
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
557
- <i class="icon-dots-vertical"></i>
558
- </button>
559
- </div>
560
- </li>
561
- </ul>
562
- </div>
563
- </div>
564
- <div class="sd-board">
565
- <div class="sd-board__header">
566
- <h3 class="sd-board__header-title">Desk Two</h3>
567
- </div>
568
- <div class="sd-board__content sd-padding-t--1">
569
- <div class="sd-board__subheader">
570
- <h5 class="sd-board__subheader-title">Editor</h5>
571
- </div>
572
- <ul class="sd-list-item-group sd-shadow--z2">
573
- <li class="sd-list-item" ng-repeat="i in [].constructor(4) track by $index">
574
- <div class="sd-list-item__border"></div>
575
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
576
- <span class="sd-avatar sd-avatar--small">
577
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>VS</span></span>
578
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
579
- </span>
580
- </div>
581
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
582
- <div class="sd-list-item__row">
583
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Vladimir Stefanovic</span></span>
584
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>3</span>
585
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>2</span>
586
- </div>
587
- </div>
588
- <div class="sd-list-item__action-menu">
589
- <button class="icn-btn">
590
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
591
- <i class="icon-dots-vertical"></i>
592
- </button>
593
- </div>
594
- </li>
595
- </ul>
596
- <div class="sd-board__subheader">
597
- <h5 class="sd-board__subheader-title">Journalist</h5>
598
- </div>
599
- <ul class="sd-list-item-group sd-shadow--z2">
600
- <li class="sd-list-item" ng-repeat="i in [].constructor(8) track by $index">
601
- <div class="sd-list-item__border"></div>
602
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
603
- <span class="sd-avatar sd-avatar--small">
604
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>CW</span></span>
605
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
606
- </span>
607
- </div>
608
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
609
- <div class="sd-list-item__row">
610
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Carson Wells</span></span>
611
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
612
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
613
- </div>
614
- </div>
615
- <div class="sd-list-item__action-menu">
616
- <button class="icn-btn">
617
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
618
- <i class="icon-dots-vertical"></i>
619
- </button>
620
- </div>
621
- </li>
622
- </ul>
623
- </div>
624
- </div>
625
- <div class="sd-board">
626
- <div class="sd-board__header">
627
- <h3 class="sd-board__header-title">Desk Three</h3>
628
- </div>
629
- <div class="sd-board__content sd-padding-t--1">
630
- <div class="sd-board__subheader">
631
- <h5 class="sd-board__subheader-title">Editor</h5>
632
- </div>
633
- <ul class="sd-list-item-group sd-shadow--z2">
634
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
635
- <div class="sd-list-item__border"></div>
636
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
637
- <span class="sd-avatar sd-avatar--small">
638
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>BL</span></span>
639
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
640
- </span>
641
- </div>
642
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
643
- <div class="sd-list-item__row">
644
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Bunny Lebowski</span></span>
645
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>3</span>
646
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>2</span>
647
- </div>
648
- </div>
649
- <div class="sd-list-item__action-menu">
650
- <button class="icn-btn">
651
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
652
- <i class="icon-dots-vertical"></i>
653
- </button>
654
- </div>
655
- </li>
656
- </ul>
657
- <div class="sd-board__subheader">
658
- <h5 class="sd-board__subheader-title">Journalist</h5>
659
- </div>
660
- <ul class="sd-list-item-group sd-shadow--z2">
661
- <li class="sd-list-item" ng-repeat="i in [].constructor(6) track by $index">
662
- <div class="sd-list-item__border"></div>
663
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
664
- <span class="sd-avatar sd-avatar--small">
665
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>WS</span></span>
666
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
667
- </span>
668
- </div>
669
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
670
- <div class="sd-list-item__row">
671
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Walter Sobchak</span></span>
672
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
673
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
674
- </div>
675
- </div>
676
- <div class="sd-list-item__action-menu">
677
- <button class="icn-btn">
678
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
679
- <i class="icon-dots-vertical"></i>
680
- </button>
681
- </div>
682
- </li>
683
- </ul>
684
- <div class="sd-board__subheader">
685
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
686
- </div>
687
- <ul class="sd-list-item-group sd-shadow--z2">
688
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
689
- <div class="sd-list-item__border"></div>
690
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
691
- <span class="sd-avatar sd-avatar--small">
692
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>DK</span></span>
693
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
694
- </span>
695
- </div>
696
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
697
- <div class="sd-list-item__row">
698
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Donny Kerabatsos</span></span>
699
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
700
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
701
- </div>
702
- </div>
703
- <div class="sd-list-item__action-menu">
704
- <button class="icn-btn">
705
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
706
- <i class="icon-dots-vertical"></i>
707
- </button>
708
- </div>
709
- </li>
710
- </ul>
711
- <div class="sd-board__subheader">
712
- <h5 class="sd-board__subheader-title">Producer</h5>
713
- </div>
714
- <ul class="sd-list-item-group sd-shadow--z2">
715
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
716
- <div class="sd-list-item__border"></div>
717
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
718
- <span class="sd-avatar sd-avatar--small">
719
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>JL</span></span>
720
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
721
- </span>
722
- </div>
723
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
724
- <div class="sd-list-item__row">
725
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Jeff Lebowski</span></span>
726
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
727
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
728
- </div>
729
- </div>
730
- <div class="sd-list-item__action-menu">
731
- <button class="icn-btn">
732
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
733
- <i class="icon-dots-vertical"></i>
734
- </button>
735
- </div>
736
- </li>
737
- </ul>
738
- </div>
739
- </div>
740
- <div class="sd-board">
741
- <div class="sd-board__header">
742
- <h3 class="sd-board__header-title">Desk Four</h3>
743
- </div>
744
- <div class="sd-board__content sd-padding-t--1">
745
- <div class="sd-board__subheader">
746
- <h5 class="sd-board__subheader-title">Editor</h5>
747
- </div>
748
- <ul class="sd-list-item-group sd-shadow--z2">
749
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
750
- <div class="sd-list-item__border"></div>
751
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
752
- <span class="sd-avatar sd-avatar--small">
753
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>JT</span></span>
754
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
755
- </span>
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="">Jackie Treehorn</span></span>
760
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
761
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
762
- </div>
763
- </div>
764
- <div class="sd-list-item__action-menu">
765
- <button class="icn-btn">
766
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
767
- <i class="icon-dots-vertical"></i>
768
- </button>
769
- </div>
770
- </li>
771
- </ul>
772
- <div class="sd-board__subheader">
773
- <h5 class="sd-board__subheader-title">Journalist</h5>
774
- </div>
775
- <ul class="sd-list-item-group sd-shadow--z2">
776
- <li class="sd-list-item" ng-repeat="i in [].constructor(5) track by $index">
777
- <div class="sd-list-item__border"></div>
778
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
779
- <span class="sd-avatar sd-avatar--small">
780
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>JQ</span></span>
781
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
782
- </span>
783
- </div>
784
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
785
- <div class="sd-list-item__row">
786
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Jesus Quintana</span></span>
787
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
788
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
789
- </div>
790
- </div>
791
- <div class="sd-list-item__action-menu">
792
- <button class="icn-btn">
793
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
794
- <i class="icon-dots-vertical"></i>
795
- </button>
796
- </div>
797
- </li>
798
- </ul>
799
- <div class="sd-board__subheader">
800
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
801
- </div>
802
- <ul class="sd-list-item-group sd-shadow--z2">
803
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
804
- <div class="sd-list-item__border"></div>
805
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
806
- <span class="sd-avatar sd-avatar--small">
807
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>KH</span></span>
808
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
809
- </span>
810
- </div>
811
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
812
- <div class="sd-list-item__row">
813
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Karl Hungus</span></span>
814
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
815
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
816
- </div>
817
- </div>
818
- <div class="sd-list-item__action-menu">
819
- <button class="icn-btn">
820
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
821
- <i class="icon-dots-vertical"></i>
822
- </button>
823
- </div>
824
- </li>
825
- </ul>
826
- </div>
827
- </div>
828
- <div class="sd-board">
829
- <div class="sd-board__header">
830
- <h3 class="sd-board__header-title">Desk Five</h3>
831
- </div>
832
- <div class="sd-board__content sd-padding-t--1">
833
- <div class="sd-board__subheader">
834
- <h5 class="sd-board__subheader-title">Editor</h5>
835
- </div>
836
- <ul class="sd-list-item-group sd-shadow--z2">
837
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
838
- <div class="sd-list-item__border"></div>
839
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
840
- <span class="sd-avatar sd-avatar--small">
841
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>JL</span></span>
842
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
843
- </span>
844
- </div>
845
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
846
- <div class="sd-list-item__row">
847
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Jerry Lundegaard</span></span>
848
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
849
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
850
- </div>
851
- </div>
852
- <div class="sd-list-item__action-menu">
853
- <button class="icn-btn">
854
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
855
- <i class="icon-dots-vertical"></i>
856
- </button>
857
- </div>
858
- </li>
859
- </ul>
860
- <div class="sd-board__subheader">
861
- <h5 class="sd-board__subheader-title">Journalist</h5>
862
- </div>
863
- <ul class="sd-list-item-group sd-shadow--z2">
864
- <li class="sd-list-item" ng-repeat="i in [].constructor(5) track by $index">
865
- <div class="sd-list-item__border"></div>
866
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
867
- <span class="sd-avatar sd-avatar--small">
868
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>GG</span></span>
869
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
870
- </span>
871
- </div>
872
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
873
- <div class="sd-list-item__row">
874
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Gaear Grimsrud</span></span>
875
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
876
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
877
- </div>
878
- </div>
879
- <div class="sd-list-item__action-menu">
880
- <button class="icn-btn">
881
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
882
- <i class="icon-dots-vertical"></i>
883
- </button>
884
- </div>
885
- </li>
886
- </ul>
887
- <div class="sd-board__subheader">
888
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
889
- </div>
890
- <ul class="sd-list-item-group sd-shadow--z2">
891
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
892
- <div class="sd-list-item__border"></div>
893
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
894
- <span class="sd-avatar sd-avatar--small">
895
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>WG</span></span>
896
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
897
- </span>
898
- </div>
899
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
900
- <div class="sd-list-item__row">
901
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Wade Gustafson</span></span>
902
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
903
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
904
- </div>
905
- </div>
906
- <div class="sd-list-item__action-menu">
907
- <button class="icn-btn">
908
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
909
- <i class="icon-dots-vertical"></i>
910
- </button>
911
- </div>
912
- </li>
913
- </ul>
914
- </div>
915
- </div>
916
- <div class="sd-board">
917
- <div class="sd-board__header">
918
- <h3 class="sd-board__header-title">Desk Six</h3>
919
- </div>
920
- <div class="sd-board__content sd-padding-t--1">
921
- <div class="sd-board__subheader">
922
- <h5 class="sd-board__subheader-title">Editor</h5>
923
- </div>
924
- <ul class="sd-list-item-group sd-shadow--z2">
925
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
926
- <div class="sd-list-item__border"></div>
927
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
928
- <span class="sd-avatar sd-avatar--small">
929
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>SP</span></span>
930
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
931
- </span>
932
- </div>
933
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
934
- <div class="sd-list-item__row">
935
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Shep Proudfoot</span></span>
936
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
937
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
938
- </div>
939
- </div>
940
- <div class="sd-list-item__action-menu">
941
- <button class="icn-btn">
942
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
943
- <i class="icon-dots-vertical"></i>
944
- </button>
945
- </div>
946
- </li>
947
- </ul>
948
- <div class="sd-board__subheader">
949
- <h5 class="sd-board__subheader-title">Journalist</h5>
950
- </div>
951
- <ul class="sd-list-item-group sd-shadow--z2">
952
- <li class="sd-list-item" ng-repeat="i in [].constructor(7) track by $index">
953
- <div class="sd-list-item__border"></div>
954
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
955
- <span class="sd-avatar sd-avatar--small">
956
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>BF</span></span>
957
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
958
- </span>
959
- </div>
960
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
961
- <div class="sd-list-item__row">
962
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Barton Fink</span></span>
963
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
964
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
965
- </div>
966
- </div>
967
- <div class="sd-list-item__action-menu">
968
- <button class="icn-btn">
969
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
970
- <i class="icon-dots-vertical"></i>
971
- </button>
972
- </div>
973
- </li>
974
- </ul>
975
- <div class="sd-board__subheader">
976
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
977
- </div>
978
- <ul class="sd-list-item-group sd-shadow--z2">
979
- <li class="sd-list-item" ng-repeat="i in [].constructor(4) track by $index">
980
- <div class="sd-list-item__border"></div>
981
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
982
- <span class="sd-avatar sd-avatar--small">
983
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>CM</span></span>
984
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
985
- </span>
986
- </div>
987
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
988
- <div class="sd-list-item__row">
989
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Charlie Meadows</span></span>
990
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
991
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
992
- </div>
993
- </div>
994
- <div class="sd-list-item__action-menu">
995
- <button class="icn-btn">
996
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
997
- <i class="icon-dots-vertical"></i>
998
- </button>
999
- </div>
1000
- </li>
1001
- </ul>
1002
- </div>
1003
- </div>
1004
- <div class="sd-board">
1005
- <div class="sd-board__header">
1006
- <h3 class="sd-board__header-title">Desk Seven</h3>
1007
- </div>
1008
- <div class="sd-board__content sd-padding-t--1">
1009
- <div class="sd-board__subheader">
1010
- <h5 class="sd-board__subheader-title">Editor</h5>
1011
- </div>
1012
- <ul class="sd-list-item-group sd-shadow--z2">
1013
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
1014
- <div class="sd-list-item__border"></div>
1015
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1016
- <span class="sd-avatar sd-avatar--small">
1017
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>LB</span></span>
1018
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
1019
- </span>
1020
- </div>
1021
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1022
- <div class="sd-list-item__row">
1023
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Lou Breeze</span></span>
1024
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1025
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1026
- </div>
1027
- </div>
1028
- <div class="sd-list-item__action-menu">
1029
- <button class="icn-btn">
1030
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1031
- <i class="icon-dots-vertical"></i>
1032
- </button>
1033
- </div>
1034
- </li>
1035
- </ul>
1036
- <div class="sd-board__subheader">
1037
- <h5 class="sd-board__subheader-title">Journalist</h5>
1038
- </div>
1039
- <ul class="sd-list-item-group sd-shadow--z2">
1040
- <li class="sd-list-item" ng-repeat="i in [].constructor(5) track by $index">
1041
- <div class="sd-list-item__border"></div>
1042
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1043
- <span class="sd-avatar sd-avatar--small">
1044
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>BB</span></span>
1045
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
1046
- </span>
1047
- </div>
1048
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1049
- <div class="sd-list-item__row">
1050
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Bernie Bernbaum</span></span>
1051
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1052
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1053
- </div>
1054
- </div>
1055
- <div class="sd-list-item__action-menu">
1056
- <button class="icn-btn">
1057
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1058
- <i class="icon-dots-vertical"></i>
1059
- </button>
1060
- </div>
1061
- </li>
1062
- </ul>
1063
- <div class="sd-board__subheader">
1064
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
1065
- </div>
1066
- <ul class="sd-list-item-group sd-shadow--z2">
1067
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
1068
- <div class="sd-list-item__border"></div>
1069
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1070
- <span class="sd-avatar sd-avatar--small">
1071
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>CF</span></span>
1072
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
1073
- </span>
1074
- </div>
1075
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1076
- <div class="sd-list-item__row">
1077
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Chad Feldheimer</span></span>
1078
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1079
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1080
- </div>
1081
- </div>
1082
- <div class="sd-list-item__action-menu">
1083
- <button class="icn-btn">
1084
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1085
- <i class="icon-dots-vertical"></i>
1086
- </button>
1087
- </div>
1088
- </li>
1089
- </ul>
1090
- </div>
1091
- </div>
1092
- <div class="sd-board">
1093
- <div class="sd-board__header">
1094
- <h3 class="sd-board__header-title">Desk Eight</h3>
1095
- </div>
1096
- <div class="sd-board__content sd-padding-t--1">
1097
- <div class="sd-board__subheader">
1098
- <h5 class="sd-board__subheader-title">Editor</h5>
1099
- </div>
1100
- <ul class="sd-list-item-group sd-shadow--z2">
1101
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
1102
- <div class="sd-list-item__border"></div>
1103
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1104
- <span class="sd-avatar sd-avatar--small">
1105
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>RC</span></span>
1106
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
1107
- </span>
1108
- </div>
1109
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1110
- <div class="sd-list-item__row">
1111
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Rooster Cogburn</span></span>
1112
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1113
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1114
- </div>
1115
- </div>
1116
- <div class="sd-list-item__action-menu">
1117
- <button class="icn-btn">
1118
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1119
- <i class="icon-dots-vertical"></i>
1120
- </button>
1121
- </div>
1122
- </li>
1123
- </ul>
1124
- <div class="sd-board__subheader">
1125
- <h5 class="sd-board__subheader-title">Journalist</h5>
1126
- </div>
1127
- <ul class="sd-list-item-group sd-shadow--z2">
1128
- <li class="sd-list-item" ng-repeat="i in [].constructor(5) track by $index">
1129
- <div class="sd-list-item__border"></div>
1130
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1131
- <span class="sd-avatar sd-avatar--small">
1132
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>MR</span></span>
1133
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
1134
- </span>
1135
- </div>
1136
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1137
- <div class="sd-list-item__row">
1138
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Mattie Ross</span></span>
1139
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1140
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1141
- </div>
1142
- </div>
1143
- <div class="sd-list-item__action-menu">
1144
- <button class="icn-btn">
1145
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1146
- <i class="icon-dots-vertical"></i>
1147
- </button>
1148
- </div>
1149
- </li>
1150
- </ul>Buster Scruggs
1151
- <div class="sd-board__subheader">
1152
- <h5 class="sd-board__subheader-title">Sub-Editor</h5>
1153
- </div>
1154
- <ul class="sd-list-item-group sd-shadow--z2">
1155
- <li class="sd-list-item" ng-repeat="i in [].constructor(3) track by $index">
1156
- <div class="sd-list-item__border"></div>
1157
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1158
- <span class="sd-avatar sd-avatar--small">
1159
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>TC</span></span>
1160
- <span class="sd-avatar--indicator-status--online" title="Online"></span>
1161
- </span>
1162
- </div>
1163
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1164
- <div class="sd-list-item__row">
1165
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Tom Chaney</span></span>
1166
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1167
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1168
- </div>
1169
- </div>
1170
- <div class="sd-list-item__action-menu">
1171
- <button class="icn-btn">
1172
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1173
- <i class="icon-dots-vertical"></i>
1174
- </button>
1175
- </div>
1176
- </li>
1177
- </ul>
1178
- <div class="sd-board__subheader">
1179
- <h5 class="sd-board__subheader-title">Producer</h5>
1180
- </div>
1181
- <ul class="sd-list-item-group sd-shadow--z2">
1182
- <li class="sd-list-item" ng-repeat="i in [].constructor(2) track by $index">
1183
- <div class="sd-list-item__border"></div>
1184
- <div class="sd-list-item__column sd-list-item__column--no-border sd-padding-x--0-5">
1185
- <span class="sd-avatar sd-avatar--small">
1186
- <span class="sd-avatar-content sd-avatar-content--text" title="John Doe"><span>BS</span></span>
1187
- <span class="sd-avatar--indicator-status--offline" title="Offline"></span>
1188
- </span>
1189
- </div>
1190
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1191
- <div class="sd-list-item__row">
1192
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="">Buster Scruggs</span></span>
1193
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--locked"><i class="icon-lock"></i>6</span>
1194
- <span class="sd-text-icon sd-text-icon--aligned-r user-items--assigned"><i class="icon-pick"></i>3</span>
1195
- </div>
1196
- </div>
1197
- <div class="sd-list-item__action-menu">
1198
- <button class="icn-btn">
1199
- <span class="sd-accessibility__btn-text--invisible">More actions</span>
1200
- <i class="icon-dots-vertical"></i>
1201
- </button>
1202
- </div>
1203
- </li>
1204
- </ul>
1205
- </div>
1206
- </div>
1207
- </div>
1208
- </div>
1209
- </div>
1210
- <!-- (Assignments) -->
1211
- <div class="sd-main-content-grid__content sd-main-content-grid__content--with-filters" ng-show="masterDeskView === 'assignments'">
1212
- <div class="sd-main-content-grid__content-filter-bar sd-search-tags__bar">
1213
- <ul class="sd-search-tags__tag-list">
1214
- <li class="sd-search-tags__tag tag-label tag-label--highlight1">
1215
- Lipsum slugline
1216
- <button class="tag-label__remove"><i class="icon-close-small"></i></button>
1217
- </li>
1218
- <li class="sd-search-tags__tag tag-label tag-label--highlight1">
1219
- Lorem slugline
1220
- <button class="tag-label__remove"><i class="icon-close-small"></i></button>
1221
- </li>
1222
- </ul>
1223
- <a class="text-link sd-margin-l--auto" href="#">Clear all filters</a>
1224
- </div>
1225
- <div class="sd-main-content-grid__content-inner">
1226
- <!-- Desk grid view -->
1227
- <div class="sd-grid-list sd-grid-list--medium sd-grid-list--gap-xl sd-margin--3 sd-margin-x--5">
1228
- <div class="sd-board">
1229
- <div class="sd-board__header">
1230
- <h3 class="sd-board__header-title">Desk One</h3>
1231
- </div>
1232
- <div class="sd-board__content sd-padding-t--1">
1233
- <div class="sd-board__content-block">
1234
- <ul class="sd-board__list">
1235
- <li class="sd-board__list-item">
1236
- <span class="sd-board__item-count--large">34</span>
1237
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>105</strong> in production</p>
1238
- </li>
1239
- <li class="sd-board__list-item">
1240
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5" >25</span>
1241
- </li>
1242
- <li class="sd-board__list-item">
1243
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1244
- </li>
1245
- <li class="sd-board__list-item">
1246
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">34</span>
1247
- </li>
1248
- </ul>
1249
- </div>
1250
- </div>
1251
- </div>
1252
- <div class="sd-board">
1253
- <div class="sd-board__header">
1254
- <h3 class="sd-board__header-title">Desk Two</h3>
1255
- </div>
1256
- <div class="sd-board__content sd-padding-t--1">
1257
- <div class="sd-board__content-block">
1258
- <ul class="sd-board__list">
1259
- <li class="sd-board__list-item">
1260
- <span class="sd-board__item-count--large">30</span>
1261
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>98</strong> in production</p>
1262
- </li>
1263
- <li class="sd-board__list-item">
1264
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700">25</span>
1265
- </li>
1266
- <li class="sd-board__list-item">
1267
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600">22</span>
1268
- </li>
1269
- <li class="sd-board__list-item">
1270
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600">24</span>
1271
- </li>
1272
- </ul>
1273
- </div>
1274
- </div>
1275
- </div>
1276
- <div class="sd-board">
1277
- <div class="sd-board__header">
1278
- <h3 class="sd-board__header-title">Desk Three</h3>
1279
- </div>
1280
- <div class="sd-board__content sd-padding-t--1">
1281
- <div class="sd-board__content-block">
1282
- <ul class="sd-board__list">
1283
- <li class="sd-board__list-item">
1284
- <span class="sd-board__item-count--large">20</span>
1285
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>69</strong> in production</p>
1286
- </li>
1287
- <li class="sd-board__list-item">
1288
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">21</span>
1289
- </li>
1290
- <li class="sd-board__list-item">
1291
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1292
- </li>
1293
- <li class="sd-board__list-item">
1294
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">26</span>
1295
- </li>
1296
- </ul>
1297
- </div>
1298
- </div>
1299
- </div>
1300
- <div class="sd-board">
1301
- <div class="sd-board__header">
1302
- <h3 class="sd-board__header-title">Desk Four</h3>
1303
- </div>
1304
- <div class="sd-board__content sd-padding-t--1">
1305
- <div class="sd-board__content-block">
1306
- <ul class="sd-board__list">
1307
- <li class="sd-board__list-item">
1308
- <span class="sd-board__item-count--large">17</span>
1309
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>92</strong> in production</p>
1310
- </li>
1311
- <li class="sd-board__list-item">
1312
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">25</span>
1313
- </li>
1314
- <li class="sd-board__list-item">
1315
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1316
- </li>
1317
- <li class="sd-board__list-item">
1318
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
1319
- </li>
1320
- </ul>
1321
- </div>
1322
- </div>
1323
- </div>
1324
- <div class="sd-board">
1325
- <div class="sd-board__header">
1326
- <h3 class="sd-board__header-title">Desk Five</h3>
1327
- </div>
1328
- <div class="sd-board__content sd-padding-t--1">
1329
- <div class="sd-board__content-block">
1330
- <ul class="sd-board__list">
1331
- <li class="sd-board__list-item">
1332
- <span class="sd-board__item-count--large">32</span>
1333
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>68</strong> in production</p>
1334
- </li>
1335
- <li class="sd-board__list-item">
1336
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">25</span>
1337
- </li>
1338
- <li class="sd-board__list-item">
1339
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1340
- </li>
1341
- <li class="sd-board__list-item">
1342
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
1343
- </li>
1344
- </ul>
1345
- </div>
1346
- </div>
1347
- </div>
1348
- <div class="sd-board">
1349
- <div class="sd-board__header">
1350
- <h3 class="sd-board__header-title">Desk Six</h3>
1351
- </div>
1352
- <div class="sd-board__content sd-padding-t--1">
1353
- <div class="sd-board__content-block">
1354
- <ul class="sd-board__list">
1355
- <li class="sd-board__list-item">
1356
- <span class="sd-board__item-count--large">37</span>
1357
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>74</strong> in production</p>
1358
- </li>
1359
- <li class="sd-board__list-item">
1360
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">25</span>
1361
- </li>
1362
- <li class="sd-board__list-item">
1363
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1364
- </li>
1365
- <li class="sd-board__list-item">
1366
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
1367
- </li>
1368
- </ul>
1369
- </div>
1370
- </div>
1371
- </div>
1372
- <div class="sd-board">
1373
- <div class="sd-board__header">
1374
- <h3 class="sd-board__header-title">Desk Seven</h3>
1375
- </div>
1376
- <div class="sd-board__content sd-padding-t--1">
1377
- <div class="sd-board__content-block">
1378
- <ul class="sd-board__list">
1379
- <li class="sd-board__list-item">
1380
- <span class="sd-board__item-count--large">43</span>
1381
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>123</strong> in production</p>
1382
- </li>
1383
- <li class="sd-board__list-item">
1384
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">25</span>
1385
- </li>
1386
- <li class="sd-board__list-item">
1387
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1388
- </li>
1389
- <li class="sd-board__list-item">
1390
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
1391
- </li>
1392
- </ul>
1393
- </div>
1394
- </div>
1395
- </div>
1396
- <div class="sd-board">
1397
- <div class="sd-board__header">
1398
- <h3 class="sd-board__header-title">Desk Eight</h3>
1399
- </div>
1400
- <div class="sd-board__content sd-padding-t--1">
1401
- <div class="sd-board__content-block">
1402
- <ul class="sd-board__list">
1403
- <li class="sd-board__list-item">
1404
- <span class="sd-board__item-count--large">29</span>
1405
- <p class="sd-board__count-label sd-board__count-label--l">unassigned items<br> of <strong>83</strong> in production</p>
1406
- </li>
1407
- <li class="sd-board__list-item">
1408
- <h6 class="sd-board__list-item-title sd-board__list-item-title--to-do">To Do</h6><span class="badge red--700 sd-margin-r--0-5">25</span>
1409
- </li>
1410
- <li class="sd-board__list-item">
1411
- <h6 class="sd-board__list-item-title sd-board__list-item-title--progress">In Progress</h6><span class="badge orange--600 sd-margin-r--0-5">22</span>
1412
- </li>
1413
- <li class="sd-board__list-item">
1414
- <h6 class="sd-board__list-item-title sd-board__list-item-title--completed">Completed</h6><span class="badge light-green--600 sd-margin-r--0-5">24</span>
1415
- </li>
1416
- </ul>
1417
- </div>
1418
- </div>
1419
- </div>
1420
- </div>
1421
- </div>
1422
- </div>
1423
- <!-- PREVIEW PANEL -->
1424
- <div class="sd-main-content-grid__preview" ng-class="{'open-preview': true}">
1425
- <div class="side-panel__container">
1426
- <div class="side-panel side-panel--bg-00 side-panel--shadow-right" ng-class="{'side-panel--dark-ui' : darkUI}">
1427
- <div class="side-panel__header">
1428
- <div class="side-panel__tools">
1429
- <!-- <a class="icn-btn" sd-tooltip="Edit details" flow="top" ng-click="editorOpen = true; leftPreviewOpen = false"><i class="icon-pencil"></i></a> -->
1430
- <a class="icn-btn" sd-tooltip="Close details" flow="top" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1"><i class="icon-close-small"></i></a>
1431
- </div>
1432
- <div class="sd-nav-tabs" ng-class="{'sd-nav-tabs--ui-dark' : darkUI}">
1433
- <button ng-click="tab = 'event-details'" ng-class="{'sd-nav-tabs__tab--active': !tab || tab === 'event-details'}" class="sd-nav-tabs__tab">
1434
- <span translate>Content</span>
1435
- </button>
1436
- <button ng-click="tab = 'event-history'" ng-class="{'sd-nav-tabs__tab--active': tab === 'event-history'}" class="sd-nav-tabs__tab">
1437
- <span translate>History</span>
1438
- </button>
1439
- </div>
1440
- </div>
1441
- <div class="side-panel__content" ng-if="!tab || tab === 'event-details'">
1442
- <div class="side-panel__content-block side-panel__content-block--pad-small side-panel__content-block--flex">
1443
- <div class="side-panel__content-block-inner side-panel__content-block-inner--grow">
1444
- <p class="sd-text__date-and-author"><time>Created 23.08.2017 by </time> <span class="sd-text__author">Mika Karapet</span></p>
1445
- <p class="sd-text__date-and-author"><time>Updated 3 hours ago by</time> <span class="sd-text__author">John Doe</span></p>
1446
- </div>
1447
- <div class="side-panel__content-block-inner side-panel__content-block-inner--right">
1448
- <a class="icn-btn"><i class="icon-dots-vertical"></i></a>
1449
- </div>
1450
- </div>
1451
- <div class="side-panel__content-block side-panel__content-block--image">
1452
- <a class="icn-btn side-panel__image-actions" ng-click="openModal('imageModal')">
1453
- <i class="icon-fullscreen"></i>
1454
- </a>
1455
- <img src="/d_trump.jpg" alt="test">
1456
- </div>
1457
- <div class="side-panel__content-block">
1458
- <div class="form__row">
1459
- <label class="form-label form-label--light">Slugline</label>
1460
- <p class="sd-text__slugline">This is a slugline</p>
1461
- </div>
1462
- <div class="form__row">
1463
- <label class="form-label form-label--light">Description</label>
1464
- <p>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</p>
1465
- </div>
1466
-
1467
- <div sd-toggle-box data-title="Details" data-style="circle">
1468
- <div class="form__row">
1469
- <label class="form-label form-label--light">Usage right</label>
1470
- <p>Single usage</p>
1471
- </div>
1472
- <div class="form__row">
1473
- <label class="form-label form-label--light">Category</label>
1474
- <p>Some category</p>
1475
- </div>
1476
- <div class="form__row">
1477
- <label class="form-label form-label--light">Subject</label>
1478
- <p>Arts, culture and entertainment, Music</p>
1479
- </div>
1480
- <div class="form__row">
1481
- <label class="form-label form-label--light">Long Description</label>
1482
- <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>
1483
- </div>
1484
- <div class="form__row">
1485
- <label class="form-label form-label--light">Internal Note</label>
1486
- <p>Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
1487
- </div>
1488
- </div>
1489
- <h3 class="side-panel__heading side-panel__heading--big" ng-hide="multiEdit">Related items</h3>
1490
- <div class="sd-grid-list sd-grid-list--x-small sd-margin-y--2" ng-hide="multiEdit">
1491
- <!-- related item 1 -->
1492
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1493
- <div class="sd-grid-item__thumb">
1494
- <img src="/d_trump_2.jpg" alt="test">
1495
- </div>
1496
- <div class="sd-grid-item__content">
1497
- <time title="20.11.2017">20.11.2017</time>
1498
- <span class="sd-grid-item__slugline">This is a slugline</span>
1499
- </div>
1500
- </div>
1501
- <!-- related item 2 -->
1502
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1503
- <div class="sd-grid-item__thumb">
1504
- <img src="/bill.jpg" alt="test">
1505
- </div>
1506
- <div class="sd-grid-item__content">
1507
- <time title="20.11.2017">20.11.2017</time>
1508
- <span class="sd-grid-item__slugline">This is a slugline</span>
1509
- </div>
1510
- </div>
1511
- <!-- related item 3 -->
1512
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1513
- <div class="sd-grid-item__thumb">
1514
- <img src="/hillary.jpg" alt="test">
1515
- </div>
1516
- <div class="sd-grid-item__content">
1517
- <time title="20.11.2017">20.11.2017</time>
1518
- <span class="sd-grid-item__slugline">This is a slugline</span>
1519
- </div>
1520
- </div>
1521
- <!-- related item 4 -->
1522
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1523
- <div class="sd-grid-item__thumb">
1524
- <img src="/bush_1.jpg" alt="test">
1525
- </div>
1526
- <div class="sd-grid-item__content">
1527
- <time title="20.11.2017">20.11.2017</time>
1528
- <span class="sd-grid-item__slugline">This is a slugline</span>
1529
- </div>
1530
- </div>
1531
- </div>
1532
- </div>
1533
- </div>
1534
- <div class="side-panel__content" ng-if="tab === 'event-history'">
1535
- <div class="side-panel__content-block">
1536
- <ul class="simple-list simple-list--dotted simple-list--no-padding">
1537
- <li class="simple-list__item">
1538
- <p><strong>Created by</strong> Mika Karapet</p>
1539
- <time class="small">Tuesday, 12. September 13:10</time>
1540
- </li>
1541
- <li class="simple-list__item">
1542
- <p><strong>Coverage created by</strong> Vince Ryan</p>
1543
- <time class="small">Tuesday, 12. September 13:13</time>
1544
- </li>
1545
- <li class="simple-list__item">
1546
- <p><strong>Updated by</strong> Karel Petrak</p>
1547
- <time class="small">Tuesday, 12. September 13:13</time>
1548
- </li>
1549
- <li class="simple-list__item">
1550
- <p><strong>Coverage updated by</strong> John Doe</p>
1551
- <time class="small">Tuesday, 12. September 13:21</time>
1552
- </li>
1553
- </ul>
1554
- </div>
1555
- </div>
1556
- <div class="side-panel__footer">
1557
-
1558
- </div>
1559
- </div>
1560
- </div>
1561
- </div>
1562
- <!-- END left content -->
1563
- </div>
1564
- <div class="sd-content-wrapper__content-splitter" ng-if="editArticle" sd-splitter="authoringContent" splitter-max="1000" splitter-min="650"></div>
1565
- <div id="authoringContent" class="sd-content-wrapper__authoring-content-area" ng-include="'playgrounds/layout-snippets/edit-article.html'" ng-if="editArticle">
1566
-
1567
- </div>
1568
- </section>
1569
- <footer class="sd-bottom-bar">
1570
- This is the optional footer.
1571
- </footer>
1572
- </div>
1573
-
1574
- <div class="sd-overlay-panel sd-overlay-panel--dark-ui" ng-class="{'sd-overlay-panel--open' : notificationsOpen}">
1575
- <div class="side-panel side-panel--shadow-right side-panel--dark-ui overflow-x-hidden">
1576
- <div class="side-panel__header">
1577
- <h3 class="side-panel__heading">Notification</h3>
1578
- <div class="side-panel__tools">
1579
- <a class="icn-btn" ng-click="notificationsOpen = !notificationsOpen"><i class="icon-close-small"></i></a>
1580
- </div>
1581
- </div>
1582
- <div class="side-panel__content">
1583
- <ul class="boxed-list sd-margin--2">
1584
- <li class="boxed-list__item">
1585
- <div class="boxed-list__item-media">
1586
- <figure class="avatar sd-margin--0 pink--600">MM</figure>
1587
- </div>
1588
- <div class="boxed-list__item-content">
1589
- <div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
1590
- <span class="sd-text--bold sd-overflow-ellipsis">Max Mustermann</span>
1591
- <time class="sd-text__date-time sd-text__date-time--small ml-auto">25.09.2020</time>
1592
- </div>
1593
- <div class="boxed-list__item-content-row">
1594
- <span>Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.</span>
1595
- </div>
1596
- </div>
1597
- </li>
1598
- <li class="boxed-list__item boxed-list__item--success">
1599
- <div class="boxed-list__item-content">
1600
- <div class="boxed-list__item-content-row">
1601
- <span>Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor.</span>
1602
- </div>
1603
- </div>
1604
- </li>
1605
- <li class="boxed-list__item boxed-list__item--success">
1606
- <div class="boxed-list__item-content">
1607
- <div class="boxed-list__item-content-row">
1608
- <span>Curabitur blandit tempus porttitor. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget.</span>
1609
- </div>
1610
- </div>
1611
- </li>
1612
- <li class="boxed-list__item boxed-list__item--success">
1613
- <div class="boxed-list__item-content">
1614
- <div class="boxed-list__item-content-row">
1615
- <span>Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum.</span>
1616
- </div>
1617
- </div>
1618
- </li>
1619
- <li class="boxed-list__item boxed-list__item--alert">
1620
- <div class="boxed-list__item-content">
1621
- <div class="boxed-list__item-content-row">
1622
- <span>Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum.</span>
1623
- </div>
1624
- </div>
1625
- </li>
1626
- <li class="boxed-list__item">
1627
- <div class="boxed-list__item-media">
1628
- <figure class="avatar sd-margin--0 teal--500">WS</figure>
1629
- </div>
1630
- <div class="boxed-list__item-content">
1631
- <div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
1632
- <span class="sd-text--bold sd-overflow-ellipsis">Walter Sobchak</span>
1633
- <time class="sd-text__date-time sd-text__date-time--small ml-auto">25.09.2020</time>
1634
- </div>
1635
- <div class="boxed-list__item-content-row">
1636
- <span>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</span>
1637
- </div>
1638
- </div>
1639
- </li>
1640
- <li class="boxed-list__item">
1641
- <div class="boxed-list__item-media">
1642
- <figure class="avatar sd-margin--0 light-green--700">JL</figure>
1643
- </div>
1644
- <div class="boxed-list__item-content">
1645
- <div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
1646
- <span class="sd-text--bold sd-overflow-ellipsis">Jeff Lebowski</span>
1647
- <time class="sd-text__date-time sd-text__date-time--small ml-auto">25.09.2020</time>
1648
- </div>
1649
- <div class="boxed-list__item-content-row">
1650
- <span>Maecenas faucibus mollis interdum. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</span>
1651
- </div>
1652
- </div>
1653
- </li>
1654
- <li class="boxed-list__item">
1655
- <div class="boxed-list__item-media">
1656
- <figure class="avatar sd-margin--0 purple--500">BL</figure>
1657
- </div>
1658
- <div class="boxed-list__item-content">
1659
- <div class="boxed-list__item-content-row boxed-list__item-content-row--fixed">
1660
- <span class="sd-text--bold sd-overflow-ellipsis">Bunny Lebowski</span>
1661
- <time class="sd-text__date-time sd-text__date-time--small ml-auto">25.09.2020</time>
1662
- </div>
1663
- <div class="boxed-list__item-content-row">
1664
- <span>Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</span>
1665
- </div>
1666
- </div>
1667
- </li>
1668
- <li class="boxed-list__item boxed-list__item--warning">
1669
- <div class="boxed-list__item-content">
1670
- <div class="boxed-list__item-content-row">
1671
- <span>Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</span>
1672
- </div>
1673
- </div>
1674
- </li>
1675
- </ul>
1676
- </div>
1677
- </div>
1678
- </div>