superdesk-ui-framework 4.0.52 → 4.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (373) hide show
  1. package/app-typescript/components/DateTimePicker.tsx +11 -1
  2. package/dist/examples.bundle.js +14 -2
  3. package/dist/superdesk-ui.bundle.js +13 -1
  4. package/package.json +1 -1
  5. package/react/components/DateTimePicker.d.ts +1 -0
  6. package/react/components/DateTimePicker.js +13 -1
  7. package/dist/playgrounds/accessible-theme-test.html +0 -813
  8. package/dist/playgrounds/boxed-list.html +0 -164
  9. package/dist/playgrounds/cards.html +0 -244
  10. package/dist/playgrounds/circular-progress.html +0 -48
  11. package/dist/playgrounds/dummy-data/items.ts +0 -95
  12. package/dist/playgrounds/editor-3-test.html +0 -15
  13. package/dist/playgrounds/form-layout.html +0 -285
  14. package/dist/playgrounds/layout-grid.html +0 -79
  15. package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
  16. package/dist/playgrounds/layout-test-2.html +0 -795
  17. package/dist/playgrounds/list-item-test.html +0 -896
  18. package/dist/playgrounds/main.html +0 -16
  19. package/dist/playgrounds/master-desk.html +0 -1678
  20. package/dist/playgrounds/media-carousel.html +0 -1166
  21. package/dist/playgrounds/nav-buttons.html +0 -65
  22. package/dist/playgrounds/photo-desk.html +0 -1515
  23. package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  24. package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
  25. package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
  26. package/dist/playgrounds/planning.html +0 -1112
  27. package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
  28. package/dist/playgrounds/publish.html +0 -1007
  29. package/dist/playgrounds/publisher-content-analytics.html +0 -376
  30. package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
  31. package/dist/playgrounds/publisher-content-list-manual.html +0 -611
  32. package/dist/playgrounds/publisher-content-lists.html +0 -255
  33. package/dist/playgrounds/publisher-dashboard.html +0 -323
  34. package/dist/playgrounds/publisher-output-control.html +0 -3659
  35. package/dist/playgrounds/publisher-website-settings-general.html +0 -188
  36. package/dist/playgrounds/publisher-website-settings.html +0 -265
  37. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  38. package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  39. package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  40. package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
  41. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  42. package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  43. package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  44. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  45. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  46. package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  47. package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  48. package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  49. package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  50. package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  51. package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  52. package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  53. package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  54. package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  55. package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  56. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  57. package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  58. package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  59. package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  60. package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  61. package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  62. package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  63. package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  64. package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  65. package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  66. package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  67. package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  68. package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  69. package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  70. package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  71. package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
  72. package/dist/playgrounds/settings.html +0 -92
  73. package/dist/playgrounds/side-navigation.html +0 -201
  74. package/dist/playgrounds/swimlane-view.html +0 -1975
  75. package/dist/playgrounds/tags-input.html +0 -55
  76. package/dist/playgrounds/toasts.html +0 -113
  77. package/dist/playgrounds/video-editor.html +0 -706
  78. package/examples/css/docs-page.css +0 -1135
  79. package/examples/css/reset.css +0 -124
  80. package/examples/css/vendor.css +0 -175
  81. package/examples/illustration-small--components.svg +0 -45
  82. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
  83. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
  84. package/examples/img/avatar-2.jpg +0 -0
  85. package/examples/img/avatar-3.jpg +0 -0
  86. package/examples/img/avatar-4.jpg +0 -0
  87. package/examples/img/avatar-5.jpg +0 -0
  88. package/examples/img/avatar-6.jpg +0 -0
  89. package/examples/img/avatar.jpg +0 -0
  90. package/examples/img/bill.jpg +0 -0
  91. package/examples/img/bush_1.jpg +0 -0
  92. package/examples/img/bush_2.jpg +0 -0
  93. package/examples/img/carousel-thumb--01.jpg +0 -0
  94. package/examples/img/carousel-thumb--02.jpg +0 -0
  95. package/examples/img/carousel-thumb--03.jpg +0 -0
  96. package/examples/img/carousel-thumb--04.jpg +0 -0
  97. package/examples/img/components_ilustration.svg +0 -1
  98. package/examples/img/d_trump.jpg +0 -0
  99. package/examples/img/d_trump_2.jpg +0 -0
  100. package/examples/img/d_trump_large.jpg +0 -0
  101. package/examples/img/design_ilustration.svg +0 -1
  102. package/examples/img/ferocious_beast.webm +0 -0
  103. package/examples/img/guidelines/application-frame.png +0 -0
  104. package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
  105. package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
  106. package/examples/img/guidelines/application-frame__left-panel.png +0 -0
  107. package/examples/img/guidelines/application-frame__main-content.gif +0 -0
  108. package/examples/img/guidelines/application-frame__main-content.png +0 -0
  109. package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
  110. package/examples/img/guidelines/application-frame__right-panel.png +0 -0
  111. package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
  112. package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
  113. package/examples/img/guidelines/application-frame__top-bar.png +0 -0
  114. package/examples/img/guidelines/buttons--00-01.png +0 -0
  115. package/examples/img/guidelines/buttons--00-02.png +0 -0
  116. package/examples/img/guidelines/buttons--DO-02.png +0 -0
  117. package/examples/img/guidelines/buttons--DONT-01.png +0 -0
  118. package/examples/img/guidelines/checkbox--DO-01.png +0 -0
  119. package/examples/img/guidelines/checkbox--DO-02.png +0 -0
  120. package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
  121. package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
  122. package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
  123. package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
  124. package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
  125. package/examples/img/guidelines/example__main-content--01.png +0 -0
  126. package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
  127. package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
  128. package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
  129. package/examples/img/guidelines/example__sub-nav--01.png +0 -0
  130. package/examples/img/guidelines/example__sub-nav--02.png +0 -0
  131. package/examples/img/guidelines/example__sub-nav--03.png +0 -0
  132. package/examples/img/guidelines/example__top-bar--01.png +0 -0
  133. package/examples/img/guidelines/layout--grid-01.png +0 -0
  134. package/examples/img/guidelines/layout--size-example-01.png +0 -0
  135. package/examples/img/guidelines/radio--DO-01.png +0 -0
  136. package/examples/img/guidelines/radio--DONT-01.png +0 -0
  137. package/examples/img/guidelines/radio--DONT-02.png +0 -0
  138. package/examples/img/guidelines/radio--DONT-03.png +0 -0
  139. package/examples/img/guidelines/switch--DO-01.png +0 -0
  140. package/examples/img/guidelines/switch--DO-02.png +0 -0
  141. package/examples/img/guidelines/switch--DONT-01.png +0 -0
  142. package/examples/img/guidelines/switch--DONT-02.png +0 -0
  143. package/examples/img/hillary.jpg +0 -0
  144. package/examples/img/illustration--components.svg +0 -1
  145. package/examples/img/illustration--design.svg +0 -1
  146. package/examples/img/illustration--playground.svg +0 -1
  147. package/examples/img/illustration--react.svg +0 -1
  148. package/examples/img/illustration-small--components.svg +0 -45
  149. package/examples/img/illustration-small--design.svg +0 -99
  150. package/examples/img/illustration-small--playground.svg +0 -49
  151. package/examples/img/illustration-small--react.svg +0 -53
  152. package/examples/img/illustration_user-privileges.png +0 -0
  153. package/examples/img/illustration_users.png +0 -0
  154. package/examples/img/image_01.jpg +0 -0
  155. package/examples/img/image_02.jpg +0 -0
  156. package/examples/img/masthead-image.png +0 -0
  157. package/examples/img/obama_1.jpg +0 -0
  158. package/examples/img/obama_2.jpg +0 -0
  159. package/examples/img/overlay-img.jpg +0 -0
  160. package/examples/img/react-logo--vector.svg +0 -49
  161. package/examples/img/sd-ui-framework__logo-01.svg +0 -33
  162. package/examples/img/sd-ui-framework__logo.svg +0 -20
  163. package/examples/img/th01.jpg +0 -0
  164. package/examples/img/th02.jpg +0 -0
  165. package/examples/img/th03.jpg +0 -0
  166. package/examples/index.html +0 -11
  167. package/examples/index.js +0 -468
  168. package/examples/js/doc.js +0 -230
  169. package/examples/js/react.js +0 -263
  170. package/examples/pages/components/Alerts.tsx +0 -291
  171. package/examples/pages/components/Autocomplete.tsx +0 -434
  172. package/examples/pages/components/Avatar.tsx +0 -659
  173. package/examples/pages/components/Badges.tsx +0 -221
  174. package/examples/pages/components/BigIconFont.tsx +0 -48
  175. package/examples/pages/components/BoxedList.tsx +0 -517
  176. package/examples/pages/components/ButtonGroups.tsx +0 -366
  177. package/examples/pages/components/Buttons.tsx +0 -565
  178. package/examples/pages/components/Card.tsx +0 -23
  179. package/examples/pages/components/Carousel.tsx +0 -235
  180. package/examples/pages/components/Checkboxs.tsx +0 -817
  181. package/examples/pages/components/Container.tsx +0 -190
  182. package/examples/pages/components/ContentDivider.tsx +0 -229
  183. package/examples/pages/components/ContentList.tsx +0 -786
  184. package/examples/pages/components/CreateButton.tsx +0 -121
  185. package/examples/pages/components/DatePicker.tsx +0 -245
  186. package/examples/pages/components/DateTimePicker.tsx +0 -141
  187. package/examples/pages/components/DragHandleDocs.tsx +0 -122
  188. package/examples/pages/components/DropZone.tsx +0 -149
  189. package/examples/pages/components/Dropdowns.tsx +0 -587
  190. package/examples/pages/components/DurationInput.tsx +0 -157
  191. package/examples/pages/components/EmptyStates.tsx +0 -171
  192. package/examples/pages/components/GridItem.tsx +0 -507
  193. package/examples/pages/components/GridList.tsx +0 -126
  194. package/examples/pages/components/Heading.tsx +0 -152
  195. package/examples/pages/components/IconButtons.tsx +0 -191
  196. package/examples/pages/components/IconFont.tsx +0 -49
  197. package/examples/pages/components/IconLabels.tsx +0 -199
  198. package/examples/pages/components/IconPicker.tsx +0 -82
  199. package/examples/pages/components/IllustrationButton.tsx +0 -109
  200. package/examples/pages/components/Index.tsx +0 -563
  201. package/examples/pages/components/Inputs.tsx +0 -313
  202. package/examples/pages/components/Labels.tsx +0 -354
  203. package/examples/pages/components/LeftNavigations.tsx +0 -459
  204. package/examples/pages/components/ListItems.tsx +0 -33
  205. package/examples/pages/components/Loader.tsx +0 -25
  206. package/examples/pages/components/Menu.tsx +0 -181
  207. package/examples/pages/components/Modal.tsx +0 -557
  208. package/examples/pages/components/MultiSelect.tsx +0 -343
  209. package/examples/pages/components/NavButtons.tsx +0 -159
  210. package/examples/pages/components/Panel.tsx +0 -631
  211. package/examples/pages/components/Popover.tsx +0 -90
  212. package/examples/pages/components/QuickNavigationBar.tsx +0 -278
  213. package/examples/pages/components/RadioGroup.tsx +0 -612
  214. package/examples/pages/components/ResizablePanels.tsx +0 -43
  215. package/examples/pages/components/SelectGrid.tsx +0 -162
  216. package/examples/pages/components/SelectWithTemplate.tsx +0 -144
  217. package/examples/pages/components/Selects.tsx +0 -175
  218. package/examples/pages/components/SimpleList.tsx +0 -198
  219. package/examples/pages/components/SubNav.tsx +0 -160
  220. package/examples/pages/components/Switch.tsx +0 -298
  221. package/examples/pages/components/TableList.tsx +0 -315
  222. package/examples/pages/components/Tabs.tsx +0 -276
  223. package/examples/pages/components/TagInputDocs.tsx +0 -130
  224. package/examples/pages/components/Tags.tsx +0 -154
  225. package/examples/pages/components/Text.tsx +0 -184
  226. package/examples/pages/components/TimePicker.tsx +0 -179
  227. package/examples/pages/components/Toasts.tsx +0 -283
  228. package/examples/pages/components/Togglebox.tsx +0 -307
  229. package/examples/pages/components/Tooltips.tsx +0 -74
  230. package/examples/pages/components/TreeMenu.tsx +0 -315
  231. package/examples/pages/components/TreeSelect.tsx +0 -625
  232. package/examples/pages/components/WithPaginationDocs.tsx +0 -56
  233. package/examples/pages/components/WithSizeObserver.tsx +0 -44
  234. package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
  235. package/examples/pages/components/tree-select/example-1.tsx +0 -67
  236. package/examples/pages/components/tree-select/example-2.tsx +0 -56
  237. package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
  238. package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
  239. package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
  240. package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
  241. package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
  242. package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
  243. package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
  244. package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
  245. package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
  246. package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
  247. package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
  248. package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
  249. package/examples/pages/components.html +0 -15
  250. package/examples/pages/components_deprecated/alerts.html +0 -113
  251. package/examples/pages/components_deprecated/badge.html +0 -79
  252. package/examples/pages/components_deprecated/basic-grid.html +0 -132
  253. package/examples/pages/components_deprecated/big-icons.html +0 -65
  254. package/examples/pages/components_deprecated/buttons.html +0 -631
  255. package/examples/pages/components_deprecated/carousel.html +0 -77
  256. package/examples/pages/components_deprecated/checkbox.html +0 -86
  257. package/examples/pages/components_deprecated/colors.html +0 -12
  258. package/examples/pages/components_deprecated/dropdown.html +0 -542
  259. package/examples/pages/components_deprecated/form-layout.html +0 -187
  260. package/examples/pages/components_deprecated/icon-labels.html +0 -34
  261. package/examples/pages/components_deprecated/icons.html +0 -194
  262. package/examples/pages/components_deprecated/input.html +0 -233
  263. package/examples/pages/components_deprecated/labels.html +0 -170
  264. package/examples/pages/components_deprecated/layout-grid.html +0 -227
  265. package/examples/pages/components_deprecated/left-nav.html +0 -83
  266. package/examples/pages/components_deprecated/list-item.html +0 -1342
  267. package/examples/pages/components_deprecated/loader.html +0 -64
  268. package/examples/pages/components_deprecated/modal-template.html +0 -13
  269. package/examples/pages/components_deprecated/modals.html +0 -561
  270. package/examples/pages/components_deprecated/other-elements.html +0 -54
  271. package/examples/pages/components_deprecated/panel-info.html +0 -34
  272. package/examples/pages/components_deprecated/radio.html +0 -64
  273. package/examples/pages/components_deprecated/select.html +0 -160
  274. package/examples/pages/components_deprecated/shadows.html +0 -24
  275. package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
  276. package/examples/pages/components_deprecated/simple-list.html +0 -113
  277. package/examples/pages/components_deprecated/slider.html +0 -31
  278. package/examples/pages/components_deprecated/spacing.html +0 -117
  279. package/examples/pages/components_deprecated/switch.html +0 -31
  280. package/examples/pages/components_deprecated/tables.html +0 -58
  281. package/examples/pages/components_deprecated/tabs.html +0 -257
  282. package/examples/pages/components_deprecated/tag-input.html +0 -123
  283. package/examples/pages/components_deprecated/tag-labels.html +0 -57
  284. package/examples/pages/components_deprecated/text.html +0 -55
  285. package/examples/pages/components_deprecated/toggle.html +0 -63
  286. package/examples/pages/components_deprecated/tooltips.html +0 -29
  287. package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
  288. package/examples/pages/components_deprecated/wizard.html +0 -41
  289. package/examples/pages/components_deprecated.html +0 -39
  290. package/examples/pages/design/application-structure.html +0 -168
  291. package/examples/pages/design/buttons.html +0 -34
  292. package/examples/pages/design/checkbox-and-radio.html +0 -64
  293. package/examples/pages/design/layout-principles.html +0 -45
  294. package/examples/pages/design/modules.html +0 -22
  295. package/examples/pages/design/pages.html +0 -22
  296. package/examples/pages/design/switch.html +0 -55
  297. package/examples/pages/design-patterns/Index.tsx +0 -42
  298. package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
  299. package/examples/pages/design-patterns.html +0 -14
  300. package/examples/pages/design.html +0 -39
  301. package/examples/pages/main.html +0 -76
  302. package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
  303. package/examples/pages/playgrounds/boxed-list.html +0 -164
  304. package/examples/pages/playgrounds/cards.html +0 -244
  305. package/examples/pages/playgrounds/circular-progress.html +0 -48
  306. package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
  307. package/examples/pages/playgrounds/editor-3-test.html +0 -15
  308. package/examples/pages/playgrounds/form-layout.html +0 -285
  309. package/examples/pages/playgrounds/layout-grid.html +0 -79
  310. package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
  311. package/examples/pages/playgrounds/layout-test-2.html +0 -795
  312. package/examples/pages/playgrounds/list-item-test.html +0 -896
  313. package/examples/pages/playgrounds/main.html +0 -16
  314. package/examples/pages/playgrounds/master-desk.html +0 -1678
  315. package/examples/pages/playgrounds/media-carousel.html +0 -1166
  316. package/examples/pages/playgrounds/nav-buttons.html +0 -65
  317. package/examples/pages/playgrounds/photo-desk.html +0 -1515
  318. package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  319. package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
  320. package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
  321. package/examples/pages/playgrounds/planning.html +0 -1112
  322. package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
  323. package/examples/pages/playgrounds/publish.html +0 -1007
  324. package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
  325. package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
  326. package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
  327. package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
  328. package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
  329. package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
  330. package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
  331. package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
  332. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  333. package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  334. package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  335. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
  336. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  337. package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  338. package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  339. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  340. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  341. package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  342. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  343. package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  344. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  345. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  346. package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  347. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  348. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  349. package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  350. package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  351. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  352. package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  353. package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  354. package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  355. package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  356. package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  357. package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  358. package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  359. package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  360. package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  361. package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  362. package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  363. package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  364. package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  365. package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  366. package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
  367. package/examples/pages/playgrounds/settings.html +0 -92
  368. package/examples/pages/playgrounds/side-navigation.html +0 -201
  369. package/examples/pages/playgrounds/swimlane-view.html +0 -1975
  370. package/examples/pages/playgrounds/tags-input.html +0 -55
  371. package/examples/pages/playgrounds/toasts.html +0 -113
  372. package/examples/pages/playgrounds/video-editor.html +0 -706
  373. package/examples/pages/playgrounds.html +0 -40
