scriptorium 0.0.3 → 0.6.1

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 (292) hide show
  1. checksums.yaml +4 -4
  2. data/README.lt3 +324 -0
  3. data/README.md +3155 -1
  4. data/assets/.DS_Store +0 -0
  5. data/assets/README.md +44 -0
  6. data/assets/back-icon.png +0 -0
  7. data/assets/icons/facebook.svg +1 -0
  8. data/assets/icons/github.svg +1 -0
  9. data/assets/icons/instagram.svg +1 -0
  10. data/assets/icons/reddit.svg +1 -0
  11. data/assets/icons/ui/.DS_Store +0 -0
  12. data/assets/icons/ui/back.png +0 -0
  13. data/assets/icons/ui/copy.png +0 -0
  14. data/assets/icons/ui/down.png +0 -0
  15. data/assets/icons/ui/end.png +0 -0
  16. data/assets/icons/ui/exit.png +0 -0
  17. data/assets/icons/ui/foo +10 -0
  18. data/assets/icons/ui/home.png +0 -0
  19. data/assets/icons/ui/left.png +0 -0
  20. data/assets/icons/ui/next.png +0 -0
  21. data/assets/icons/ui/right.png +0 -0
  22. data/assets/icons/ui/start.png +0 -0
  23. data/assets/icons/ui/up.png +0 -0
  24. data/assets/icons/x.svg +1 -0
  25. data/assets/icons/youtube.svg +1 -0
  26. data/assets/samples/placeholder.svg +9 -0
  27. data/assets/themes/standard/favicon.svg +6 -0
  28. data/bin/scriptorium +1511 -0
  29. data/doc/README.txt +6 -0
  30. data/doc/anti-amnesia/20250727-054000-scriptorium-overview.md +95 -0
  31. data/doc/anti-amnesia/20250727-060000-api-design-tui-planning.md +34 -0
  32. data/doc/anti-amnesia/20250727-061000-runeblog-tui-analysis.md +50 -0
  33. data/doc/anti-amnesia/20250727-123000-anti-amnesia-conventions.md +31 -0
  34. data/doc/anti-amnesia/20250727-154000-livetext-plugin-file-stats.md +73 -0
  35. data/doc/anti-amnesia/20250727-172600-cursor-rbenv-ruby-version-mystery.md +64 -0
  36. data/doc/anti-amnesia/20250727-172600-unified-minitest-framework.md +70 -0
  37. data/doc/anti-amnesia/20250727-172900-ai-cognitive-assessment-capabilities.md +40 -0
  38. data/doc/anti-amnesia/20250727-173000-widget-testing-achievement.md +110 -0
  39. data/doc/anti-amnesia/20250727-180000-post-id-num-refactoring.md +73 -0
  40. data/doc/anti-amnesia/20250728-124243-aaa-syntax-clarification.md +46 -0
  41. data/doc/anti-amnesia/20250728-124421-conversation-summary-concise.md +124 -0
  42. data/doc/anti-amnesia/20250729-190000-scriptorium-tui-testing-complete.md +46 -0
  43. data/doc/anti-amnesia/20250729-200000-scriptorium-tui-testing-edit-file-workflow.md +97 -0
  44. data/doc/anti-amnesia/20250729-210000-reddit-autopost-integration-complete.md +158 -0
  45. data/doc/anti-amnesia/20250729-211500-dependency-management-system.md +211 -0
  46. data/doc/anti-amnesia/20250729-213000-python-virtual-environment-setup.md +141 -0
  47. data/doc/anti-amnesia/20250729-214500-theme-management-commands.md +211 -0
  48. data/doc/anti-amnesia/20250729-215000-version-update-to-0.6.0.md +134 -0
  49. data/doc/anti-amnesia/20250729-220000-user-guide-complete.md +41 -0
  50. data/doc/anti-amnesia/20250804-190500-cognitive-loop-bug.md +45 -0
  51. data/doc/anti-amnesia/20250804-190700-anti-amnesia-timestamping-fix.md +30 -0
  52. data/doc/anti-amnesia/20250804-213700-publishing-test-fix.md +49 -0
  53. data/doc/anti-amnesia/20250804-214400-additional-test-fixes.md +46 -0
  54. data/doc/anti-amnesia/20250804-220000-asset-function-logic-clarification.md +41 -0
  55. data/doc/anti-amnesia/20250806-202032-asset-function-logic-clarification.md +41 -0
  56. data/doc/anti-amnesia/20250807-213025.md +116 -0
  57. data/doc/anti-amnesia/20250813-082428-syntax-highlighting-and-navigation-improvements.md +256 -0
  58. data/doc/banner_svg_config.md +114 -0
  59. data/doc/contrib.lt3 +8 -0
  60. data/doc/dependencies.md +281 -0
  61. data/doc/hacker.lt3 +5 -0
  62. data/doc/reddit_credentials_template.json +8 -0
  63. data/doc/reddit_integration.md +207 -0
  64. data/doc/user.lt3 +38 -0
  65. data/doc/user_guide_section_1.md +137 -0
  66. data/doc/user_guide_section_10.md +515 -0
  67. data/doc/user_guide_section_11.md +708 -0
  68. data/doc/user_guide_section_2.md +233 -0
  69. data/doc/user_guide_section_3.md +5 -0
  70. data/doc/user_guide_section_4.md +221 -0
  71. data/doc/user_guide_section_5.md +243 -0
  72. data/doc/user_guide_section_6.md +147 -0
  73. data/doc/user_guide_section_7.md +311 -0
  74. data/doc/user_guide_section_8.md +224 -0
  75. data/doc/user_guide_section_9.md +375 -0
  76. data/doc/userdoc-toc.txt +88 -0
  77. data/lib/rouge/lexers/livetext.rb +74 -0
  78. data/lib/scriptorium/api.rb +640 -0
  79. data/lib/scriptorium/banner_svg.rb +742 -0
  80. data/lib/scriptorium/contract.rb +33 -0
  81. data/lib/scriptorium/exceptions.rb +170 -1
  82. data/lib/scriptorium/helpers.rb +475 -0
  83. data/lib/scriptorium/post.rb +195 -0
  84. data/lib/scriptorium/reddit.rb +83 -0
  85. data/lib/scriptorium/repo.rb +624 -0
  86. data/lib/scriptorium/standard_files.rb +515 -0
  87. data/lib/scriptorium/syntax_highlighter.rb +234 -0
  88. data/lib/scriptorium/theme.rb +179 -0
  89. data/lib/scriptorium/version.rb +2 -2
  90. data/lib/scriptorium/view.rb +976 -0
  91. data/lib/scriptorium/widgets/featured_posts.rb +149 -0
  92. data/lib/scriptorium/widgets/links.rb +112 -0
  93. data/lib/scriptorium/widgets/pages.rb +133 -0
  94. data/lib/scriptorium/widgets/widget.rb +133 -0
  95. data/lib/scriptorium.rb +21 -40
  96. data/lib/skeleton.rb +8 -2
  97. data/scriptorium.gemspec +15 -4
  98. data/test/README.md +69 -0
  99. data/test/all +43 -0
  100. data/test/api_demo.rb +99 -0
  101. data/test/assets/imagenotfound.jpg +0 -0
  102. data/test/assets/images/.DS_Store +0 -0
  103. data/test/assets/images/README.md +27 -0
  104. data/test/assets/images/odd_aspect.png +0 -0
  105. data/test/assets/images/perfect.png +0 -0
  106. data/test/assets/images/small.png +0 -0
  107. data/test/assets/images/tall.png +0 -0
  108. data/test/assets/images/very_tall.png +0 -0
  109. data/test/assets/images/very_wide.png +0 -0
  110. data/test/assets/images/wide.png +0 -0
  111. data/test/assets/testbanner.jpg +0 -0
  112. data/test/banner_svg/simple_helpers.rb +13 -0
  113. data/test/banner_svg/unit.rb +768 -0
  114. data/test/ed_test.rb +204 -0
  115. data/test/integration/cursor_banner_combinations.rb +193 -0
  116. data/test/integration/cursor_banner_features.rb +374 -0
  117. data/test/integration/integration_test.rb +326 -0
  118. data/test/livetext_plugin_test.rb +229 -0
  119. data/test/manual/asset_mgmt.rb +67 -0
  120. data/test/manual/banner-tests/config.txt +3 -0
  121. data/test/manual/banner-tests/index.html +45 -0
  122. data/test/manual/banner-tests/test01.html +58 -0
  123. data/test/manual/banner-tests/test02.html +58 -0
  124. data/test/manual/banner-tests/test03.html +58 -0
  125. data/test/manual/banner-tests/test04.html +65 -0
  126. data/test/manual/banner-tests/test05.html +65 -0
  127. data/test/manual/banner-tests/test06.html +65 -0
  128. data/test/manual/banner-tests/test07.html +65 -0
  129. data/test/manual/banner-tests/test08.html +59 -0
  130. data/test/manual/banner-tests/test09.html +59 -0
  131. data/test/manual/banner-tests/test10.html +59 -0
  132. data/test/manual/banner-tests/test11.html +59 -0
  133. data/test/manual/banner-tests/test12.html +59 -0
  134. data/test/manual/banner-tests/test13.html +59 -0
  135. data/test/manual/banner-tests/test14.html +59 -0
  136. data/test/manual/banner-tests/test15.html +58 -0
  137. data/test/manual/banner-tests/test16.html +58 -0
  138. data/test/manual/banner-tests/test17.html +58 -0
  139. data/test/manual/banner-tests/test18.html +68 -0
  140. data/test/manual/banner-tests/test19.html +68 -0
  141. data/test/manual/banner-tests/test20.html +68 -0
  142. data/test/manual/banner-tests/test21.html +68 -0
  143. data/test/manual/banner-tests/test22.html +68 -0
  144. data/test/manual/banner-tests/test23.html +68 -0
  145. data/test/manual/banner-tests/test24.html +68 -0
  146. data/test/manual/banner-tests/test25.html +67 -0
  147. data/test/manual/banner_environment.rb +192 -0
  148. data/test/manual/deploy_symlink_demo.rb +142 -0
  149. data/test/manual/environment.rb +67 -0
  150. data/test/manual/make_banner.rb +153 -0
  151. data/test/manual/sample_banner_config.txt +12 -0
  152. data/test/manual/symlink_demo.rb +117 -0
  153. data/test/manual/test1.rb +47 -0
  154. data/test/manual/test2.rb +12 -0
  155. data/test/manual/test3.rb +38 -0
  156. data/test/manual/test4.rb +40 -0
  157. data/test/manual/test5.rb +24 -0
  158. data/test/manual/test6.rb +73 -0
  159. data/test/manual/test_banner_combinations.rb +120 -0
  160. data/test/manual/test_banner_features.rb +306 -0
  161. data/test/manual/test_banner_from_file.rb +150 -0
  162. data/test/manual/test_banner_in_header.rb +35 -0
  163. data/test/manual/test_code_highlighting.rb +68 -0
  164. data/test/manual/test_complex_header.rb +74 -0
  165. data/test/manual/test_empty_header.rb +32 -0
  166. data/test/manual/test_radial_custom.rb +58 -0
  167. data/test/manual/test_radial_large_radius.rb +52 -0
  168. data/test/manual/test_svg_debug.rb +47 -0
  169. data/test/manual/test_syntax_highlighting.rb +147 -0
  170. data/test/pages-demo/config/currentview.txt +1 -0
  171. data/test/pages-demo/views/demo/config/bootstrap_css.txt +5 -0
  172. data/test/pages-demo/views/demo/config/bootstrap_js.txt +4 -0
  173. data/test/pages-demo/views/demo/config/common.js +57 -0
  174. data/test/pages-demo/views/demo/config/footer.txt +1 -0
  175. data/test/pages-demo/views/demo/config/global-head.txt +8 -0
  176. data/test/pages-demo/views/demo/config/header.txt +1 -0
  177. data/test/pages-demo/views/demo/config/layout.txt +1 -0
  178. data/test/pages-demo/views/demo/config/left.txt +1 -0
  179. data/test/pages-demo/views/demo/config/main.txt +1 -0
  180. data/test/pages-demo/views/demo/config/right.txt +1 -0
  181. data/test/pages-demo/views/demo/config.txt +3 -0
  182. data/test/pages-demo/views/demo/output/panes/footer.html +1 -0
  183. data/test/pages-demo/views/demo/output/panes/header.html +1 -0
  184. data/test/pages-demo/views/demo/output/panes/left.html +1 -0
  185. data/test/pages-demo/views/demo/output/panes/main.html +1 -0
  186. data/test/pages-demo/views/demo/output/panes/right.html +1 -0
  187. data/test/rubytext/rubytext_comprehensive_test.rb +307 -0
  188. data/test/rubytext/rubytext_demo_test.rb +42 -0
  189. data/test/rubytext/rubytext_testing_guide.md +277 -0
  190. data/test/run_automated_tests.rb +45 -0
  191. data/test/scriptorium-TEST-1754622690-146/config/bootstrap_css.txt +5 -0
  192. data/test/scriptorium-TEST-1754622690-146/config/bootstrap_js.txt +4 -0
  193. data/test/scriptorium-TEST-1754622690-146/config/common.js +57 -0
  194. data/test/scriptorium-TEST-1754622690-146/config/currentview.txt +1 -0
  195. data/test/scriptorium-TEST-1754622690-146/config/global-head.txt +9 -0
  196. data/test/scriptorium-TEST-1754622690-146/config/last_post_num.txt +1 -0
  197. data/test/scriptorium-TEST-1754622690-146/config/os_helpers.rb +4 -0
  198. data/test/scriptorium-TEST-1754622690-146/config/widgets.txt +3 -0
  199. data/test/scriptorium-TEST-1754622690-146/posts/0001/meta.txt +8 -0
  200. data/test/scriptorium-TEST-1754622690-146/posts/0001/source.lt3 +6 -0
  201. data/test/scriptorium-TEST-1754622690-146/themes/standard/README.txt +1 -0
  202. data/test/scriptorium-TEST-1754622690-146/themes/standard/config.txt +1 -0
  203. data/test/scriptorium-TEST-1754622690-146/themes/standard/initial/post.lt3 +12 -0
  204. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/config/footer.txt +2 -0
  205. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/config/header.txt +4 -0
  206. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/config/left.txt +3 -0
  207. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/config/main.txt +5 -0
  208. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/config/right.txt +3 -0
  209. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/gen/text.css +1 -0
  210. data/test/scriptorium-TEST-1754622690-146/themes/standard/layout/layout.txt +5 -0
  211. data/test/scriptorium-TEST-1754622690-146/themes/standard/templates/index.lt3 +1 -0
  212. data/test/scriptorium-TEST-1754622690-146/themes/standard/templates/index_entry.lt3 +14 -0
  213. data/test/scriptorium-TEST-1754622690-146/themes/standard/templates/post.lt3 +13 -0
  214. data/test/scriptorium-TEST-1754622690-146/themes/standard/templates/widget.lt3 +1 -0
  215. data/test/scriptorium-TEST-1754622690-146/views/sample/config/bootstrap_css.txt +5 -0
  216. data/test/scriptorium-TEST-1754622690-146/views/sample/config/bootstrap_js.txt +4 -0
  217. data/test/scriptorium-TEST-1754622690-146/views/sample/config/common.js +57 -0
  218. data/test/scriptorium-TEST-1754622690-146/views/sample/config/deploy.txt +5 -0
  219. data/test/scriptorium-TEST-1754622690-146/views/sample/config/footer.txt +2 -0
  220. data/test/scriptorium-TEST-1754622690-146/views/sample/config/global-head.txt +9 -0
  221. data/test/scriptorium-TEST-1754622690-146/views/sample/config/header.txt +4 -0
  222. data/test/scriptorium-TEST-1754622690-146/views/sample/config/layout.txt +5 -0
  223. data/test/scriptorium-TEST-1754622690-146/views/sample/config/left.txt +3 -0
  224. data/test/scriptorium-TEST-1754622690-146/views/sample/config/main.txt +5 -0
  225. data/test/scriptorium-TEST-1754622690-146/views/sample/config/reddit.txt +10 -0
  226. data/test/scriptorium-TEST-1754622690-146/views/sample/config/right.txt +3 -0
  227. data/test/scriptorium-TEST-1754622690-146/views/sample/config/social.txt +7 -0
  228. data/test/scriptorium-TEST-1754622690-146/views/sample/config/status.txt +7 -0
  229. data/test/scriptorium-TEST-1754622690-146/views/sample/config.txt +3 -0
  230. data/test/scriptorium-TEST-1754622690-146/views/sample/layout/footer.html +3 -0
  231. data/test/scriptorium-TEST-1754622690-146/views/sample/layout/header.html +3 -0
  232. data/test/scriptorium-TEST-1754622690-146/views/sample/layout/left.html +3 -0
  233. data/test/scriptorium-TEST-1754622690-146/views/sample/layout/main.html +3 -0
  234. data/test/scriptorium-TEST-1754622690-146/views/sample/layout/right.html +3 -0
  235. data/test/scriptorium-TEST-1754622690-146/views/sample/output/panes/footer.html +1 -0
  236. data/test/scriptorium-TEST-1754622690-146/views/sample/output/panes/header.html +1 -0
  237. data/test/scriptorium-TEST-1754622690-146/views/sample/output/panes/left.html +1 -0
  238. data/test/scriptorium-TEST-1754622690-146/views/sample/output/panes/main.html +1 -0
  239. data/test/scriptorium-TEST-1754622690-146/views/sample/output/panes/right.html +1 -0
  240. data/test/staging/.DS_Store +0 -0
  241. data/test/syntax_highlighting_test.lt3 +124 -0
  242. data/test/test_helpers.rb +230 -0
  243. data/test/tui_editor_integration_test.rb +296 -0
  244. data/test/tui_integration_test.rb +637 -0
  245. data/test/unit/api.rb +1056 -0
  246. data/test/unit/asset_management.rb +245 -0
  247. data/test/unit/clipboard_test.rb +60 -0
  248. data/test/unit/contract_test.rb +91 -0
  249. data/test/unit/core.rb +857 -0
  250. data/test/unit/deploy_test.rb +187 -0
  251. data/test/unit/gem_asset_management.rb +189 -0
  252. data/test/unit/livetext_basic.rb +69 -0
  253. data/test/unit/livetext_compatibility.rb +89 -0
  254. data/test/unit/post.rb +244 -0
  255. data/test/unit/read_commented_file_test.rb +276 -0
  256. data/test/unit/reddit_test.rb +235 -0
  257. data/test/unit/repo.rb +548 -0
  258. data/test/unit/social_test.rb +369 -0
  259. data/test/unit/symlink_test.rb +213 -0
  260. data/test/unit/view.rb +431 -0
  261. data/test/unit/widgets.rb +669 -0
  262. data/test/wizard_test.rb +123 -0
  263. data/ui/README.md +67 -0
  264. data/ui/common/lib/ui_common.rb +8 -0
  265. data/ui/rubytext/README.md +191 -0
  266. data/ui/rubytext/bin/scriptorium-rubytext +402 -0
  267. data/ui/rubytext/lib/rubytext_ui.rb +300 -0
  268. data/ui/tui/bin/scriptorium +1420 -0
  269. data/ui/tui/test/tui_test.rb +23 -0
  270. data/ui/web/app/app.rb +1378 -0
  271. data/ui/web/app/error_helpers.rb +150 -0
  272. data/ui/web/app/views/advanced_config.erb +190 -0
  273. data/ui/web/app/views/asset_management.erb +589 -0
  274. data/ui/web/app/views/banner_config.erb +200 -0
  275. data/ui/web/app/views/configure_view.erb +401 -0
  276. data/ui/web/app/views/dashboard.erb +162 -0
  277. data/ui/web/app/views/deploy_config.erb +146 -0
  278. data/ui/web/app/views/edit_pages.erb +195 -0
  279. data/ui/web/app/views/edit_post.erb +54 -0
  280. data/ui/web/app/views/error_page.erb +29 -0
  281. data/ui/web/app/views/header_config.erb +155 -0
  282. data/ui/web/app/views/layout_config.erb +147 -0
  283. data/ui/web/app/views/navbar_config.erb +411 -0
  284. data/ui/web/app/views/view_dashboard.erb +138 -0
  285. data/ui/web/bin/scriptorium-web +153 -0
  286. data/ui/web/test/web_basic_test.rb +38 -0
  287. data/ui/web/test_navbar.txt +7 -0
  288. data/ui/web/tmp/web_server.log +5 -0
  289. data/ui/web/tmp/web_server.pid +1 -0
  290. metadata +359 -7
  291. data/lib/scriptorium/engine.rb +0 -22
  292. data/test/engine/unit.rb +0 -44
