WebOrbiton
v1.0.0.0

StocketBase

← Changes All versions
190 lines · 5.6 KB
  1. document.addEventListener('DOMContentLoaded', function () {
  2. document.querySelectorAll('.js-reject-btn').forEach(function (button) {
  3. button.addEventListener('click', function () {
  4. var row = document.getElementById('reject-row-' + this.dataset.productId);
  5. if (row) {
  6. row.style.display = row.style.display === 'none' ? 'table-row' : 'none';
  7. }
  8. });
  9. });
  10. ​
  11. var THEME_KEY = 'stocketbase_dashboard_theme';
  12. ​
  13. function applyTheme(theme) {
  14. document.body.setAttribute('data-theme', theme);
  15. }
  16. ​
  17. var stored = localStorage.getItem(THEME_KEY);
  18. if (stored === 'dark' || stored === 'light') {
  19. applyTheme(stored);
  20. } else {
  21. var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
  22. applyTheme(prefersDark ? 'dark' : 'light');
  23. }
  24. ​
  25. var toggleBtns = document.querySelectorAll('#dash-theme-toggle-btn, .dash-theme-toggle');
  26. toggleBtns.forEach(function (btn) {
  27. btn.addEventListener('click', function () {
  28. var current = document.body.getAttribute('data-theme') || 'dark';
  29. var next = current === 'dark' ? 'light' : 'dark';
  30. applyTheme(next);
  31. localStorage.setItem(THEME_KEY, next);
  32. });
  33. });
  34. ​
  35. var nav = document.querySelector('.dash-nav');
  36. var sidebar = document.querySelector('.dash-sidebar');
  37. if (nav && sidebar) {
  38. var MAX_VISIBLE = 4;
  39. var navLinks = Array.prototype.slice.call(nav.querySelectorAll('a'));
  40. ​
  41. var moreBtn = null;
  42. var sheetBackdrop = null;
  43. var sheet = null;
  44. ​
  45. function buildOverflow() {
  46. if (navLinks.length <= MAX_VISIBLE) {
  47. return;
  48. }
  49. ​
  50. var overflowLinks = navLinks.slice(MAX_VISIBLE - 1);
  51. overflowLinks.forEach(function (a) {
  52. a.classList.add('dash-nav-overflow-item');
  53. });
  54. nav.classList.add('has-overflow');
  55. ​
  56. moreBtn = document.createElement('button');
  57. moreBtn.type = 'button';
  58. moreBtn.className = 'dash-nav-more-btn';
  59. moreBtn.innerHTML = '<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="5" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="19" cy="12" r="1.5"/></svg><span>More</span>';
  60. nav.appendChild(moreBtn);
  61. ​
  62. sheetBackdrop = document.createElement('div');
  63. sheetBackdrop.className = 'dash-nav-sheet-backdrop';
  64. ​
  65. sheet = document.createElement('div');
  66. sheet.className = 'dash-nav-sheet';
  67. var handle = document.createElement('div');
  68. handle.className = 'dash-nav-sheet-handle';
  69. sheet.appendChild(handle);
  70. ​
  71. overflowLinks.forEach(function (a) {
  72. sheet.appendChild(a.cloneNode(true));
  73. });
  74. ​
  75. document.body.appendChild(sheetBackdrop);
  76. document.body.appendChild(sheet);
  77. ​
  78. function openSheet() {
  79. sheetBackdrop.classList.add('open');
  80. sheet.classList.add('open');
  81. moreBtn.classList.add('open');
  82. }
  83. ​
  84. function closeSheet() {
  85. sheetBackdrop.classList.remove('open');
  86. sheet.classList.remove('open');
  87. moreBtn.classList.remove('open');
  88. }
  89. ​
  90. moreBtn.addEventListener('click', function () {
  91. if (sheetBackdrop.classList.contains('open')) {
  92. closeSheet();
  93. } else {
  94. openSheet();
  95. }
  96. });
  97. ​
  98. sheetBackdrop.addEventListener('click', closeSheet);
  99. }
  100. ​
  101. buildOverflow();
  102. }
  103. });
  104. ​
  105. (function (global) {
  106. 'use strict';
  107. ​
  108. var SIDEBAR_KEY = 'stocketbase_dashboard_sidebar_scale';
  109. var MAIN_KEY = 'stocketbase_dashboard_main_scale';
  110. var VALID_SCALES = [80, 90, 100, 110, 120, 130, 140, 150];
  111. ​
  112. function loadScale(key) {
  113. var stored = parseInt(global.localStorage.getItem(key), 10);
  114. return VALID_SCALES.indexOf(stored) !== -1 ? stored : 100;
  115. }
  116. ​
  117. function supportsZoom() {
  118. return typeof document.body.style.zoom !== 'undefined';
  119. }
  120. ​
  121. function applyScaleTo(el, scale) {
  122. if (!el) {
  123. return;
  124. }
  125. if (scale === 100) {
  126. el.style.zoom = '';
  127. el.style.transform = '';
  128. el.style.width = '';
  129. return;
  130. }
  131. if (supportsZoom()) {
  132. el.style.zoom = (scale / 100).toString();
  133. el.style.transform = '';
  134. el.style.width = '';
  135. } else {
  136. var factor = scale / 100;
  137. el.style.transform = 'scale(' + factor + ')';
  138. el.style.transformOrigin = 'top left';
  139. el.style.width = (100 / factor) + '%';
  140. }
  141. }
  142. ​
  143. var UI_FONT_KEY = 'stocketbase_dashboard_ui_font';
  144. var CONTENT_FONT_KEY = 'stocketbase_dashboard_content_font';
  145. ​
  146. function applyFonts() {
  147. var root = document.documentElement.style;
  148. var uiFont = global.localStorage.getItem(UI_FONT_KEY);
  149. var contentFont = global.localStorage.getItem(CONTENT_FONT_KEY);
  150. ​
  151. if (uiFont) {
  152. root.setProperty('--dash-font-ui', '"' + uiFont + '"');
  153. } else {
  154. root.removeProperty('--dash-font-ui');
  155. }
  156. ​
  157. if (contentFont) {
  158. root.setProperty('--dash-font-content', '"' + contentFont + '"');
  159. } else {
  160. root.removeProperty('--dash-font-content');
  161. }
  162. }
  163. ​
  164. var GLASS_KEY = 'stocketbase_dashboard_glass';
  165. ​
  166. var MINIMAL_KEY = 'stocketbase_dashboard_minimal';
  167. ​
  168. function applyGlass() {
  169. var minimal = global.localStorage.getItem(MINIMAL_KEY) === '1';
  170. document.body.classList.toggle('dash-minimal', minimal);
  171. document.body.classList.toggle('dash-no-glass', minimal || global.localStorage.getItem(GLASS_KEY) === '0');
  172. }
  173. ​
  174. function apply() {
  175. try {
  176. applyGlass();
  177. applyScaleTo(document.querySelector('.dash-sidebar'), loadScale(SIDEBAR_KEY));
  178. applyScaleTo(document.querySelector('.dash-main'), loadScale(MAIN_KEY));
  179. applyFonts();
  180. } catch (error) {
  181. }
  182. }
  183. ​
  184. global.StocketBaseAppearance = {
  185. apply: apply,
  186. };
  187. ​
  188. document.addEventListener('DOMContentLoaded', apply);
  189. })(window);
  190. ​