@@ -1,3659 +0,0 @@
1
- <div class="sd-page-grid--basic docs-page__content" doc-modal>
2
- <header class="sd-top-menu">
3
- <a href="" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
4
- <p class="sd-top-menu__header">Publisher</p>
5
- </header>
6
-
7
- <section class="sd-content sd-page-content--slide-in" ng-class="{
8
- 'sd-page-content--slide-in--open' : editorOpen}">
9
-
10
- <div class="sd-sidebar-menu sd-page-content__left-tabs">
11
- <ul>
12
- <li sd-tooltip="Dashboard" flow="right">
13
- <a href="" class="sd-sidebar-menu__btn">
14
- <i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
15
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
16
- </a>
17
- </li>
18
- <li sd-tooltip="Monitoring" flow="right">
19
- <a href="" class="sd-sidebar-menu__btn">
20
- <i class="sd-sidebar-menu__main-icon big-icon--view"></i>
21
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
22
- </a>
23
- </li>
24
- <li sd-tooltip="Highlights" flow="right">
25
- <a href="" class="sd-sidebar-menu__btn">
26
- <i class="sd-sidebar-menu__main-icon big-icon--marked-star"></i>
27
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
28
- </a>
29
- </li>
30
- <li sd-tooltip="Spiked" flow="right">
31
- <a href="" class="sd-sidebar-menu__btn">
32
- <i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
33
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
34
- </a>
35
- </li>
36
- <li class="sd-sidebar-menu__spacer">
37
- </li>
38
- <li sd-tooltip="Personal" flow="right">
39
- <a href="" class="sd-sidebar-menu__btn">
40
- <i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
41
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
42
- </a>
43
- </li>
44
- <li sd-tooltip="Search" flow="right">
45
- <a href="" class="sd-sidebar-menu__btn">
46
- <i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
47
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
48
- </a>
49
- </li>
50
- <li class="sd-sidebar-menu__spacer">
51
- </li>
52
- <li sd-tooltip="Publisher" flow="right">
53
- <a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
54
- <i class="sd-sidebar-menu__main-icon big-icon--publisher"></i>
55
- </a>
56
- </li>
57
- <li sd-tooltip="Planning" flow="right">
58
- <a href="" class="sd-sidebar-menu__btn">
59
- <i class="sd-sidebar-menu__main-icon big-icon--calendar"></i>
60
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
61
- </a>
62
- </li>
63
- </ul>
64
- </div>
65
- <div class="sd-sidebar-menu sd-sidebar-menu--second-level sd-page-content__left-tabs">
66
- <ul>
67
- <li sd-tooltip="Dashboard" flow="right">
68
- <a href="" class="sd-sidebar-menu__btn">
69
- <i class="sd-sidebar-menu__main-icon big-icon--dashboard-alt"></i>
70
- </a>
71
- </li>
72
- <li sd-tooltip="Output Control" flow="right">
73
- <a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active">
74
- <i class="sd-sidebar-menu__main-icon big-icon--web"></i>
75
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
76
- </a>
77
- </li>
78
- </ul>
79
- </div>
80
- <div class="sd-page-content__content-block sd-page-content__content-block--double-sidebar" ng-class="{'open-filters': leftFilterOpen, 'open-preview': leftPreviewOpen, 'open-publish': publishPaneOpen}">
81
- <div class="subnav">
82
- <button class="navbtn navbtn--left navbtn--darker" ng-click="leftFilterOpen = !leftFilterOpen" ng-class="{'navbtn--active': leftFilterOpen}">
83
- <i class="icon-filter-large"></i>
84
- </button>
85
- <h3 class="subnav__page-title sd-flex-no-grow">Output Control</h3>
86
- <sd-search-handler ng-model="query.name" data-debounce="200" data-button="true" data-label="Search" data-borderleft="true"></sd-search-handler>
87
- <div class="dropdown dropdown--align-right sd-margin-l--auto" dropdown="">
88
- <button class="navbtn dropdown sd-create-btn dropdown-toggle" dropdown__toggle="" aria-haspopup="true" aria-expanded="false">
89
- <i class="icon-plus-large"></i>
90
- <span class="circle"></span>
91
- </button>
92
- <ul class="dropdown__menu dropdown--align-right">
93
- <li>
94
- <div class="dropdown__menu-label">Create new site</div>
95
- </li>
96
- <li class="dropdown__menu-divider"></li>
97
- <li><button>Superdesk Publisher</button></li>
98
- <li><button>Wordpress</button></li>
99
- </ul>
100
- </div>
101
- </div>
102
- <div class="subnav subnav--lower-z-index" ng-init="listType = 'incoming'; swimlaneView = false">
103
- <div class="subnav__content-bar">
104
- <sd-check ng-model="listType" type="radio" ng-value="incoming" label-position="inside">Incoming content</sd-check>
105
- <sd-check ng-model="listType" type="radio" ng-value="published" label-position="inside">Published</sd-check>
106
- </div>
107
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
108
- <div class="subnav__stretch-bar"></div>
109
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
110
- <div class="subnav__content-bar sd-flex-wrap">
111
- <span>Incoming:</span><span class="badge sd-margin-l--1">2435</span>
112
- <span class="sd-margin-l--2">Published:</span><span class="badge sd-margin-l--1">31471</span>
113
- </div>
114
- <div class="subnav__spacer subnav__spacer--no-margin" ng-show="listType == 'published' && !swimlaneView"></div>
115
- <div class="subnav__content-bar" ng-show="listType == 'published' && !swimlaneView">
116
- <div class="dropdown" dropdown="" ng-show="listType == 'published' && !swimlaneView">
117
- <button class="dropdown__toggle dropdown-toggle" dropdown-toggle="" aria-haspopup="true" aria-expanded="false">All Tenants<span class="dropdown__caret"></span></button>
118
- <ul class="dropdown__menu dropdown__menu--scrollable">
119
- <li><button>Vijesti.me</button></li>
120
- <li><button>Superdesk.org</button></li>
121
- <li><button>BBC</button></li>
122
- <li><button>Sourcefabric</button></li>
123
- </ul>
124
- </div>
125
- </div>
126
- <button class="navbtn" ng-click="swimlaneView = !swimlaneView; leftFilterOpen = false" ng-show="listType == 'published'">
127
- <i class="icon-kanban-view ng-hide" ng-show="swimlaneView"></i>
128
- <i class="icon-list-view" ng-hide="swimlaneView"></i>
129
- </button>
130
- </div>
131
- <div class="sd-column-box--3">
132
- <div class="sd-filters-panel sd-filters-panel--border-right" ng-class="{'sd-flex-no-shrink': listType == 'published' && swimlaneView}">
133
- <div class="side-panel side-panel--transparent side-panel--shadow-right">
134
- <div class="side-panel__header side-panel__header--border-b">
135
- <a class="icn-btn side-panel__close" sd-tooltip="Close filters" flow="left" ng-click="leftFilterOpen = !leftFilterOpen"><i class="icon-close-small"></i></a>
136
- <h3 class="side-panel__heading side-panel__heading--big">Filters</h3>
137
- </div>
138
- <div class="side-panel__content">
139
- <div class="side-panel__content-block">
140
- <div class="form__row">
141
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
142
- <span class="sd-line-input__plus-btn"></span>
143
- <label class="sd-line-input__label">Routes</label>
144
- <input class="sd-line-input__input" type="text">
145
- </div>
146
- </div>
147
- <div class="form__row">
148
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
149
- <span class="sd-line-input__plus-btn"></span>
150
- <label class="sd-line-input__label">Author</label>
151
- <input class="sd-line-input__input" type="text">
152
- </div>
153
- </div>
154
- <div class="form__row form__row--flex">
155
- <div class="sd-line-input sd-line-input--no-margin">
156
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
157
- <label class="sd-line-input__label">Published after</label>
158
- <input class="sd-line-input__input" type="text">
159
- </div>
160
- <div class="sd-line-input sd-line-input--no-margin">
161
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
162
- <label class="sd-line-input__label">Published before</label>
163
- <input class="sd-line-input__input" type="text">
164
- </div>
165
- </div>
166
- <div class="form__row">
167
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
168
- <span class="sd-line-input__plus-btn"></span>
169
- <label class="sd-line-input__label">Metadata</label>
170
- <input class="sd-line-input__input" type="text">
171
- </div>
172
- </div>
173
- </div>
174
- </div>
175
- <div class="side-panel__footer side-panel__footer--button-box">
176
- <div class="flex-grid flex-grid--boxed-small">
177
- <a class="btn btn--hollow btn--expanded">Clear filters</a>
178
- </div>
179
- </div>
180
- </div>
181
- </div>
182
- <!-- Incoming list -->
183
- <div class="sd-column-box__main-column" ng-show="listType == 'incoming'">
184
- <div class="sd-list-item-group sd-shadow--z2">
185
- <div class="sd-list-item" ng-class="{'sd-list-item--activated':leftPreviewOpen}" ng-click="leftPreviewOpen = !leftPreviewOpen" ng-dblclick="publishPaneOpen = !publishPaneOpen">
186
- <div class="sd-list-item__border"></div>
187
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
188
- <div class="sd-list-item__row">
189
- <span class="sd-overflow-ellipsis sd-list-item__headline">This is article heading, the quick brown fox jumps over the lazy dog.</span>
190
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
191
- </div>
192
- <div class="sd-list-item__row sd-list-item__row--wrap">
193
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>6</span>
194
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 2</span>
195
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
196
- </div>
197
- </div>
198
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
199
- <button class="icn-btn"><i class="icon-trash"></i></button>
200
- <button class="icn-btn"><i class="icon-pencil"></i></button>
201
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
202
- </div>
203
- </div>
204
- <div class="sd-list-item">
205
- <div class="sd-list-item__border"></div>
206
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
207
- <div class="sd-list-item__row">
208
- <span class="sd-overflow-ellipsis sd-list-item__headline">Duis occaecat ullamco sunt veniam aute ullamco ad eu Lorem ea.</span>
209
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
210
- </div>
211
- <div class="sd-list-item__row sd-list-item__row--wrap">
212
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>8</span>
213
- <span class="label label--hollow">sport</span><span class="label label--darkBlue2 label--hollow">update 4</span>
214
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
215
- </div>
216
- </div>
217
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
218
- <button class="icn-btn"><i class="icon-trash"></i></button>
219
- <button class="icn-btn"><i class="icon-pencil"></i></button>
220
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
221
- </div>
222
- </div>
223
- <div class="sd-list-item">
224
- <div class="sd-list-item__border"></div>
225
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
226
- <div class="sd-list-item__row">
227
- <span class="sd-overflow-ellipsis sd-list-item__headline">Consectetur cillum est ipsum occaecat in sunt proident culpa culpa sint.</span>
228
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
229
- </div>
230
- <div class="sd-list-item__row sd-list-item__row--wrap">
231
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>12</span>
232
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 3</span>
233
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
234
- </div>
235
- </div>
236
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
237
- <button class="icn-btn"><i class="icon-trash"></i></button>
238
- <button class="icn-btn"><i class="icon-pencil"></i></button>
239
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
240
- </div>
241
- </div>
242
- <div class="sd-list-item">
243
- <div class="sd-list-item__border"></div>
244
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
245
- <div class="sd-list-item__row">
246
- <span class="sd-overflow-ellipsis sd-list-item__headline">Lorem dolore fugiat pariatur mollit occaecat.</span>
247
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
248
- </div>
249
- <div class="sd-list-item__row sd-list-item__row--wrap">
250
- <span class="label label--hollow">business</span><span class="label label--darkBlue2 label--hollow">update 4</span>
251
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
252
- </div>
253
- </div>
254
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
255
- <button class="icn-btn"><i class="icon-trash"></i></button>
256
- <button class="icn-btn"><i class="icon-pencil"></i></button>
257
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
258
- </div>
259
- </div>
260
- <div class="sd-list-item">
261
- <div class="sd-list-item__border"></div>
262
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
263
- <div class="sd-list-item__row">
264
- <span class="sd-overflow-ellipsis sd-list-item__headline">Proident incididunt aliquip laboris qui sint elit consequat deserunt aliqua in occaecat laborum.</span>
265
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
266
- </div>
267
- <div class="sd-list-item__row sd-list-item__row--wrap">
268
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>7</span>
269
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 1</span>
270
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
271
- </div>
272
- </div>
273
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
274
- <button class="icn-btn"><i class="icon-trash"></i></button>
275
- <button class="icn-btn"><i class="icon-pencil"></i></button>
276
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
277
- </div>
278
- </div>
279
- <div class="sd-list-item">
280
- <div class="sd-list-item__border"></div>
281
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
282
- <div class="sd-list-item__row">
283
- <span class="sd-overflow-ellipsis sd-list-item__headline">Ipsum ipsum nulla ullamco nulla elit dolore non pariatur esse reprehenderit.</span>
284
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
285
- </div>
286
- <div class="sd-list-item__row sd-list-item__row--wrap">
287
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 3</span>
288
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
289
- </div>
290
- </div>
291
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
292
- <button class="icn-btn"><i class="icon-trash"></i></button>
293
- <button class="icn-btn"><i class="icon-pencil"></i></button>
294
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
295
- </div>
296
- </div>
297
- <div class="sd-list-item">
298
- <div class="sd-list-item__border"></div>
299
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
300
- <div class="sd-list-item__row">
301
- <span class="sd-overflow-ellipsis sd-list-item__headline">Enim nisi tempor irure cillum adipisicing dolor velit sunt velit aliquip mollit proident adipisicing.</span>
302
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
303
- </div>
304
- <div class="sd-list-item__row sd-list-item__row--wrap">
305
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>5</span>
306
- <span class="label label--hollow">sports</span><span class="label label--darkBlue2 label--hollow">update 1</span>
307
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
308
- </div>
309
- </div>
310
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
311
- <button class="icn-btn"><i class="icon-trash"></i></button>
312
- <button class="icn-btn"><i class="icon-pencil"></i></button>
313
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
314
- </div>
315
- </div>
316
- <div class="sd-list-item">
317
- <div class="sd-list-item__border"></div>
318
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
319
- <div class="sd-list-item__row">
320
- <span class="sd-overflow-ellipsis sd-list-item__headline">Dolore mollit esse irure exercitation mollit ullamco exercitation nostrud sint consectetur do adipisicing.</span>
321
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
322
- </div>
323
- <div class="sd-list-item__row sd-list-item__row--wrap">
324
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 6</span>
325
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
326
- </div>
327
- </div>
328
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
329
- <button class="icn-btn"><i class="icon-trash"></i></button>
330
- <button class="icn-btn"><i class="icon-pencil"></i></button>
331
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
332
- </div>
333
- </div>
334
- <div class="sd-list-item">
335
- <div class="sd-list-item__border"></div>
336
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
337
- <div class="sd-list-item__row">
338
- <span class="sd-overflow-ellipsis sd-list-item__headline">Nostrud Lorem quis reprehenderit incididunt aute ea esse.</span>
339
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
340
- </div>
341
- <div class="sd-list-item__row sd-list-item__row--wrap">
342
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>3</span>
343
- <span class="label label--hollow">culture</span><span class="label label--darkBlue2 label--hollow">update 2</span>
344
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
345
- </div>
346
- </div>
347
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
348
- <button class="icn-btn"><i class="icon-trash"></i></button>
349
- <button class="icn-btn"><i class="icon-pencil"></i></button>
350
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
351
- </div>
352
- </div>
353
- <div class="sd-list-item">
354
- <div class="sd-list-item__border"></div>
355
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
356
- <div class="sd-list-item__row">
357
- <span class="sd-overflow-ellipsis sd-list-item__headline">Ex ut eu irure consequat eu proident Lorem Lorem aute eiusmod dolor do.</span>
358
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
359
- </div>
360
- <div class="sd-list-item__row sd-list-item__row--wrap">
361
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>2</span>
362
- <span class="label label--hollow">business</span><span class="label label--darkBlue2 label--hollow">update 1</span>
363
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
364
- </div>
365
- </div>
366
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
367
- <button class="icn-btn"><i class="icon-trash"></i></button>
368
- <button class="icn-btn"><i class="icon-pencil"></i></button>
369
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
370
- </div>
371
- </div>
372
- <div class="sd-list-item">
373
- <div class="sd-list-item__border"></div>
374
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
375
- <div class="sd-list-item__row">
376
- <span class="sd-overflow-ellipsis sd-list-item__headline">Nulla duis pariatur mollit est reprehenderit anim ipsum irure.</span>
377
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
378
- </div>
379
- <div class="sd-list-item__row sd-list-item__row--wrap">
380
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 3</span>
381
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
382
- </div>
383
- </div>
384
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
385
- <button class="icn-btn"><i class="icon-trash"></i></button>
386
- <button class="icn-btn"><i class="icon-pencil"></i></button>
387
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
388
- </div>
389
- </div>
390
- <div class="sd-list-item">
391
- <div class="sd-list-item__border"></div>
392
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
393
- <div class="sd-list-item__row">
394
- <span class="sd-overflow-ellipsis sd-list-item__headline">Sit esse cupidatat cupidatat ea minim tempor veniam id do adipisicing fugiat anim.</span>
395
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
396
- </div>
397
- <div class="sd-list-item__row sd-list-item__row--wrap">
398
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>2</span>
399
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 4</span>
400
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
401
- </div>
402
- </div>
403
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
404
- <button class="icn-btn"><i class="icon-trash"></i></button>
405
- <button class="icn-btn"><i class="icon-pencil"></i></button>
406
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
407
- </div>
408
- </div>
409
- <div class="sd-list-item">
410
- <div class="sd-list-item__border"></div>
411
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
412
- <div class="sd-list-item__row">
413
- <span class="sd-overflow-ellipsis sd-list-item__headline">Incididunt commodo eu laboris aute qui non aliqua ea et nostrud.</span>
414
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
415
- </div>
416
- <div class="sd-list-item__row sd-list-item__row--wrap">
417
- <span class="label label--hollow">news</span><span class="label label--darkBlue2 label--hollow">update 1</span>
418
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
419
- </div>
420
- </div>
421
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
422
- <button class="icn-btn"><i class="icon-trash"></i></button>
423
- <button class="icn-btn"><i class="icon-pencil"></i></button>
424
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
425
- </div>
426
- </div>
427
- <div class="sd-list-item">
428
- <div class="sd-list-item__border"></div>
429
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
430
- <div class="sd-list-item__row">
431
- <span class="sd-overflow-ellipsis sd-list-item__headline">Id magna ipsum duis voluptate voluptate ad.</span>
432
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
433
- </div>
434
- <div class="sd-list-item__row sd-list-item__row--wrap">
435
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>7</span>
436
- <span class="label label--hollow">travel</span><span class="label label--darkBlue2 label--hollow">update 1</span>
437
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
438
- </div>
439
- </div>
440
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
441
- <button class="icn-btn"><i class="icon-trash"></i></button>
442
- <button class="icn-btn"><i class="icon-pencil"></i></button>
443
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
444
- </div>
445
- </div>
446
- <div class="sd-list-item">
447
- <div class="sd-list-item__border"></div>
448
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
449
- <div class="sd-list-item__row">
450
- <span class="sd-overflow-ellipsis sd-list-item__headline">Irure consectetur deserunt esse nisi enim qui in irure tempor consectetur ipsum.</span>
451
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
452
- </div>
453
- <div class="sd-list-item__row sd-list-item__row--wrap">
454
- <span class="label label--hollow">sports</span><span class="label label--darkBlue2 label--hollow">update 2</span>
455
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
456
- </div>
457
- </div>
458
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
459
- <button class="icn-btn"><i class="icon-trash"></i></button>
460
- <button class="icn-btn"><i class="icon-pencil"></i></button>
461
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
462
- </div>
463
- </div>
464
- <div class="sd-list-item">
465
- <div class="sd-list-item__border"></div>
466
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
467
- <div class="sd-list-item__row">
468
- <span class="sd-overflow-ellipsis sd-list-item__headline">Exercitation consectetur dolore amet amet commodo ut ea.</span>
469
- <time title="March 22, 2017 11:08 AM">a minute ago</time>
470
- </div>
471
- <div class="sd-list-item__row sd-list-item__row--wrap">
472
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>4</span>
473
- <span class="label label--hollow">culture</span><span class="label label--darkBlue2 label--hollow">update 1</span>
474
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">byline</span>
475
- </div>
476
- </div>
477
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
478
- <button class="icn-btn"><i class="icon-trash"></i></button>
479
- <button class="icn-btn"><i class="icon-pencil"></i></button>
480
- <button class="icn-btn"><i class="icon-expand-thin"></i></button>
481
- </div>
482
- </div>
483
- </div>
484
- </div><!-- end incoming list -->
485
- <!-- Published list -->
486
- <div class="sd-column-box__main-column" ng-show="listType == 'published' && !swimlaneView">
487
- <div class="sd-list-item-group sd-shadow--z2">
488
-
489
- <div class="sd-list-item" ng-class="{'sd-list-item--activated':leftPreviewOpen}" ng-click="leftPreviewOpen = !leftPreviewOpen" ng-dblclick="publishPaneOpen = !publishPaneOpen">
490
- <div class="sd-list-item__border"></div>
491
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
492
- <div class="sd-list-item__row">
493
- <span class="sd-overflow-ellipsis sd-list-item__headline">Odgođeno suđenje po tužbi Kalića: Čeka se vještak</span>
494
- <time title="March 22, 2017 11:08 AM">2 minutes ago</time>
495
- </div>
496
- <div class="sd-list-item__row sd-list-item__row--wrap">
497
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>5</span>
498
- <span class="label label--hollow">politics</span>
499
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
500
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>2346</span>
501
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>16</span>
502
- </span>
503
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
504
- <span class="label label--alert">BBC</span>
505
- <span class="label label--success">Vijesti</span>
506
- <span class="label label--success">superdesk.pro</span>
507
- <span>+6 more</span>
508
- </div>
509
- </div>
510
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
511
- <button class="icn-btn"><i class="icon-trash"></i></button>
512
- <button class="icn-btn"><i class="icon-pencil"></i></button>
513
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
514
- </div>
515
- </div>
516
- <div class="sd-list-item">
517
- <div class="sd-list-item__border"></div>
518
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
519
- <div class="sd-list-item__row">
520
- <span class="sd-overflow-ellipsis sd-list-item__headline">Ekosistem koji služi za primjer u pružanju zdravstvenih usluga</span>
521
- <time title="March 22, 2017 11:08 AM">1 hr ago</time>
522
- </div>
523
- <div class="sd-list-item__row sd-list-item__row--wrap">
524
- <span class="label label--hollow">culture</span><span class="label label--darkBlue2 label--hollow">update 2</span>
525
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
526
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>462</span>
527
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>8</span>
528
- </span>
529
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
530
- <span class="label label--alert">Vijesti</span>
531
- <span class="label label--success">superdesk.pro</span>
532
- </div>
533
- </div>
534
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
535
- <button class="icn-btn"><i class="icon-trash"></i></button>
536
- <button class="icn-btn"><i class="icon-pencil"></i></button>
537
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
538
- </div>
539
- </div>
540
- <div class="sd-list-item">
541
- <div class="sd-list-item__border"></div>
542
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
543
- <div class="sd-list-item__row">
544
- <span class="sd-overflow-ellipsis sd-list-item__headline">Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja</span>
545
- <time title="March 22, 2017 11:08 AM">2 hrs ago</time>
546
- </div>
547
- <div class="sd-list-item__row sd-list-item__row--wrap">
548
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>9</span>
549
- <span class="label label--hollow">lifestyle</span>
550
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
551
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>450</span>
552
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>26</span>
553
- </span>
554
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
555
- <span class="label label--alert">BBC</span>
556
- <span class="label label--success">Vijesti</span>
557
- </div>
558
- </div>
559
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
560
- <button class="icn-btn"><i class="icon-trash"></i></button>
561
- <button class="icn-btn"><i class="icon-pencil"></i></button>
562
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
563
- </div>
564
- </div>
565
- <div class="sd-list-item">
566
- <div class="sd-list-item__border"></div>
567
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
568
- <div class="sd-list-item__row">
569
- <span class="sd-overflow-ellipsis sd-list-item__headline">Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun</span>
570
- <time title="March 22, 2017 11:08 AM">3 hrs ago</time>
571
- </div>
572
- <div class="sd-list-item__row sd-list-item__row--wrap">
573
- <span class="label label--hollow">sports</span>
574
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
575
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>145</span>
576
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>78</span>
577
- </span>
578
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
579
- <span class="label label--success">Vijesti</span>
580
- <span class="label label--success">Sourcefabric</span>
581
- <span class="label label--success">BBC</span>
582
- <span>+3 more</span>
583
- </div>
584
- </div>
585
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
586
- <button class="icn-btn"><i class="icon-trash"></i></button>
587
- <button class="icn-btn"><i class="icon-pencil"></i></button>
588
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
589
- </div>
590
- </div>
591
- <div class="sd-list-item">
592
- <div class="sd-list-item__border"></div>
593
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
594
- <div class="sd-list-item__row">
595
- <span class="sd-overflow-ellipsis sd-list-item__headline">Radojević: Nisam tražio enormno više od ponuđene sume</span>
596
- <time title="March 22, 2017 11:08 AM">1 day ago</time>
597
- </div>
598
- <div class="sd-list-item__row sd-list-item__row--wrap">
599
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>7</span>
600
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 2</span>
601
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
602
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>3646</span>
603
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>35</span>
604
- </span>
605
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
606
- <span class="label label--success">Vijesti</span>
607
- </div>
608
- </div>
609
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
610
- <button class="icn-btn"><i class="icon-trash"></i></button>
611
- <button class="icn-btn"><i class="icon-pencil"></i></button>
612
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
613
- </div>
614
- </div>
615
- <div class="sd-list-item">
616
- <div class="sd-list-item__border"></div>
617
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
618
- <div class="sd-list-item__row">
619
- <span class="sd-overflow-ellipsis sd-list-item__headline">Francuska: Macron za smanjenje poreskog opterećenja</span>
620
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
621
- </div>
622
- <div class="sd-list-item__row sd-list-item__row--wrap">
623
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>8</span>
624
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 1</span>
625
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
626
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>23</span>
627
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>0</span>
628
- </span>
629
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
630
- <span class="label label--success">BBC</span>
631
- <span class="label label--success">Vijesti</span>
632
- <span class="label label--success">superdesk.pro</span>
633
- <span>+6 more</span>
634
- </div>
635
- </div>
636
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
637
- <button class="icn-btn"><i class="icon-trash"></i></button>
638
- <button class="icn-btn"><i class="icon-pencil"></i></button>
639
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
640
- </div>
641
- </div>
642
- <div class="sd-list-item">
643
- <div class="sd-list-item__border"></div>
644
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
645
- <div class="sd-list-item__row">
646
- <span class="sd-overflow-ellipsis sd-list-item__headline">Bregzit ili smak svijeta?</span>
647
- <time title="March 22, 2017 11:08 AM">3 days ago</time>
648
- </div>
649
- <div class="sd-list-item__row sd-list-item__row--wrap">
650
- <span class="label label--hollow">politics</span>
651
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
652
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>1133</span>
653
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>212</span>
654
- </span>
655
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
656
- <span class="label label--success">BBC</span>
657
- <span class="label label--success">Vijesti</span>
658
- <span class="label label--success">superdesk.pro</span>
659
- <span>+6 more</span>
660
- </div>
661
- </div>
662
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
663
- <button class="icn-btn"><i class="icon-trash"></i></button>
664
- <button class="icn-btn"><i class="icon-pencil"></i></button>
665
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
666
- </div>
667
- </div>
668
- <div class="sd-list-item">
669
- <div class="sd-list-item__border"></div>
670
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
671
- <div class="sd-list-item__row">
672
- <span class="sd-overflow-ellipsis sd-list-item__headline">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
673
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
674
- </div>
675
- <div class="sd-list-item__row sd-list-item__row--wrap">
676
- <span class="label label--hollow">sports</span><span class="label label--darkBlue2 label--hollow">update 3</span>
677
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
678
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>57</span>
679
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>4</span>
680
- </span>
681
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
682
- <span class="label label--success">BBC</span>
683
- <span class="label label--alert">Vijesti</span>
684
- <span class="label label--success">superdesk.pro</span>
685
- <span>+63 more</span>
686
- </div>
687
- </div>
688
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
689
- <button class="icn-btn"><i class="icon-trash"></i></button>
690
- <button class="icn-btn"><i class="icon-pencil"></i></button>
691
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
692
- </div>
693
- </div>
694
- <div class="sd-list-item">
695
- <div class="sd-list-item__border"></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__headline">Incididunt esse fugiat aliqua quis culpa.</span>
699
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
700
- </div>
701
- <div class="sd-list-item__row sd-list-item__row--wrap">
702
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>4</span>
703
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 2</span>
704
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
705
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>4523</span>
706
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>20</span>
707
- </span>
708
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
709
- <span class="label label--success">BBC</span>
710
- </div>
711
- </div>
712
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
713
- <button class="icn-btn"><i class="icon-trash"></i></button>
714
- <button class="icn-btn"><i class="icon-pencil"></i></button>
715
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
716
- </div>
717
- </div>
718
- <div class="sd-list-item">
719
- <div class="sd-list-item__border"></div>
720
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
721
- <div class="sd-list-item__row">
722
- <span class="sd-overflow-ellipsis sd-list-item__headline">Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.</span>
723
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
724
- </div>
725
- <div class="sd-list-item__row sd-list-item__row--wrap">
726
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>5</span>
727
- <span class="label label--hollow">culture</span><span class="label label--darkBlue2 label--hollow">update 1</span>
728
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
729
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>356</span>
730
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>42</span>
731
- </span>
732
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
733
- <span class="label label--success">BBC</span>
734
- <span class="label label--success">Vijesti</span>
735
- <span class="label label--alert">superdesk.pro</span>
736
- <span>+1 more</span>
737
- </div>
738
- </div>
739
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
740
- <button class="icn-btn"><i class="icon-trash"></i></button>
741
- <button class="icn-btn"><i class="icon-pencil"></i></button>
742
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
743
- </div>
744
- </div>
745
- <div class="sd-list-item">
746
- <div class="sd-list-item__border"></div>
747
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
748
- <div class="sd-list-item__row">
749
- <span class="sd-overflow-ellipsis sd-list-item__headline">Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.</span>
750
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
751
- </div>
752
- <div class="sd-list-item__row sd-list-item__row--wrap">
753
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>2</span>
754
- <span class="label label--hollow">business</span><span class="label label--darkBlue2 label--hollow">update 2</span>
755
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
756
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>563</span>
757
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>12</span>
758
- </span>
759
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
760
- <span class="label label--success">Vijesti</span>
761
- <span class="label label--alert">superdesk.pro</span>
762
- </div>
763
- </div>
764
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
765
- <button class="icn-btn"><i class="icon-trash"></i></button>
766
- <button class="icn-btn"><i class="icon-pencil"></i></button>
767
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
768
- </div>
769
- </div>
770
- <div class="sd-list-item">
771
- <div class="sd-list-item__border"></div>
772
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
773
- <div class="sd-list-item__row">
774
- <span class="sd-overflow-ellipsis sd-list-item__headline">Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.</span>
775
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
776
- </div>
777
- <div class="sd-list-item__row sd-list-item__row--wrap">
778
- <span class="label label--hollow">politics</span><span class="label label--darkBlue2 label--hollow">update 1</span>
779
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
780
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>678</span>
781
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>6</span>
782
- </span>
783
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
784
- <span class="label label--success">BBC</span>
785
- <span class="label label--success">Vijesti</span>
786
- <span class="label label--alert">superdesk.pro</span>
787
- <span>+2 more</span>
788
- </div>
789
- </div>
790
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
791
- <button class="icn-btn"><i class="icon-trash"></i></button>
792
- <button class="icn-btn"><i class="icon-pencil"></i></button>
793
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
794
- </div>
795
- </div>
796
- <div class="sd-list-item">
797
- <div class="sd-list-item__border"></div>
798
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
799
- <div class="sd-list-item__row">
800
- <span class="sd-overflow-ellipsis sd-list-item__headline">Amet proident laboris eiusmod nisi et.</span>
801
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
802
- </div>
803
- <div class="sd-list-item__row sd-list-item__row--wrap">
804
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>6</span>
805
- <span class="label label--hollow">news</span><span class="label label--darkBlue2 label--hollow">update 2</span>
806
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
807
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>23</span>
808
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>0</span>
809
- </span>
810
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
811
- <span class="label label--success">BBC</span>
812
- <span class="label label--success">Vijesti</span>
813
- </div>
814
- </div>
815
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
816
- <button class="icn-btn"><i class="icon-trash"></i></button>
817
- <button class="icn-btn"><i class="icon-pencil"></i></button>
818
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
819
- </div>
820
- </div>
821
- <div class="sd-list-item">
822
- <div class="sd-list-item__border"></div>
823
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
824
- <div class="sd-list-item__row">
825
- <span class="sd-overflow-ellipsis sd-list-item__headline">Proident sit enim tempor et excepteur in officia quis.</span>
826
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
827
- </div>
828
- <div class="sd-list-item__row sd-list-item__row--wrap">
829
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>3</span>
830
- <span class="label label--hollow">culture</span><span class="label label--darkBlue2 label--hollow">update 4</span>
831
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
832
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>765</span>
833
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>2</span>
834
- </span>
835
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
836
- <span class="label label--success">BBC</span>
837
- <span class="label label--success">Vijesti</span>
838
- <span class="label label--success">superdesk.pro</span>
839
- <span>+12 more</span>
840
- </div>
841
- </div>
842
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
843
- <button class="icn-btn"><i class="icon-trash"></i></button>
844
- <button class="icn-btn"><i class="icon-pencil"></i></button>
845
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
846
- </div>
847
- </div>
848
- <div class="sd-list-item">
849
- <div class="sd-list-item__border"></div>
850
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
851
- <div class="sd-list-item__row">
852
- <span class="sd-overflow-ellipsis sd-list-item__headline">Proident sit enim tempor et excepteur in officia quis.</span>
853
- <time title="March 22, 2017 11:08 AM">2 days ago</time>
854
- </div>
855
- <div class="sd-list-item__row sd-list-item__row--wrap">
856
- <span class="sd-text-icon sd-margin-r--1"><i class="icon-slideshow sd-opacity--40"></i>3</span>
857
- <span class="label label--hollow">sports</span><span class="label label--darkBlue2 label--hollow">update 1</span>
858
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
859
- <span class="sd-list-item__text-label sd-margin-l--1">pageviews:</span><span>876</span>
860
- <span class="sd-list-item__text-label sd-margin-l--1">comments:</span><span>63</span>
861
- </span>
862
- <span class="sd-list-item__inline-text ml-auto no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
863
- <span class="label label--success">Vijesti</span>
864
- <span class="label label--success">superdesk.pro</span>
865
- </div>
866
- </div>
867
- <div class="sd-list-item__action-menu sd-list-item__action-menu--direction-row">
868
- <button class="icn-btn"><i class="icon-trash"></i></button>
869
- <button class="icn-btn"><i class="icon-pencil"></i></button>
870
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen; $event.stopPropagation();"><i class="icon-expand-thin"></i></button>
871
- </div>
872
- </div>
873
-
874
- </div>
875
- </div><!-- end published list -->
876
- <!-- Published swimlane -->
877
- <div class="sd-column-box__main-column" ng-show="listType == 'published' && swimlaneView">
878
- <div class="sd-kanban-list sd-d-inline-flex">
879
- <!-- KANBAN BOARD 1 -->
880
- <div class="sd-kanban-list__board sd-kanban-list__board--wide">
881
- <div class="sd-kanban-list__board-header">
882
- <div class="sd-list-header">
883
- <span class="sd-list-header__name">Vijesti</span>
884
- <span class="sd-list-header__number badge">314226</span>
885
- </div>
886
- </div>
887
- <div class="sd-kanban-list__board-content">
888
- <div class="sd-list-item-group sd-shadow--z1">
889
- <!-- list item 1 -->
890
- <div class="sd-list-item" ng-class="{'sd-list-item--activated':leftPreviewOpen}" ng-click="leftPreviewOpen = !leftPreviewOpen" ng-dblclick="publishPaneOpen = !publishPaneOpen">
891
- <div class="sd-list-item__border sd-list-item__border--success"></div>
892
- <div class="sd-list-item__column">
893
- <div class="sd-list-item__row">
894
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>5</span>
895
- </div>
896
- </div>
897
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
898
- <div class="sd-list-item__row">
899
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Odgođeno suđenje po tužbi Kalića: Čeka se vještak">Odgođeno suđenje po tužbi Kalića: Čeka se vještak</span>
900
- <span class="label label--hollow">politics</span>
901
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
902
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 minutes ago</time>
903
- </div>
904
- </div>
905
- <div class="sd-list-item__action-menu">
906
- <!--dropdown-->
907
- <div class="dropdown dropdown--align-right" dropdown="" dropdown-append-to-body="" is-open="itemActive1">
908
- <button class="icn-btn dropdown__toggle" dropdown__toggle="" ng-click="$event.stopPropagation();"><i class="icon-dots-vertical"></i></button>
909
- <ul class="dropdown__menu">
910
- <li><button><i class="icon-trash"></i>Remove</button></li>
911
- <li><button><i class="icon-pencil"></i>Edit</button></li>
912
- <li><button><i class="icon-expand-thin"></i>Publish</button></li>
913
- </ul>
914
- </div>
915
- <!--end dropdown-->
916
- </div>
917
- </div>
918
- <!-- list item 2 -->
919
- <div class="sd-list-item">
920
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
921
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
922
- <div class="sd-list-item__row">
923
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ekosistem koji služi za primjer u pružanju zdravstvenih usluga">Ekosistem koji služi za primjer u pružanju zdravstvenih usluga</span>
924
- <span class="label label--hollow">culture</span>
925
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 minutes ago</time>
926
- </div>
927
- </div>
928
- <div class="sd-list-item__action-menu">
929
- <button class="icn-btn">
930
- <i class="icon-dots-vertical"></i>
931
- </button>
932
- </div>
933
- </div>
934
- <!-- list item 3 -->
935
- <div class="sd-list-item">
936
- <div class="sd-list-item__border sd-list-item__border--success"></div>
937
- <div class="sd-list-item__column">
938
- <div class="sd-list-item__row">
939
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>9</span>
940
- </div>
941
- </div>
942
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
943
- <div class="sd-list-item__row">
944
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja">Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja</span>
945
- <span class="label label--hollow">lifestyle</span>
946
- <time title="March 22, 2017 11:08 AM" class="no-padding">30 minutes ago</time>
947
- </div>
948
- </div>
949
- <div class="sd-list-item__action-menu">
950
- <button class="icn-btn">
951
- <i class="icon-dots-vertical"></i>
952
- </button>
953
- </div>
954
- </div>
955
- <!-- list item 4 -->
956
- <div class="sd-list-item">
957
- <div class="sd-list-item__border sd-list-item__border--success"></div>
958
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
959
- <div class="sd-list-item__row">
960
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun">Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun</span>
961
- <span class="label label--hollow">sports</span>
962
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
963
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 hr ago</time>
964
- </div>
965
- </div>
966
- <div class="sd-list-item__action-menu">
967
- <button class="icn-btn">
968
- <i class="icon-dots-vertical"></i>
969
- </button>
970
- </div>
971
- </div>
972
- <!-- list item 5 -->
973
- <div class="sd-list-item">
974
- <div class="sd-list-item__border sd-list-item__border--success"></div>
975
- <div class="sd-list-item__column">
976
- <div class="sd-list-item__row">
977
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
978
- </div>
979
- </div>
980
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
981
- <div class="sd-list-item__row">
982
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Radojević: Nisam tražio enormno više od ponuđene sume">Radojević: Nisam tražio enormno više od ponuđene sume</span>
983
- <span class="label label--hollow">politics</span>
984
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 hrs ago</time>
985
- </div>
986
- </div>
987
- <div class="sd-list-item__action-menu">
988
- <button class="icn-btn">
989
- <i class="icon-dots-vertical"></i>
990
- </button>
991
- </div>
992
- </div>
993
- <!-- list item 6 -->
994
- <div class="sd-list-item">
995
- <div class="sd-list-item__border sd-list-item__border--success"></div>
996
- <div class="sd-list-item__column">
997
- <div class="sd-list-item__row">
998
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
999
- </div>
1000
- </div>
1001
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1002
- <div class="sd-list-item__row">
1003
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
1004
- <span class="label label--hollow">politics</span>
1005
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 hrs ago</time>
1006
- </div>
1007
- </div>
1008
- <div class="sd-list-item__action-menu">
1009
- <button class="icn-btn">
1010
- <i class="icon-dots-vertical"></i>
1011
- </button>
1012
- </div>
1013
- </div>
1014
- <!-- list item 7 -->
1015
- <div class="sd-list-item">
1016
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1017
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1018
- <div class="sd-list-item__row">
1019
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
1020
- <span class="label label--hollow">politics</span>
1021
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1022
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 hrs ago</time>
1023
- </div>
1024
- </div>
1025
- <div class="sd-list-item__action-menu">
1026
- <button class="icn-btn">
1027
- <i class="icon-dots-vertical"></i>
1028
- </button>
1029
- </div>
1030
- </div>
1031
- <!-- list item 8 -->
1032
- <div class="sd-list-item">
1033
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1034
- <div class="sd-list-item__column">
1035
- <div class="sd-list-item__row">
1036
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1037
- </div>
1038
- </div>
1039
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1040
- <div class="sd-list-item__row">
1041
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
1042
- <span class="label label--hollow">business</span>
1043
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 hrs ago</time>
1044
- </div>
1045
- </div>
1046
- <div class="sd-list-item__action-menu">
1047
- <button class="icn-btn">
1048
- <i class="icon-dots-vertical"></i>
1049
- </button>
1050
- </div>
1051
- </div>
1052
- <!-- list item 9 -->
1053
- <div class="sd-list-item">
1054
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1055
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1056
- <div class="sd-list-item__row">
1057
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
1058
- <span class="label label--hollow">lifestyle</span>
1059
- <time title="March 22, 2017 11:08 AM" class="no-padding">12 hrs ago</time>
1060
- </div>
1061
- </div>
1062
- <div class="sd-list-item__action-menu">
1063
- <button class="icn-btn">
1064
- <i class="icon-dots-vertical"></i>
1065
- </button>
1066
- </div>
1067
- </div>
1068
- <!-- list item 10 -->
1069
- <div class="sd-list-item">
1070
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1071
- <div class="sd-list-item__column">
1072
- <div class="sd-list-item__row">
1073
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
1074
- </div>
1075
- </div>
1076
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1077
- <div class="sd-list-item__row">
1078
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.">Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.</span>
1079
- <span class="label label--hollow">business</span>
1080
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1081
- <time title="March 22, 2017 11:08 AM" class="no-padding">14 hrs ago</time>
1082
- </div>
1083
- </div>
1084
- <div class="sd-list-item__action-menu">
1085
- <button class="icn-btn">
1086
- <i class="icon-dots-vertical"></i>
1087
- </button>
1088
- </div>
1089
- </div>
1090
- <!-- list item 11 -->
1091
- <div class="sd-list-item">
1092
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1093
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1094
- <div class="sd-list-item__row">
1095
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.">Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.</span>
1096
- <span class="label label--hollow">culture</span>
1097
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 hrs ago</time>
1098
- </div>
1099
- </div>
1100
- <div class="sd-list-item__action-menu">
1101
- <button class="icn-btn">
1102
- <i class="icon-dots-vertical"></i>
1103
- </button>
1104
- </div>
1105
- </div>
1106
- <!-- list item 12 -->
1107
- <div class="sd-list-item">
1108
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1109
- <div class="sd-list-item__column">
1110
- <div class="sd-list-item__row">
1111
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1112
- </div>
1113
- </div>
1114
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1115
- <div class="sd-list-item__row">
1116
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.">Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.</span>
1117
- <span class="label label--hollow">sports</span>
1118
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 hrs ago</time>
1119
- </div>
1120
- </div>
1121
- <div class="sd-list-item__action-menu">
1122
- <button class="icn-btn">
1123
- <i class="icon-dots-vertical"></i>
1124
- </button>
1125
- </div>
1126
- </div>
1127
- <!-- list item 13 -->
1128
- <div class="sd-list-item">
1129
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1130
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1131
- <div class="sd-list-item__row">
1132
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Amet proident laboris eiusmod nisi et.">Amet proident laboris eiusmod nisi et.</span>
1133
- <span class="label label--hollow">culture</span>
1134
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1135
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 day ago</time>
1136
- </div>
1137
- </div>
1138
- <div class="sd-list-item__action-menu">
1139
- <button class="icn-btn">
1140
- <i class="icon-dots-vertical"></i>
1141
- </button>
1142
- </div>
1143
- </div>
1144
- <!-- list item 14 -->
1145
- <div class="sd-list-item">
1146
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1147
- <div class="sd-list-item__column">
1148
- <div class="sd-list-item__row">
1149
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>3</span>
1150
- </div>
1151
- </div>
1152
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1153
- <div class="sd-list-item__row">
1154
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Proident sit enim tempor et excepteur in officia quis.">Proident sit enim tempor et excepteur in officia quis.</span>
1155
- <span class="label label--hollow">politics</span>
1156
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 days ago</time>
1157
- </div>
1158
- </div>
1159
- <div class="sd-list-item__action-menu">
1160
- <button class="icn-btn">
1161
- <i class="icon-dots-vertical"></i>
1162
- </button>
1163
- </div>
1164
- </div>
1165
- <!-- list item 15 -->
1166
- <div class="sd-list-item">
1167
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1168
- <div class="sd-list-item__column">
1169
- <div class="sd-list-item__row">
1170
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1171
- </div>
1172
- </div>
1173
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1174
- <div class="sd-list-item__row">
1175
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
1176
- <span class="label label--hollow">politics</span>
1177
- <time title="March 22, 2017 11:08 AM" class="no-padding">3 days ago</time>
1178
- </div>
1179
- </div>
1180
- <div class="sd-list-item__action-menu">
1181
- <button class="icn-btn">
1182
- <i class="icon-dots-vertical"></i>
1183
- </button>
1184
- </div>
1185
- </div>
1186
- <!-- list item 16 -->
1187
- <div class="sd-list-item">
1188
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1189
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1190
- <div class="sd-list-item__row">
1191
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
1192
- <span class="label label--hollow">politics</span>
1193
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1194
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 days ago</time>
1195
- </div>
1196
- </div>
1197
- <div class="sd-list-item__action-menu">
1198
- <button class="icn-btn">
1199
- <i class="icon-dots-vertical"></i>
1200
- </button>
1201
- </div>
1202
- </div>
1203
- <!-- list item 17 -->
1204
- <div class="sd-list-item">
1205
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1206
- <div class="sd-list-item__column">
1207
- <div class="sd-list-item__row">
1208
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1209
- </div>
1210
- </div>
1211
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1212
- <div class="sd-list-item__row">
1213
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
1214
- <span class="label label--hollow">business</span>
1215
- <time title="March 22, 2017 11:08 AM" class="no-padding">5 days ago</time>
1216
- </div>
1217
- </div>
1218
- <div class="sd-list-item__action-menu">
1219
- <button class="icn-btn">
1220
- <i class="icon-dots-vertical"></i>
1221
- </button>
1222
- </div>
1223
- </div>
1224
- <!-- list item 18 -->
1225
- <div class="sd-list-item">
1226
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1227
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1228
- <div class="sd-list-item__row">
1229
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
1230
- <span class="label label--hollow">lifestyle</span>
1231
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 days ago</time>
1232
- </div>
1233
- </div>
1234
- <div class="sd-list-item__action-menu">
1235
- <button class="icn-btn">
1236
- <i class="icon-dots-vertical"></i>
1237
- </button>
1238
- </div>
1239
- </div>
1240
- <!-- list item 19 -->
1241
- <div class="sd-list-item">
1242
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1243
- <div class="sd-list-item__column">
1244
- <div class="sd-list-item__row">
1245
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>2</span>
1246
- </div>
1247
- </div>
1248
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1249
- <div class="sd-list-item__row">
1250
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Quis tempor ut ipsum amet dolore voluptate pariatur.">Quis tempor ut ipsum amet dolore voluptate pariatur.</span>
1251
- <span class="label label--hollow">politics</span>
1252
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1253
- <time title="March 22, 2017 11:08 AM" class="no-padding">9 days ago</time>
1254
- </div>
1255
- </div>
1256
- <div class="sd-list-item__action-menu">
1257
- <button class="icn-btn">
1258
- <i class="icon-dots-vertical"></i>
1259
- </button>
1260
- </div>
1261
- </div>
1262
- <!-- list item 20 -->
1263
- <div class="sd-list-item">
1264
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1265
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1266
- <div class="sd-list-item__row">
1267
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat sint non et fugiat eu laborum.">Cupidatat sint non et fugiat eu laborum.</span>
1268
- <span class="label label--hollow">culture</span>
1269
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 days ago</time>
1270
- </div>
1271
- </div>
1272
- <div class="sd-list-item__action-menu">
1273
- <button class="icn-btn">
1274
- <i class="icon-dots-vertical"></i>
1275
- </button>
1276
- </div>
1277
- </div>
1278
- <!-- list item 21 -->
1279
- <div class="sd-list-item">
1280
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1281
- <div class="sd-list-item__column">
1282
- <div class="sd-list-item__row">
1283
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1284
- </div>
1285
- </div>
1286
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1287
- <div class="sd-list-item__row">
1288
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.">Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.</span>
1289
- <span class="label label--hollow">sports</span>
1290
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 days ago</time>
1291
- </div>
1292
- </div>
1293
- <div class="sd-list-item__action-menu">
1294
- <button class="icn-btn">
1295
- <i class="icon-dots-vertical"></i>
1296
- </button>
1297
- </div>
1298
- </div>
1299
- <!-- list item 22 -->
1300
- <div class="sd-list-item">
1301
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1302
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1303
- <div class="sd-list-item__row">
1304
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Elit enim commodo labore consequat nisi deserunt incididunt.">Elit enim commodo labore consequat nisi deserunt incididunt.</span>
1305
- <span class="label label--hollow">business</span>
1306
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1307
- <time title="March 22, 2017 11:08 AM" class="no-padding">18 days ago</time>
1308
- </div>
1309
- </div>
1310
- <div class="sd-list-item__action-menu">
1311
- <button class="icn-btn">
1312
- <i class="icon-dots-vertical"></i>
1313
- </button>
1314
- </div>
1315
- </div>
1316
- <!-- list item 23 -->
1317
- <div class="sd-list-item">
1318
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1319
- <div class="sd-list-item__column">
1320
- <div class="sd-list-item__row">
1321
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>6</span>
1322
- </div>
1323
- </div>
1324
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1325
- <div class="sd-list-item__row">
1326
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.">Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.</span>
1327
- <span class="label label--hollow">politics</span>
1328
- <time title="March 22, 2017 11:08 AM" class="no-padding">21 days ago</time>
1329
- </div>
1330
- </div>
1331
- <div class="sd-list-item__action-menu">
1332
- <button class="icn-btn">
1333
- <i class="icon-dots-vertical"></i>
1334
- </button>
1335
- </div>
1336
- </div>
1337
- <!-- list item 24 -->
1338
- <div class="sd-list-item">
1339
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1340
- <div class="sd-list-item__column">
1341
- <div class="sd-list-item__row">
1342
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1343
- </div>
1344
- </div>
1345
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1346
- <div class="sd-list-item__row">
1347
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.">Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.</span>
1348
- <span class="label label--hollow">politics</span>
1349
- <time title="March 22, 2017 11:08 AM" class="no-padding">22 days ago</time>
1350
- </div>
1351
- </div>
1352
- <div class="sd-list-item__action-menu">
1353
- <button class="icn-btn">
1354
- <i class="icon-dots-vertical"></i>
1355
- </button>
1356
- </div>
1357
- </div>
1358
- <!-- list item 25 -->
1359
- <div class="sd-list-item">
1360
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1361
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1362
- <div class="sd-list-item__row">
1363
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.">Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.</span>
1364
- <span class="label label--hollow">politics</span>
1365
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1366
- <time title="March 22, 2017 11:08 AM" class="no-padding">23 days ago</time>
1367
- </div>
1368
- </div>
1369
- <div class="sd-list-item__action-menu">
1370
- <button class="icn-btn">
1371
- <i class="icon-dots-vertical"></i>
1372
- </button>
1373
- </div>
1374
- </div>
1375
- <!-- list item 26 -->
1376
- <div class="sd-list-item">
1377
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1378
- <div class="sd-list-item__column">
1379
- <div class="sd-list-item__row">
1380
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1381
- </div>
1382
- </div>
1383
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1384
- <div class="sd-list-item__row">
1385
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat adipisicing labore laborum Lorem.">Cupidatat adipisicing labore laborum Lorem.</span>
1386
- <span class="label label--hollow">business</span>
1387
- <time title="March 22, 2017 11:08 AM" class="no-padding">24 days ago</time>
1388
- </div>
1389
- </div>
1390
- <div class="sd-list-item__action-menu">
1391
- <button class="icn-btn">
1392
- <i class="icon-dots-vertical"></i>
1393
- </button>
1394
- </div>
1395
- </div>
1396
- <!-- list item 27 -->
1397
- <div class="sd-list-item">
1398
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1399
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1400
- <div class="sd-list-item__row">
1401
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Laborum qui dolor aliquip sunt.">Laborum qui dolor aliquip sunt.</span>
1402
- <span class="label label--hollow">lifestyle</span>
1403
- <time title="March 22, 2017 11:08 AM" class="no-padding">March 15, 2018</time>
1404
- </div>
1405
- </div>
1406
- <div class="sd-list-item__action-menu">
1407
- <button class="icn-btn">
1408
- <i class="icon-dots-vertical"></i>
1409
- </button>
1410
- </div>
1411
- </div>
1412
-
1413
- </div>
1414
- </div>
1415
- </div>
1416
- <!-- KANBAN BOARD 2 -->
1417
- <div class="sd-kanban-list__board sd-kanban-list__board--wide">
1418
- <div class="sd-kanban-list__board-header">
1419
- <div class="sd-list-header">
1420
- <span class="sd-list-header__name">BBC</span>
1421
- <span class="sd-list-header__number badge">28525</span>
1422
- </div>
1423
- </div>
1424
- <div class="sd-kanban-list__board-content">
1425
- <div class="sd-list-item-group sd-shadow--z1">
1426
- <!-- list item 1 -->
1427
- <div class="sd-list-item">
1428
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1429
- <div class="sd-list-item__column">
1430
- <div class="sd-list-item__row">
1431
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>5</span>
1432
- </div>
1433
- </div>
1434
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1435
- <div class="sd-list-item__row">
1436
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow">Odgođeno suđenje po tužbi Kalića: Čeka se vještak</span>
1437
- <span class="label label--hollow">politics</span>
1438
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1439
- <span class="sd-overflow-ellipsis"><time title="March 22, 2017 11:08 AM">2 minutes ago</time></span>
1440
- </div>
1441
- </div>
1442
- <div class="sd-list-item__action-menu">
1443
- <button class="icn-btn">
1444
- <i class="icon-dots-vertical"></i>
1445
- </button>
1446
- </div>
1447
- </div>
1448
- <!-- list item 2 -->
1449
- <div class="sd-list-item">
1450
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1451
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1452
- <div class="sd-list-item__row">
1453
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ekosistem koji služi za primjer u pružanju zdravstvenih usluga">Ekosistem koji služi za primjer u pružanju zdravstvenih usluga</span>
1454
- <span class="label label--hollow">culture</span>
1455
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 minutes ago</time>
1456
- </div>
1457
- </div>
1458
- <div class="sd-list-item__action-menu">
1459
- <button class="icn-btn">
1460
- <i class="icon-dots-vertical"></i>
1461
- </button>
1462
- </div>
1463
- </div>
1464
- <!-- list item 3 -->
1465
- <div class="sd-list-item">
1466
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1467
- <div class="sd-list-item__column">
1468
- <div class="sd-list-item__row">
1469
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>9</span>
1470
- </div>
1471
- </div>
1472
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1473
- <div class="sd-list-item__row">
1474
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja">Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja</span>
1475
- <span class="label label--hollow">lifestyle</span>
1476
- <time title="March 22, 2017 11:08 AM" class="no-padding">30 minutes ago</time>
1477
- </div>
1478
- </div>
1479
- <div class="sd-list-item__action-menu">
1480
- <button class="icn-btn">
1481
- <i class="icon-dots-vertical"></i>
1482
- </button>
1483
- </div>
1484
- </div>
1485
- <!-- list item 4 -->
1486
- <div class="sd-list-item">
1487
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1488
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1489
- <div class="sd-list-item__row">
1490
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun">Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun</span>
1491
- <span class="label label--hollow">sports</span>
1492
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1493
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 hr ago</time>
1494
- </div>
1495
- </div>
1496
- <div class="sd-list-item__action-menu">
1497
- <button class="icn-btn">
1498
- <i class="icon-dots-vertical"></i>
1499
- </button>
1500
- </div>
1501
- </div>
1502
- <!-- list item 5 -->
1503
- <div class="sd-list-item">
1504
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1505
- <div class="sd-list-item__column">
1506
- <div class="sd-list-item__row">
1507
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
1508
- </div>
1509
- </div>
1510
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1511
- <div class="sd-list-item__row">
1512
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Radojević: Nisam tražio enormno više od ponuđene sume">Radojević: Nisam tražio enormno više od ponuđene sume</span>
1513
- <span class="label label--hollow">politics</span>
1514
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 hrs ago</time>
1515
- </div>
1516
- </div>
1517
- <div class="sd-list-item__action-menu">
1518
- <button class="icn-btn">
1519
- <i class="icon-dots-vertical"></i>
1520
- </button>
1521
- </div>
1522
- </div>
1523
- <!-- list item 6 -->
1524
- <div class="sd-list-item">
1525
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1526
- <div class="sd-list-item__column">
1527
- <div class="sd-list-item__row">
1528
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1529
- </div>
1530
- </div>
1531
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1532
- <div class="sd-list-item__row">
1533
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
1534
- <span class="label label--hollow">politics</span>
1535
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 hrs ago</time>
1536
- </div>
1537
- </div>
1538
- <div class="sd-list-item__action-menu">
1539
- <button class="icn-btn">
1540
- <i class="icon-dots-vertical"></i>
1541
- </button>
1542
- </div>
1543
- </div>
1544
- <!-- list item 7 -->
1545
- <div class="sd-list-item">
1546
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1547
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1548
- <div class="sd-list-item__row">
1549
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
1550
- <span class="label label--hollow">politics</span>
1551
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1552
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 hrs ago</time>
1553
- </div>
1554
- </div>
1555
- <div class="sd-list-item__action-menu">
1556
- <button class="icn-btn">
1557
- <i class="icon-dots-vertical"></i>
1558
- </button>
1559
- </div>
1560
- </div>
1561
- <!-- list item 8 -->
1562
- <div class="sd-list-item">
1563
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1564
- <div class="sd-list-item__column">
1565
- <div class="sd-list-item__row">
1566
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1567
- </div>
1568
- </div>
1569
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1570
- <div class="sd-list-item__row">
1571
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
1572
- <span class="label label--hollow">business</span>
1573
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 hrs ago</time>
1574
- </div>
1575
- </div>
1576
- <div class="sd-list-item__action-menu">
1577
- <button class="icn-btn">
1578
- <i class="icon-dots-vertical"></i>
1579
- </button>
1580
- </div>
1581
- </div>
1582
- <!-- list item 9 -->
1583
- <div class="sd-list-item">
1584
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1585
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1586
- <div class="sd-list-item__row">
1587
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
1588
- <span class="label label--hollow">lifestyle</span>
1589
- <time title="March 22, 2017 11:08 AM" class="no-padding">12 hrs ago</time>
1590
- </div>
1591
- </div>
1592
- <div class="sd-list-item__action-menu">
1593
- <button class="icn-btn">
1594
- <i class="icon-dots-vertical"></i>
1595
- </button>
1596
- </div>
1597
- </div>
1598
- <!-- list item 10 -->
1599
- <div class="sd-list-item">
1600
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1601
- <div class="sd-list-item__column">
1602
- <div class="sd-list-item__row">
1603
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
1604
- </div>
1605
- </div>
1606
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1607
- <div class="sd-list-item__row">
1608
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.">Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.</span>
1609
- <span class="label label--hollow">business</span>
1610
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1611
- <time title="March 22, 2017 11:08 AM" class="no-padding">14 hrs ago</time>
1612
- </div>
1613
- </div>
1614
- <div class="sd-list-item__action-menu">
1615
- <button class="icn-btn">
1616
- <i class="icon-dots-vertical"></i>
1617
- </button>
1618
- </div>
1619
- </div>
1620
- <!-- list item 11 -->
1621
- <div class="sd-list-item">
1622
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1623
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1624
- <div class="sd-list-item__row">
1625
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.">Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.</span>
1626
- <span class="label label--hollow">culture</span>
1627
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 hrs ago</time>
1628
- </div>
1629
- </div>
1630
- <div class="sd-list-item__action-menu">
1631
- <button class="icn-btn">
1632
- <i class="icon-dots-vertical"></i>
1633
- </button>
1634
- </div>
1635
- </div>
1636
- <!-- list item 12 -->
1637
- <div class="sd-list-item">
1638
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1639
- <div class="sd-list-item__column">
1640
- <div class="sd-list-item__row">
1641
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1642
- </div>
1643
- </div>
1644
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1645
- <div class="sd-list-item__row">
1646
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.">Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.</span>
1647
- <span class="label label--hollow">sports</span>
1648
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 hrs ago</time>
1649
- </div>
1650
- </div>
1651
- <div class="sd-list-item__action-menu">
1652
- <button class="icn-btn">
1653
- <i class="icon-dots-vertical"></i>
1654
- </button>
1655
- </div>
1656
- </div>
1657
- <!-- list item 13 -->
1658
- <div class="sd-list-item">
1659
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1660
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1661
- <div class="sd-list-item__row">
1662
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Amet proident laboris eiusmod nisi et.">Amet proident laboris eiusmod nisi et.</span>
1663
- <span class="label label--hollow">culture</span>
1664
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1665
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 day ago</time>
1666
- </div>
1667
- </div>
1668
- <div class="sd-list-item__action-menu">
1669
- <button class="icn-btn">
1670
- <i class="icon-dots-vertical"></i>
1671
- </button>
1672
- </div>
1673
- </div>
1674
- <!-- list item 14 -->
1675
- <div class="sd-list-item">
1676
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1677
- <div class="sd-list-item__column">
1678
- <div class="sd-list-item__row">
1679
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>3</span>
1680
- </div>
1681
- </div>
1682
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1683
- <div class="sd-list-item__row">
1684
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Proident sit enim tempor et excepteur in officia quis.">Proident sit enim tempor et excepteur in officia quis.</span>
1685
- <span class="label label--hollow">politics</span>
1686
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 days ago</time>
1687
- </div>
1688
- </div>
1689
- <div class="sd-list-item__action-menu">
1690
- <button class="icn-btn">
1691
- <i class="icon-dots-vertical"></i>
1692
- </button>
1693
- </div>
1694
- </div>
1695
- <!-- list item 15 -->
1696
- <div class="sd-list-item">
1697
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1698
- <div class="sd-list-item__column">
1699
- <div class="sd-list-item__row">
1700
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1701
- </div>
1702
- </div>
1703
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1704
- <div class="sd-list-item__row">
1705
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
1706
- <span class="label label--hollow">politics</span>
1707
- <time title="March 22, 2017 11:08 AM" class="no-padding">3 days ago</time>
1708
- </div>
1709
- </div>
1710
- <div class="sd-list-item__action-menu">
1711
- <button class="icn-btn">
1712
- <i class="icon-dots-vertical"></i>
1713
- </button>
1714
- </div>
1715
- </div>
1716
- <!-- list item 16 -->
1717
- <div class="sd-list-item">
1718
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1719
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1720
- <div class="sd-list-item__row">
1721
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
1722
- <span class="label label--hollow">politics</span>
1723
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1724
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 days ago</time>
1725
- </div>
1726
- </div>
1727
- <div class="sd-list-item__action-menu">
1728
- <button class="icn-btn">
1729
- <i class="icon-dots-vertical"></i>
1730
- </button>
1731
- </div>
1732
- </div>
1733
- <!-- list item 17 -->
1734
- <div class="sd-list-item">
1735
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1736
- <div class="sd-list-item__column">
1737
- <div class="sd-list-item__row">
1738
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1739
- </div>
1740
- </div>
1741
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1742
- <div class="sd-list-item__row">
1743
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
1744
- <span class="label label--hollow">business</span>
1745
- <time title="March 22, 2017 11:08 AM" class="no-padding">5 days ago</time>
1746
- </div>
1747
- </div>
1748
- <div class="sd-list-item__action-menu">
1749
- <button class="icn-btn">
1750
- <i class="icon-dots-vertical"></i>
1751
- </button>
1752
- </div>
1753
- </div>
1754
- <!-- list item 18 -->
1755
- <div class="sd-list-item">
1756
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1757
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1758
- <div class="sd-list-item__row">
1759
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
1760
- <span class="label label--hollow">lifestyle</span>
1761
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 days ago</time>
1762
- </div>
1763
- </div>
1764
- <div class="sd-list-item__action-menu">
1765
- <button class="icn-btn">
1766
- <i class="icon-dots-vertical"></i>
1767
- </button>
1768
- </div>
1769
- </div>
1770
- <!-- list item 19 -->
1771
- <div class="sd-list-item">
1772
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1773
- <div class="sd-list-item__column">
1774
- <div class="sd-list-item__row">
1775
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>2</span>
1776
- </div>
1777
- </div>
1778
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1779
- <div class="sd-list-item__row">
1780
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Quis tempor ut ipsum amet dolore voluptate pariatur.">Quis tempor ut ipsum amet dolore voluptate pariatur.</span>
1781
- <span class="label label--hollow">politics</span>
1782
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1783
- <time title="March 22, 2017 11:08 AM" class="no-padding">9 days ago</time>
1784
- </div>
1785
- </div>
1786
- <div class="sd-list-item__action-menu">
1787
- <button class="icn-btn">
1788
- <i class="icon-dots-vertical"></i>
1789
- </button>
1790
- </div>
1791
- </div>
1792
- <!-- list item 20 -->
1793
- <div class="sd-list-item">
1794
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1795
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1796
- <div class="sd-list-item__row">
1797
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat sint non et fugiat eu laborum.">Cupidatat sint non et fugiat eu laborum.</span>
1798
- <span class="label label--hollow">culture</span>
1799
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 days ago</time>
1800
- </div>
1801
- </div>
1802
- <div class="sd-list-item__action-menu">
1803
- <button class="icn-btn">
1804
- <i class="icon-dots-vertical"></i>
1805
- </button>
1806
- </div>
1807
- </div>
1808
- <!-- list item 21 -->
1809
- <div class="sd-list-item">
1810
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1811
- <div class="sd-list-item__column">
1812
- <div class="sd-list-item__row">
1813
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
1814
- </div>
1815
- </div>
1816
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1817
- <div class="sd-list-item__row">
1818
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.">Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.</span>
1819
- <span class="label label--hollow">sports</span>
1820
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 days ago</time>
1821
- </div>
1822
- </div>
1823
- <div class="sd-list-item__action-menu">
1824
- <button class="icn-btn">
1825
- <i class="icon-dots-vertical"></i>
1826
- </button>
1827
- </div>
1828
- </div>
1829
- <!-- list item 22 -->
1830
- <div class="sd-list-item">
1831
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1832
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1833
- <div class="sd-list-item__row">
1834
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Elit enim commodo labore consequat nisi deserunt incididunt.">Elit enim commodo labore consequat nisi deserunt incididunt.</span>
1835
- <span class="label label--hollow">business</span>
1836
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1837
- <time title="March 22, 2017 11:08 AM" class="no-padding">18 days ago</time>
1838
- </div>
1839
- </div>
1840
- <div class="sd-list-item__action-menu">
1841
- <button class="icn-btn">
1842
- <i class="icon-dots-vertical"></i>
1843
- </button>
1844
- </div>
1845
- </div>
1846
- <!-- list item 23 -->
1847
- <div class="sd-list-item">
1848
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1849
- <div class="sd-list-item__column">
1850
- <div class="sd-list-item__row">
1851
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>6</span>
1852
- </div>
1853
- </div>
1854
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1855
- <div class="sd-list-item__row">
1856
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.">Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.</span>
1857
- <span class="label label--hollow">politics</span>
1858
- <time title="March 22, 2017 11:08 AM" class="no-padding">21 days ago</time>
1859
- </div>
1860
- </div>
1861
- <div class="sd-list-item__action-menu">
1862
- <button class="icn-btn">
1863
- <i class="icon-dots-vertical"></i>
1864
- </button>
1865
- </div>
1866
- </div>
1867
- <!-- list item 24 -->
1868
- <div class="sd-list-item">
1869
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1870
- <div class="sd-list-item__column">
1871
- <div class="sd-list-item__row">
1872
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1873
- </div>
1874
- </div>
1875
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1876
- <div class="sd-list-item__row">
1877
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.">Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.</span>
1878
- <span class="label label--hollow">politics</span>
1879
- <time title="March 22, 2017 11:08 AM" class="no-padding">22 days ago</time>
1880
- </div>
1881
- </div>
1882
- <div class="sd-list-item__action-menu">
1883
- <button class="icn-btn">
1884
- <i class="icon-dots-vertical"></i>
1885
- </button>
1886
- </div>
1887
- </div>
1888
- <!-- list item 25 -->
1889
- <div class="sd-list-item">
1890
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1891
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1892
- <div class="sd-list-item__row">
1893
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.">Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.</span>
1894
- <span class="label label--hollow">politics</span>
1895
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1896
- <time title="March 22, 2017 11:08 AM" class="no-padding">23 days ago</time>
1897
- </div>
1898
- </div>
1899
- <div class="sd-list-item__action-menu">
1900
- <button class="icn-btn">
1901
- <i class="icon-dots-vertical"></i>
1902
- </button>
1903
- </div>
1904
- </div>
1905
- <!-- list item 26 -->
1906
- <div class="sd-list-item">
1907
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1908
- <div class="sd-list-item__column">
1909
- <div class="sd-list-item__row">
1910
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
1911
- </div>
1912
- </div>
1913
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1914
- <div class="sd-list-item__row">
1915
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat adipisicing labore laborum Lorem.">Cupidatat adipisicing labore laborum Lorem.</span>
1916
- <span class="label label--hollow">business</span>
1917
- <time title="March 22, 2017 11:08 AM" class="no-padding">24 days ago</time>
1918
- </div>
1919
- </div>
1920
- <div class="sd-list-item__action-menu">
1921
- <button class="icn-btn">
1922
- <i class="icon-dots-vertical"></i>
1923
- </button>
1924
- </div>
1925
- </div>
1926
- <!-- list item 27 -->
1927
- <div class="sd-list-item">
1928
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1929
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1930
- <div class="sd-list-item__row">
1931
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Laborum qui dolor aliquip sunt.">Laborum qui dolor aliquip sunt.</span>
1932
- <span class="label label--hollow">lifestyle</span>
1933
- <time title="March 22, 2017 11:08 AM" class="no-padding">March 15, 2018</time>
1934
- </div>
1935
- </div>
1936
- <div class="sd-list-item__action-menu">
1937
- <button class="icn-btn">
1938
- <i class="icon-dots-vertical"></i>
1939
- </button>
1940
- </div>
1941
- </div>
1942
-
1943
- </div>
1944
- </div>
1945
- </div>
1946
- <!-- KANBAN BOARD 3 -->
1947
- <div class="sd-kanban-list__board sd-kanban-list__board--wide">
1948
- <div class="sd-kanban-list__board-header">
1949
- <div class="sd-list-header">
1950
- <span class="sd-list-header__name">Superdesk.pro</span>
1951
- <span class="sd-list-header__number badge">21345</span>
1952
- </div>
1953
- </div>
1954
- <div class="sd-kanban-list__board-content">
1955
- <div class="sd-list-item-group sd-shadow--z1">
1956
- <!-- list item 1 -->
1957
- <div class="sd-list-item">
1958
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1959
- <div class="sd-list-item__column">
1960
- <div class="sd-list-item__row">
1961
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>5</span>
1962
- </div>
1963
- </div>
1964
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1965
- <div class="sd-list-item__row">
1966
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow">Odgođeno suđenje po tužbi Kalića: Čeka se vještak</span>
1967
- <span class="label label--hollow">politics</span>
1968
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
1969
- <span class="sd-overflow-ellipsis"><time title="March 22, 2017 11:08 AM">2 minutes ago</time></span>
1970
- </div>
1971
- </div>
1972
- <div class="sd-list-item__action-menu">
1973
- <button class="icn-btn">
1974
- <i class="icon-dots-vertical"></i>
1975
- </button>
1976
- </div>
1977
- </div>
1978
- <!-- list item 2 -->
1979
- <div class="sd-list-item">
1980
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
1981
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
1982
- <div class="sd-list-item__row">
1983
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ekosistem koji služi za primjer u pružanju zdravstvenih usluga">Ekosistem koji služi za primjer u pružanju zdravstvenih usluga</span>
1984
- <span class="label label--hollow">culture</span>
1985
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 minutes ago</time>
1986
- </div>
1987
- </div>
1988
- <div class="sd-list-item__action-menu">
1989
- <button class="icn-btn">
1990
- <i class="icon-dots-vertical"></i>
1991
- </button>
1992
- </div>
1993
- </div>
1994
- <!-- list item 3 -->
1995
- <div class="sd-list-item">
1996
- <div class="sd-list-item__border sd-list-item__border--success"></div>
1997
- <div class="sd-list-item__column">
1998
- <div class="sd-list-item__row">
1999
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>9</span>
2000
- </div>
2001
- </div>
2002
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2003
- <div class="sd-list-item__row">
2004
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja">Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja</span>
2005
- <span class="label label--hollow">lifestyle</span>
2006
- <time title="March 22, 2017 11:08 AM" class="no-padding">30 minutes ago</time>
2007
- </div>
2008
- </div>
2009
- <div class="sd-list-item__action-menu">
2010
- <button class="icn-btn">
2011
- <i class="icon-dots-vertical"></i>
2012
- </button>
2013
- </div>
2014
- </div>
2015
- <!-- list item 4 -->
2016
- <div class="sd-list-item">
2017
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2018
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2019
- <div class="sd-list-item__row">
2020
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun">Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun</span>
2021
- <span class="label label--hollow">sports</span>
2022
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2023
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 hr ago</time>
2024
- </div>
2025
- </div>
2026
- <div class="sd-list-item__action-menu">
2027
- <button class="icn-btn">
2028
- <i class="icon-dots-vertical"></i>
2029
- </button>
2030
- </div>
2031
- </div>
2032
- <!-- list item 5 -->
2033
- <div class="sd-list-item">
2034
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2035
- <div class="sd-list-item__column">
2036
- <div class="sd-list-item__row">
2037
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
2038
- </div>
2039
- </div>
2040
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2041
- <div class="sd-list-item__row">
2042
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Radojević: Nisam tražio enormno više od ponuđene sume">Radojević: Nisam tražio enormno više od ponuđene sume</span>
2043
- <span class="label label--hollow">politics</span>
2044
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 hrs ago</time>
2045
- </div>
2046
- </div>
2047
- <div class="sd-list-item__action-menu">
2048
- <button class="icn-btn">
2049
- <i class="icon-dots-vertical"></i>
2050
- </button>
2051
- </div>
2052
- </div>
2053
- <!-- list item 6 -->
2054
- <div class="sd-list-item">
2055
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2056
- <div class="sd-list-item__column">
2057
- <div class="sd-list-item__row">
2058
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2059
- </div>
2060
- </div>
2061
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2062
- <div class="sd-list-item__row">
2063
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
2064
- <span class="label label--hollow">politics</span>
2065
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 hrs ago</time>
2066
- </div>
2067
- </div>
2068
- <div class="sd-list-item__action-menu">
2069
- <button class="icn-btn">
2070
- <i class="icon-dots-vertical"></i>
2071
- </button>
2072
- </div>
2073
- </div>
2074
- <!-- list item 7 -->
2075
- <div class="sd-list-item">
2076
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2077
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2078
- <div class="sd-list-item__row">
2079
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
2080
- <span class="label label--hollow">politics</span>
2081
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2082
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 hrs ago</time>
2083
- </div>
2084
- </div>
2085
- <div class="sd-list-item__action-menu">
2086
- <button class="icn-btn">
2087
- <i class="icon-dots-vertical"></i>
2088
- </button>
2089
- </div>
2090
- </div>
2091
- <!-- list item 8 -->
2092
- <div class="sd-list-item">
2093
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2094
- <div class="sd-list-item__column">
2095
- <div class="sd-list-item__row">
2096
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2097
- </div>
2098
- </div>
2099
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2100
- <div class="sd-list-item__row">
2101
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
2102
- <span class="label label--hollow">business</span>
2103
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 hrs ago</time>
2104
- </div>
2105
- </div>
2106
- <div class="sd-list-item__action-menu">
2107
- <button class="icn-btn">
2108
- <i class="icon-dots-vertical"></i>
2109
- </button>
2110
- </div>
2111
- </div>
2112
- <!-- list item 9 -->
2113
- <div class="sd-list-item">
2114
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2115
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2116
- <div class="sd-list-item__row">
2117
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
2118
- <span class="label label--hollow">lifestyle</span>
2119
- <time title="March 22, 2017 11:08 AM" class="no-padding">12 hrs ago</time>
2120
- </div>
2121
- </div>
2122
- <div class="sd-list-item__action-menu">
2123
- <button class="icn-btn">
2124
- <i class="icon-dots-vertical"></i>
2125
- </button>
2126
- </div>
2127
- </div>
2128
- <!-- list item 10 -->
2129
- <div class="sd-list-item">
2130
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2131
- <div class="sd-list-item__column">
2132
- <div class="sd-list-item__row">
2133
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
2134
- </div>
2135
- </div>
2136
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2137
- <div class="sd-list-item__row">
2138
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.">Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.</span>
2139
- <span class="label label--hollow">business</span>
2140
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2141
- <time title="March 22, 2017 11:08 AM" class="no-padding">14 hrs ago</time>
2142
- </div>
2143
- </div>
2144
- <div class="sd-list-item__action-menu">
2145
- <button class="icn-btn">
2146
- <i class="icon-dots-vertical"></i>
2147
- </button>
2148
- </div>
2149
- </div>
2150
- <!-- list item 11 -->
2151
- <div class="sd-list-item">
2152
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2153
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2154
- <div class="sd-list-item__row">
2155
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.">Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.</span>
2156
- <span class="label label--hollow">culture</span>
2157
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 hrs ago</time>
2158
- </div>
2159
- </div>
2160
- <div class="sd-list-item__action-menu">
2161
- <button class="icn-btn">
2162
- <i class="icon-dots-vertical"></i>
2163
- </button>
2164
- </div>
2165
- </div>
2166
- <!-- list item 12 -->
2167
- <div class="sd-list-item">
2168
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2169
- <div class="sd-list-item__column">
2170
- <div class="sd-list-item__row">
2171
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2172
- </div>
2173
- </div>
2174
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2175
- <div class="sd-list-item__row">
2176
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.">Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.</span>
2177
- <span class="label label--hollow">sports</span>
2178
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 hrs ago</time>
2179
- </div>
2180
- </div>
2181
- <div class="sd-list-item__action-menu">
2182
- <button class="icn-btn">
2183
- <i class="icon-dots-vertical"></i>
2184
- </button>
2185
- </div>
2186
- </div>
2187
- <!-- list item 13 -->
2188
- <div class="sd-list-item">
2189
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2190
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2191
- <div class="sd-list-item__row">
2192
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Amet proident laboris eiusmod nisi et.">Amet proident laboris eiusmod nisi et.</span>
2193
- <span class="label label--hollow">culture</span>
2194
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2195
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 day ago</time>
2196
- </div>
2197
- </div>
2198
- <div class="sd-list-item__action-menu">
2199
- <button class="icn-btn">
2200
- <i class="icon-dots-vertical"></i>
2201
- </button>
2202
- </div>
2203
- </div>
2204
- <!-- list item 14 -->
2205
- <div class="sd-list-item">
2206
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2207
- <div class="sd-list-item__column">
2208
- <div class="sd-list-item__row">
2209
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>3</span>
2210
- </div>
2211
- </div>
2212
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2213
- <div class="sd-list-item__row">
2214
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Proident sit enim tempor et excepteur in officia quis.">Proident sit enim tempor et excepteur in officia quis.</span>
2215
- <span class="label label--hollow">politics</span>
2216
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 days ago</time>
2217
- </div>
2218
- </div>
2219
- <div class="sd-list-item__action-menu">
2220
- <button class="icn-btn">
2221
- <i class="icon-dots-vertical"></i>
2222
- </button>
2223
- </div>
2224
- </div>
2225
- <!-- list item 15 -->
2226
- <div class="sd-list-item">
2227
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2228
- <div class="sd-list-item__column">
2229
- <div class="sd-list-item__row">
2230
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2231
- </div>
2232
- </div>
2233
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2234
- <div class="sd-list-item__row">
2235
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
2236
- <span class="label label--hollow">politics</span>
2237
- <time title="March 22, 2017 11:08 AM" class="no-padding">3 days ago</time>
2238
- </div>
2239
- </div>
2240
- <div class="sd-list-item__action-menu">
2241
- <button class="icn-btn">
2242
- <i class="icon-dots-vertical"></i>
2243
- </button>
2244
- </div>
2245
- </div>
2246
- <!-- list item 16 -->
2247
- <div class="sd-list-item">
2248
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2249
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2250
- <div class="sd-list-item__row">
2251
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
2252
- <span class="label label--hollow">politics</span>
2253
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2254
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 days ago</time>
2255
- </div>
2256
- </div>
2257
- <div class="sd-list-item__action-menu">
2258
- <button class="icn-btn">
2259
- <i class="icon-dots-vertical"></i>
2260
- </button>
2261
- </div>
2262
- </div>
2263
- <!-- list item 17 -->
2264
- <div class="sd-list-item">
2265
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2266
- <div class="sd-list-item__column">
2267
- <div class="sd-list-item__row">
2268
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2269
- </div>
2270
- </div>
2271
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2272
- <div class="sd-list-item__row">
2273
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
2274
- <span class="label label--hollow">business</span>
2275
- <time title="March 22, 2017 11:08 AM" class="no-padding">5 days ago</time>
2276
- </div>
2277
- </div>
2278
- <div class="sd-list-item__action-menu">
2279
- <button class="icn-btn">
2280
- <i class="icon-dots-vertical"></i>
2281
- </button>
2282
- </div>
2283
- </div>
2284
- <!-- list item 18 -->
2285
- <div class="sd-list-item">
2286
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2287
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2288
- <div class="sd-list-item__row">
2289
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
2290
- <span class="label label--hollow">lifestyle</span>
2291
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 days ago</time>
2292
- </div>
2293
- </div>
2294
- <div class="sd-list-item__action-menu">
2295
- <button class="icn-btn">
2296
- <i class="icon-dots-vertical"></i>
2297
- </button>
2298
- </div>
2299
- </div>
2300
- <!-- list item 19 -->
2301
- <div class="sd-list-item">
2302
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2303
- <div class="sd-list-item__column">
2304
- <div class="sd-list-item__row">
2305
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>2</span>
2306
- </div>
2307
- </div>
2308
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2309
- <div class="sd-list-item__row">
2310
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Quis tempor ut ipsum amet dolore voluptate pariatur.">Quis tempor ut ipsum amet dolore voluptate pariatur.</span>
2311
- <span class="label label--hollow">politics</span>
2312
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2313
- <time title="March 22, 2017 11:08 AM" class="no-padding">9 days ago</time>
2314
- </div>
2315
- </div>
2316
- <div class="sd-list-item__action-menu">
2317
- <button class="icn-btn">
2318
- <i class="icon-dots-vertical"></i>
2319
- </button>
2320
- </div>
2321
- </div>
2322
- <!-- list item 20 -->
2323
- <div class="sd-list-item">
2324
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2325
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2326
- <div class="sd-list-item__row">
2327
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat sint non et fugiat eu laborum.">Cupidatat sint non et fugiat eu laborum.</span>
2328
- <span class="label label--hollow">culture</span>
2329
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 days ago</time>
2330
- </div>
2331
- </div>
2332
- <div class="sd-list-item__action-menu">
2333
- <button class="icn-btn">
2334
- <i class="icon-dots-vertical"></i>
2335
- </button>
2336
- </div>
2337
- </div>
2338
- <!-- list item 21 -->
2339
- <div class="sd-list-item">
2340
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2341
- <div class="sd-list-item__column">
2342
- <div class="sd-list-item__row">
2343
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2344
- </div>
2345
- </div>
2346
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2347
- <div class="sd-list-item__row">
2348
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.">Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.</span>
2349
- <span class="label label--hollow">sports</span>
2350
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 days ago</time>
2351
- </div>
2352
- </div>
2353
- <div class="sd-list-item__action-menu">
2354
- <button class="icn-btn">
2355
- <i class="icon-dots-vertical"></i>
2356
- </button>
2357
- </div>
2358
- </div>
2359
- <!-- list item 22 -->
2360
- <div class="sd-list-item">
2361
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2362
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2363
- <div class="sd-list-item__row">
2364
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Elit enim commodo labore consequat nisi deserunt incididunt.">Elit enim commodo labore consequat nisi deserunt incididunt.</span>
2365
- <span class="label label--hollow">business</span>
2366
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2367
- <time title="March 22, 2017 11:08 AM" class="no-padding">18 days ago</time>
2368
- </div>
2369
- </div>
2370
- <div class="sd-list-item__action-menu">
2371
- <button class="icn-btn">
2372
- <i class="icon-dots-vertical"></i>
2373
- </button>
2374
- </div>
2375
- </div>
2376
- <!-- list item 23 -->
2377
- <div class="sd-list-item">
2378
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2379
- <div class="sd-list-item__column">
2380
- <div class="sd-list-item__row">
2381
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>6</span>
2382
- </div>
2383
- </div>
2384
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2385
- <div class="sd-list-item__row">
2386
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.">Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.</span>
2387
- <span class="label label--hollow">politics</span>
2388
- <time title="March 22, 2017 11:08 AM" class="no-padding">21 days ago</time>
2389
- </div>
2390
- </div>
2391
- <div class="sd-list-item__action-menu">
2392
- <button class="icn-btn">
2393
- <i class="icon-dots-vertical"></i>
2394
- </button>
2395
- </div>
2396
- </div>
2397
- <!-- list item 24 -->
2398
- <div class="sd-list-item">
2399
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2400
- <div class="sd-list-item__column">
2401
- <div class="sd-list-item__row">
2402
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2403
- </div>
2404
- </div>
2405
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2406
- <div class="sd-list-item__row">
2407
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.">Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.</span>
2408
- <span class="label label--hollow">politics</span>
2409
- <time title="March 22, 2017 11:08 AM" class="no-padding">22 days ago</time>
2410
- </div>
2411
- </div>
2412
- <div class="sd-list-item__action-menu">
2413
- <button class="icn-btn">
2414
- <i class="icon-dots-vertical"></i>
2415
- </button>
2416
- </div>
2417
- </div>
2418
- <!-- list item 25 -->
2419
- <div class="sd-list-item">
2420
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2421
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2422
- <div class="sd-list-item__row">
2423
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.">Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.</span>
2424
- <span class="label label--hollow">politics</span>
2425
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2426
- <time title="March 22, 2017 11:08 AM" class="no-padding">23 days ago</time>
2427
- </div>
2428
- </div>
2429
- <div class="sd-list-item__action-menu">
2430
- <button class="icn-btn">
2431
- <i class="icon-dots-vertical"></i>
2432
- </button>
2433
- </div>
2434
- </div>
2435
- <!-- list item 26 -->
2436
- <div class="sd-list-item">
2437
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2438
- <div class="sd-list-item__column">
2439
- <div class="sd-list-item__row">
2440
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2441
- </div>
2442
- </div>
2443
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2444
- <div class="sd-list-item__row">
2445
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat adipisicing labore laborum Lorem.">Cupidatat adipisicing labore laborum Lorem.</span>
2446
- <span class="label label--hollow">business</span>
2447
- <time title="March 22, 2017 11:08 AM" class="no-padding">24 days ago</time>
2448
- </div>
2449
- </div>
2450
- <div class="sd-list-item__action-menu">
2451
- <button class="icn-btn">
2452
- <i class="icon-dots-vertical"></i>
2453
- </button>
2454
- </div>
2455
- </div>
2456
- <!-- list item 27 -->
2457
- <div class="sd-list-item">
2458
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2459
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2460
- <div class="sd-list-item__row">
2461
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Laborum qui dolor aliquip sunt.">Laborum qui dolor aliquip sunt.</span>
2462
- <span class="label label--hollow">lifestyle</span>
2463
- <time title="March 22, 2017 11:08 AM" class="no-padding">March 15, 2018</time>
2464
- </div>
2465
- </div>
2466
- <div class="sd-list-item__action-menu">
2467
- <button class="icn-btn">
2468
- <i class="icon-dots-vertical"></i>
2469
- </button>
2470
- </div>
2471
- </div>
2472
-
2473
- </div>
2474
- </div>
2475
- </div>
2476
- <!-- KANBAN BOARD 4 -->
2477
- <div class="sd-kanban-list__board sd-kanban-list__board--wide">
2478
- <div class="sd-kanban-list__board-header">
2479
- <div class="sd-list-header">
2480
- <span class="sd-list-header__name">Sourcefabric</span>
2481
- <span class="sd-list-header__number badge">13226</span>
2482
- </div>
2483
- </div>
2484
- <div class="sd-kanban-list__board-content">
2485
- <div class="sd-list-item-group sd-shadow--z1">
2486
- <!-- list item 1 -->
2487
- <div class="sd-list-item">
2488
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2489
- <div class="sd-list-item__column">
2490
- <div class="sd-list-item__row">
2491
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>5</span>
2492
- </div>
2493
- </div>
2494
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2495
- <div class="sd-list-item__row">
2496
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow">Odgođeno suđenje po tužbi Kalića: Čeka se vještak</span>
2497
- <span class="label label--hollow">politics</span>
2498
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2499
- <span class="sd-overflow-ellipsis"><time title="March 22, 2017 11:08 AM">2 minutes ago</time></span>
2500
- </div>
2501
- </div>
2502
- <div class="sd-list-item__action-menu">
2503
- <button class="icn-btn">
2504
- <i class="icon-dots-vertical"></i>
2505
- </button>
2506
- </div>
2507
- </div>
2508
- <!-- list item 2 -->
2509
- <div class="sd-list-item">
2510
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2511
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2512
- <div class="sd-list-item__row">
2513
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ekosistem koji služi za primjer u pružanju zdravstvenih usluga">Ekosistem koji služi za primjer u pružanju zdravstvenih usluga</span>
2514
- <span class="label label--hollow">culture</span>
2515
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 minutes ago</time>
2516
- </div>
2517
- </div>
2518
- <div class="sd-list-item__action-menu">
2519
- <button class="icn-btn">
2520
- <i class="icon-dots-vertical"></i>
2521
- </button>
2522
- </div>
2523
- </div>
2524
- <!-- list item 3 -->
2525
- <div class="sd-list-item">
2526
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2527
- <div class="sd-list-item__column">
2528
- <div class="sd-list-item__row">
2529
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>9</span>
2530
- </div>
2531
- </div>
2532
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2533
- <div class="sd-list-item__row">
2534
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja">Japan: Beba rođena sa 268 grama poslije pet mjeseci puštena kući iz bolnice dobrog zdravlja</span>
2535
- <span class="label label--hollow">lifestyle</span>
2536
- <time title="March 22, 2017 11:08 AM" class="no-padding">30 minutes ago</time>
2537
- </div>
2538
- </div>
2539
- <div class="sd-list-item__action-menu">
2540
- <button class="icn-btn">
2541
- <i class="icon-dots-vertical"></i>
2542
- </button>
2543
- </div>
2544
- </div>
2545
- <!-- list item 4 -->
2546
- <div class="sd-list-item">
2547
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2548
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2549
- <div class="sd-list-item__row">
2550
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun">Švedska: Uhapšena jedna osoba, sumnja se da je ruski špijun</span>
2551
- <span class="label label--hollow">sports</span>
2552
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2553
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 hr ago</time>
2554
- </div>
2555
- </div>
2556
- <div class="sd-list-item__action-menu">
2557
- <button class="icn-btn">
2558
- <i class="icon-dots-vertical"></i>
2559
- </button>
2560
- </div>
2561
- </div>
2562
- <!-- list item 5 -->
2563
- <div class="sd-list-item">
2564
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2565
- <div class="sd-list-item__column">
2566
- <div class="sd-list-item__row">
2567
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
2568
- </div>
2569
- </div>
2570
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2571
- <div class="sd-list-item__row">
2572
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Radojević: Nisam tražio enormno više od ponuđene sume">Radojević: Nisam tražio enormno više od ponuđene sume</span>
2573
- <span class="label label--hollow">politics</span>
2574
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 hrs ago</time>
2575
- </div>
2576
- </div>
2577
- <div class="sd-list-item__action-menu">
2578
- <button class="icn-btn">
2579
- <i class="icon-dots-vertical"></i>
2580
- </button>
2581
- </div>
2582
- </div>
2583
- <!-- list item 6 -->
2584
- <div class="sd-list-item">
2585
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2586
- <div class="sd-list-item__column">
2587
- <div class="sd-list-item__row">
2588
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2589
- </div>
2590
- </div>
2591
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2592
- <div class="sd-list-item__row">
2593
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
2594
- <span class="label label--hollow">politics</span>
2595
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 hrs ago</time>
2596
- </div>
2597
- </div>
2598
- <div class="sd-list-item__action-menu">
2599
- <button class="icn-btn">
2600
- <i class="icon-dots-vertical"></i>
2601
- </button>
2602
- </div>
2603
- </div>
2604
- <!-- list item 7 -->
2605
- <div class="sd-list-item">
2606
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2607
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2608
- <div class="sd-list-item__row">
2609
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
2610
- <span class="label label--hollow">politics</span>
2611
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2612
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 hrs ago</time>
2613
- </div>
2614
- </div>
2615
- <div class="sd-list-item__action-menu">
2616
- <button class="icn-btn">
2617
- <i class="icon-dots-vertical"></i>
2618
- </button>
2619
- </div>
2620
- </div>
2621
- <!-- list item 8 -->
2622
- <div class="sd-list-item">
2623
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2624
- <div class="sd-list-item__column">
2625
- <div class="sd-list-item__row">
2626
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2627
- </div>
2628
- </div>
2629
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2630
- <div class="sd-list-item__row">
2631
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
2632
- <span class="label label--hollow">business</span>
2633
- <time title="March 22, 2017 11:08 AM" class="no-padding">10 hrs ago</time>
2634
- </div>
2635
- </div>
2636
- <div class="sd-list-item__action-menu">
2637
- <button class="icn-btn">
2638
- <i class="icon-dots-vertical"></i>
2639
- </button>
2640
- </div>
2641
- </div>
2642
- <!-- list item 9 -->
2643
- <div class="sd-list-item">
2644
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2645
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2646
- <div class="sd-list-item__row">
2647
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
2648
- <span class="label label--hollow">lifestyle</span>
2649
- <time title="March 22, 2017 11:08 AM" class="no-padding">12 hrs ago</time>
2650
- </div>
2651
- </div>
2652
- <div class="sd-list-item__action-menu">
2653
- <button class="icn-btn">
2654
- <i class="icon-dots-vertical"></i>
2655
- </button>
2656
- </div>
2657
- </div>
2658
- <!-- list item 10 -->
2659
- <div class="sd-list-item">
2660
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2661
- <div class="sd-list-item__column">
2662
- <div class="sd-list-item__row">
2663
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>7</span>
2664
- </div>
2665
- </div>
2666
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2667
- <div class="sd-list-item__row">
2668
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.">Officia id est mollit id cupidatat nostrud deserunt ipsum consequat commodo.</span>
2669
- <span class="label label--hollow">business</span>
2670
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2671
- <time title="March 22, 2017 11:08 AM" class="no-padding">14 hrs ago</time>
2672
- </div>
2673
- </div>
2674
- <div class="sd-list-item__action-menu">
2675
- <button class="icn-btn">
2676
- <i class="icon-dots-vertical"></i>
2677
- </button>
2678
- </div>
2679
- </div>
2680
- <!-- list item 11 -->
2681
- <div class="sd-list-item">
2682
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2683
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2684
- <div class="sd-list-item__row">
2685
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.">Sit sit aliqua pariatur esse est occaecat aute eiusmod labore enim cillum ex deserunt.</span>
2686
- <span class="label label--hollow">culture</span>
2687
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 hrs ago</time>
2688
- </div>
2689
- </div>
2690
- <div class="sd-list-item__action-menu">
2691
- <button class="icn-btn">
2692
- <i class="icon-dots-vertical"></i>
2693
- </button>
2694
- </div>
2695
- </div>
2696
- <!-- list item 12 -->
2697
- <div class="sd-list-item">
2698
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2699
- <div class="sd-list-item__column">
2700
- <div class="sd-list-item__row">
2701
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2702
- </div>
2703
- </div>
2704
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2705
- <div class="sd-list-item__row">
2706
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.">Irure proident sint Lorem non in ullamco enim voluptate laborum excepteur laborum velit.</span>
2707
- <span class="label label--hollow">sports</span>
2708
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 hrs ago</time>
2709
- </div>
2710
- </div>
2711
- <div class="sd-list-item__action-menu">
2712
- <button class="icn-btn">
2713
- <i class="icon-dots-vertical"></i>
2714
- </button>
2715
- </div>
2716
- </div>
2717
- <!-- list item 13 -->
2718
- <div class="sd-list-item">
2719
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2720
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2721
- <div class="sd-list-item__row">
2722
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Amet proident laboris eiusmod nisi et.">Amet proident laboris eiusmod nisi et.</span>
2723
- <span class="label label--hollow">culture</span>
2724
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2725
- <time title="March 22, 2017 11:08 AM" class="no-padding">1 day ago</time>
2726
- </div>
2727
- </div>
2728
- <div class="sd-list-item__action-menu">
2729
- <button class="icn-btn">
2730
- <i class="icon-dots-vertical"></i>
2731
- </button>
2732
- </div>
2733
- </div>
2734
- <!-- list item 14 -->
2735
- <div class="sd-list-item">
2736
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2737
- <div class="sd-list-item__column">
2738
- <div class="sd-list-item__row">
2739
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>3</span>
2740
- </div>
2741
- </div>
2742
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2743
- <div class="sd-list-item__row">
2744
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Proident sit enim tempor et excepteur in officia quis.">Proident sit enim tempor et excepteur in officia quis.</span>
2745
- <span class="label label--hollow">politics</span>
2746
- <time title="March 22, 2017 11:08 AM" class="no-padding">2 days ago</time>
2747
- </div>
2748
- </div>
2749
- <div class="sd-list-item__action-menu">
2750
- <button class="icn-btn">
2751
- <i class="icon-dots-vertical"></i>
2752
- </button>
2753
- </div>
2754
- </div>
2755
- <!-- list item 15 -->
2756
- <div class="sd-list-item">
2757
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2758
- <div class="sd-list-item__column">
2759
- <div class="sd-list-item__row">
2760
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2761
- </div>
2762
- </div>
2763
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2764
- <div class="sd-list-item__row">
2765
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Francuska: Macron za smanjenje poreskog opterećenja">Francuska: Macron za smanjenje poreskog opterećenja</span>
2766
- <span class="label label--hollow">politics</span>
2767
- <time title="March 22, 2017 11:08 AM" class="no-padding">3 days ago</time>
2768
- </div>
2769
- </div>
2770
- <div class="sd-list-item__action-menu">
2771
- <button class="icn-btn">
2772
- <i class="icon-dots-vertical"></i>
2773
- </button>
2774
- </div>
2775
- </div>
2776
- <!-- list item 16 -->
2777
- <div class="sd-list-item">
2778
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2779
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2780
- <div class="sd-list-item__row">
2781
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Bregzit ili smak svijeta?">Bregzit ili smak svijeta?</span>
2782
- <span class="label label--hollow">politics</span>
2783
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2784
- <time title="March 22, 2017 11:08 AM" class="no-padding">4 days ago</time>
2785
- </div>
2786
- </div>
2787
- <div class="sd-list-item__action-menu">
2788
- <button class="icn-btn">
2789
- <i class="icon-dots-vertical"></i>
2790
- </button>
2791
- </div>
2792
- </div>
2793
- <!-- list item 17 -->
2794
- <div class="sd-list-item">
2795
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2796
- <div class="sd-list-item__column">
2797
- <div class="sd-list-item__row">
2798
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2799
- </div>
2800
- </div>
2801
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2802
- <div class="sd-list-item__row">
2803
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.">Eiusmod consectetur occaecat pariatur culpa dolor fugiat nisi.</span>
2804
- <span class="label label--hollow">business</span>
2805
- <time title="March 22, 2017 11:08 AM" class="no-padding">5 days ago</time>
2806
- </div>
2807
- </div>
2808
- <div class="sd-list-item__action-menu">
2809
- <button class="icn-btn">
2810
- <i class="icon-dots-vertical"></i>
2811
- </button>
2812
- </div>
2813
- </div>
2814
- <!-- list item 18 -->
2815
- <div class="sd-list-item">
2816
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2817
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2818
- <div class="sd-list-item__row">
2819
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Incididunt esse fugiat aliqua quis culpa.">Incididunt esse fugiat aliqua quis culpa.</span>
2820
- <span class="label label--hollow">lifestyle</span>
2821
- <time title="March 22, 2017 11:08 AM" class="no-padding">7 days ago</time>
2822
- </div>
2823
- </div>
2824
- <div class="sd-list-item__action-menu">
2825
- <button class="icn-btn">
2826
- <i class="icon-dots-vertical"></i>
2827
- </button>
2828
- </div>
2829
- </div>
2830
- <!-- list item 19 -->
2831
- <div class="sd-list-item">
2832
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2833
- <div class="sd-list-item__column">
2834
- <div class="sd-list-item__row">
2835
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>2</span>
2836
- </div>
2837
- </div>
2838
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2839
- <div class="sd-list-item__row">
2840
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Quis tempor ut ipsum amet dolore voluptate pariatur.">Quis tempor ut ipsum amet dolore voluptate pariatur.</span>
2841
- <span class="label label--hollow">politics</span>
2842
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2843
- <time title="March 22, 2017 11:08 AM" class="no-padding">9 days ago</time>
2844
- </div>
2845
- </div>
2846
- <div class="sd-list-item__action-menu">
2847
- <button class="icn-btn">
2848
- <i class="icon-dots-vertical"></i>
2849
- </button>
2850
- </div>
2851
- </div>
2852
- <!-- list item 20 -->
2853
- <div class="sd-list-item">
2854
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2855
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2856
- <div class="sd-list-item__row">
2857
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat sint non et fugiat eu laborum.">Cupidatat sint non et fugiat eu laborum.</span>
2858
- <span class="label label--hollow">culture</span>
2859
- <time title="March 22, 2017 11:08 AM" class="no-padding">15 days ago</time>
2860
- </div>
2861
- </div>
2862
- <div class="sd-list-item__action-menu">
2863
- <button class="icn-btn">
2864
- <i class="icon-dots-vertical"></i>
2865
- </button>
2866
- </div>
2867
- </div>
2868
- <!-- list item 21 -->
2869
- <div class="sd-list-item">
2870
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2871
- <div class="sd-list-item__column">
2872
- <div class="sd-list-item__row">
2873
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>8</span>
2874
- </div>
2875
- </div>
2876
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2877
- <div class="sd-list-item__row">
2878
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.">Nostrud anim culpa ad incididunt esse dolor id incididunt ad adipisicing reprehenderit voluptate et commodo.</span>
2879
- <span class="label label--hollow">sports</span>
2880
- <time title="March 22, 2017 11:08 AM" class="no-padding">17 days ago</time>
2881
- </div>
2882
- </div>
2883
- <div class="sd-list-item__action-menu">
2884
- <button class="icn-btn">
2885
- <i class="icon-dots-vertical"></i>
2886
- </button>
2887
- </div>
2888
- </div>
2889
- <!-- list item 22 -->
2890
- <div class="sd-list-item">
2891
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2892
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2893
- <div class="sd-list-item__row">
2894
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Elit enim commodo labore consequat nisi deserunt incididunt.">Elit enim commodo labore consequat nisi deserunt incididunt.</span>
2895
- <span class="label label--hollow">business</span>
2896
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2897
- <time title="March 22, 2017 11:08 AM" class="no-padding">18 days ago</time>
2898
- </div>
2899
- </div>
2900
- <div class="sd-list-item__action-menu">
2901
- <button class="icn-btn">
2902
- <i class="icon-dots-vertical"></i>
2903
- </button>
2904
- </div>
2905
- </div>
2906
- <!-- list item 23 -->
2907
- <div class="sd-list-item">
2908
- <div class="sd-list-item__border sd-list-item__border--locked"></div>
2909
- <div class="sd-list-item__column">
2910
- <div class="sd-list-item__row">
2911
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>6</span>
2912
- </div>
2913
- </div>
2914
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2915
- <div class="sd-list-item__row">
2916
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.">Anim dolor sunt cupidatat labore ad elit aliqua nulla ex culpa.</span>
2917
- <span class="label label--hollow">politics</span>
2918
- <time title="March 22, 2017 11:08 AM" class="no-padding">21 days ago</time>
2919
- </div>
2920
- </div>
2921
- <div class="sd-list-item__action-menu">
2922
- <button class="icn-btn">
2923
- <i class="icon-dots-vertical"></i>
2924
- </button>
2925
- </div>
2926
- </div>
2927
- <!-- list item 24 -->
2928
- <div class="sd-list-item">
2929
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2930
- <div class="sd-list-item__column">
2931
- <div class="sd-list-item__row">
2932
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2933
- </div>
2934
- </div>
2935
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2936
- <div class="sd-list-item__row">
2937
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.">Ex eu cupidatat adipisicing irure aliquip proident laboris amet est magna.</span>
2938
- <span class="label label--hollow">politics</span>
2939
- <time title="March 22, 2017 11:08 AM" class="no-padding">22 days ago</time>
2940
- </div>
2941
- </div>
2942
- <div class="sd-list-item__action-menu">
2943
- <button class="icn-btn">
2944
- <i class="icon-dots-vertical"></i>
2945
- </button>
2946
- </div>
2947
- </div>
2948
- <!-- list item 25 -->
2949
- <div class="sd-list-item">
2950
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2951
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2952
- <div class="sd-list-item__row">
2953
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.">Ad culpa aliqua quis labore voluptate quis voluptate amet anim do et elit.</span>
2954
- <span class="label label--hollow">politics</span>
2955
- <span class="sd-list-item__inline-text no-line-height" sd-tooltip="Paywall secured" flow="left"><i class="icon-paywall icon--orange icon--full-opacity"></i></span>
2956
- <time title="March 22, 2017 11:08 AM" class="no-padding">23 days ago</time>
2957
- </div>
2958
- </div>
2959
- <div class="sd-list-item__action-menu">
2960
- <button class="icn-btn">
2961
- <i class="icon-dots-vertical"></i>
2962
- </button>
2963
- </div>
2964
- </div>
2965
- <!-- list item 26 -->
2966
- <div class="sd-list-item">
2967
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2968
- <div class="sd-list-item__column">
2969
- <div class="sd-list-item__row">
2970
- <span class="sd-text-icon"><i class="icon-slideshow sd-opacity--40"></i>4</span>
2971
- </div>
2972
- </div>
2973
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2974
- <div class="sd-list-item__row">
2975
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Cupidatat adipisicing labore laborum Lorem.">Cupidatat adipisicing labore laborum Lorem.</span>
2976
- <span class="label label--hollow">business</span>
2977
- <time title="March 22, 2017 11:08 AM" class="no-padding">24 days ago</time>
2978
- </div>
2979
- </div>
2980
- <div class="sd-list-item__action-menu">
2981
- <button class="icn-btn">
2982
- <i class="icon-dots-vertical"></i>
2983
- </button>
2984
- </div>
2985
- </div>
2986
- <!-- list item 27 -->
2987
- <div class="sd-list-item">
2988
- <div class="sd-list-item__border sd-list-item__border--success"></div>
2989
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
2990
- <div class="sd-list-item__row">
2991
- <span class="sd-overflow-ellipsis sd-list-item__headline sd-list-item--element-grow" title="Laborum qui dolor aliquip sunt.">Laborum qui dolor aliquip sunt.</span>
2992
- <span class="label label--hollow">lifestyle</span>
2993
- <time title="March 22, 2017 11:08 AM" class="no-padding">March 15, 2018</time>
2994
- </div>
2995
- </div>
2996
- <div class="sd-list-item__action-menu">
2997
- <button class="icn-btn">
2998
- <i class="icon-dots-vertical"></i>
2999
- </button>
3000
- </div>
3001
- </div>
3002
- </div>
3003
- </div>
3004
- </div>
3005
- </div>
3006
- </div>
3007
-
3008
- <!-- start preview -->
3009
- <div class="sd-preview-panel">
3010
- <div class="side-panel side-panel--shadow-right">
3011
- <div class="side-panel__header side-panel__header--border-bottom">
3012
- <div class="side-panel__tools">
3013
- <a class="icn-btn" sd-tooltip="Close details" flow="top" ng-click="leftPreviewOpen = !leftPreviewOpen"><i class="icon-close-small"></i></a>
3014
- </div>
3015
- <h3 class="side-panel__heading">Item preview</h3>
3016
- </div>
3017
- <div class="side-panel__content">
3018
- <div class="side-panel-collapsible-header" ng-class="{'active': collapsibleHeaderOpen}" ng-init="collapsibleHeaderOpen = true">
3019
- <div class="side-panel-collapsible-header__fixed">
3020
- <p class="sd-text__date-and-author"><time>Created: 3 days ago</time></p>
3021
- <span class="btn-icon-group">
3022
- <button class="icn-btn"><i class="icon-trash"></i></button>
3023
- <button class="icn-btn"><i class="icon-pencil"></i></button>
3024
- <button class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen"><i class="icon-expand-thin"></i></button>
3025
- </span>
3026
- </div>
3027
- <div class="side-panel-collapsible-header__collapsible">
3028
- <div class="form__row">
3029
- <span class="label-icon label-icon--warning"><i class="icon-paywall"></i> Paywall secured</span>
3030
- </div>
3031
- <div class="form__row form__row--small-padding">
3032
- <label>Published to:</label>
3033
- <div>
3034
- <span class="label label--success">magazine</span>
3035
- <span class="label label--success">rafal's website</span>
3036
- <span class="label label--success">tenant100</span>
3037
- <span class="label label--success">tenant101</span>
3038
- <span class="label label--success">tenant102</span>
3039
- <span class="label label--success">tenant103</span>
3040
- <span class="label label--success">tenant104</span>
3041
- <span class="label label--success">tenant105</span>
3042
- </div>
3043
- </div>
3044
- <div class="form__row form__row--small-padding">
3045
- <label>Unpublished from:</label>
3046
- <div>
3047
- <span class="label label--alert">the tribune</span>
3048
- </div>
3049
- </div>
3050
- </div>
3051
- <button class="side-panel-collapsible-header__toggle active" ng-class="{'active': collapsibleHeaderOpen}" ng-click="collapsibleHeaderOpen = !collapsibleHeaderOpen">
3052
- <i class="icon-chevron-down-thin"></i>
3053
- </button>
3054
- </div>
3055
-
3056
- <div class="side-panel__content-block">
3057
- <h3 class="side-panel__content-block-heading">This is article heading, the quick brown fox jumps over the lazy dog.</h3>
3058
- <p class="side-panel__content-block-text">Eu fugiat commodo anim quis. Anim culpa cillum cupidatat consectetur dolor ea aliquip dolore nostrud laboris aliquip. Aliqua sint magna enim magna ea sunt Lorem consectetur veniam in eiusmod. Incididunt officia ea est reprehenderit.</p>
3059
- <p class="side-panel__content-block-text">Reprehenderit est fugiat Lorem aute magna reprehenderit aute nisi laborum sint nisi adipisicing elit labore. Incididunt quis sint eiusmod ex eu enim irure adipisicing amet aute consectetur. Ut exercitation minim nisi officia.</p>
3060
- <p class="side-panel__content-block-text">Incididunt nulla id dolor nulla aliqua mollit ullamco ea officia voluptate. Aliqua exercitation aliqua excepteur qui occaecat qui fugiat et exercitation aute reprehenderit laborum esse. Nisi ex consequat cillum ut tempor ea laboris. Ipsum pariatur amet fugiat laborum dolor consequat occaecat.</p>
3061
- <p class="side-panel__content-block-text">Nulla sit dolor qui amet non Lorem amet excepteur enim ullamco duis esse. Amet tempor esse mollit qui velit reprehenderit. Esse sunt fugiat veniam mollit. Adipisicing sit voluptate consectetur id nisi aliqua est aliquip eiusmod aliqua est.</p>
3062
- <p class="side-panel__content-block-text">Ad consectetur sint et minim sint id nulla voluptate in velit Lorem cillum labore. Eiusmod sunt consectetur quis ullamco adipisicing tempor quis. Officia laboris eu laborum deserunt eu veniam magna sit laboris magna. Sunt minim mollit excepteur elit elit occaecat voluptate adipisicing. Labore incididunt amet cillum deserunt ea commodo velit sint nisi labore do nulla est duis.</p>
3063
- <p class="side-panel__content-block-text">Incididunt nulla quis cillum laborum. Aliqua proident exercitation nulla ipsum. Esse reprehenderit adipisicing cillum non ut anim do sunt commodo sint ea sint. Consequat ut excepteur dolore voluptate veniam sit. Voluptate magna proident dolor sunt ea occaecat dolore. Ut commodo et enim laboris qui.</p>
3064
- <p class="side-panel__content-block-text">Sint consectetur cillum magna incididunt minim ipsum ipsum culpa ullamco dolor sunt sint nulla. Elit culpa dolor dolor ut occaecat qui nostrud officia deserunt magna ea nisi est. Id exercitation sint occaecat sint. Voluptate ad quis minim enim est ipsum irure consectetur irure velit cillum. Nulla aliqua ullamco ullamco laborum ullamco ipsum proident aliquip amet in. Nulla amet ex officia cupidatat est consectetur labore ea eu amet magna. Voluptate proident ad dolor eu mollit quis eu eiusmod enim nisi.</p>
3065
- </div>
3066
- </div>
3067
- </div>
3068
- </div><!-- end preview -->
3069
-
3070
- <!-- start publish -->
3071
- <div class="sd-publish-panel">
3072
- <div class="side-panel side-panel--shadow-right side-panel--dark-ui">
3073
- <div class="side-panel__header">
3074
- <div class="side-panel__tools">
3075
- <a class="icn-btn" ng-click="publishPaneOpen = !publishPaneOpen"><i class="icon-close-small"></i></a>
3076
- </div>
3077
- <ul class="nav-tabs nav-tabs--ui-dark">
3078
- <li ng-class="{'nav-tabs__tab--active': !tab || tab === 'publish'}" class="nav-tabs__tab nav-tabs__tab--active">
3079
- <button ng-click="tab = 'publish'" class="nav-tabs__link"><span translate="">Publish</span></button>
3080
- </li>
3081
- <li ng-class="{'nav-tabs__tab--active': tab === 'unpublish'}" class="nav-tabs__tab">
3082
- <button ng-click="tab = 'unpublish'; $root.overlayPaneOpen = false" class="nav-tabs__link"><span translate="">Unpublish</span></button>
3083
- </li>
3084
- </ul>
3085
- </div>
3086
- <div class="side-panel__content" ng-if="!tab || tab === 'publish'">
3087
- <div class="side-panel__content-block side-panel__content-block--pad-small">
3088
- <div class="side-panel__content-block-heading side-panel__content-block-heading--small-margin">This is article heading, the quick brown fox jumps over the lazy dog.</div>
3089
- </div>
3090
- <div class="side-panel__content-block side-panel__content-block--flex side-panel__content-block--space-between">
3091
- <div class="dropdown" dropdown="">
3092
- <button class="btn btn--primary btn--icon-only-circle btn--large dropdown__toggle" sd-tooltip="Add destination" flow="right" dropdown__toggle="">
3093
- <i class="icon-plus-large"></i>
3094
- </button>
3095
- <ul class="dropdown__menu">
3096
- <li><button>Tenant 1</button></li>
3097
- <li><button>Tenant 2</button></li>
3098
- <li><button>Tenant 3</button></li>
3099
- <li><button>Tenant 4</button></li>
3100
- </ul>
3101
- </div>
3102
- <div ng-init="publishType = 'all'">
3103
- <sd-check ng-model="publishType" type="radio" ng-value="all" label-position="inside">All</sd-check>
3104
- <sd-check ng-model="publishType" type="radio" ng-value="published" label-position="inside">Published</sd-check>
3105
- <sd-check ng-model="publishType" type="radio" ng-value="unpublished" label-position="inside">Unpublished</sd-check>
3106
- </div>
3107
- </div>
3108
- <div class="side-panel__content-block side-panel__content-block--pad-small">
3109
-
3110
- <!-- website 1 -->
3111
- <div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen0}" ng-hide="deleteTenant0; publishType == 'unpublished'">
3112
- <div class="sd-collapse-box__header" ng-click="isOpen0 = !isOpen0">
3113
- <!-- list item -->
3114
- <div class="sd-list-item">
3115
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3116
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3117
- <div class="sd-list-item__row">
3118
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
3119
- <span class="sd-list-item__text-strong">www.sourcefabric.org</span>
3120
- </span>
3121
- <a class="icn-btn disabled" sd-tooltip="Remove tenant" flow="left" ng-click="deleteTenant0 = !deleteTenant0; $event.stopPropagation();"><i class="icon-trash"></i></a>
3122
- </div>
3123
- <div class="sd-list-item__row">
3124
- <span class="sd-overflow-ellipsis label label--success">news</span>
3125
- <span class="sd-list-item__inline-text sd-list-item--element-grow no-line-height">
3126
- <i class="icon-facebook icon--blue icon--full-opacity"></i>
3127
- </span>
3128
- <span class="sd-list-item__inline-text no-line-height">
3129
- <i class="icon-paywall icon--full-opacity icon--orange"></i>
3130
- </span>
3131
- </div>
3132
- </div>
3133
- </div>
3134
- <!-- END list item -->
3135
- </div>
3136
- <div class="sd-collapse-box__content-wraper">
3137
- <div class="sd-collapse-box__content">
3138
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3139
- <div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged0">
3140
- <div class="sd-collapse-box__sliding-toolbar">
3141
- <div class="sliding-toolbar__inner"></div>
3142
- <a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged0 = true; isOpen0 = false">Cancel</a>
3143
- <a class="btn btn--primary" ng-click="contentChanged0 = true; isOpen0 = false">Save</a>
3144
- </div>
3145
- </div>
3146
- <div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
3147
- <a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen0 = false">
3148
- <span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
3149
- </a>
3150
- <a class="icn-btn" sd-tooltip="Remove tenant" flow="left"><i class="icon-trash"></i></a>
3151
- </div>
3152
- <div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
3153
- <div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
3154
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3155
- <div class="sd-list-item__row">
3156
- <span class="sd-overflow-ellipsis sd-list-item__text-strong">www.sourcefabric.org</span>
3157
- <a class="icn-btn" sd-tooltip="Preview" flow="bottom"><i class="icon-external icon--full-opacity icon--white"></i></a>
3158
- </div>
3159
- </div>
3160
- </div>
3161
- </div>
3162
- <div class="form__row">
3163
- <div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
3164
- <label class="sd-line-input__label">Route</label>
3165
- <select class="sd-line-input__select">
3166
- <option value="single">News</option>
3167
- <option value="time">Politics</option>
3168
- <option value="bananas">Lifestyle</option>
3169
- <option value="indefinite">Culture</option>
3170
- </select>
3171
- </div>
3172
- </div>
3173
- <div class="form__row" ng-init="contentChanged0 = true">
3174
- <sd-check ng-model="contentChanged0" ng-checked="false"><i class="icon-facebook icon--blue"></i> Publish to facebook</sd-check>
3175
- </div>
3176
- <div class="form__row">
3177
- <sd-check ng-model="dnp0" ng-checked="true"><i class="icon-paywall icon--orange"></i> Paywall secured</sd-check>
3178
- </div>
3179
- <div class="form__row">
3180
- <!-- Social media -->
3181
- <div sd-toggle-box data-title="Meta data" data-open="false" data-style="circle">
3182
- <div class="sd-list-item-group sd-shadow--z1 no-margin">
3183
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3184
- <div class="sd-list-item__border"></div>
3185
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3186
- <div class="sd-list-item__row">
3187
- <span class="sd-overflow-ellipsis">Facebook</span>
3188
- </div>
3189
- </div>
3190
- <div class="sd-list-item__action-menu">
3191
- <i class="icon-chevron-right-thin"></i>
3192
- </div>
3193
- </div>
3194
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3195
- <div class="sd-list-item__border"></div>
3196
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3197
- <div class="sd-list-item__row">
3198
- <span class="sd-overflow-ellipsis">Twitter</span>
3199
- </div>
3200
- </div>
3201
- <div class="sd-list-item__action-menu">
3202
- <i class="icon-chevron-right-thin"></i>
3203
- </div>
3204
- </div>
3205
-
3206
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3207
- <div class="sd-list-item__border"></div>
3208
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3209
- <div class="sd-list-item__row">
3210
- <span class="sd-overflow-ellipsis">SEO / Meta Tags</span>
3211
- </div>
3212
- </div>
3213
- <div class="sd-list-item__action-menu">
3214
- <i class="icon-chevron-right-thin"></i>
3215
- </div>
3216
- </div>
3217
- </div>
3218
- </div>
3219
- </div>
3220
- </div>
3221
- </div>
3222
- </div>
3223
- <!-- website 2 -->
3224
- <div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen1}" ng-hide="deleteTenant1; publishType == 'unpublished'">
3225
- <div class="sd-collapse-box__header" ng-click="isOpen1 = !isOpen1">
3226
- <!-- list item -->
3227
- <div class="sd-list-item">
3228
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3229
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3230
- <div class="sd-list-item__row">
3231
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
3232
- <span class="sd-list-item__text-strong">www.bbc.co.uk</span>
3233
- </span>
3234
- <a class="icn-btn disabled" sd-tooltip="Remove tenant" flow="left" ng-click="deleteTenant1 = !deleteTenant1; $event.stopPropagation();"><i class="icon-trash"></i></a>
3235
- </div>
3236
- <div class="sd-list-item__row">
3237
- <span class="sd-overflow-ellipsis label label--success">news</span>
3238
- <span class="sd-list-item__inline-text sd-list-item--element-grow no-line-height">
3239
- <i class="icon-facebook icon--blue icon--full-opacity"></i>
3240
- </span>
3241
- </div>
3242
- </div>
3243
- </div>
3244
- <!-- END list item -->
3245
- </div>
3246
- <div class="sd-collapse-box__content-wraper">
3247
- <div class="sd-collapse-box__content">
3248
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3249
- <div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged1">
3250
- <div class="sd-collapse-box__sliding-toolbar">
3251
- <div class="sliding-toolbar__inner"></div>
3252
- <a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged1 = true; isOpen1 = false">Cancel</a>
3253
- <a class="btn btn--primary" ng-click="contentChanged1 = true; isOpen1 = false">Save</a>
3254
- </div>
3255
- </div>
3256
- <div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
3257
- <a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen1 = false">
3258
- <span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
3259
- </a>
3260
- <a class="icn-btn" sd-tooltip="Remove tenant" flow="left"><i class="icon-trash"></i></a>
3261
- </div>
3262
- <div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
3263
- <div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
3264
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3265
- <div class="sd-list-item__row">
3266
- <span class="sd-overflow-ellipsis sd-list-item__text-strong">www.bbc.co.uk</span>
3267
- <a class="icn-btn" sd-tooltip="Preview" flow="bottom"><i class="icon-external icon--full-opacity icon--white"></i></a>
3268
- </div>
3269
- </div>
3270
- </div>
3271
- </div>
3272
- <div class="form__row">
3273
- <div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
3274
- <label class="sd-line-input__label">Route</label>
3275
- <select class="sd-line-input__select">
3276
- <option value="single">News</option>
3277
- <option value="time">Politics</option>
3278
- <option value="bananas">Lifestyle</option>
3279
- <option value="indefinite">Culture</option>
3280
- </select>
3281
- </div>
3282
- </div>
3283
- <div class="form__row" ng-init="contentChanged1 = true">
3284
- <sd-check ng-model="contentChanged1" ng-checked="false"><i class="icon-facebook icon--blue"></i> Publish to facebook</sd-check>
3285
- </div>
3286
- <div class="form__row">
3287
- <sd-check ng-model="dnp0"><i class="icon-paywall icon--orange"></i> Paywall secured</sd-check>
3288
- </div>
3289
- <div class="form__row">
3290
- <!-- Social media -->
3291
- <div sd-toggle-box data-title="Meta data" data-open="false" data-style="circle">
3292
- <div class="sd-list-item-group sd-shadow--z1 no-margin">
3293
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3294
- <div class="sd-list-item__border"></div>
3295
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3296
- <div class="sd-list-item__row">
3297
- <span class="sd-overflow-ellipsis">Facebook</span>
3298
- </div>
3299
- </div>
3300
- <div class="sd-list-item__action-menu">
3301
- <i class="icon-chevron-right-thin"></i>
3302
- </div>
3303
- </div>
3304
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3305
- <div class="sd-list-item__border"></div>
3306
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3307
- <div class="sd-list-item__row">
3308
- <span class="sd-overflow-ellipsis">Twitter</span>
3309
- </div>
3310
- </div>
3311
- <div class="sd-list-item__action-menu">
3312
- <i class="icon-chevron-right-thin"></i>
3313
- </div>
3314
- </div>
3315
-
3316
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3317
- <div class="sd-list-item__border"></div>
3318
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3319
- <div class="sd-list-item__row">
3320
- <span class="sd-overflow-ellipsis">SEO / Meta Tags</span>
3321
- </div>
3322
- </div>
3323
- <div class="sd-list-item__action-menu">
3324
- <i class="icon-chevron-right-thin"></i>
3325
- </div>
3326
- </div>
3327
- </div>
3328
- </div>
3329
- </div>
3330
- </div>
3331
- </div>
3332
- </div>
3333
- <!-- website 3 -->
3334
- <div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen2}" ng-hide="deleteTenant2; publishType == 'unpublished'">
3335
- <div class="sd-collapse-box__header" ng-click="isOpen2 = !isOpen2">
3336
- <!-- list item -->
3337
- <div class="sd-list-item">
3338
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3339
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3340
- <div class="sd-list-item__row">
3341
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
3342
- <span class="sd-list-item__text-strong">sp-magazine.s-lab.sourcefabric.org</span>
3343
- </span>
3344
- <a class="icn-btn disabled" sd-tooltip="Remove tenant" flow="left" ng-click="deleteTenant2 = !deleteTenant2; $event.stopPropagation();"><i class="icon-trash"></i></a>
3345
- </div>
3346
- <div class="sd-list-item__row">
3347
- <span class="sd-overflow-ellipsis label label--success">travel</span>
3348
- <span class="sd-list-item__inline-text sd-list-item--element-grow no-line-height">
3349
- <i class="icon-facebook icon--blue icon--full-opacity"></i>
3350
- </span>
3351
- </div>
3352
- </div>
3353
- </div>
3354
- <!-- END list item -->
3355
- </div>
3356
- <div class="sd-collapse-box__content-wraper">
3357
- <div class="sd-collapse-box__content">
3358
- <div class="sd-list-item__dot sd-list-item__dot--success"></div>
3359
- <div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged2">
3360
- <div class="sd-collapse-box__sliding-toolbar">
3361
- <div class="sliding-toolbar__inner"></div>
3362
- <a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged2 = true; isOpen2 = false">Cancel</a>
3363
- <a class="btn btn--primary" ng-click="contentChanged2 = true; isOpen2 = false">Save</a>
3364
- </div>
3365
- </div>
3366
- <div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
3367
- <a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen2 = false">
3368
- <span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
3369
- </a>
3370
- <a class="icn-btn" sd-tooltip="Remove tenant" flow="left"><i class="icon-trash"></i></a>
3371
- </div>
3372
- <div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
3373
- <div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
3374
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3375
- <div class="sd-list-item__row">
3376
- <span class="sd-overflow-ellipsis sd-list-item__text-strong">sp-magazine.s-lab.sourcefabric.org</span>
3377
- <a class="icn-btn" sd-tooltip="Preview" flow="bottom"><i class="icon-external icon--full-opacity icon--white"></i></a>
3378
- </div>
3379
- </div>
3380
- </div>
3381
- </div>
3382
- <div class="form__row">
3383
- <div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
3384
- <label class="sd-line-input__label">Route</label>
3385
- <select class="sd-line-input__select">
3386
- <option value="single">Travel</option>
3387
- <option value="time">Politics</option>
3388
- <option value="bananas">Lifestyle</option>
3389
- <option value="indefinite">Culture</option>
3390
- </select>
3391
- </div>
3392
- </div>
3393
- <div class="form__row" ng-init="contentChanged2 = true">
3394
- <sd-check ng-model="contentChanged2" ng-checked="false"><i class="icon-facebook icon--blue"></i> Publish to facebook</sd-check>
3395
- </div>
3396
- <div class="form__row">
3397
- <sd-check ng-model="dnp0"><i class="icon-paywall icon--orange"></i> Paywall secured</sd-check>
3398
- </div>
3399
- <div class="form__row">
3400
- <!-- Social media -->
3401
- <div sd-toggle-box data-title="Meta data" data-open="false" data-style="circle">
3402
- <div class="sd-list-item-group sd-shadow--z1 no-margin">
3403
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3404
- <div class="sd-list-item__border"></div>
3405
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3406
- <div class="sd-list-item__row">
3407
- <span class="sd-overflow-ellipsis">Facebook</span>
3408
- </div>
3409
- </div>
3410
- <div class="sd-list-item__action-menu">
3411
- <i class="icon-chevron-right-thin"></i>
3412
- </div>
3413
- </div>
3414
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3415
- <div class="sd-list-item__border"></div>
3416
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3417
- <div class="sd-list-item__row">
3418
- <span class="sd-overflow-ellipsis">Twitter</span>
3419
- </div>
3420
- </div>
3421
- <div class="sd-list-item__action-menu">
3422
- <i class="icon-chevron-right-thin"></i>
3423
- </div>
3424
- </div>
3425
-
3426
- <div class="sd-list-item" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen">
3427
- <div class="sd-list-item__border"></div>
3428
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3429
- <div class="sd-list-item__row">
3430
- <span class="sd-overflow-ellipsis">SEO / Meta Tags</span>
3431
- </div>
3432
- </div>
3433
- <div class="sd-list-item__action-menu">
3434
- <i class="icon-chevron-right-thin"></i>
3435
- </div>
3436
- </div>
3437
- </div>
3438
- </div>
3439
- </div>
3440
- </div>
3441
- </div>
3442
- </div>
3443
- <!-- website 4 -->
3444
- <div class="sd-collapse-box sd-shadow--z2" ng-class="{'sd-collapse-box--open' : isOpen3}" ng-hide="deleteTenant3; publishType == 'published'">
3445
- <div class="sd-collapse-box__header" ng-click="isOpen3 = !isOpen3">
3446
- <!-- list item -->
3447
- <div class="sd-list-item">
3448
- <div class="sd-list-item__dot sd-list-item__dot--locked"></div>
3449
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3450
- <div class="sd-list-item__row">
3451
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
3452
- <span class="sd-list-item__text-strong">test.org</span>
3453
- </span>
3454
- <a class="icn-btn disabled" sd-tooltip="Remove tenant" flow="left" ng-click="deleteTenant3 = !deleteTenant3; $event.stopPropagation();"><i class="icon-trash"></i></a>
3455
- </div>
3456
- <div class="sd-list-item__row">
3457
- <span class="sd-overflow-ellipsis label">Unpublished</span>
3458
- </div>
3459
- </div>
3460
- </div>
3461
- <!-- END list item -->
3462
- </div>
3463
- <div class="sd-collapse-box__content-wraper">
3464
- <div class="sd-collapse-box__content">
3465
- <div class="sd-list-item__dot sd-list-item__dot--locked"></div>
3466
- <div class="sd-collapse-box__sliding-toolbar-wrapper" ng-show="!contentChanged3">
3467
- <div class="sd-collapse-box__sliding-toolbar">
3468
- <div class="sliding-toolbar__inner"></div>
3469
- <a class="btn btn--hollow btn--ui-dark" ng-click="contentChanged3 = true; isOpen3 = false">Cancel</a>
3470
- <a class="btn btn--primary" ng-click="contentChanged3 = true; isOpen3 = false">Save</a>
3471
- </div>
3472
- </div>
3473
- <div class="sd-collapse-box__tools sd-collapse-box__tools--flex">
3474
- <a class="sd-collapse-box__collapse-btn" href="" ng-click="isOpen3 = false">
3475
- <span class="icn-btn"><i class="icon-chevron-up-thin"></i></span>
3476
- </a>
3477
- <a class="icn-btn" sd-tooltip="Remove tenant" flow="left"><i class="icon-trash"></i></a>
3478
- </div>
3479
- <div class="sd-collapse-box__content-block sd-collapse-box__content-block--top">
3480
- <div class="sd-list-item sd-list-item--no-bg sd-list-item--no-hover">
3481
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
3482
- <div class="sd-list-item__row">
3483
- <span class="sd-overflow-ellipsis sd-list-item__text-strong">test.org</span>
3484
- </div>
3485
- </div>
3486
- </div>
3487
- </div>
3488
- <div class="form__row">
3489
- <span class="sd-overflow-ellipsis label">Unpublished</span>
3490
- </div>
3491
- <div class="form__row">
3492
- <div class="sd-line-input sd-line-input--is-select sd-line-input--dark-ui sd-line-input--no-margin">
3493
- <label class="sd-line-input__label">Route</label>
3494
- <select class="sd-line-input__select">
3495
- <option value="single"></option>
3496
- <option value="time">Politics</option>
3497
- <option value="bananas">Lifestyle</option>
3498
- <option value="indefinite">Culture</option>
3499
- </select>
3500
- </div>
3501
- </div>
3502
- <div class="form__row" ng-init="contentChanged3 = true">
3503
- <sd-check ng-model="contentChanged3" ng-checked="false"><i class="icon-facebook icon--blue"></i> Publish to facebook</sd-check>
3504
- </div>
3505
- <div class="form__row">
3506
- <sd-check ng-model="contentChanged3"><i class="icon-paywall icon--orange"></i> Paywall secured</sd-check>
3507
- </div>
3508
- </div>
3509
- </div>
3510
- </div>
3511
- </div>
3512
- <!-- Related items -->
3513
- <div class="side-panel__content-block">
3514
- <div sd-toggle-box data-title="Related articles" data-open="false" data-style="circle">
3515
- <ul class="simple-list simple-list--dotted simple-list--no-padding">
3516
- <li class="simple-list__item">
3517
- <p>J.P. Morgan to settle allegations of violating sanctions: U.S. Treasury</p>
3518
- <span class="label-icon label-icon--success" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
3519
- <span class="label-icon label-icon--success" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
3520
- <span class="label-icon" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
3521
- </li>
3522
- <li class="simple-list__item">
3523
- <p>Republican Senator Murkowski says has not decided final Kavanaugh vote</p>
3524
- <span class="label-icon" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
3525
- <span class="label-icon label-icon--success" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
3526
- <span class="label-icon" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
3527
- </li>
3528
- <li class="simple-list__item">
3529
- <p>China bet big on quantum computing. Now the US races to keep up.</p>
3530
- <span class="label-icon" ng-hide="deleteTenant0"><i class="icon-globe"></i> www.sourcefabric.org</span>
3531
- <span class="label-icon" ng-hide="deleteTenant1"><i class="icon-globe"></i> www.bbc.co.uk</span>
3532
- <span class="label-icon label-icon--success" ng-hide="deleteTenant2"><i class="icon-globe"></i> sp-magazine.s-lab.sourcefabric.org</span>
3533
- </li>
3534
- </ul>
3535
- </div>
3536
- </div>
3537
- </div>
3538
-
3539
- <div class="side-panel__content-block-overlay-grid" ng-class="{'side-panel__content-block-overlay-grid--open' : $root.overlayPaneOpen}" ng-if="!tab || tab === 'publish'">
3540
- <div class="side-panel">
3541
- <div class="side-panel__header">
3542
- <a class="icn-btn sd-margin-l--1" ng-click="$root.overlayPaneOpen = !$root.overlayPaneOpen" sd-tooltip="Back" flow="right"><i class="icon-arrow-left"></i></a>
3543
- <h3 class="side-panel__heading side-panel__heading--big">Facebook meta data</h3>
3544
- </div>
3545
- <div class="side-panel__content">
3546
- <div class="side-panel__content-block">
3547
- <div class="form__row">
3548
- <p class="sd-opacity--60">Important: template has to support this feature. It won't work out of the box.</p>
3549
- </div>
3550
- <div class="form__row">
3551
- <div class="sd-line-input">
3552
- <label class="sd-line-input__label">Post image</label>
3553
- <div class="sd-overlay-block sd-overlay-block--no-image">
3554
- <div class="sd-overlay-block__overlay">
3555
- <div class="sd-overlay-block__overlay-action-group">
3556
- <a class="sd-overlay-block__overlay-action" sd-tooltip="Upload image"><i class="icon-upload"></i></a>
3557
- <span class="sd-overlay-block__overlay-message">No image has been set so far.</span>
3558
- </div>
3559
- </div>
3560
- <img src="/overlay-img.jpg" />
3561
- </div>
3562
- </div>
3563
- </div>
3564
- <div class="form__row">
3565
- <div class="sd-line-input sd-line-input--required sd-line-input--dark-ui sd-line-input--boxed">
3566
- <label class="sd-line-input__label">Headline</label>
3567
- <input class="sd-line-input__input" type="text" value="Article headline here.">
3568
- </div>
3569
- </div>
3570
- <div class="form__row">
3571
- <sd-tag-input
3572
- ng-model="tags"
3573
- data-label="Tags"
3574
- data-items="[
3575
- { text: 'Audi' },
3576
- { text: 'BMW' },
3577
- { text: 'Hyundai' },
3578
- { text: 'Opel' },
3579
- { text: 'Audi2' },
3580
- { text: 'BMW2' },
3581
- { text: 'Hyundai2' },
3582
- { text: 'Opel2' },
3583
- { text: 'Audi3' },
3584
- { text: 'BMW3' },
3585
- { text: 'Hyundai3' },
3586
- { text: 'Opel3' },
3587
- { text: 'Audi4' },
3588
- { text: 'BMW4' },
3589
- { text: 'Hyundai4' },
3590
- { text: 'Opel4' },
3591
- { text: 'Audi5' },
3592
- { text: 'BMW5' },
3593
- { text: 'Hyundai5' },
3594
- { text: 'Opel5' },
3595
- { text: 'Audi6' },
3596
- { text: 'BMW6' },
3597
- { text: 'Hyundai6' },
3598
- { text: 'Opel6' }
3599
- ]"
3600
- data-field="text"
3601
- data-freetext="false">
3602
- </sd-tag-input>
3603
- </div>
3604
- <div class="form__row">
3605
- <div class="sd-line-input sd-line-input--dark-ui sd-line-input--boxed">
3606
- <label class="sd-line-input__label">Text body</label>
3607
- <textarea class="sd-line-input__input"></textarea>
3608
- </div>
3609
- </div>
3610
- <div class="form__row">
3611
- <sd-tag-input
3612
- ng-model="authors"
3613
- data-label="Authors"
3614
- data-items="[
3615
- { text: 'Author 1' },
3616
- { text: 'Author 2' },
3617
- { text: 'Author 3' },
3618
- { text: 'Author 4' },
3619
- { text: 'Author 5' }
3620
- ]"
3621
- data-field="text"
3622
- data-freetext="false">
3623
- </sd-tag-input>
3624
- </div>
3625
- </div>
3626
- </div>
3627
- </div>
3628
- </div>
3629
- <div class="side-panel__content" ng-if="tab === 'unpublish'">
3630
- <div class="side-panel__content-block side-panel__content-block--pad-small">
3631
- <div class="side-panel__content-block-heading side-panel__content-block-heading--small-margin">This is article heading, the quick brown fox jumps over the lazy dog.</div>
3632
- </div>
3633
- <div class="side-panel__content-block">
3634
- <div class="form__row form__row--small-padding">
3635
- <div class="flex-grid flex-grid--boxed-small flex-grid--wrap-items flex-grid--small-1">
3636
- <button ng-click="stageActive0 = !stageActive0" class="btn__check flex-grid__item" ng-class="{'btn__check--active' : stageActive0}">www.sourcefabric.org</button>
3637
- <button ng-click="stageActive1 = !stageActive1" class="btn__check flex-grid__item" ng-class="{'btn__check--active' : stageActive1}">sp-magazine.s-lab.sourcefabric.org</button>
3638
- </div>
3639
- </div>
3640
- </div>
3641
- </div>
3642
- <div class="side-panel__footer side-panel__footer--button-box-large" ng-if="!tab || tab === 'publish'">
3643
- <button class="btn btn--large btn--success btn--expanded">Publish</button>
3644
- </div>
3645
- <div class="side-panel__footer side-panel__footer--button-box-large" ng-if="tab === 'unpublish'">
3646
- <button class="btn btn--large btn--alert btn--expanded btn--disabled">Unpublish</button>
3647
- </div>
3648
- </div>
3649
- </div>
3650
- </div>
3651
- </div>
3652
-
3653
-
3654
-
3655
- </section>
3656
- <footer class="sd-bottom-bar">
3657
- This is the optional footer.
3658
- </footer>
3659
- </div>