@@ -0,0 +1,589 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Asset Management - Scriptorium</title>
5
+ <style>
6
+ body {
7
+ font-family: Arial, sans-serif;
8
+ margin: 0;
9
+ padding: 20px;
10
+ background-color: #f5f5f5;
11
+ }
12
+ .container {
13
+ max-width: 1400px;
14
+ margin: 0 auto;
15
+ background: white;
16
+ border-radius: 8px;
17
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
18
+ overflow: hidden;
19
+ }
20
+ .header {
21
+ background: #007bff;
22
+ color: white;
23
+ padding: 20px;
24
+ }
25
+ .header h1 {
26
+ margin: 0;
27
+ font-size: 24px;
28
+ }
29
+ .content {
30
+ padding: 20px;
31
+ }
32
+ .message {
33
+ padding: 10px;
34
+ border-radius: 4px;
35
+ margin-bottom: 20px;
36
+ }
37
+ .message.success {
38
+ background: #d4edda;
39
+ color: #155724;
40
+ border: 1px solid #c3e6cb;
41
+ }
42
+ .message.error {
43
+ background: #f8d7da;
44
+ color: #721c24;
45
+ border: 1px solid #f5c6cb;
46
+ }
47
+ .section {
48
+ margin-bottom: 30px;
49
+ border: 1px solid #ddd;
50
+ border-radius: 6px;
51
+ overflow: hidden;
52
+ }
53
+ .section-header {
54
+ background: #f8f9fa;
55
+ padding: 15px 20px;
56
+ border-bottom: 1px solid #ddd;
57
+ font-weight: bold;
58
+ font-size: 18px;
59
+ }
60
+ .section-content {
61
+ padding: 20px;
62
+ }
63
+ .upload-form {
64
+ background: #f8f9fa;
65
+ padding: 15px;
66
+ border-radius: 4px;
67
+ margin-bottom: 20px;
68
+ }
69
+ .upload-form form {
70
+ display: flex;
71
+ gap: 10px;
72
+ align-items: end;
73
+ }
74
+ .upload-form select, .upload-form input[type="file"] {
75
+ padding: 8px;
76
+ border: 1px solid #ddd;
77
+ border-radius: 4px;
78
+ }
79
+ .btn {
80
+ padding: 8px 16px;
81
+ border: none;
82
+ border-radius: 4px;
83
+ cursor: pointer;
84
+ font-size: 14px;
85
+ margin-right: 10px;
86
+ }
87
+ .btn-primary {
88
+ background: #007bff;
89
+ color: white;
90
+ }
91
+ .btn-primary:hover {
92
+ background: #0056b3;
93
+ }
94
+ .btn-secondary {
95
+ background: #6c757d;
96
+ color: white;
97
+ }
98
+ .btn-secondary:hover {
99
+ background: #545b62;
100
+ }
101
+ .btn-danger {
102
+ background: #dc3545;
103
+ color: white;
104
+ }
105
+ .btn-danger:hover {
106
+ background: #c82333;
107
+ }
108
+ .btn-sm {
109
+ padding: 4px 8px;
110
+ font-size: 12px;
111
+ }
112
+ .btn:disabled {
113
+ background: #6c757d;
114
+ cursor: not-allowed;
115
+ opacity: 0.6;
116
+ }
117
+ .assets-side-by-side {
118
+ display: flex;
119
+ gap: 20px;
120
+ }
121
+ .assets-column {
122
+ flex: 1;
123
+ min-width: 0;
124
+ }
125
+ .assets-list {
126
+ max-height: 300px;
127
+ overflow-y: auto;
128
+ border: 1px solid #ddd;
129
+ border-radius: 4px;
130
+ }
131
+ .assets-table {
132
+ width: 100%;
133
+ border-collapse: collapse;
134
+ font-size: 13px;
135
+ }
136
+ .assets-table th {
137
+ background: #f8f9fa;
138
+ padding: 8px 6px;
139
+ text-align: left;
140
+ border-bottom: 2px solid #ddd;
141
+ font-weight: bold;
142
+ position: sticky;
143
+ top: 0;
144
+ z-index: 10;
145
+ font-size: 12px;
146
+ }
147
+ .assets-table td {
148
+ padding: 6px;
149
+ border-bottom: 1px solid #eee;
150
+ vertical-align: middle;
151
+ }
152
+ .assets-table tr:hover {
153
+ background-color: #f8f9fa;
154
+ }
155
+ .asset-checkbox {
156
+ width: 14px;
157
+ height: 14px;
158
+ }
159
+ .asset-icon {
160
+ width: 40px;
161
+ height: 40px;
162
+ border: 1px solid #ddd;
163
+ border-radius: 4px;
164
+ display: flex;
165
+ align-items: center;
166
+ justify-content: center;
167
+ background: #f8f9fa;
168
+ font-size: 16px;
169
+ }
170
+ .asset-icon img {
171
+ max-width: 100%;
172
+ max-height: 100%;
173
+ object-fit: contain;
174
+ }
175
+ .asset-info {
176
+ display: flex;
177
+ flex-direction: column;
178
+ gap: 2px;
179
+ }
180
+ .asset-filename {
181
+ font-weight: bold;
182
+ word-break: break-all;
183
+ font-size: 13px;
184
+ line-height: 1.2;
185
+ }
186
+ .asset-size {
187
+ color: #666;
188
+ font-size: 11px;
189
+ line-height: 1.2;
190
+ }
191
+ .asset-dimensions {
192
+ color: #888;
193
+ font-size: 11px;
194
+ line-height: 1.2;
195
+ }
196
+ .empty-message {
197
+ color: #666;
198
+ font-style: italic;
199
+ text-align: center;
200
+ padding: 20px;
201
+ }
202
+ .button-group {
203
+ margin-top: 20px;
204
+ }
205
+ .action-buttons {
206
+ margin-top: 10px;
207
+ padding: 10px;
208
+ background: #f8f9fa;
209
+ border-radius: 4px;
210
+ border: 1px solid #ddd;
211
+ }
212
+ .folder-item {
213
+ cursor: pointer;
214
+ background: #f8f9fa;
215
+ border: 1px solid #ddd;
216
+ border-radius: 4px;
217
+ padding: 8px;
218
+ margin-bottom: 5px;
219
+ display: flex;
220
+ align-items: center;
221
+ gap: 8px;
222
+ }
223
+ .folder-item:hover {
224
+ background: #e9ecef;
225
+ }
226
+ .folder-icon {
227
+ font-size: 16px;
228
+ }
229
+ .folder-name {
230
+ font-weight: bold;
231
+ }
232
+ .folder-count {
233
+ color: #666;
234
+ font-size: 12px;
235
+ }
236
+ .library-contents {
237
+ display: none;
238
+ margin-top: 10px;
239
+ padding-left: 20px;
240
+ border-left: 2px solid #ddd;
241
+ }
242
+ .library-contents.show {
243
+ display: block;
244
+ }
245
+ .select-all-container {
246
+ padding: 8px;
247
+ background: #f8f9fa;
248
+ border-bottom: 1px solid #ddd;
249
+ }
250
+ .select-all-checkbox {
251
+ margin-right: 8px;
252
+ }
253
+ </style>
254
+ </head>
255
+ <body>
256
+ <div class="container">
257
+ <div class="header">
258
+ <h1>Asset Management</h1>
259
+ <p>View: <strong><%= @current_view.name %></strong></p>
260
+ </div>
261
+
262
+ <div class="content">
263
+ <% if params[:message] %>
264
+ <div class="message success">
265
+ <%= params[:message] %>
266
+ </div>
267
+ <% end %>
268
+
269
+ <% if params[:error] %>
270
+ <div class="message error">
271
+ <%= params[:error] %>
272
+ </div>
273
+ <% end %>
274
+
275
+ <!-- Upload Section -->
276
+ <div class="section">
277
+ <div class="section-header">Upload Assets</div>
278
+ <div class="section-content">
279
+ <div class="upload-form">
280
+ <form method="post" action="/asset_management/upload" enctype="multipart/form-data">
281
+ <div>
282
+ <label for="target">Upload to:</label>
283
+ <select name="target" id="target" required>
284
+ <option value="global">Global Assets</option>
285
+ <option value="library">Library (Global)</option>
286
+ <option value="view">View Assets</option>
287
+ </select>
288
+ </div>
289
+ <div>
290
+ <label for="file">File:</label>
291
+ <input type="file" name="file" id="file" required>
292
+ </div>
293
+ <button type="submit" class="btn btn-primary">Upload</button>
294
+ </form>
295
+ </div>
296
+ </div>
297
+ </div>
298
+
299
+ <!-- Assets Side by Side -->
300
+ <div class="assets-side-by-side">
301
+ <!-- Global Assets Column -->
302
+ <div class="assets-column">
303
+ <div class="section">
304
+ <div class="section-header">Global Assets</div>
305
+ <div class="section-content">
306
+ <% if @global_assets.empty? && @library_assets.empty? %>
307
+ <div class="empty-message">No global assets found.</div>
308
+ <% else %>
309
+ <!-- Library Folder -->
310
+ <div class="folder-item" onclick="toggleLibrary()">
311
+ <span class="folder-icon">📁</span>
312
+ <span class="folder-name">Library</span>
313
+ <span class="folder-count">(<%= @library_assets.size %> items)</span>
314
+ </div>
315
+ <div id="library-contents" class="library-contents">
316
+ <% if @library_assets.empty? %>
317
+ <div class="empty-message">No library assets found.</div>
318
+ <% else %>
319
+ <div class="select-all-container">
320
+ <input type="checkbox" id="select-all-library" class="select-all-checkbox" onchange="toggleSelectAll('library')">
321
+ <label for="select-all-library">Select All Library Assets</label>
322
+ </div>
323
+ <div class="assets-list">
324
+ <table class="assets-table">
325
+ <thead>
326
+ <tr>
327
+ <th style="width: 20px;"></th>
328
+ <th style="width: 60px;">Icon</th>
329
+ <th>File Info</th>
330
+ </tr>
331
+ </thead>
332
+ <tbody>
333
+ <% @library_assets.each_with_index do |asset, index| %>
334
+ <tr>
335
+ <td>
336
+ <input type="checkbox" name="selected_library[]" value="<%= asset[:filename] %>" class="asset-checkbox library-checkbox">
337
+ </td>
338
+ <td>
339
+ <div class="asset-icon">
340
+ <% if asset[:filename].match?(/\.(jpg|jpeg|png|gif|svg)$/i) %>
341
+ <img src="/assets/library/<%= asset[:filename] %>" alt="<%= asset[:filename] %>">
342
+ <% else %>
343
+ 📄
344
+ <% end %>
345
+ </div>
346
+ </td>
347
+ <td>
348
+ <div class="asset-info">
349
+ <div class="asset-filename"><%= asset[:filename] %></div>
350
+ <div class="asset-size"><%= number_to_human_size(asset[:size]) %></div>
351
+ <% if asset[:dimensions] %>
352
+ <div class="asset-dimensions"><%= asset[:dimensions] %></div>
353
+ <% end %>
354
+ </div>
355
+ </td>
356
+ </tr>
357
+ <% end %>
358
+ </tbody>
359
+ </table>
360
+ </div>
361
+ <div class="action-buttons">
362
+ <button type="button" class="btn btn-secondary btn-sm" onclick="copySelected('library')" id="copy-library-btn" disabled>Copy Selected to View</button>
363
+ <button type="button" class="btn btn-danger btn-sm" onclick="deleteSelected('library')" id="delete-library-btn" disabled>Delete Selected</button>
364
+ </div>
365
+ <% end %>
366
+ </div>
367
+
368
+ <!-- Global Assets List -->
369
+ <% if !@global_assets.empty? %>
370
+ <div class="select-all-container">
371
+ <input type="checkbox" id="select-all-global" class="select-all-checkbox" onchange="toggleSelectAll('global')">
372
+ <label for="select-all-global">Select All Global Assets</label>
373
+ </div>
374
+ <div class="assets-list">
375
+ <table class="assets-table">
376
+ <thead>
377
+ <tr>
378
+ <th style="width: 20px;"></th>
379
+ <th style="width: 60px;">Icon</th>
380
+ <th>File Info</th>
381
+ </tr>
382
+ </thead>
383
+ <tbody>
384
+ <% @global_assets.each do |asset| %>
385
+ <tr>
386
+ <td>
387
+ <input type="checkbox" name="selected_global[]" value="<%= asset[:filename] %>" class="asset-checkbox global-checkbox">
388
+ </td>
389
+ <td>
390
+ <div class="asset-icon">
391
+ <% if asset[:filename].match?(/\.(jpg|jpeg|png|gif|svg)$/i) %>
392
+ <img src="/assets/<%= asset[:filename] %>" alt="<%= asset[:filename] %>">
393
+ <% else %>
394
+ 📄
395
+ <% end %>
396
+ </div>
397
+ </td>
398
+ <td>
399
+ <div class="asset-info">
400
+ <div class="asset-filename"><%= asset[:filename] %></div>
401
+ <div class="asset-size"><%= number_to_human_size(asset[:size]) %></div>
402
+ <% if asset[:dimensions] %>
403
+ <div class="asset-dimensions"><%= asset[:dimensions] %></div>
404
+ <% end %>
405
+ </div>
406
+ </td>
407
+ </tr>
408
+ <% end %>
409
+ </tbody>
410
+ </table>
411
+ </div>
412
+ <div class="action-buttons">
413
+ <button type="button" class="btn btn-secondary btn-sm" onclick="copySelected('global')" id="copy-global-btn" disabled>Copy Selected to View</button>
414
+ <button type="button" class="btn btn-danger btn-sm" onclick="deleteSelected('global')" id="delete-global-btn" disabled>Delete Selected</button>
415
+ </div>
416
+ <% end %>
417
+ <% end %>
418
+ </div>
419
+ </div>
420
+ </div>
421
+
422
+ <!-- View Assets Column -->
423
+ <div class="assets-column">
424
+ <div class="section">
425
+ <div class="section-header">View Assets (<%= @current_view.name %>)</div>
426
+ <div class="section-content">
427
+ <% if @view_assets.empty? %>
428
+ <div class="empty-message">No view-specific assets found.</div>
429
+ <% else %>
430
+ <div class="select-all-container">
431
+ <input type="checkbox" id="select-all-view" class="select-all-checkbox" onchange="toggleSelectAll('view')">
432
+ <label for="select-all-view">Select All View Assets</label>
433
+ </div>
434
+ <div class="assets-list">
435
+ <table class="assets-table">
436
+ <thead>
437
+ <tr>
438
+ <th style="width: 20px;"></th>
439
+ <th style="width: 60px;">Icon</th>
440
+ <th>File Info</th>
441
+ </tr>
442
+ </thead>
443
+ <tbody>
444
+ <% @view_assets.each do |asset| %>
445
+ <tr>
446
+ <td>
447
+ <input type="checkbox" name="selected_view[]" value="<%= asset[:filename] %>" class="asset-checkbox view-checkbox">
448
+ </td>
449
+ <td>
450
+ <div class="asset-icon">
451
+ <% if asset[:filename].match?(/\.(jpg|jpeg|png|gif|svg)$/i) %>
452
+ <img src="/views/<%= @current_view.name %>/assets/<%= asset[:filename] %>" alt="<%= asset[:filename] %>">
453
+ <% else %>
454
+ 📄
455
+ <% end %>
456
+ </div>
457
+ </td>
458
+ <td>
459
+ <div class="asset-info">
460
+ <div class="asset-filename"><%= asset[:filename] %></div>
461
+ <div class="asset-size"><%= number_to_human_size(asset[:size]) %></div>
462
+ <% if asset[:dimensions] %>
463
+ <div class="asset-dimensions"><%= asset[:dimensions] %></div>
464
+ <% end %>
465
+ </div>
466
+ </td>
467
+ </tr>
468
+ <% end %>
469
+ </tbody>
470
+ </table>
471
+ </div>
472
+ <div class="action-buttons">
473
+ <button type="button" class="btn btn-danger btn-sm" onclick="deleteSelected('view')" id="delete-view-btn" disabled>Delete Selected</button>
474
+ </div>
475
+ <% end %>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+
481
+ <div class="button-group">
482
+ <a href="/" class="btn btn-secondary">Back to Dashboard</a>
483
+ </div>
484
+ </div>
485
+ </div>
486
+
487
+ <script>
488
+ function toggleLibrary() {
489
+ const libraryContents = document.getElementById('library-contents');
490
+ libraryContents.classList.toggle('show');
491
+ }
492
+
493
+ function toggleSelectAll(section) {
494
+ const checkboxes = document.querySelectorAll(`.${section}-checkbox`);
495
+ const selectAllCheckbox = document.getElementById(`select-all-${section}`);
496
+
497
+ checkboxes.forEach(checkbox => {
498
+ checkbox.checked = selectAllCheckbox.checked;
499
+ });
500
+
501
+ updateActionButtons(section);
502
+ }
503
+
504
+ function updateActionButtons(section) {
505
+ const checkboxes = document.querySelectorAll(`.${section}-checkbox:checked`);
506
+ const copyBtn = document.getElementById(`copy-${section}-btn`);
507
+ const deleteBtn = document.getElementById(`delete-${section}-btn`);
508
+
509
+ const hasSelection = checkboxes.length > 0;
510
+
511
+ if (copyBtn) copyBtn.disabled = !hasSelection;
512
+ if (deleteBtn) deleteBtn.disabled = !hasSelection;
513
+ }
514
+
515
+ // Add event listeners to all checkboxes
516
+ document.addEventListener('DOMContentLoaded', function() {
517
+ const checkboxes = document.querySelectorAll('.asset-checkbox');
518
+ checkboxes.forEach(checkbox => {
519
+ checkbox.addEventListener('change', function() {
520
+ const section = this.className.includes('library') ? 'library' :
521
+ this.className.includes('global') ? 'global' : 'view';
522
+ updateActionButtons(section);
523
+ });
524
+ });
525
+ });
526
+
527
+ function copySelected(section) {
528
+ const checkboxes = document.querySelectorAll(`.${section}-checkbox:checked`);
529
+ if (checkboxes.length === 0) return;
530
+
531
+ const filenames = Array.from(checkboxes).map(cb => cb.value);
532
+
533
+ // Create and submit form for each selected file
534
+ filenames.forEach(filename => {
535
+ const form = document.createElement('form');
536
+ form.method = 'POST';
537
+ form.action = '/asset_management/copy';
538
+
539
+ const sourceInput = document.createElement('input');
540
+ sourceInput.type = 'hidden';
541
+ sourceInput.name = 'source';
542
+ sourceInput.value = section;
543
+
544
+ const filenameInput = document.createElement('input');
545
+ filenameInput.type = 'hidden';
546
+ filenameInput.name = 'filename';
547
+ filenameInput.value = filename;
548
+
549
+ form.appendChild(sourceInput);
550
+ form.appendChild(filenameInput);
551
+ document.body.appendChild(form);
552
+ form.submit();
553
+ });
554
+ }
555
+
556
+ function deleteSelected(section) {
557
+ const checkboxes = document.querySelectorAll(`.${section}-checkbox:checked`);
558
+ if (checkboxes.length === 0) return;
559
+
560
+ const filenames = Array.from(checkboxes).map(cb => cb.value);
561
+ const confirmMessage = `Delete ${filenames.length} selected file(s) from ${section} assets?`;
562
+
563
+ if (confirm(confirmMessage)) {
564
+ // Create and submit form for each selected file
565
+ filenames.forEach(filename => {
566
+ const form = document.createElement('form');
567
+ form.method = 'POST';
568
+ form.action = '/asset_management/delete';
569
+
570
+ const targetInput = document.createElement('input');
571
+ targetInput.type = 'hidden';
572
+ targetInput.name = 'target';
573
+ targetInput.value = section;
574
+
575
+ const filenameInput = document.createElement('input');
576
+ filenameInput.type = 'hidden';
577
+ filenameInput.name = 'filename';
578
+ filenameInput.value = filename;
579
+
580
+ form.appendChild(targetInput);
581
+ form.appendChild(filenameInput);
582
+ document.body.appendChild(form);
583
+ form.submit();
584
+ });
585
+ }
586
+ }
587
+ </script>
588
+ </body>
589
+ </html>