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
package/dist/playgrounds/photo-desk.html DELETED
@@ -1,1515 +0,0 @@
1
- <div class="sd-page-grid--basic" doc-modal>
2
- <header class="sd-top-menu">
3
- <a href="" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
4
- <p class="sd-top-menu__header">Photo Desk</p>
5
- </header>
6
-
7
- <section class="sd-content sd-page-content--slide-in" ng-class="{
8
- 'sd-page-content--slide-in--open' : editorOpen}">
9
-
10
- <div class="sd-sidebar-menu sd-page-content__left-tabs">
11
- <ul class="authoring-active">
12
- <li sd-tooltip="Dashboard" flow="right">
13
- <a href="" class="sd-sidebar-menu__btn">
14
- <i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
15
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
16
- </a>
17
- </li>
18
- <li sd-tooltip="Monitoring" flow="right">
19
- <a href="" class="sd-sidebar-menu__btn">
20
- <i class="sd-sidebar-menu__main-icon big-icon--view"></i>
21
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
22
- </a>
23
- </li>
24
- <li sd-tooltip="Highlights" flow="right">
25
- <a href="" class="sd-sidebar-menu__btn">
26
- <i class="sd-sidebar-menu__main-icon big-icon--marked-star"></i>
27
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
28
- </a>
29
- </li>
30
- <li sd-tooltip="Spiked" flow="right">
31
- <a href="" class="sd-sidebar-menu__btn">
32
- <i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
33
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
34
- </a>
35
- </li>
36
- <li class="sd-sidebar-menu__spacer">
37
- </li>
38
- <li sd-tooltip="Personal" flow="right">
39
- <a href="" class="sd-sidebar-menu__btn">
40
- <i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
41
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
42
- </a>
43
- </li>
44
- <li sd-tooltip="Search" flow="right">
45
- <a href="" class="sd-sidebar-menu__btn">
46
- <i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
47
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
48
- </a>
49
- </li>
50
- <li sd-tooltip="Media archive" flow="right">
51
- <a href="" class="sd-sidebar-menu__btn sd-sidebar-menu__btn--active" ng-click="menuItemActive1 = !menuItemActive1" ng-class="{'sd-sidebar-menu__btn--closed': menuItemActive1}">
52
- <i class="sd-sidebar-menu__main-icon big-icon--picture"></i>
53
- <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
54
- </a>
55
- </li>
56
- </ul>
57
- </div>
58
- <div id="leftContent" ng-init="darkUI = true; gridView = true" class="sd-page-content__content-block sd-page-content__content-block--main" ng-class="{'open-filters': leftFilterOpen, 'open-preview': leftPreviewOpen}">
59
- <!-- left content -->
60
- <div class="subnav">
61
- <div class="subnav__sliding-toolbar" ng-show="select1 || select2 || select3 || select4 || select5 || select6 || select7 || select8">
62
- <div class="sliding-toolbar__inner">
63
- <a class="btn" ng-click="select1 = false; select2 = false; select3 = false; select4 = false; select5 = false; select6 = false; select7 = false; select8 = false">Cancel</a>
64
- <span class="sliding-toolbar__info-text">1 item selected</span>
65
- </div>
66
- <a class="btn btn--primary" ng-click="openModal('imageModal'); multiEdit = true; select1 = false; select2 = false; select3 = false; select4 = false; select5 = false; select6 = false; select7 = false; select8 = false; select11 = true; select12 = true; select13 = true; select14 = true">Edit metadata</a>
67
- <a class="btn btn--alert"><i class="icon-trash"></i>Delete</a>
68
- </div>
69
-
70
- <div class="dropdown" dropdown>
71
- <button class="dropdown__toggle navbtn navbtn--text-only dropdown-toggle" dropdown-toggle >All media archives<span class="dropdown__caret"></span></button>
72
- <ul class="dropdown__menu scrollable">
73
- <li><div class="dropdown__menu-label ng-binding">Media archives</div></li>
74
- <li><button>Media archive One</button></li>
75
- <li><button>Media archive Two</button></li>
76
- <li><button>Media archive Three</button></li>
77
- </ul>
78
- </div>
79
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
80
- <div class="sd-searchbar" ng-class="{'sd-searchbar--focused': focused}" >
81
- <label for="search-input" class="sd-searchbar__icon"></label>
82
- <input id="search-input"
83
- class="sd-searchbar__input"
84
- type="text"
85
- placeholder="Search media"
86
- ng-keyup="searchOnEnter($event)"
87
- ng-model="query"
88
- tabindex="1"
89
- ng-focus="focused = true">
90
- <button class="sd-searchbar__cancel" ng-if="query">
91
- <i class="icon-remove-sign"></i>
92
- </button>
93
- <button id="sd-searchbar__search-btn" class="sd-searchbar__search-btn" ng-if="focused" tabindex="2">
94
- <i class="big-icon--chevron-right"></i>
95
- </button>
96
- </div>
97
- <div class="dropdown dropdown--align-right" dropdown>
98
- <button class="dropdown__toggle navbtn" dropdown__toggle>
99
- <i class="icon-dots-vertical"></i>
100
- </button>
101
- <ul class="dropdown__menu">
102
- <li>
103
- <div class="dropdown__menu-label">Actions</div>
104
- </li>
105
- <li class="dropdown__menu-divider"></li>
106
- <li><button>Action 2</button></li>
107
- <li><button>Action 3</button></li>
108
- <li><button ng-click="openModal('modalEditorConfig')">Configure Editor</button></li>
109
- </ul>
110
- </div>
111
- <div class="dropdown dropdown--align-right" dropdown>
112
- <button class="dropdown__toggle navbtn sd-create-btn" dropdown__toggle>
113
- <i class="icon-plus-large"></i>
114
- <span class="circle"></span>
115
- </button>
116
- <ul class="dropdown__menu">
117
- <li>
118
- <div class="dropdown__menu-label">Upload</div>
119
- </li>
120
- <li class="dropdown__menu-divider"></li>
121
- <li>
122
- <button ng-click="openModal('uploadModal')"><i class="icon-plus-sign icon--blue"></i>Upload media</button>
123
- </li>
124
- </ul>
125
- </div>
126
- </div>
127
- <div class="subnav">
128
- <button class="navbtn navbtn--left navbtn--darker" ng-click="leftFilterOpen = !leftFilterOpen" ng-class="{'navbtn--active': leftFilterOpen}">
129
- <i class="icon-filter-large"></i>
130
- </button>
131
- <div class="subnav__stretch-bar" ng-init="planningType = 'events-planning'">
132
- <sd-check ng-model="planningType" type="radio" ng-value="events-planning" label-position="inside">All media types</sd-check>
133
- <sd-check ng-model="planningType" type="radio" ng-value="events" label-position="inside">Images only</sd-check>
134
- <sd-check ng-model="planningType" type="radio" ng-value="planning" label-position="inside">Videos only</sd-check>
135
- </div>
136
- <div class="subnav__spacer subnav__spacer--no-margin"></div>
137
- <div class="subnav__content-bar">
138
- <span>Total:</span> <span class="badge" style="margin: 0 10px 0 6px;">6432</span>
139
- <div class="dropdown dropdown--align-right" dropdown>
140
- <button class="dropdown__toggle" dropdown__toggle>
141
- Updated<span class="dropdown__caret"></span>
142
- </button>
143
- <ul class="dropdown__menu">
144
- <li><button>Updated</button></li>
145
- <li><button>Created</button></li>
146
- <li><button>Urgency</button></li>
147
- <li><button>Category</button></li>
148
- <li><button>Slugline</button></li>
149
- <li><button>Priority</button></li>
150
- <li><button>Genre</button></li>
151
- </ul>
152
- </div>
153
- <a class="icn-btn" sd-tooltip="Descending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-hide="!sortDesc"><i class="icon-descending"></i></a>
154
- <a class="icn-btn" sd-tooltip="Ascending" flow="bottom" ng-click="sortDesc = !sortDesc" ng-show="!sortDesc"><i class="icon-ascending"></i></a>
155
-
156
- </div>
157
- <button class="navbtn" ng-click="darkUI = !darkUI">
158
- <i class="icon-adjust"></i>
159
- </button>
160
- <button class="navbtn" ng-click="gridView = !gridView">
161
- <i class="icon-th" ng-hide="gridView"></i>
162
- <i class="icon-th-list" ng-show="gridView"></i>
163
- </button>
164
- </div>
165
- <div class="sd-column-box--3">
166
- <div class="sd-filters-panel">
167
- <div class="side-panel side-panel--transparent side-panel--shadow-left">
168
- <div class="side-panel__header side-panel__header--border-b">
169
- <a class="icn-btn side-panel__close" sd-tooltip="Close filters" flow="left" ng-click="leftFilterOpen = !leftFilterOpen"><i class="icon-close-small"></i></a>
170
- <h3 class="side-panel__heading">Advanced filters</h3>
171
- </div>
172
- <div class="side-panel__content">
173
- <div class="side-panel__content-block">
174
- <div class="form__row">
175
- <div class="sd-line-input sd-line-input--no-margin">
176
- <label class="sd-line-input__label">Title</label>
177
- <input class="sd-line-input__input" type="text">
178
- </div>
179
- </div>
180
- <div class="form__row">
181
- <div class="sd-line-input sd-line-input--is-select sd-line-input--no-margin">
182
- <label class="sd-line-input__label">Source</label>
183
- <select class="sd-line-input__select">
184
- <option value="">Select ingest source...</option>
185
- <option value="">Associated Press</option>
186
- <option value="">Reuters</option>
187
- </select>
188
- </div>
189
- </div>
190
- <div class="form__row">
191
- <div class="sd-line-input sd-line-input--no-margin">
192
- <label class="sd-line-input__label">Location</label>
193
- <input class="sd-line-input__input" type="text">
194
- </div>
195
- </div>
196
- <div class="form__row">
197
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
198
- <span class="sd-line-input__plus-btn"></span>
199
- <label class="sd-line-input__label">Category</label>
200
- <input class="sd-line-input__input" type="text">
201
- </div>
202
- </div>
203
- <div class="form__row">
204
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--with-button">
205
- <span class="sd-line-input__plus-btn"></span>
206
- <label class="sd-line-input__label">Subject</label>
207
- <input class="sd-line-input__input" type="text">
208
- </div>
209
- </div>
210
-
211
- <div class="form__row">
212
- <div class="sd-line-input sd-line-input--is-select ">
213
- <label class="sd-line-input__label">Usage right</label>
214
- <select class="sd-line-input__select">
215
- <option value="">--- Not selected ---</option>
216
- <option value="single">Single usage</option>
217
- <option value="time">Time restricted</option>
218
- <option value="bananas">Indefinite usage</option>
219
- <option value="indefinite">Pears</option>
220
- </select>
221
- <span class="sd-line-input__hint">Dolor in hendrerit.</span>
222
- </div>
223
- </div>
224
- <div class="form__row form__row--flex">
225
- <div class="sd-line-input sd-line-input--no-margin">
226
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
227
- <label class="sd-line-input__label">From</label>
228
- <input class="sd-line-input__input" type="text">
229
- </div>
230
- <div class="sd-line-input sd-line-input--no-margin">
231
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
232
- <input class="sd-line-input__input" type="text">
233
- </div>
234
- </div>
235
- <div class="form__row form__row--flex">
236
- <div class="sd-line-input sd-line-input--no-margin">
237
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-calendar"></i></a>
238
- <label class="sd-line-input__label">To</label>
239
- <input class="sd-line-input__input" type="text">
240
- </div>
241
- <div class="sd-line-input sd-line-input--no-margin">
242
- <a class="icn-btn sd-line-input__icon-right"><i class="icon-time"></i></a>
243
- <input class="sd-line-input__input" type="text">
244
- </div>
245
- </div>
246
- <div class="form__row">
247
- <sd-check ng-model="abc2">Check me!</sd-check>
248
- </div>
249
- </div>
250
- </div>
251
- <div class="side-panel__footer side-panel__footer--button-box">
252
- <div class="flex-grid flex-grid--boxed-small flex-grid--wrap-items flex-grid--small-2">
253
- <a class="btn btn--hollow">Clear</a>
254
- <a class="btn btn--primary">Submit</a>
255
- </div>
256
- </div>
257
- </div>
258
- </div>
259
- <div class="sd-column-box__main-column">
260
- <div class="sd-list-header">
261
- <span class="sd-list-header__name">Friday September 15, 2017</span>
262
- </div>
263
- <!-- Grid item view -->
264
- <div class="sd-grid-list sd-margin--3" ng-hide="!gridView">
265
- <!-- item 1 -->
266
- <div class="sd-grid-item sd-grid-item--with-click locked" ng-class="{'sd-grid-item--selected' : select1, 'sd-grid-item--activated' : selectThis1}">
267
- <div class="sd-grid-item__thumb">
268
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
269
- <i class="icon-fullscreen"></i>
270
- </a>
271
- <div class="sd-grid-item__checkbox">
272
- <sd-check ng-model="select1"></sd-check>
273
- </div>
274
- <img src="/d_trump.jpg" alt="Trt">
275
- </div>
276
- <div class="sd-grid-item__content">
277
- <time title="20.11.2017">20.11.2017</time>
278
- <span class="sd-grid-item__slugline">This is a slugline</span>
279
- <p class="sd-grid-item--element-grow">Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</p>
280
- <div class="sd-grid-item__content-block">
281
- <span class="sd-grid-item__text-label">Source:</span>
282
- <span class="sd-grid-item__text-strong">ANSA</span>
283
- </div>
284
-
285
- </div>
286
- <div class="sd-grid-item__footer" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
287
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
288
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--success sd-grid-item__footer-block-item">1</span><span class="badge badge--warning badge--square sd-grid-item__footer-block-item">3</span>
289
- </div>
290
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
291
- <a class="icn-btn sd-grid-item__actions">
292
- <i class="icon-dots-vertical"></i>
293
- </a>
294
- </div>
295
- </div>
296
- <div class="sd-grid-item__state-border"></div>
297
- </div>
298
- <!-- item 2 -->
299
- <div class="sd-grid-item sd-grid-item--with-click actioning" ng-class="{'sd-grid-item--selected' : select2}">
300
- <div class="sd-grid-item__thumb">
301
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
302
- <i class="icon-fullscreen"></i>
303
- </a>
304
- <div class="sd-grid-item__checkbox">
305
- <sd-check ng-model="select2"></sd-check>
306
- </div>
307
- <img src="/d_trump_2.jpg" alt="test">
308
- </div>
309
- <div class="sd-grid-item__content">
310
- <time title="20.11.2017">20.11.2017</time>
311
- <span class="sd-grid-item__slugline">This is a slugline</span>
312
- <p class="sd-grid-item--element-grow">In ac dui quis mi consectetuer lacinia. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.</p>
313
- <div class="sd-grid-item__content-block">
314
- <span class="sd-grid-item__text-label">Source:</span>
315
- <span class="sd-grid-item__text-strong">ANSA</span>
316
- </div>
317
- </div>
318
- <div class="sd-grid-item__footer">
319
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
320
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--alert badge--square sd-grid-item__footer-block-item">4</span>
321
- </div>
322
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
323
- <a class="icn-btn sd-grid-item__actions">
324
- <i class="icon-dots-vertical"></i>
325
- </a>
326
- </div>
327
- </div>
328
- <div class="sd-grid-item__state-border"></div>
329
- </div>
330
- <!-- item 3 -->
331
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select3}">
332
- <div class="sd-grid-item__thumb">
333
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
334
- <i class="icon-fullscreen"></i>
335
- </a>
336
- <div class="sd-grid-item__checkbox">
337
- <sd-check ng-model="select3"></sd-check>
338
- </div>
339
- <img src="/bill.jpg" alt="test">
340
- </div>
341
- <div class="sd-grid-item__content">
342
- <time title="20.11.2017">20.11.2017</time>
343
- <span class="sd-grid-item__slugline">This is a slugline</span>
344
- <p class="sd-grid-item--element-grow">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Aenean tellus metus, bibendum sed...</p>
345
- <div class="sd-grid-item__content-block">
346
- <span class="sd-grid-item__text-label">Source:</span>
347
- <span class="sd-grid-item__text-strong">ANSA</span>
348
- </div>
349
- </div>
350
- <div class="sd-grid-item__footer">
351
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
352
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--highlight sd-grid-item__footer-block-item">3</span><span class="badge badge--light badge--square sd-grid-item__footer-block-item">&nbsp;</span>
353
- </div>
354
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
355
- <a class="icn-btn sd-grid-item__actions">
356
- <i class="icon-dots-vertical"></i>
357
- </a>
358
- </div>
359
- </div>
360
- <div class="sd-grid-item__state-border"></div>
361
- </div>
362
- <!-- item 4 -->
363
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select4}">
364
- <div class="sd-loader"></div>
365
- <div class="sd-grid-item__thumb">
366
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top" ng-click="openModal('imageModal')">
367
- <i class="icon-fullscreen"></i>
368
- </a>
369
- <div class="sd-grid-item__checkbox">
370
- <sd-check ng-model="select4"></sd-check>
371
- </div>
372
- <img src="/hillary.jpg" alt="test">
373
- </div>
374
- <div class="sd-grid-item__content">
375
- <time title="20.11.2017">20.11.2017</time>
376
- <span class="sd-grid-item__slugline">This is a slugline</span>
377
- <p class="sd-grid-item--element-grow">Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.</p>
378
- <div class="sd-grid-item__content-block">
379
- <span class="sd-grid-item__text-label">Source:</span>
380
- <span class="sd-grid-item__text-strong">Reuters</span>
381
- </div>
382
- </div>
383
- <div class="sd-grid-item__footer">
384
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
385
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--warning badge--square sd-grid-item__footer-block-item">3</span>
386
- </div>
387
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
388
- <a class="icn-btn sd-grid-item__actions">
389
- <i class="icon-dots-vertical"></i>
390
- </a>
391
- </div>
392
- </div>
393
- <div class="sd-grid-item__state-border"></div>
394
- </div>
395
- <!-- item 5 -->
396
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select5}">
397
- <div class="sd-grid-item__thumb">
398
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
399
- <i class="icon-fullscreen"></i>
400
- </a>
401
- <div class="sd-grid-item__checkbox">
402
- <sd-check ng-model="select5"></sd-check>
403
- </div>
404
- <img src="/obama_1.jpg" alt="test">
405
- </div>
406
- <div class="sd-grid-item__content">
407
- <time title="20.11.2017">20.11.2017</time>
408
- <span class="sd-grid-item__slugline">This is a slugline</span>
409
- <p class="sd-grid-item--element-grow">Pellentesque auctor neque nec urna. Vestibulum turpis sem, aliquet eget lobortis...</p>
410
- <div class="sd-grid-item__content-block">
411
- <span class="sd-grid-item__text-label">Source:</span>
412
- <span class="sd-grid-item__text-strong">ANSA</span>
413
- </div>
414
- </div>
415
- <div class="sd-grid-item__footer">
416
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
417
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--light sd-grid-item__footer-block-item">&nbsp;</span><span class="badge badge--square sd-grid-item__footer-block-item">5</span>
418
- </div>
419
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
420
- <a class="icn-btn sd-grid-item__actions">
421
- <i class="icon-dots-vertical"></i>
422
- </a>
423
- </div>
424
- </div>
425
- <div class="sd-grid-item__state-border"></div>
426
- </div>
427
- <!-- item 6 -->
428
- <div class="sd-grid-item sd-grid-item--with-click" ng-class="{'sd-grid-item--selected' : select6}">
429
- <div class="sd-grid-item__thumb">
430
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
431
- <i class="icon-fullscreen"></i>
432
- </a>
433
- <div class="sd-grid-item__checkbox">
434
- <sd-check ng-model="select6"></sd-check>
435
- </div>
436
- <img src="/obama_2.jpg" alt="test">
437
- </div>
438
- <div class="sd-grid-item__content">
439
- <time title="20.11.2017">20.11.2017</time>
440
- <span class="sd-grid-item__slugline">This is a slugline</span>
441
- <p class="sd-grid-item--element-grow">Vestibulum turpis sem, aliquet eget lobortis...</p>
442
- <div class="sd-grid-item__content-block">
443
- <span class="sd-grid-item__text-label">Source:</span>
444
- <span class="sd-grid-item__text-strong">ANSA</span>
445
- </div>
446
- </div>
447
- <div class="sd-grid-item__footer">
448
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
449
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--highlight sd-grid-item__footer-block-item">3</span><span class="badge badge--light badge--square sd-grid-item__footer-block-item">&nbsp;</span>
450
- </div>
451
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
452
- <a class="icn-btn sd-grid-item__actions">
453
- <i class="icon-dots-vertical"></i>
454
- </a>
455
- </div>
456
- </div>
457
- <div class="sd-grid-item__state-border"></div>
458
- </div>
459
- <!-- item 7 -->
460
- <div class="sd-grid-item sd-grid-item--with-click archived" ng-class="{'sd-grid-item--selected' : select7}">
461
- <div class="sd-grid-item__thumb">
462
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
463
- <i class="icon-fullscreen"></i>
464
- </a>
465
- <div class="sd-grid-item__checkbox">
466
- <sd-check ng-model="select7"></sd-check>
467
- </div>
468
- <!-- <img src="/bush_1.jpg" alt="test"> -->
469
- <i class="sd-grid-item__type-icon icon-audio"></i>
470
- </div>
471
- <div class="sd-grid-item__content">
472
- <time title="20.11.2017">20.11.2017</time>
473
- <span class="sd-grid-item__slugline">This is a slugline</span>
474
- <p class="sd-grid-item__title">This is a headline.</p>
475
- <p class="sd-grid-item__text-light sd-grid-item--element-grow">Description vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
476
- <div class="sd-grid-item__content-block">
477
- <span class="sd-grid-item__text-label">Source:</span>
478
- <span class="sd-grid-item__text-strong">ANSA</span>
479
- </div>
480
- </div>
481
- <div class="sd-grid-item__footer">
482
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
483
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--success sd-grid-item__footer-block-item">1</span><span class="badge badge--highlight badge--square sd-grid-item__footer-block-item">2</span>
484
- </div>
485
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
486
- <a class="icn-btn sd-grid-item__actions">
487
- <i class="icon-dots-vertical"></i>
488
- </a>
489
- </div>
490
- </div>
491
- <div class="sd-grid-item__state-border"></div>
492
- </div>
493
- <!-- item 8 -->
494
- <div class="sd-grid-item sd-grid-item--with-click locked" ng-class="{'sd-grid-item--selected' : select8}">
495
- <div class="sd-grid-item__thumb">
496
- <a class="icn-btn sd-grid-item__actions sd-grid-item__actions--top">
497
- <i class="icon-fullscreen"></i>
498
- </a>
499
- <div class="sd-grid-item__checkbox">
500
- <sd-check ng-model="select8"></sd-check>
501
- </div>
502
- <img src="/bush_2.jpg" alt="test">
503
- </div>
504
- <div class="sd-grid-item__content">
505
- <time title="20.11.2017">20.11.2017</time>
506
- <span class="sd-grid-item__slugline">This is a slugline</span>
507
- <p class="sd-grid-item--element-grow">Mauris sollicitudin fermentum libero, vestibulum et, tempor auctor, justo...</p>
508
- <div class="sd-grid-item__content-block">
509
- <span class="sd-grid-item__text-label">Source:</span>
510
- <span class="sd-grid-item__text-strong">ANSA</span>
511
- </div>
512
- </div>
513
- <div class="sd-grid-item__footer">
514
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
515
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i><span class="badge badge--primary sd-grid-item__footer-block-item">2</span><span class="badge badge--square sd-grid-item__footer-block-item">5</span>
516
- </div>
517
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
518
- <a class="icn-btn sd-grid-item__actions">
519
- <i class="icon-dots-vertical"></i>
520
- </a>
521
- </div>
522
- </div>
523
- <div class="sd-grid-item__state-border"></div>
524
- </div>
525
- </div>
526
-
527
- <!-- List item view -->
528
-
529
- <div class="sd-list-item-group sd-list-item-group--space-between-items" ng-show="!gridView">
530
- <!-- list item 1 -->
531
- <div class="sd-list-item sd-shadow--z1 locked" ng-class="{'sd-list-item--selected' : select1, 'sd-list-item--activated' : selectThis1}">
532
- <div class="sd-list-item__border"></div>
533
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select1}">
534
- <div class="sd-list-item__checkbox-container">
535
- <sd-check ng-model="select1"></sd-check>
536
- </div>
537
- <span class="icn-mix sd-list-item__item-type">
538
- <i class="icon-photo"></i>
539
- </span>
540
- </div>
541
- <div class="sd-list-item__column">
542
- <div class="sd-list-item__row">
543
- <span class="badge badge--success">1</span>
544
- <span class="badge badge--warning badge--square ">3</span>
545
- </div>
546
- </div>
547
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1">
548
- <div class="sd-list-item__row">
549
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</span>
550
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
551
- </div>
552
- </div>
553
- <div class="sd-list-item__action-menu">
554
- <button class="icn-btn">
555
- <i class="icon-dots-vertical"></i>
556
- </button>
557
- </div>
558
- </div>
559
- <!-- list item 2 -->
560
- <div class="sd-list-item sd-shadow--z1 actioning" ng-class="{'sd-list-item--selected' : select2}">
561
- <div class="sd-list-item__border"></div>
562
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select2}">
563
- <div class="sd-list-item__checkbox-container">
564
- <sd-check ng-model="select2"></sd-check>
565
- </div>
566
- <span class="icn-mix sd-list-item__item-type">
567
- <i class="icon-photo"></i>
568
- </span>
569
- </div>
570
- <div class="sd-list-item__column">
571
- <div class="sd-list-item__row">
572
- <span class="badge badge--primary">2</span>
573
- <span class="badge badge--alert badge--square">4</span>
574
- </div>
575
- </div>
576
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
577
- <div class="sd-list-item__row">
578
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>In ac dui quis mi consectetuer lacinia. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.</span>
579
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
580
- </div>
581
- </div>
582
- <div class="sd-list-item__action-menu">
583
- <button class="icn-btn">
584
- <i class="icon-dots-vertical"></i>
585
- </button>
586
- </div>
587
- </div>
588
- <!-- list item 3 -->
589
- <div class="sd-list-item sd-shadow--z1 archived" ng-class="{'sd-list-item--selected' : select3}">
590
- <div class="sd-list-item__border"></div>
591
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select3}">
592
- <div class="sd-list-item__checkbox-container">
593
- <sd-check ng-model="select3"></sd-check>
594
- </div>
595
- <span class="icn-mix sd-list-item__item-type">
596
- <i class="icon-photo"></i>
597
- </span>
598
- </div>
599
- <div class="sd-list-item__column">
600
- <div class="sd-list-item__row">
601
- <span class="badge badge--highlight">3</span>
602
- <span class="badge badge--light badge--square">&nbsp;</span>
603
- </div>
604
- </div>
605
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
606
- <div class="sd-list-item__row">
607
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Aenean tellus metus, bibendum sed...</span>
608
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
609
- </div>
610
- </div>
611
- <div class="sd-list-item__action-menu">
612
- <button class="icn-btn">
613
- <i class="icon-dots-vertical"></i>
614
- </button>
615
- </div>
616
- </div>
617
- <!-- list item 4 -->
618
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select4}">
619
- <div class="sd-list-item__border"></div>
620
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select4}">
621
- <div class="sd-list-item__checkbox-container">
622
- <sd-check ng-model="select4"></sd-check>
623
- </div>
624
- <span class="icn-mix sd-list-item__item-type">
625
- <i class="icon-photo"></i>
626
- </span>
627
- </div>
628
- <div class="sd-list-item__column">
629
- <div class="sd-list-item__row">
630
- <span class="badge badge--primary">2</span>
631
- <span class="badge badge--warning badge--square">3</span>
632
- </div>
633
- </div>
634
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
635
- <div class="sd-list-item__row">
636
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.</span>
637
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
638
- </div>
639
- </div>
640
- <div class="sd-list-item__action-menu">
641
- <button class="icn-btn">
642
- <i class="icon-dots-vertical"></i>
643
- </button>
644
- </div>
645
- </div>
646
-
647
- <!-- list item 5 -->
648
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select5}">
649
- <div class="sd-list-item__border"></div>
650
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select5}">
651
- <div class="sd-list-item__checkbox-container">
652
- <sd-check ng-model="select5"></sd-check>
653
- </div>
654
- <span class="icn-mix sd-list-item__item-type">
655
- <i class="icon-photo"></i>
656
- </span>
657
- </div>
658
- <div class="sd-list-item__column">
659
- <div class="sd-list-item__row">
660
- <span class="badge badge--light">&nbsp;</span>
661
- <span class="badge badge--square">5</span>
662
- </div>
663
- </div>
664
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
665
- <div class="sd-list-item__row">
666
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Pellentesque auctor neque nec urna. Vestibulum turpis sem, aliquet eget lobortis...</span>
667
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
668
- </div>
669
- </div>
670
- <div class="sd-list-item__action-menu">
671
- <button class="icn-btn">
672
- <i class="icon-dots-vertical"></i>
673
- </button>
674
- </div>
675
- </div>
676
- <!-- list item 6 -->
677
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select6}">
678
- <div class="sd-list-item__border"></div>
679
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select6}">
680
- <div class="sd-list-item__checkbox-container">
681
- <sd-check ng-model="select6"></sd-check>
682
- </div>
683
- <span class="icn-mix sd-list-item__item-type">
684
- <i class="icon-photo"></i>
685
- </span>
686
- </div>
687
- <div class="sd-list-item__column">
688
- <div class="sd-list-item__row">
689
- <span class="badge badge--highlight">3</span>
690
- <span class="badge badge--light badge--square">&nbsp;</span>
691
- </div>
692
- </div>
693
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
694
- <div class="sd-list-item__row">
695
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vestibulum turpis sem, aliquet eget lobortis...</span>
696
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
697
- </div>
698
- </div>
699
- <div class="sd-list-item__action-menu">
700
- <button class="icn-btn">
701
- <i class="icon-dots-vertical"></i>
702
- </button>
703
- </div>
704
- </div>
705
- <!-- list item 7 -->
706
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select7}">
707
- <div class="sd-list-item__border"></div>
708
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select7}">
709
- <div class="sd-list-item__checkbox-container">
710
- <sd-check ng-model="select7"></sd-check>
711
- </div>
712
- <span class="icn-mix sd-list-item__item-type">
713
- <i class="icon-photo"></i>
714
- </span>
715
- </div>
716
- <div class="sd-list-item__column">
717
- <div class="sd-list-item__row">
718
- <span class="badge badge--success">1</span>
719
- <span class="badge badge--highlight badge--square">2</span>
720
- </div>
721
- </div>
722
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
723
- <div class="sd-list-item__row">
724
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Vivamus in erat ut urna cursus vestibulum. Sed consequat, leo eget bibendum sodales...</span>
725
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
726
- </div>
727
- </div>
728
- <div class="sd-list-item__action-menu">
729
- <button class="icn-btn">
730
- <i class="icon-dots-vertical"></i>
731
- </button>
732
- </div>
733
- </div>
734
- <!-- list item 8 -->
735
- <div class="sd-list-item sd-shadow--z1" ng-class="{'sd-list-item--selected' : select8}">
736
- <div class="sd-list-item__border"></div>
737
- <div class="sd-list-item__column sd-list-item__column--has-check" ng-class="{'sd-list-item__column--checked' : select8}">
738
- <div class="sd-list-item__checkbox-container">
739
- <sd-check ng-model="select8"></sd-check>
740
- </div>
741
- <span class="icn-mix sd-list-item__item-type">
742
- <i class="icon-photo"></i>
743
- </span>
744
- </div>
745
- <div class="sd-list-item__column">
746
- <div class="sd-list-item__row">
747
- <span class="badge badge--primary">2</span>
748
- <span class="badge badge--square">5</span>
749
- </div>
750
- </div>
751
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
752
- <div class="sd-list-item__row">
753
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"><span class="sd-list-item__slugline">This is a slugline</span>Mauris sollicitudin fermentum libero, vestibulum et, tempor auctor, justo...</span>
754
- <time title="March 22, 2017 11:08 AM">20.11.2017</time>
755
- </div>
756
- </div>
757
- <div class="sd-list-item__action-menu">
758
- <button class="icn-btn">
759
- <i class="icon-dots-vertical"></i>
760
- </button>
761
- </div>
762
- </div>
763
- </div>
764
- </div>
765
- <div class="sd-preview-panel">
766
- <div class="side-panel side-panel--shadow-right">
767
- <div class="side-panel__header">
768
- <div class="side-panel__tools">
769
- <a class="icn-btn" sd-tooltip="Edit details" flow="top" ng-click="editorOpen = true; leftPreviewOpen = false"><i class="icon-pencil"></i></a>
770
- <a class="icn-btn" sd-tooltip="Close details" flow="top" ng-click="leftPreviewOpen = !leftPreviewOpen; selectThis1 = !selectThis1"><i class="icon-close-small"></i></a>
771
- </div>
772
- <ul class="nav-tabs">
773
- <li ng-class="{'nav-tabs__tab--active': !tab || tab === 'event-details'}" class="nav-tabs__tab">
774
- <button ng-click="tab = 'event-details'" class="nav-tabs__link"><span translate="">Content</span></button>
775
- </li>
776
- <li ng-class="{'nav-tabs__tab--active': tab === 'event-history'}" class="nav-tabs__tab">
777
- <button ng-click="tab = 'event-history'" class="nav-tabs__link"><span translate="">History</span></button>
778
- </li>
779
- </ul>
780
- </div>
781
- <div class="side-panel__content" ng-if="!tab || tab === 'event-details'">
782
- <div class="side-panel__content-block side-panel__content-block--pad-small side-panel__content-block--flex">
783
- <div class="side-panel__content-block-inner side-panel__content-block-inner--grow">
784
- <p class="sd-text__date-and-author"><time>Created 23.08.2017 by </time> <span class="sd-text__author">Mika Karapet</span></p>
785
- <p class="sd-text__date-and-author"><time>Updated 3 hours ago by</time> <span class="sd-text__author">John Doe</span></p>
786
- </div>
787
- <div class="side-panel__content-block-inner side-panel__content-block-inner--right">
788
- <a class="icn-btn"><i class="icon-dots-vertical"></i></a>
789
- </div>
790
- </div>
791
- <div class="side-panel__content-block side-panel__content-block--image">
792
- <a class="icn-btn side-panel__image-actions" ng-click="openModal('imageModal')">
793
- <i class="icon-fullscreen"></i>
794
- </a>
795
- <img src="/d_trump.jpg" alt="test">
796
- </div>
797
- <div class="side-panel__content-block">
798
- <div class="form__row">
799
- <label class="form-label form-label--light">Slugline</label>
800
- <p class="sd-text__slugline">This is a slugline</p>
801
- </div>
802
- <div class="form__row">
803
- <label class="form-label form-label--light">Description</label>
804
- <p>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Praesent nonummy mi in odio.</p>
805
- </div>
806
-
807
- <div sd-toggle-box data-title="Details" data-style="circle">
808
- <div class="form__row">
809
- <label class="form-label form-label--light">Usage right</label>
810
- <p>Single usage</p>
811
- </div>
812
- <div class="form__row">
813
- <label class="form-label form-label--light">Category</label>
814
- <p>Some category</p>
815
- </div>
816
- <div class="form__row">
817
- <label class="form-label form-label--light">Subject</label>
818
- <p>Arts, culture and entertainment, Music</p>
819
- </div>
820
- <div class="form__row">
821
- <label class="form-label form-label--light">Long Description</label>
822
- <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
823
- </div>
824
- <div class="form__row">
825
- <label class="form-label form-label--light">Internal Note</label>
826
- <p>Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
827
- </div>
828
- </div>
829
- <h3 class="side-panel__heading side-panel__heading--big" ng-hide="multiEdit">Related items</h3>
830
- <div class="sd-grid-list sd-grid-list--x-small sd-margin-y--2" ng-hide="multiEdit">
831
- <!-- related item 1 -->
832
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
833
- <div class="sd-grid-item__thumb">
834
- <img src="/d_trump_2.jpg" alt="test">
835
- </div>
836
- <div class="sd-grid-item__content">
837
- <time title="20.11.2017">20.11.2017</time>
838
- <span class="sd-grid-item__slugline">This is a slugline</span>
839
- </div>
840
- </div>
841
- <!-- related item 2 -->
842
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
843
- <div class="sd-grid-item__thumb">
844
- <img src="/bill.jpg" alt="test">
845
- </div>
846
- <div class="sd-grid-item__content">
847
- <time title="20.11.2017">20.11.2017</time>
848
- <span class="sd-grid-item__slugline">This is a slugline</span>
849
- </div>
850
- </div>
851
- <!-- related item 3 -->
852
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
853
- <div class="sd-grid-item__thumb">
854
- <img src="/hillary.jpg" alt="test">
855
- </div>
856
- <div class="sd-grid-item__content">
857
- <time title="20.11.2017">20.11.2017</time>
858
- <span class="sd-grid-item__slugline">This is a slugline</span>
859
- </div>
860
- </div>
861
- <!-- related item 4 -->
862
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
863
- <div class="sd-grid-item__thumb">
864
- <img src="/bush_1.jpg" alt="test">
865
- </div>
866
- <div class="sd-grid-item__content">
867
- <time title="20.11.2017">20.11.2017</time>
868
- <span class="sd-grid-item__slugline">This is a slugline</span>
869
- </div>
870
- </div>
871
- </div>
872
- </div>
873
- </div>
874
- <div class="side-panel__content" ng-if="tab === 'event-history'">
875
- <div class="side-panel__content-block">
876
- <ul class="simple-list simple-list--dotted simple-list--no-padding">
877
- <li class="simple-list__item">
878
- <p><strong>Created by</strong> Mika Karapet</p>
879
- <time class="small">Tuesday, 12. September 13:10</time>
880
- </li>
881
- <li class="simple-list__item">
882
- <p><strong>Coverage created by</strong> Vince Ryan</p>
883
- <time class="small">Tuesday, 12. September 13:13</time>
884
- </li>
885
- <li class="simple-list__item">
886
- <p><strong>Updated by</strong> Karel Petrak</p>
887
- <time class="small">Tuesday, 12. September 13:13</time>
888
- </li>
889
- <li class="simple-list__item">
890
- <p><strong>Coverage updated by</strong> John Doe</p>
891
- <time class="small">Tuesday, 12. September 13:21</time>
892
- </li>
893
- </ul>
894
- </div>
895
- </div>
896
- <div class="side-panel__footer">
897
-
898
- </div>
899
- </div>
900
- </div>
901
- </div>
902
- <!-- END left content -->
903
- </div>
904
-
905
- <!-- SPLIT CONTENT -->
906
- <div id="editPane"
907
- class="sd-edit-panel sd-page-content__content-block sd-page-content__content-block--right sd-page-content__content-block--30-slide" ng-class="{'open-filters': rightFilterOpen, 'open-preview': rightPreviewOpen}">
908
- <!-- Eitor content -->
909
-
910
- <div class="side-panel side-panel--shadow-right" ng-if="!itemType || itemType === 'planning'" ng-include="'playgrounds/photo-snippets/edit-photo-metadata.html'"></div>
911
- <!-- END Editor content -->
912
- </div>
913
- </section>
914
- <footer class="sd-bottom-bar">
915
- This is the optional footer.
916
- </footer>
917
-
918
- <!-- Image Edit modal -->
919
- <div sd-modal data-model="imageModal" class="modal--fullscreen" ng-init="showMetadata = true" data-theme="dark-ui">
920
- <div class="modal__header modal__header--flex">
921
- <div class="modal__sliding-toolbar" ng-show="!contentChanged">
922
- <div class="sliding-toolbar__inner"></div>
923
- <a class="btn" ng-click="contentChanged = true">Cancel</a>
924
- <a class="btn btn--primary" ng-click="contentChanged = true">Save</a>
925
- </div>
926
- <h3 class="modal__heading modal__heading--no-grow">Details</h3>
927
- <div class="modal__header-buttons modal__header-buttons--center modal__header-element-grow button-nav" ng-init="nav = 'view'">
928
- <button class="button-nav__btn" ng-click="nav = 'view'; showMetadata = true" ng-class="{'button-nav__btn--active' : nav === 'view'}">Details</button>
929
- <button class="button-nav__btn" ng-click="nav = 'image-edit'" ng-class="{'button-nav__btn--active': nav === 'image-edit'}">Edit image</button>
930
- <button class="button-nav__btn" ng-click="nav = 'crop'; showMetadata = false" ng-class="{'button-nav__btn--active': nav === 'crop'}">Edit crops</button>
931
- </div>
932
- <div class="modal__header-buttons modal__header-buttons--right">
933
- <button class="btn btn--hollow" ng-click="this.$parent.$parent.$parent.multiEdit = false; closeModal('imageModal')">Close</button>
934
- <!-- <a class="icn-btn" ng-click="this.$parent.$parent.$parent.multiEdit = false; closeModal('imageModal')">
935
- <i class="icon-close-small"></i>
936
- </a> -->
937
- </div>
938
- </div>
939
- <div class="modal__body modal__body--no-padding">
940
- <div class="sd-column-box--2">
941
- <div class="sd-column-box__main-column sd-column-box__main-column--photo-preview">
942
- <a class="sd-photo-preview__slide-in-button" ng-show="!showMetadata" ng-click="showMetadata = !showMetadata" data-sd-tooltip="Open metadata" data-flow="left">
943
- <i class="icon-backward-thin"></i>
944
- </a>
945
- <div class="sd-photo-preview" ng-class="{'sd-photo-preview--grid-only' : multiEdit}">
946
- <div class="sd-photo-preview__image" ng-hide="multiEdit">
947
- <a class="sd-photo-preview__nav-button sd-photo-preview__nav-button--prev"></a>
948
- <a class="sd-photo-preview__nav-button sd-photo-preview__nav-button--next"></a>
949
- <img src="/d_trump_large.jpg" alt="test">
950
- </div>
951
- <!-- THUMBS for Multiedit -->
952
- <div class="sd-photo-preview__thumb-strip" ng-hide="!multiEdit">
953
- <div class="sd-grid-list">
954
- <!-- small item 1 -->
955
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select11 = !select11" ng-class="{'sd-grid-item--selected' : select11}">
956
- <div class="sd-grid-item__thumb">
957
- <img src="/d_trump.jpg" alt="test">
958
- </div>
959
- <div class="sd-grid-item__content">
960
- <time title="20.11.2017">20.11.2017</time>
961
- <span class="sd-grid-item__slugline">This is a slugline</span>
962
- </div>
963
- <div class="sd-grid-item__footer">
964
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
965
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
966
- </div>
967
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
968
- <a class="icn-btn sd-grid-item__actions">
969
- <i class="icon-dots-vertical"></i>
970
- </a>
971
- </div>
972
- </div>
973
- </div>
974
- <!-- small item 2 -->
975
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select12 = !select12" ng-class="{'sd-grid-item--selected' : select12}">
976
- <div class="sd-grid-item__thumb">
977
- <img src="/d_trump_2.jpg" alt="test">
978
- </div>
979
- <div class="sd-grid-item__content">
980
- <time title="20.11.2017">20.11.2017</time>
981
- <span class="sd-grid-item__slugline">This is a slugline</span>
982
- </div>
983
- <div class="sd-grid-item__footer">
984
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
985
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
986
- </div>
987
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
988
- <a class="icn-btn sd-grid-item__actions">
989
- <i class="icon-dots-vertical"></i>
990
- </a>
991
- </div>
992
- </div>
993
- </div>
994
- <!-- small item 3 -->
995
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select13 = !select13" ng-class="{'sd-grid-item--selected' : select13}">
996
- <div class="sd-grid-item__thumb">
997
- <img src="/bill.jpg" alt="test">
998
- </div>
999
- <div class="sd-grid-item__content">
1000
- <time title="20.11.2017">20.11.2017</time>
1001
- <span class="sd-grid-item__slugline">This is a slugline</span>
1002
- </div>
1003
- <div class="sd-grid-item__footer">
1004
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1005
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1006
- </div>
1007
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1008
- <a class="icn-btn sd-grid-item__actions">
1009
- <i class="icon-dots-vertical"></i>
1010
- </a>
1011
- </div>
1012
- </div>
1013
- </div>
1014
- <!-- small item 4 -->
1015
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select14 = !select14" ng-class="{'sd-grid-item--selected' : select14}">
1016
- <div class="sd-grid-item__thumb">
1017
- <img src="/hillary.jpg" alt="test">
1018
- </div>
1019
- <div class="sd-grid-item__content">
1020
- <time title="20.11.2017">20.11.2017</time>
1021
- <span class="sd-grid-item__slugline">This is a slugline</span>
1022
- </div>
1023
- <div class="sd-grid-item__footer">
1024
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1025
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1026
- </div>
1027
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1028
- <a class="icn-btn sd-grid-item__actions">
1029
- <i class="icon-dots-vertical"></i>
1030
- </a>
1031
- </div>
1032
- </div>
1033
- </div>
1034
- </div>
1035
- </div>
1036
- <!-- END THUMBS for Multiedit -->
1037
- <!-- THUMBS for EDIT Crops -->
1038
- <div class="sd-photo-preview__thumb-strip" ng-show="nav === 'crop'">
1039
- <div class="sd-grid-list">
1040
- <!-- small item 1 -->
1041
- <div class="sd-grid-item sd-grid-item--with-click">
1042
- <div class="sd-grid-item__thumb">
1043
- <img src="/d_trump.jpg" alt="dileja">
1044
- </div>
1045
- <div class="sd-grid-item__content">
1046
- <span class="">Original</span>
1047
- </div>
1048
- </div>
1049
- <!-- small item 2 -->
1050
- <div class="sd-grid-item sd-grid-item--with-click">
1051
- <div class="sd-grid-item__thumb">
1052
- <img src="/d_trump.jpg" alt="dileja">
1053
- </div>
1054
- <div class="sd-grid-item__content">
1055
- <span class="">3 x 2</span>
1056
- </div>
1057
- </div>
1058
- <!-- small item 3 -->
1059
- <div class="sd-grid-item sd-grid-item--with-click">
1060
- <div class="sd-grid-item__thumb">
1061
- <img src="/d_trump.jpg" alt="dileja">
1062
- </div>
1063
- <div class="sd-grid-item__content">
1064
- <span class="">21 x 9</span>
1065
- </div>
1066
- </div>
1067
- <!-- small item 4 -->
1068
- <div class="sd-grid-item sd-grid-item--with-click">
1069
- <div class="sd-grid-item__thumb">
1070
- <img src="/d_trump.jpg" alt="dileja">
1071
- </div>
1072
- <div class="sd-grid-item__content">
1073
- <span class="">Portrait</span>
1074
- </div>
1075
- </div>
1076
- </div>
1077
- </div>
1078
- <!-- END THUMBS for EDIT Crops -->
1079
- </div>
1080
- </div>
1081
- <div class="sd-column-box__slide-in-column sd-column-box__slide-in-column--large" ng-class="{'sd-column-box__slide-in-column--closed' : !showMetadata}">
1082
- <div class="sd-column-box__slide-in-column-inner sd-slide-in-panel">
1083
-
1084
- <div class="sd-slide-in-panel__header">
1085
- <h3 class="sd-slide-in-panel__heading">Metadata</h3>
1086
- <a class="icn-btn sd-slide-in-panel__close" sd-tooltip="Close details" flow="top" ng-click="showMetadata = !showMetadata"><i class="icon-close-small"></i></a>
1087
- </div>
1088
- <div class="sd-slide-in-panel__content">
1089
- <div class="sd-slide-in-panel__content-block sd-slide-in-panel__content-block--first">
1090
- <div class="form__row">
1091
- <div class="sd-line-input sd-line-input--boxed">
1092
- <label class="sd-line-input__label">Title</label>
1093
- <input class="sd-line-input__input" type="text" value="Image title" >
1094
- <div class="sd-line-input__hint">Hendrerit in vulputate velit esse molestie consequat.</div>
1095
- </div>
1096
- </div>
1097
- <div class="form__row">
1098
- <div class="sd-line-input sd-line-input--boxed">
1099
- <label class="sd-line-input__label">Description</label>
1100
- <textarea class="sd-line-input__input"></textarea>
1101
- </div>
1102
- </div>
1103
- <div class="form__row">
1104
- <div class="sd-line-input sd-line-input--with-button sd-line-input--boxed">
1105
- <span class="sd-line-input__plus-btn"></span>
1106
- <label class="sd-line-input__label">Category</label>
1107
- <input class="sd-line-input__input" type="text">
1108
- </div>
1109
- </div>
1110
- <div class="form__row">
1111
- <div class="sd-line-input sd-line-input--with-button sd-line-input--boxed">
1112
- <span class="sd-line-input__plus-btn"></span>
1113
- <label class="sd-line-input__label">Subject</label>
1114
- <input class="sd-line-input__input" type="text">
1115
- </div>
1116
- </div>
1117
- <div class="form__row">
1118
- <div class="sd-line-input sd-line-input--is-select sd-line-input--boxed">
1119
- <label class="sd-line-input__label">Usage right</label>
1120
- <select class="sd-line-input__select">
1121
- <option value="">--- Not selected ---</option>
1122
- <option value="single">Single usage</option>
1123
- <option value="time">Time restricted</option>
1124
- <option value="bananas">Indefinite usage</option>
1125
- <option value="indefinite">Pears</option>
1126
- </select>
1127
- <span class="sd-line-input__hint">Dolor in hendrerit.</span>
1128
- </div>
1129
- </div>
1130
- <div class="form__row" ng-init="contentChanged = true">
1131
- <span ng-model="contentChanged" sd-switch></span><label>For publication</label>
1132
- </div>
1133
- <h3 class="sd-slide-in-panel__heading" ng-hide="multiEdit">Related items</h3>
1134
- <div class="sd-grid-list sd-grid-list--x-small sd-margin-y--2" ng-hide="multiEdit">
1135
- <!-- related item 1 -->
1136
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1137
- <div class="sd-grid-item__thumb">
1138
- <img src="/d_trump_2.jpg" alt="test">
1139
- </div>
1140
- <div class="sd-grid-item__content">
1141
- <time title="20.11.2017">20.11.2017</time>
1142
- <span class="sd-grid-item__slugline">This is a slugline</span>
1143
- </div>
1144
- </div>
1145
- <!-- related item 2-->
1146
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1147
- <div class="sd-grid-item__thumb">
1148
- <img src="/bill.jpg" alt="test">
1149
- </div>
1150
- <div class="sd-grid-item__content">
1151
- <time title="20.11.2017">20.11.2017</time>
1152
- <span class="sd-grid-item__slugline">This is a slugline</span>
1153
- </div>
1154
- </div>
1155
- <!-- related item 3 -->
1156
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1157
- <div class="sd-grid-item__thumb">
1158
- <img src="/hillary.jpg" alt="test">
1159
- </div>
1160
- <div class="sd-grid-item__content">
1161
- <time title="20.11.2017">20.11.2017</time>
1162
- <span class="sd-grid-item__slugline">This is a slugline</span>
1163
- </div>
1164
- </div>
1165
- <!-- related item 4 -->
1166
- <div class="sd-grid-item sd-grid-item--small sd-grid-item--with-click">
1167
- <div class="sd-grid-item__thumb">
1168
- <img src="/bush_1.jpg" alt="test">
1169
- </div>
1170
- <div class="sd-grid-item__content">
1171
- <time title="20.11.2017">20.11.2017</time>
1172
- <span class="sd-grid-item__slugline">This is a slugline</span>
1173
- </div>
1174
- </div>
1175
- </div>
1176
- </div>
1177
- </div>
1178
- </div>
1179
- </div>
1180
-
1181
- </div>
1182
- </div>
1183
- </div>
1184
- <!-- END Image Edit modal -->
1185
-
1186
-
1187
- <!-- //////////////////////////////////////////////////////////////////////// mage Upload modal //////////////////////////////////////////////////////////////////////// -->
1188
- <div sd-modal data-model="uploadModal" class="modal--fullscreen" ng-init="showMetadata = true">
1189
- <div class="modal__header modal__header--flex" data-theme="dark-ui">
1190
- <h3 class="modal__heading modal__heading--no-grow">Upload media</h3>
1191
- <div class="modal__header-element-grow"></div>
1192
- <div class="modal__header-buttons modal__header-buttons--right">
1193
- <button class="btn btn--hollow" ng-click="this.$parent.$parent.$parent.multiEdit = false; closeModal('uploadModal')">Cancel</button>
1194
- <div class="dropdown dropdown--boxed" dropdown is-open="isOpen">
1195
- <button class="dropdown__toggle dropdown__toggle--small dropdown__toggle--hollow dropdown-toggle" dropdown__toggle aria-haspopup="true" aria-expanded="false">
1196
- <span class="dropdown__button-label">Send to:</span> <span>National</span><b class="dropdown__caret white"></b>
1197
- </button>
1198
- <ul class="dropdown__menu dropdown--align-right">
1199
- <li><button ng-click="">National</button></li>
1200
- <li><button ng-click="">Sports</button></li>
1201
- <li><button ng-click="">International</button></li>
1202
- <li><button ng-click="">Lifestyle</button></li>
1203
- </ul>
1204
- </div>
1205
- <button class="btn btn--hollow btn--primary">Upload</button>
1206
- </div>
1207
- </div>
1208
- <div class="modal__body modal__body--no-padding" data-theme="dark-ui">
1209
- <div class="sd-column-box--2">
1210
- <div class="sd-column-box__main-column sd-column-box__main-column--photo-preview">
1211
- <a class="sd-photo-preview__slide-in-button" ng-show="!showMetadata" ng-click="showMetadata = !showMetadata" data-sd-tooltip="Open metadata" data-flow="left">
1212
- <i class="icon-backward-thin"></i>
1213
- </a>
1214
- <div class="sd-photo-preview sd-photo-preview--grid-only">
1215
- <!-- THUMBS for Multiedit -->
1216
- <div class="sd-photo-preview__thumb-controls">
1217
- <button class="btn btn--text-only">deselect all</button>
1218
- <button class="btn btn--text-only" disabled>select all</button>
1219
- </div>
1220
- <div class="sd-photo-preview__thumb-strip" ng-class="{'sd-photo-preview__thumb-strip--with-controls' : itemsLoaded}" ng-init="itemsLoaded = true;">
1221
- <div class="upload__info" ng-if="!itemsLoaded">
1222
- <div class="upload__info-icon"></div>
1223
- <h3 class="upload__info-heading">Drag Your Files Here</h3>
1224
- <div class="upload__info-label">or</div>
1225
- <button class="btn btn--hollow upload__info-button">Select them from folder</button>
1226
- </div>
1227
- <div class="upload__target" ng-if="!itemsLoaded"></div>
1228
-
1229
- <div class="sd-grid-list" ng-if="itemsLoaded" ng-init="select11 = true; select12 = true; select13 = true; select14 = true;">
1230
- <!-- small item 1 -->
1231
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select11 = !select11" ng-class="{'sd-grid-item--selected' : select11}">
1232
- <div class="sd-grid-item__thumb">
1233
- <a class="icn-btn sd-grid-item__remove" sd-tooltip="Remove item" flow="left">
1234
- <i class="icon-close-small"></i>
1235
- </a>
1236
- <img src="/d_trump.jpg" alt="test">
1237
- </div>
1238
- <div class="sd-grid-item__content">
1239
- <time title="20.11.2017">20.11.2017</time>
1240
- <p class="sd-grid-item__title">Item one title</p>
1241
- <p class="sd-grid-item--element-grow">Description vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
1242
- <div class="sd-grid-item__content-block">
1243
- <span class="sd-grid-item__text-label">Copyright:</span>
1244
- <span class="sd-grid-item__text-strong">ANSA</span>
1245
- </div>
1246
- </div>
1247
- <div class="sd-grid-item__footer">
1248
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1249
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1250
- </div>
1251
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1252
- <a class="icn-btn sd-grid-item__actions">
1253
- <i class="icon-dots-vertical"></i>
1254
- </a>
1255
- </div>
1256
- </div>
1257
- </div>
1258
- <!-- small item 2 -->
1259
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select12 = !select12" ng-class="{'sd-grid-item--selected' : select12}">
1260
- <div class="sd-grid-item__thumb">
1261
- <a class="icn-btn sd-grid-item__remove" sd-tooltip="Remove item" flow="left">
1262
- <i class="icon-close-small"></i>
1263
- </a>
1264
- <img src="/d_trump_2.jpg" alt="test">
1265
- </div>
1266
- <div class="sd-grid-item__content">
1267
- <time title="20.11.2017">20.11.2017</time>
1268
- <p class="sd-grid-item__title">Item two title</p>
1269
- <p class="sd-grid-item--element-grow">Description curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
1270
- <div class="sd-grid-item__content-block">
1271
- <span class="sd-grid-item__text-label">Copyright:</span>
1272
- <span class="sd-grid-item__text-strong">ANSA</span>
1273
- </div>
1274
- </div>
1275
- <div class="sd-grid-item__footer">
1276
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1277
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1278
- </div>
1279
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1280
- <a class="icn-btn sd-grid-item__actions">
1281
- <i class="icon-dots-vertical"></i>
1282
- </a>
1283
- </div>
1284
- </div>
1285
- </div>
1286
- <!-- small item 3 -->
1287
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select13 = !select13" ng-class="{'sd-grid-item--selected' : select13}">
1288
- <div class="sd-grid-item__thumb sd-grid-item__thumb--uploading">
1289
- <a class="icn-btn sd-grid-item__remove" sd-tooltip="Remove item" flow="left">
1290
- <i class="icon-close-small"></i>
1291
- </a>
1292
- <div class="sd-grid-item__progress-circle">
1293
- <sd-circular-progress value="60" class="sd-circular-progress--m"></sd-circular-progress>
1294
- </div>
1295
- <img src="/bill.jpg" alt="test">
1296
- </div>
1297
- <div class="sd-grid-item__content">
1298
- <time title="20.11.2017">20.11.2017</time>
1299
- <p class="sd-grid-item__title">Item three title</p>
1300
- <p class="sd-grid-item--element-grow">Description donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
1301
- <div class="sd-grid-item__content-block">
1302
- <span class="sd-grid-item__text-label">Copyright:</span>
1303
- <span class="sd-grid-item__text-strong">ANSA</span>
1304
- </div>
1305
- </div>
1306
- <div class="sd-grid-item__footer">
1307
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1308
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1309
- </div>
1310
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1311
- <a class="icn-btn sd-grid-item__actions">
1312
- <i class="icon-dots-vertical"></i>
1313
- </a>
1314
- </div>
1315
- </div>
1316
- </div>
1317
- <!-- small item 4 -->
1318
- <div class="sd-grid-item sd-grid-item--with-click" ng-click="select14 = !select14" ng-class="{'sd-grid-item--selected' : select14}">
1319
- <div class="sd-grid-item__thumb sd-grid-item__thumb--uploading">
1320
- <a class="icn-btn sd-grid-item__remove" sd-tooltip="Remove item" flow="left">
1321
- <i class="icon-close-small"></i>
1322
- </a>
1323
- <div class="sd-grid-item__progress-circle">
1324
- <sd-circular-progress value="100" class="sd-circular-progress--m"></sd-circular-progress>
1325
- </div>
1326
- <img src="/hillary.jpg" alt="test">
1327
- </div>
1328
- <div class="sd-grid-item__content">
1329
- <time title="20.11.2017">20.11.2017</time>
1330
- <p class="sd-grid-item__title">Item four title</p>
1331
- <p class="sd-grid-item--element-grow">Description curabitur blandit tempus porttitor.</p>
1332
- <div class="sd-grid-item__content-block">
1333
- <span class="sd-grid-item__text-label">Copyright:</span>
1334
- <span class="sd-grid-item__text-strong">ANSA</span>
1335
- </div>
1336
- </div>
1337
- <div class="sd-grid-item__footer">
1338
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--multi-l">
1339
- <i class="icon-photo sd-grid-item__type-icn sd-grid-item__footer-block-item"></i>
1340
- </div>
1341
- <div class="sd-grid-item__footer-block sd-grid-item__footer-block--single-r">
1342
- <a class="icn-btn sd-grid-item__actions">
1343
- <i class="icon-dots-vertical"></i>
1344
- </a>
1345
- </div>
1346
- </div>
1347
- </div>
1348
- </div>
1349
- </div>
1350
- <!-- END THUMBS for Multiedit -->
1351
- </div>
1352
- </div>
1353
- <!-- Sidebar -->
1354
- <div class="sd-column-box__slide-in-column sd-column-box__slide-in-column--large" ng-class="{'sd-column-box__slide-in-column--closed' : !showMetadata}" ng-if="itemsLoaded">
1355
- <div class="sd-column-box__slide-in-column-inner sd-slide-in-panel">
1356
-
1357
- <div class="sd-slide-in-panel__header">
1358
- <h3 class="sd-slide-in-panel__heading">Metadata</h3>
1359
- </div>
1360
- <div class="sd-slide-in-panel__content">
1361
- <div class="sd-slide-in-panel__content-block sd-slide-in-panel__content-block--first">
1362
- <div class="sd-alert sd-alert--hollow sd-alert--primary sd-alert--small" style="margin: -1rem 0 3rem">
1363
- <span translate="">Currently editing: 4 items</span>
1364
- </div>
1365
- <div class="form__row">
1366
- <div class="sd-line-input sd-line-input--boxed">
1367
- <label class="sd-line-input__label">Title</label>
1368
- <input class="sd-line-input__input" type="text" value="Image title" >
1369
- <div class="sd-line-input__hint">Hendrerit in vulputate velit esse molestie consequat.</div>
1370
- </div>
1371
- </div>
1372
- <div class="form__row">
1373
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--boxed">
1374
- <label class="sd-line-input__label">Description</label>
1375
- <textarea class="sd-line-input__input"></textarea>
1376
- </div>
1377
- </div>
1378
- <div class="form__row">
1379
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--boxed">
1380
- <label class="sd-line-input__label">Category</label>
1381
- <input class="sd-line-input__input" type="text">
1382
- </div>
1383
- </div>
1384
- <div class="form__row">
1385
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--boxed">
1386
- <label class="sd-line-input__label">Subject</label>
1387
- <input class="sd-line-input__input" type="text">
1388
- </div>
1389
- </div>
1390
- <div class="form__row">
1391
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--is-select sd-line-input--boxed">
1392
- <label class="sd-line-input__label">Usage right</label>
1393
- <select class="sd-line-input__select">
1394
- <option value="">--- Not selected ---</option>
1395
- <option value="single">Single usage</option>
1396
- <option value="time">Time restricted</option>
1397
- <option value="bananas">Indefinite usage</option>
1398
- <option value="indefinite">Pears</option>
1399
- </select>
1400
- <span class="sd-line-input__hint">Dolor in hendrerit.</span>
1401
- </div>
1402
- </div>
1403
- </div>
1404
- </div>
1405
- </div>
1406
- </div>
1407
- </div>
1408
- </div>
1409
- </div>
1410
- <!-- //////////////////////////////////////////////////////////////////////// END Image Upload modal //////////////////////////////////////////////////////////////////////// -->
1411
-
1412
-
1413
- <!-- Editor configuration modal -->
1414
- <div sd-modal data-model="modalEditorConfig" class="modal--x-large">
1415
- <div class="modal__header">
1416
- <button class="modal__close pull-right icn-btn" ng-click="closeModal('modalEditorConfig')"><i class="icon-close-small"></i></button>
1417
- <h3 class="modal__heading">Configure Editor themes</h3>
1418
- </div>
1419
- <div class="modal__body modal__body--no-padding">
1420
- <div class="sd-column-box--2">
1421
- <div class="sd-column-box__main-column sd-column-box__main-column--left sd-column-box__main-column--padded">
1422
- <h2 class="modal__body-heading"><span class="badge badge--success">&nbsp;</span>Default Theme</h2>
1423
- <div class="form__row">
1424
- <div class="sd-line-input sd-line-input--no-margin sd-line-input--is-select">
1425
- <label class="sd-line-input__label">Font</label>
1426
- <select class="sd-line-input__select" ng-model="fontFace" ng-init="fontFace = 'sans'" >
1427
- <option value="sans">Sans-serif (Roboto)</option>
1428
- <option value="serif">Serif (Merriweather)</option>
1429
- <option value="mono">Monospace (Roboto Mono)</option>
1430
- </select>
1431
- </div>
1432
- </div>
1433
- <div class="color-swatch__list" ng-init="selctTheme1 = true">
1434
- <div class="color-swatch sd-editor--theme-default"
1435
- ng-click="selctTheme1 = true; selctTheme2 = false; selctTheme3 = false; selctTheme4 = false; selctTheme5 = false; selctTheme6 = false;"
1436
- ng-class="{'color-swatch--selected' : selctTheme1}">
1437
- <span class="color-swatch__inner">a</span>
1438
- </div>
1439
- <div class="color-swatch sd-editor--theme-dark"
1440
- ng-click="selctTheme2 = true; selctTheme1 = false; selctTheme3 = false; selctTheme4 = false; selctTheme5 = false; selctTheme6 = false;"
1441
- ng-class="{'color-swatch--selected' : selctTheme2}">
1442
- <span class="color-swatch__inner">a</span>
1443
- </div>
1444
- <div class="color-swatch sd-editor--theme-blue"
1445
- ng-click="selctTheme3 = true; selctTheme1 = false; selctTheme2 = false; selctTheme4 = false; selctTheme5 = false; selctTheme6 = false;"
1446
- ng-class="{'color-swatch--selected' : selctTheme3}">
1447
- <span class="color-swatch__inner">a</span>
1448
- </div>
1449
- <div class="color-swatch sd-editor--theme-turquoise"
1450
- ng-click="selctTheme4 = true; selctTheme1 = false; selctTheme2 = false; selctTheme3 = false; selctTheme5 = false; selctTheme6 = false;"
1451
- ng-class="{'color-swatch--selected' : selctTheme4}">
1452
- <span class="color-swatch__inner">a</span>
1453
- </div>
1454
- <div class="color-swatch sd-editor--theme-military"
1455
- ng-click="selctTheme5 = true; selctTheme1 = false; selctTheme2 = false; selctTheme3 = false; selctTheme4 = false; selctTheme6 = false;"
1456
- ng-class="{'color-swatch--selected' : selctTheme5}">
1457
- <span class="color-swatch__inner">a</span>
1458
- </div>
1459
- <div class="color-swatch sd-editor--theme-natural"
1460
- ng-click="selctTheme6 = true; selctTheme1 = false; selctTheme2 = false; selctTheme3 = false; selctTheme4 = false; selctTheme5 = false;"
1461
- ng-class="{'color-swatch--selected' : selctTheme6}">
1462
- <span class="color-swatch__inner">a</span>
1463
- </div>
1464
- </div>
1465
- <div class="theme-preview"
1466
- ng-class="{'sd-editor--font-sans' : fontFace === 'sans', 'sd-editor--font-serif' : fontFace === 'serif', 'sd-editor--font-mono' : fontFace === 'mono', 'sd-editor--theme-default' : selctTheme1, 'sd-editor--theme-dark' : selctTheme2, 'sd-editor--theme-blue' : selctTheme3, 'sd-editor--theme-turquoise' : selctTheme4, 'sd-editor--theme-military' : selctTheme5, 'sd-editor--theme-natural' : selctTheme6, 'sd-editor--headline-small' : fontSizeHeadline === 's', 'sd-editor--headline-medium' : fontSizeHeadline === 'm', 'sd-editor--headline-large' : fontSizeHeadline === 'l', 'sd-editor--abstract-small' : fontSizeAbstract === 's', 'sd-editor--abstract-medium' : fontSizeAbstract === 'm', 'sd-editor--abstract-large' : fontSizeAbstract === 'l', 'sd-editor--body-small' : fontSizeBody === 's', 'sd-editor--body-medium' : fontSizeBody === 'm', 'sd-editor--body-large' : fontSizeBody === 'l'}"
1467
- ng-init="fontSizeHeadline = 'm'; fontSizeAbstract = 'm'; fontSizeBody = 'm'">
1468
- <div class="theme-preview__block">
1469
- <label class="theme-preview__label">Headline</label>
1470
- <div class="theme-preview__text-field text-field__headline">
1471
- This is the headline
1472
- </div>
1473
- <div class="theme-preview__button-bar" ng-class="{'dark-ui' : selctTheme2 || selctTheme3}">
1474
- <sd-check type="radio" ng-model="fontSizeHeadline" label-position="inside" ng-value="s">S</sd-check>
1475
- <sd-check type="radio" ng-model="fontSizeHeadline" label-position="inside" ng-value="m">M</sd-check>
1476
- <sd-check type="radio" ng-model="fontSizeHeadline" label-position="inside" ng-value="l">L</sd-check>
1477
- </div>
1478
- </div>
1479
- <div class="theme-preview__block">
1480
- <label class="theme-preview__label">Abstract</label>
1481
- <div class="theme-preview__text-field text-field__abstract">
1482
- Abstract example. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Phasellus ullamcorper…
1483
- </div>
1484
- <div class="theme-preview__button-bar" ng-class="{'dark-ui' : selctTheme2 || selctTheme3}">
1485
- <sd-check type="radio" ng-model="fontSizeAbstract" label-position="inside" ng-value="s">S</sd-check>
1486
- <sd-check type="radio" ng-model="fontSizeAbstract" label-position="inside" ng-value="m">M</sd-check>
1487
- <sd-check type="radio" ng-model="fontSizeAbstract" label-position="inside" ng-value="l">L</sd-check>
1488
- </div>
1489
- </div>
1490
- <div class="theme-preview__block">
1491
- <label class="theme-preview__label">Body</label>
1492
- <div class="theme-preview__text-field text-field__body">
1493
- Body text example. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Phasellus ullamcorper…
1494
- </div>
1495
- <div class="theme-preview__button-bar" ng-class="{'dark-ui' : selctTheme2 || selctTheme3}">
1496
- <sd-check type="radio" ng-model="fontSizeBody" label-position="inside" ng-value="s">S</sd-check>
1497
- <sd-check type="radio" ng-model="fontSizeBody" label-position="inside" ng-value="m">M</sd-check>
1498
- <sd-check type="radio" ng-model="fontSizeBody" label-position="inside" ng-value="l">L</sd-check>
1499
- </div>
1500
- </div>
1501
- </div>
1502
- </div>
1503
- <div class="sd-column-box__main-column sd-column-box__main-column--padded">
1504
- <h2 class="modal__body-heading modal__body-heading--inactive"><span class="badge badge--light">&nbsp;</span>Proofread Theme</h2>
1505
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>
1506
- </div>
1507
- </div>
1508
- </div>
1509
- <div class="modal__footer">
1510
- <button class="btn" ng-click="closeModal('modalEditorConfig')">Cancel</button>
1511
- <button class="btn btn--primary" ng-click="closeModal('modalEditorConfig')">Save</button>
1512
- </div>
1513
- </div>
1514
- <!-- END Editor configuration modal -->
1515
- </div>