panel.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  1. fred.panel.Home = function (config) {
  2. config = config || {};
  3. config.permission = config.permission || {};
  4. Ext.apply(config, {
  5. border: false,
  6. baseCls: 'modx-formpanel',
  7. cls: 'container',
  8. id: 'fred-home-panel',
  9. items: this.getItems(config)
  10. });
  11. fred.panel.Home.superclass.constructor.call(this, config);
  12. };
  13. Ext.extend(fred.panel.Home, MODx.Panel, {
  14. getHelpPath: function() {
  15. var defaultPath = '';
  16. var tabs = this.find('stateId', 'fred-tab-home');
  17. if (tabs.length !== 1) {
  18. return defaultPath;
  19. }
  20. tabs = tabs[0];
  21. var topLevelTab = tabs.getActiveTab();
  22. var childTab = topLevelTab.find('xtype', 'modx-vtabs');
  23. if (!topLevelTab.helpPath && (childTab.length === 1)) {
  24. return childTab[0].getActiveTab().helpPath || defaultPath;
  25. } else {
  26. return topLevelTab.helpPath || defaultPath;
  27. }
  28. },
  29. getItems: function(config) {
  30. return [
  31. {
  32. html: '<h2>' + _('fred.home.page_title') + '</h2>',
  33. border: false,
  34. cls: 'modx-page-header'
  35. },
  36. {
  37. xtype: 'modx-tabs',
  38. stateful: true,
  39. stateId: 'fred-tab-home',
  40. stateEvents: ['tabchange'],
  41. getState: function () {
  42. return {
  43. activeItem: this.items.indexOf(this.getActiveTab())
  44. };
  45. },
  46. defaults: {
  47. border: false,
  48. autoHeight: true
  49. },
  50. border: true,
  51. activeItem: 0,
  52. hideMode: 'offsets',
  53. items: this.getTopTabs(config)
  54. }
  55. ];
  56. },
  57. getTopTabs: function(config) {
  58. var output = [];
  59. var elementsTabItems = this.getElementsTab(config);
  60. if (elementsTabItems.length > 0) {
  61. output.push({
  62. title: _('fred.home.elements'),
  63. items: [
  64. {
  65. xtype: 'modx-vtabs',
  66. deferredRender: true,
  67. stateful: true,
  68. stateId: 'fred-tab-home-elements',
  69. stateEvents: ['tabchange'],
  70. getState: function () {
  71. return {
  72. activeItem: this.items.indexOf(this.getActiveTab())
  73. };
  74. },
  75. items: elementsTabItems
  76. }
  77. ]
  78. });
  79. }
  80. var blueprintsTabItems = this.getBlueprintsTab(config);
  81. if (blueprintsTabItems.length > 0) {
  82. output.push({
  83. title: _('fred.home.blueprints'),
  84. items: [
  85. {
  86. xtype: 'modx-vtabs',
  87. deferredRender: true,
  88. stateful: true,
  89. stateId: 'fred-tab-home-blueprints',
  90. stateEvents: ['tabchange'],
  91. getState: function () {
  92. return {
  93. activeItem: this.items.indexOf(this.getActiveTab())
  94. };
  95. },
  96. items: blueprintsTabItems
  97. }
  98. ]
  99. });
  100. }
  101. var themesTabItems = this.getThemesTab(config);
  102. if (themesTabItems.length > 0) {
  103. output.push({
  104. title: _('fred.home.themes'),
  105. items: [
  106. {
  107. xtype: 'modx-vtabs',
  108. deferredRender: true,
  109. stateful: true,
  110. stateId: 'fred-tab-home-themes',
  111. stateEvents: ['tabchange'],
  112. getState: function () {
  113. return {
  114. activeItem: this.items.indexOf(this.getActiveTab())
  115. };
  116. },
  117. items: themesTabItems
  118. }
  119. ]
  120. });
  121. }
  122. if (config.permission.fred_media_sources) {
  123. output.push({
  124. title: _('fred.home.media_sources'),
  125. helpPath: 'cmp/media_sources/',
  126. items: [
  127. {
  128. xtype: 'fred-grid-media-sources',
  129. preventRender: true,
  130. cls: 'main-wrapper'
  131. }
  132. ]
  133. });
  134. }
  135. return output;
  136. },
  137. getElementsTab: function(config) {
  138. var output = [];
  139. if (config.permission.fred_elements) {
  140. output.push({
  141. title: _('fred.home.elements'),
  142. helpPath: 'cmp/elements/',
  143. items: [
  144. {
  145. xtype: 'fred-grid-elements',
  146. preventRender: true,
  147. cls: 'main-wrapper',
  148. permission: config.permission
  149. }
  150. ]
  151. });
  152. }
  153. if (config.permission.fred_element_categories) {
  154. output.push({
  155. title: _('fred.home.element_categories'),
  156. helpPath: 'cmp/element_categories/',
  157. items: [
  158. {
  159. xtype: 'fred-grid-element-categories',
  160. preventRender: true,
  161. cls: 'main-wrapper',
  162. permission: config.permission
  163. }
  164. ]
  165. });
  166. }
  167. if (config.permission.fred_element_option_sets) {
  168. output.push({
  169. title: _('fred.home.option_sets'),
  170. helpPath: 'cmp/option_sets/',
  171. items: [
  172. {
  173. xtype: 'fred-grid-element-option-sets',
  174. preventRender: true,
  175. cls: 'main-wrapper',
  176. permission: config.permission
  177. }
  178. ]
  179. });
  180. }
  181. if (config.permission.fred_element_rtes) {
  182. output.push({
  183. title: _('fred.home.rte_configs'),
  184. helpPath: 'cmp/rte_configs/',
  185. items: [
  186. {
  187. xtype: 'fred-grid-element-rte-configs',
  188. preventRender: true,
  189. cls: 'main-wrapper',
  190. permission: config.permission
  191. }
  192. ]
  193. });
  194. }
  195. if (config.permission.fred_element_rebuild) {
  196. output.push({
  197. title: _('fred.home.rebuild'),
  198. helpPath: 'cmp/rebuild/',
  199. items: [
  200. {
  201. cls: 'main-wrapper',
  202. items: [
  203. {
  204. html: '<p>' + _('fred.rebuild.rebuild_desc') + '</p><br>'
  205. },
  206. {
  207. xtype: 'button',
  208. text: _('fred.rebuild.rebuild'),
  209. handler: function() {
  210. var topic = '/fred/mgr/generate/refresh/';
  211. var console = MODx.load({
  212. xtype: 'modx-console',
  213. register: 'mgr',
  214. topic: topic,
  215. show_filename: 0
  216. });
  217. console.show(Ext.getBody());
  218. MODx.Ajax.request({
  219. url: fred.config.connectorUrl,
  220. params: {
  221. action: 'mgr/generate/refresh',
  222. register: 'mgr',
  223. topic: topic
  224. },
  225. listeners: {
  226. success: {
  227. fn: function() {
  228. console.fireEvent('complete');
  229. console = null
  230. },
  231. scope:this
  232. }
  233. }
  234. });
  235. }
  236. }
  237. ]
  238. }
  239. ]
  240. });
  241. }
  242. return output;
  243. },
  244. getBlueprintsTab: function(config) {
  245. var output = [];
  246. if (config.permission.fred_blueprints) {
  247. output.push({
  248. title: _('fred.home.blueprints'),
  249. helpPath: 'cmp/blueprints/',
  250. items: [
  251. {
  252. xtype: 'fred-grid-blueprints',
  253. preventRender: true,
  254. cls: 'main-wrapper',
  255. permission: config.permission
  256. }
  257. ]
  258. });
  259. }
  260. if (config.permission.fred_blueprint_categories) {
  261. output.push({
  262. title: _('fred.home.blueprint_categories'),
  263. helpPath: 'cmp/blueprint_categories/',
  264. items: [
  265. {
  266. xtype: 'fred-grid-blueprint-categories',
  267. preventRender: true,
  268. cls: 'main-wrapper',
  269. permission: config.permission
  270. }
  271. ]
  272. });
  273. }
  274. return output;
  275. },
  276. getThemesTab: function(config) {
  277. var output = [];
  278. if (config.permission.fred_themes) {
  279. output.push({
  280. title: _('fred.home.themes'),
  281. helpPath: 'cmp/themes/',
  282. items: [
  283. {
  284. xtype: 'fred-grid-themes',
  285. preventRender: true,
  286. cls: 'main-wrapper',
  287. permission: config.permission
  288. }
  289. ]
  290. });
  291. }
  292. if (config.permission.fred_themed_templates) {
  293. output.push({
  294. title: _('fred.home.themed_templates'),
  295. helpPath: 'cmp/themed_templates/',
  296. items: [
  297. {
  298. xtype: 'fred-grid-themed-templates',
  299. preventRender: true,
  300. cls: 'main-wrapper',
  301. permission: config.permission
  302. }
  303. ]
  304. });
  305. }
  306. return output;
  307. }
  308. });
  309. Ext.reg('fred-panel-home', fred.panel.Home);