开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Ajax > 查看源码
qo-preferences-override.js
资源名称：qWikiOffice-Version-1.0.zip　[点击查看]
上传用户：snow1005
上传日期：2015-11-10
资源大小：3151k
文件大小：27k
源码类别：

Ajax

开发平台：

JavaScript

qo-preferences-override.js：源码内容
  1. /*
  2.  * qWikiOffice Desktop 0.8.1
  3.  * Copyright(c) 2007-2008, Integrated Technologies, Inc.
  4.  * licensing@qwikioffice.com
  5.  * 
  6.  * http://www.qwikioffice.com/license
  7.  */
  9. Ext.override(QoDesk.QoPreferences, {
  11. actions : null,
  12. cards : [
  13. 'pref-win-card-1', // navigation
  14. 'pref-win-card-2', // quickstart
  15. 'pref-win-card-3', // color and appearance
  16. 'pref-win-card-4', // wallpaper
  17. 'pref-win-card-5', // autorun
  18. 'pref-win-card-6'  // shortcuts
  19. ],
  20. contentPanel : null,
  21. cardHistory : [
  22. 'pref-win-card-1' // default
  23. ],
  24. layout: null,
  25. win : null,
  27.     createWindow : function(){
  28.      var desktop = this.app.getDesktop();
  29.         this.win = desktop.getWindow(this.moduleId);
  30.         
  31.         if(!this.win){
  32.          var winWidth = 610;
  33. var winHeight = 460;
  35. this.contentPanel = new Ext.Panel({
  36. activeItem: 0,
  37.                 border: false,
  38. id: 'pref-win-content',
  39. items: [
  40.                  new QoDesk.QoPreferences.NavPanel({owner: this, id: 'pref-win-card-1'}),
  41.                  new QoDesk.QoPreferences.Shortcuts({owner: this, id: 'pref-win-card-6'}),
  42.                  new QoDesk.QoPreferences.AutoRun({owner: this, id: 'pref-win-card-5'}),
  43.                  new QoDesk.QoPreferences.QuickStart({owner: this, id: 'pref-win-card-2'}),
  44.                  new QoDesk.QoPreferences.Appearance({owner: this, id: 'pref-win-card-3'}),
  45.                  new QoDesk.QoPreferences.Background({owner: this, id: 'pref-win-card-4'})
  46.                 ],
  47. layout: 'card',
  48. tbar: [{
  49. disabled: true,
  50.                  handler: this.navHandler.createDelegate(this, [-1]),
  51.                  id: 'back',
  52.                  scope: this,
  53.                  text: 'Back'
  54.                 },{
  55.                  disabled: true,
  56.                  handler: this.navHandler.createDelegate(this, [1]),
  57.                  id: 'next',
  58.                  scope: this,
  59.                  text: 'Next'
  60.                 }]
  61. });
  63.             this.win = desktop.createWindow({
  64.              animCollapse: false,
  65.                 constrainHeader: true,
  66.                 id: this.moduleId,
  67.                 height: winHeight,
  68.                 iconCls: 'pref-icon',
  69.                 items: this.contentPanel,
  70.                 layout: 'fit',
  71.                 shim: false,
  72.                 taskbuttonTooltip: '<b>Preferences</b><br />Allows you to modify your desktop',
  73.                 title: 'Preferences',
  74.                 width: winWidth
  75.             });
  76.             
  77. this.layout = this.contentPanel.getLayout();
  78.         }
  79.         
  80.         this.win.show();
  81.     },
  82.     
  83.     handleButtonState : function(){
  84.      var cards = this.cardHistory, activeId = this.layout.activeItem.id,
  85.      items = this.contentPanel.getTopToolbar().items, back = items.get(0), next = items.get(1);
  86.     
  87.      for(var i = 0, len = cards.length; i < len; i++){
  88.      if(cards[i] === activeId){
  89.      if(i <= 0){
  90.      back.disable();
  91.      next.enable();
  92.      }else if(i >= (len-1)){
  93.      back.enable();
  94.      next.disable();
  95.      }else{
  96.      back.enable();
  97.      next.enable();
  98.      }
  99.      break;
  100.      }
  101.      }
  102.     },
  103.     
  104.     navHandler : function(index){
  105.      var cards = this.cardHistory,
  106.      activeId = this.layout.activeItem.id,
  107.      nextId;
  108.     
  109.      for(var i = 0, len = cards.length; i < len; i++){
  110.      if(cards[i] === activeId){
  111.      nextId = cards[i+index];
  112.      break;
  113.      }
  114.      }
  115.     
  116.      this.layout.setActiveItem(nextId);
  117.      this.handleButtonState();
  118.     },
  119.     
  120.     save : function(params){    
  121.      var desktop = this.app.getDesktop();
  122.      var notifyWin = desktop.showNotification({
  123. html: 'Saving your data...'
  124. , title: 'Please wait'
  125. });
  126.     var callback = params.callback || null;
  127. var callbackScope = params.callbackScope || this;
  129. params.moduleId = this.moduleId;
  131.     Ext.Ajax.request({
  132. url: this.app.connection,
  133. /* Could also pass moduleId and action in querystring like this
  134.  * instead of in the params config option.
  135.  *
  136.  * url: this.app.connection+'?moduleId='+this.id+'&action=myAction', */
  137. params: params,
  138. success: function(o){
  139. if(o && o.responseText && Ext.decode(o.responseText).success){
  140. saveComplete('Finished', 'Save complete.');
  141. }else{
  142. saveComplete('Error', 'Errors encountered on the server.');
  143. }
  144. },
  145. failure: function(){
  146. saveComplete('Error', 'Lost connection to server.');
  147. },
  148. scope: this
  149. });
  151. function saveComplete(title, msg){
  152. notifyWin.setIconClass('x-icon-done');
  153. notifyWin.setTitle(title);
  154. notifyWin.setMessage(msg);
  155. desktop.hideNotification(notifyWin);
  157. if(callback){
  158. callback.call(callbackScope);
  159. }
  160. }
  161. },
  162.     
  163.     viewCard : function(card){
  164. this.layout.setActiveItem(card);
  165.     if(this.cardHistory.length > 1){
  166.      this.cardHistory.pop();
  167.     }
  168.     this.cardHistory.push(card);
  169.     this.handleButtonState();
  170. }
  171. });
  175. QoDesk.QoPreferences.NavPanel = function(config){
  176. this.owner = config.owner;
  178. QoDesk.QoPreferences.NavPanel.superclass.constructor.call(this, {
  179. autoScroll: true,
  180. bodyStyle: 'padding:15px',
  181. border: false,
  182. html: '<ul id="pref-nav-panel"> 
  183. <li> 
  184. <img src="'+Ext.BLANK_IMAGE_URL+'" class="icon-pref-autorun"/> 
  185. <a id="viewShortcuts" href="#">Shortcuts</a><br /> 
  186. <span>Choose which applications appear in your shortcuts.</span> 
  187. </li> 
  188. <li> 
  189. <img src="'+Ext.BLANK_IMAGE_URL+'" class="icon-pref-autorun"/> 
  190. <a id="viewAutoRun" href="#">Auto Run Apps</a><br /> 
  191. <span>Choose which applications open automatically once logged in.</span> 
  192. </li> 
  193. <li> 
  194. <img src="'+Ext.BLANK_IMAGE_URL+'" class="icon-pref-quickstart"/> 
  195. <a id="viewQuickstart" href="#">Quick Start Apps</a><br /> 
  196. <span>Choose which applications appear in your Quick Start panel.</span> 
  197. </li> 
  198. <li> 
  199. <img src="'+Ext.BLANK_IMAGE_URL+'" class="icon-pref-appearance"/> 
  200. <a id="viewAppearance" href="#">Window Color and Appearance</a><br /> 
  201. <span>Fine tune window color and style of your windows.</span> 
  202. </li> 
  203. <li> 
  204. <img src="'+Ext.BLANK_IMAGE_URL+'" class="icon-pref-wallpaper"/> 
  205. <a id="viewWallpapers" href="#">Desktop Background</a><br /> 
  206. <span>Choose from available wallpapers or colors to decorate you desktop.</span> 
  207. </li> 
  208. </ul>',
  209. id: config.id
  210. });
  212. this.actions = {
  213. 'viewShortcuts' : function(owner){
  214. owner.viewCard('pref-win-card-6');
  215. },
  217. 'viewAutoRun' : function(owner){
  218. owner.viewCard('pref-win-card-5');
  219. },
  221. 'viewQuickstart' : function(owner){
  222.     owner.viewCard('pref-win-card-2');
  223.     },
  224.    
  225.     'viewAppearance' : function(owner){
  226.     owner.viewCard('pref-win-card-3');
  227.     },
  228.    
  229.     'viewWallpapers' : function(owner){
  230.     owner.viewCard('pref-win-card-4');
  231.     }
  232. };
  233. };
  235. Ext.extend(QoDesk.QoPreferences.NavPanel, Ext.Panel, {
  236. afterRender : function(){
  237. this.body.on({
  238. 'mousedown': {
  239. fn: this.doAction,
  240. scope: this,
  241. delegate: 'a'
  242. },
  243. 'click': {
  244. fn: Ext.emptyFn,
  245. scope: null,
  246. delegate: 'a',
  247. preventDefault: true
  248. }
  249. });
  251. QoDesk.QoPreferences.NavPanel.superclass.afterRender.call(this); // do sizing calcs last
  252. },
  254. doAction : function(e, t){
  255.      e.stopEvent();
  256.      this.actions[t.id](this.owner);  // pass owner for scope
  257.     }
  258. });
  262. QoDesk.QoPreferences.AutoRun = function(config){
  263. this.owner = config.owner;
  264. this.app = this.owner.app;
  266. var ms = this.app.modules,
  267. ids = this.app.launchers.autorun,
  268. nodes = expandNodes(ms, ids);
  270. QoDesk.QoPreferences.AutoRun.superclass.constructor.call(this, {
  271. autoScroll: true,
  272. bodyStyle: 'padding:10px',
  273. border: false,
  274. buttons: [{
  275. disabled: this.app.isAllowedTo('saveAutorun', this.owner.moduleId) ? false : true,
  276. handler: onSave,
  277. scope: this,
  278. text: 'Save'
  279. },{
  280. handler: onClose,
  281. scope: this,
  282. text: 'Close'
  283. }],
  284. cls: 'pref-card pref-check-tree',
  285. id: config.id,
  286. lines: false,
  287. listeners: {
  288. 'checkchange': {
  289. fn: onCheckChange,
  290. scope: this
  291. }
  292. },
  293. loader: new Ext.tree.TreeLoader(),
  294. rootVisible: false,
  295. root: new Ext.tree.AsyncTreeNode({
  296. text: 'Auto Run Apps',
  297. children: nodes
  298. }),
  299. title: 'Auto Run Apps'
  300. });
  302. new Ext.tree.TreeSorter(this, {dir: "asc"});
  304. function expandNodes(ms, ids){
  305. var nodes = [];
  307. for(var i = 0, len = ms.length; i < len; i++){
  308. if(ms[i].moduleType === 'menu'){
  309. /* nodes.push({
  310. leaf: false,
  311. text: ms[i].launcher.text,
  312. children: this.expandNodes(o.menu.items, ids)
  313. }); */
  314. }else{
  315. nodes.push({
  316.             checked: isChecked(ms[i].moduleId, ids) ? true : false,
  317.             iconCls: ms[i].launcher.iconCls,
  318.             id: ms[i].moduleId,
  319.             leaf: true,
  320.             selected: true,
  321.             text: ms[i].launcher.text
  322. });
  323. }
  324. }
  326. return nodes;
  327. }
  329. function isChecked(id, ids){
  330. for(var i = 0, len = ids.length; i < len; i++){
  331. if(id == ids[i]){
  332. return true;
  333. }
  334. }
  335. }
  337. function onCheckChange(node, checked){
  338. if(node.leaf && node.id){
  339.      if(checked){
  340. this.app.desktop.addAutoRun(node.id, true);
  341.      }else{
  342. this.app.desktop.removeAutoRun(node.id, true);
  343.      }
  344.      }
  345.      node.ownerTree.selModel.select(node);
  346.     }
  347.     
  348.     function onClose(){
  349. this.owner.win.close();
  350. }
  352.     function onSave(){
  353.      this.buttons[0].disable();
  354.      this.owner.save({
  355.      action: 'saveAutorun'
  356.      , callback: function(){
  357.      this.buttons[0].enable();
  358.      }
  359.      , callbackScope: this
  360.      , ids: Ext.encode(this.app.launchers.autorun)
  361.      });
  362.     }
  363. };
  365. Ext.extend(QoDesk.QoPreferences.AutoRun, Ext.tree.TreePanel);
  369. QoDesk.QoPreferences.Shortcuts = function(config){
  370. this.owner = config.owner;
  371. this.app = this.owner.app;
  373. var ms = this.app.modules,
  374. ids = this.app.launchers.shortcut,
  375. nodes = expandNodes(ms, ids);
  377. QoDesk.QoPreferences.Shortcuts.superclass.constructor.call(this, {
  378. autoScroll: true,
  379. bodyStyle: 'padding:10px',
  380. border: false,
  381. buttons: [{
  382. disabled: this.app.isAllowedTo('saveShortcut', this.owner.moduleId) ? false : true,
  383. handler: onSave,
  384. scope: this,
  385. text: 'Save'
  386. },{
  387. handler: onClose,
  388. scope: this,
  389. text: 'Close'
  390. }],
  391. cls: 'pref-card pref-check-tree',
  392. id: config.id,
  393. lines: false,
  394. listeners: {
  395. 'checkchange': {
  396. fn: onCheckChange,
  397. scope: this
  398. }
  399. },
  400. loader: new Ext.tree.TreeLoader(),
  401. rootVisible: false,
  402. root: new Ext.tree.AsyncTreeNode({
  403. text: 'Shortcuts',
  404. children: nodes
  405. }),
  406. title: 'Shortcuts'
  407. });
  409. new Ext.tree.TreeSorter(this, {dir: "asc"});
  411. function expandNodes(ms, ids){
  412. var nodes = [];
  414. for(var i = 0, len = ms.length; i < len; i++){
  415. if(ms[i].moduleType === 'menu'){
  416. /* nodes.push({
  417. leaf: false,
  418. text: ms[i].launcher.text,
  419. children: this.expandNodes(o.menu.items, ids)
  420. }); */
  421. }else{
  422. nodes.push({
  423.             checked: isChecked(ms[i].moduleId, ids) ? true : false,
  424.             iconCls: ms[i].launcher.iconCls,
  425.             id: ms[i].moduleId,
  426.             leaf: true,
  427.             selected: true,
  428.             text: ms[i].launcher.text
  429. });
  430. }
  431. }
  433. return nodes;
  434. }
  436. function isChecked(id, ids){
  437. for(var i = 0, len = ids.length; i < len; i++){
  438. if(id == ids[i]){
  439. return true;
  440. }
  441. }
  442. }
  444. function onCheckChange(node, checked){
  445. if(node.leaf && node.id){
  446.      if(checked){
  447. this.app.desktop.addShortcut(node.id, true);
  448.      }else{
  449. this.app.desktop.removeShortcut(node.id, true);
  450.      }
  451.      }
  452.      node.ownerTree.selModel.select(node);
  453.     }
  454.     
  455.     function onClose(){
  456. this.owner.win.close();
  457. }
  459.     function onSave(){
  460.      this.buttons[0].disable();
  461.      this.owner.save({
  462.      action: 'saveShortcut'
  463.      , callback: function(){
  464.      this.buttons[0].enable();
  465.      }
  466.      , callbackScope: this
  467.      , ids: Ext.encode(this.app.launchers.shortcut)
  468.      });
  469.     }
  470. };
  472. Ext.extend(QoDesk.QoPreferences.Shortcuts, Ext.tree.TreePanel);
  476. QoDesk.QoPreferences.QuickStart = function(config){
  477. this.owner = config.owner;
  478. this.app = this.owner.app;
  480. var ms = this.app.modules,
  481. ids = this.app.launchers.quickstart,
  482. nodes = expandNodes(ms, ids);
  484.     QoDesk.QoPreferences.QuickStart.superclass.constructor.call(this, {
  485.      autoScroll: true,
  486. bodyStyle: 'padding:10px',
  487. border: false,
  488. buttons: [{
  489. disabled: this.app.isAllowedTo('saveQuickstart', this.owner.moduleId) ? false : true,
  490. handler: onSave,
  491. scope: this,
  492. text: 'Save'
  493. },{
  494. handler: onClose,
  495. scope: this,
  496. text: 'Close'
  497. }],
  498. cls: 'pref-card pref-check-tree',
  499. id: config.id,
  500. lines: false,
  501. listeners: {
  502. 'checkchange': {
  503. fn: onCheckChange,
  504. scope: this
  505. }
  506. },
  507. loader: new Ext.tree.TreeLoader(),
  508. rootVisible: false,
  509. root: new Ext.tree.AsyncTreeNode({
  510. text: 'Quick Start Apps',
  511. children: nodes
  512. }),
  513. title: 'Quick Start Apps'
  514.     });
  515.     
  516.     new Ext.tree.TreeSorter(this, {dir: "asc"});
  518. function expandNodes(ms, ids){
  519. var nodes = [];
  521. for(var i = 0, len = ms.length; i < len; i++){
  522. if(ms[i].moduleType === 'menu'){
  523. /* nodes.push({
  524. leaf: false,
  525. text: ms[i].launcher.text,
  526. children: this.expandNodes(o.menu.items, ids)
  527. }); */
  528. }else{
  529. nodes.push({
  530.             checked: isChecked(ms[i].moduleId, ids) ? true : false,
  531.             iconCls: ms[i].launcher.iconCls,
  532.             id: ms[i].moduleId,
  533.             leaf: true,
  534.             selected: true,
  535.             text: ms[i].launcher.text
  536. });
  537. }
  538. }
  540. return nodes;
  541. }
  543. function isChecked(id, ids){
  544. for(var i = 0, len = ids.length; i < len; i++){
  545. if(id == ids[i]){
  546. return true;
  547. }
  548. }
  549. }
  551. function onCheckChange(node, checked){
  552. if(node.leaf && node.id){
  553.      if(checked){
  554. this.app.desktop.addQuickStartButton(node.id, true);
  555.      }else{
  556. this.app.desktop.removeQuickStartButton(node.id, true);
  557.      }
  558.      }
  559.      node.ownerTree.selModel.select(node);
  560.     }
  561.     
  562.     function onClose(){
  563. this.owner.win.close();
  564. }
  566.     function onSave(){
  567.      this.buttons[0].disable();
  568.      this.owner.save({
  569.      action: 'saveQuickstart'
  570.      , callback: function(){
  571.      this.buttons[0].enable();
  572.      }
  573.      , callbackScope: this
  574.      , ids: Ext.encode(this.app.launchers.quickstart)
  575.      });
  576.     }
  577. };
  579. Ext.extend(QoDesk.QoPreferences.QuickStart, Ext.tree.TreePanel);
  583. QoDesk.QoPreferences.Appearance = function(config){
  584. this.owner = config.owner;
  585. this.app = this.owner.app;
  587. var desktop = this.app.getDesktop();
  589. var store = new Ext.data.JsonStore({
  590. baseParams: {
  591. action: 'viewThemes',
  592. moduleId: this.owner.moduleId
  593. },
  594. fields: ['id', 'name', 'pathtothumbnail', 'pathtofile'],
  595. id: 'id',
  596. root: 'images',
  597. url: this.app.connection
  598. });
  600. this.store = store;
  602. store.on('load', function(store, records){
  603. if(records){
  604. defaults.setTitle('Themes Available (' + records.length + ')');
  606. var id = this.app.styles.theme.id;
  607. if(id){
  608. view.select('theme-'+id);
  609. }
  610. }
  611. }, this);
  613. var tpl = new Ext.XTemplate(
  614. '<tpl for=".">',
  615. '<div class="pref-view-thumb-wrap" id="theme-{id}">',
  616. '<div class="pref-view-thumb"><img src="{pathtothumbnail}" title="{name}" /></div>',
  617. '<span>{shortName}</span></div>',
  618. '</tpl>',
  619. '<div class="x-clear"></div>'
  620. );
  622. var view = new Ext.DataView({
  623. autoHeight:true,
  624. cls: 'pref-thumnail-view',
  625. emptyText: 'No themes to display',
  626. itemSelector:'div.pref-view-thumb-wrap',
  627. loadingText: 'loading...',
  628. singleSelect: true,
  629. overClass:'x-view-over',
  630. prepareData: function(data){
  631. data.shortName = Ext.util.Format.ellipsis(data.name, 17);
  632. return data;
  633. },
  634. store: store,
  635. tpl: tpl
  636. });
  637. view.on('selectionchange', onSelectionChange, this);
  639. var defaults = new Ext.Panel({
  640. animCollapse: false,
  641. baseCls:'collapse-group',
  642. border: false,
  643. cls: 'pref-thumbnail-viewer',
  644. collapsible: true,
  645. hideCollapseTool: true,
  646. id: 'pref-theme-view',
  647. items: view,
  648. title: 'Default Themes',
  649. titleCollapse: true
  650. });
  652. var themes = new Ext.Panel({
  653. autoScroll: true,
  654. bodyStyle: 'padding:10px',
  655. border: true,
  656. cls: 'pref-card-subpanel',
  657. id: 'themes',
  658. items: defaults,
  659. margins: '10 15 0 15',
  660. region: 'center'
  661. });
  663. this.slider = createSlider({
  664. handler: new Ext.util.DelayedTask(updateTransparency, this)
  665. , min: 0
  666. , max: 100
  667. , x: 15
  668. , y: 35
  669. , width: 100
  670. });
  672. var formPanel = new Ext.FormPanel({
  673. border: false,
  674. height: 70,
  675. items: [
  676. {x: 15, y: 15, xtype: 'label', text: 'Taskbar Transparency'},
  677. this.slider.slider,
  678. this.slider.display
  679. ],
  680. layout: 'absolute',
  681. split: false,
  682. region: 'south'
  683. });
  685. QoDesk.QoPreferences.Appearance.superclass.constructor.call(this, {
  686. border: false,
  687. buttons: [{
  688. disabled: this.app.isAllowedTo('saveAppearance', this.owner.moduleId) ? false : true,
  689. handler: onSave,
  690. scope: this,
  691. text: 'Save'
  692. },{
  693. handler: onClose,
  694. scope: this,
  695. text: 'Close'
  696. }],
  697. cls: 'pref-card',
  698. id: config.id,
  699. items: [
  700. themes,
  701. formPanel
  702. ],
  703. layout: 'border',
  704. title: 'Window Color And Appearance'
  705. });
  707. // private functions
  708. function createSlider(config){
  709. var handler = config.handler, min = config.min, max = config.max
  710. , width = config.width || 100, x = config.x, y = config.y;
  712. var slider = new Ext.Slider({
  713. minValue: min
  714. , maxValue: max
  715. , width: width
  716. , x: x
  717. , y: y
  718. });
  720. var display =  new Ext.form.NumberField({
  721. cls: 'pref-percent-field'
  722. , enableKeyEvents: true
  723. , maxValue: max
  724. , minValue: min
  725. , width: 45
  726. , x: x + width + 15
  727. , y: y - 1
  728. });
  730. function sliderHandler(slider){
  731. var v = slider.getValue();
  732. display.setValue(v);
  733. handler.delay(100, null, null, [v]); // delayed task prevents IE bog
  734. }
  736. slider.on({
  737. 'change': { fn: sliderHandler, scope: this }
  738. , 'drag': { fn: sliderHandler, scope: this }
  739. });
  741. display.on({
  742. 'keyup': {
  743. fn: function(field){
  744. var v = field.getValue();
  745. if(v !== '' && !isNaN(v) && v >= field.minValue && v <= field.maxValue){
  746. slider.setValue(v);
  747. }
  748. }
  749. , buffer: 350
  750. , scope: this
  751. }
  752. });
  754. return { slider: slider, display: display }
  755. }
  757. function onClose(){
  758. this.owner.win.close();
  759. }
  761. function onSave(){
  762. var c = this.app.styles;
  764. this.buttons[0].disable();
  765.      this.owner.save({
  766.      action: 'saveAppearance'
  767.      , callback: function(){
  768.      this.buttons[0].enable();
  769.      }
  770.      , callbackScope: this
  771.      , backgroundcolor: c.backgroundcolor
  772.      , fontcolor: c.fontcolor
  773.      , theme: c.theme.id
  774.      , transparency: c.transparency
  775.      , wallpaper: c.wallpaper.id
  776.      , wallpaperposition: c.wallpaperposition
  777.      });
  778. }
  780. function onSelectionChange(view, sel){
  781. if(sel.length > 0){
  782. var cId = this.app.styles.theme.id,
  783. r = view.getRecord(sel[0]),
  784. d = r.data;
  786. if(parseInt(cId) !== parseInt(r.id)){
  787. if(r && r.id && d.name && d.pathtofile){
  788. desktop.setTheme({
  789. id: r.id,
  790. name: d.name,
  791. pathtofile: d.pathtofile
  792. });
  793. }
  794. }
  795. }
  796. }
  798. function updateTransparency(v){
  799. desktop.setTransparency(v);
  800. }
  801. };
  803. Ext.extend(QoDesk.QoPreferences.Appearance, Ext.Panel, {
  804. afterRender : function(){
  805. QoDesk.QoPreferences.Appearance.superclass.afterRender.call(this);
  807. this.on('show', this.loadStore, this, {single: true});
  808. },
  810. loadStore : function(){
  811. this.store.load();
  812. this.slider.slider.setValue(this.app.styles.transparency);
  813. }
  814. });
  818. QoDesk.QoPreferences.Background = function(config){
  819. this.owner = config.owner;
  820. this.app = this.owner.app;
  822. var desktop = this.app.getDesktop();
  824. var store = new Ext.data.JsonStore({
  825. baseParams: {
  826. action: 'viewWallpapers',
  827. moduleId: this.owner.moduleId
  828. },
  829. fields: ['id', 'name', 'pathtothumbnail', 'pathtofile'],
  830. id: 'id',
  831. root: 'images',
  832. url: this.app.connection
  833. });
  835. this.store = store;
  837. store.on('load', function(store, records){
  838. if(records){
  839. defaults.setTitle('Default Wallpapers (' + records.length + ')');
  841. var id = this.app.styles.wallpaper.id;
  842. if(id){
  843. view.select('wallpaper-'+id);
  844. }
  845. }
  846. }, this);
  848. var tpl = new Ext.XTemplate(
  849. '<tpl for=".">',
  850. '<div class="pref-view-thumb-wrap" id="wallpaper-{id}">',
  851. '<div class="pref-view-thumb"><img src="{pathtothumbnail}" title="{name}" /></div>',
  852. '<span>{shortName}</span></div>',
  853. '</tpl>',
  854. '<div class="x-clear"></div>'
  855. );
  857. var view = new Ext.DataView({
  858. autoHeight:true,
  859. cls: 'pref-thumnail-view',
  860. emptyText: 'No wallpapers to display',
  861. itemSelector:'div.pref-view-thumb-wrap',
  862. loadingText: 'loading...',
  863. singleSelect: true,
  864. overClass:'x-view-over',
  865. prepareData: function(data){
  866. data.shortName = Ext.util.Format.ellipsis(data.name, 17);
  867. return data;
  868. },
  869. store: store,
  870. tpl: tpl
  871. });
  872. view.on('selectionchange', onSelectionChange, this);
  874. var defaults = new Ext.Panel({
  875. animCollapse: false,
  876. baseCls:'collapse-group',
  877. border: false,
  878. cls: 'pref-thumbnail-viewer',
  879. collapsible: true,
  880. hideCollapseTool: true,
  881. id: 'pref-wallpaper-view',
  882. items: view,
  883. title: 'Default Wallpapers',
  884. titleCollapse: true
  885. });
  887. var wallpapers = new Ext.Panel({
  888. autoScroll: true,
  889. bodyStyle: 'padding:10px',
  890. border: true,
  891. cls: 'pref-card-subpanel',
  892. id: 'wallpapers',
  893. items: defaults,
  894. margins: '10 15 0 15',
  895. region: 'center'
  896. });
  898. var wpp = this.app.styles.wallpaperposition;
  899. var tileRadio = createRadio('tile', wpp == 'tile' ? true : false, 90, 40);
  900. var centerRadio = createRadio('center', wpp == 'center' ? true : false, 200, 40);
  902. var position = new Ext.FormPanel({
  903. border: false,
  904. height: 140,
  905. id: 'position',
  906. items: [{
  907. border: false,
  908. items: {border: false, html:'How should the wallpaper be positioned?'},
  909. x: 15,
  910. y: 15
  911. },{
  912. border: false,
  913. items: {border: false, html: '<img class="bg-pos-tile" src="'+Ext.BLANK_IMAGE_URL+'" width="64" height="44" border="0" alt="" />'},
  914. x: 15,
  915. y: 40
  916. },
  917. tileRadio,
  918. {
  919. border: false,
  920. items: {border: false, html: '<img class="bg-pos-center" src="'+Ext.BLANK_IMAGE_URL+'" width="64" height="44" border="0" alt="" />'},
  921. x: 125,
  922. y: 40
  923. },
  924. centerRadio,
  925. {
  926. border: false,
  927. items: {border: false, html:'Choose a background color'},
  928. x: 245,
  929. y: 15
  930. },{
  931. border: false,
  932. /* items: new Ext.ColorPalette({
  933. listeners: {
  934. 'select': {
  935. fn: onColorSelect
  936. , scope: this
  937. }
  938. }
  939. }), */
  940. items: new Ext.Button({
  941. handler: onChangeBgColor,
  942. //menu: new Ext.ux.menu.ColorMenu(),
  943. scope: this,
  944. text: 'Background color'
  945. }),
  946. x: 245,
  947. y: 40
  948. },{
  949. border: false,
  950. items: {border: false, html:'Choose a font color'},
  951. x: 425,
  952. y: 15
  953. },{
  954. border: false,
  955. /* items: new Ext.ColorPalette({
  956. listeners: {
  957. 'select': {
  958. fn: onFontColorSelect
  959. , scope: this
  960. }
  961. }
  962. }), */
  963. items: new Ext.Button({
  964. handler: onChangeFontColor,
  965. scope: this,
  966. text: 'Background color'
  967. }),
  968. x: 425,
  969. y: 40
  971. }],
  972. layout: 'absolute',
  973. region: 'south',
  974. split: false
  975. });
  977. QoDesk.QoPreferences.Background.superclass.constructor.call(this, {
  978. border: false,
  979. buttons: [{
  980. disabled: this.app.isAllowedTo('saveBackground', this.owner.moduleId) ? false : true,
  981. handler: onSave,
  982. scope: this,
  983. text: 'Save'
  984. },{
  985. handler: onClose,
  986. scope: this,
  987. text: 'Close'
  988. }],
  989. cls: 'pref-card',
  990. id: config.id,
  991. items: [
  992. wallpapers,
  993. position
  994. ],
  995. layout: 'border',
  996. title: 'Desktop Background'
  997. });
  999. function createRadio(value, checked, x, y){
  1000. if(value){
  1001. radio = new Ext.form.Radio({
  1002. name: 'position',
  1003. inputValue: value,
  1004. checked: checked,
  1005. x: x,
  1006. y: y
  1007. });
  1009. radio.on('check', togglePosition, radio);
  1011. return radio;
  1012. }
  1013. }
  1014.     
  1015.     function onChangeBgColor(){
  1016.      var dialog = new Ext.ux.ColorDialog({
  1017. border: false
  1018. , closeAction: 'close'
  1019. , listeners: {
  1020. 'select': { fn: onColorSelect, scope: this, buffer: 350 }
  1021. }
  1022. , manager: this.app.getDesktop().getManager()
  1023. , resizable: false
  1024. , title: 'Color Picker'
  1025. });
  1026. dialog.show(this.app.styles.backgroundcolor);
  1027.     }
  1028.     
  1029.     function onColorSelect(p, hex){
  1030. desktop.setBackgroundColor(hex);
  1031. }
  1033. function onChangeFontColor(){
  1034.      var dialog = new Ext.ux.ColorDialog({
  1035. border: false
  1036. , closeAction: 'close'
  1037. , listeners: {
  1038. 'select': { fn: onFontColorSelect, scope: this, buffer: 350 }
  1039. }
  1040. , manager: this.app.getDesktop().getManager()
  1041. , resizable: false
  1042. , title: 'Color Picker'
  1043. });
  1044. dialog.show(this.app.styles.fontcolor);
  1045.     }
  1047. function onFontColorSelect(p, hex){
  1048. desktop.setFontColor(hex);
  1049. }
  1051. function onClose(){
  1052. this.owner.win.close();
  1053. }
  1055. function onSave(){
  1056. var c = this.app.styles;
  1058. this.buttons[0].disable();
  1059.      this.owner.save({
  1060.      action: 'saveBackground'
  1061.      , callback: function(){
  1062.      this.buttons[0].enable();
  1063.      }
  1064.      , callbackScope: this
  1065.      , backgroundcolor: c.backgroundcolor
  1066.      , fontcolor: c.fontcolor
  1067.      , theme: c.theme.id
  1068.      , transparency: c.transparency
  1069.      , wallpaper: c.wallpaper.id
  1070.      , wallpaperposition: c.wallpaperposition
  1071.      });
  1072. }
  1074. function onSelectionChange(view, sel){
  1075. if(sel.length > 0){
  1076. var cId = this.app.styles.wallpaper.id,
  1077. r = view.getRecord(sel[0]),
  1078. d = r.data;
  1080. if(parseInt(cId) !== parseInt(r.id)){
  1081. if(r && r.id && d.name && d.pathtofile){
  1082. desktop.setWallpaper({
  1083. id: r.id,
  1084. name: d.name,
  1085. pathtofile: d.pathtofile
  1086. });
  1087. }
  1088. }
  1089. }
  1090. }
  1092. function togglePosition(field, checked){
  1093. if(checked === true){
  1094. desktop.setWallpaperPosition(field.inputValue);
  1095. }
  1096. }
  1097. };
  1099. Ext.extend(QoDesk.QoPreferences.Background, Ext.Panel, {
  1100. afterRender : function(){
  1101. QoDesk.QoPreferences.Background.superclass.afterRender.call(this);
  1103. this.on('show', this.loadStore, this, {single: true});
  1104. },
  1106. loadStore : function(){
  1107. this.store.load();
  1108. }
  1109. });
  1113. /* 
  1114.  * Will ensure that the checkchange event is fired on 
  1115.  * node double click
  1116.  */
  1117. Ext.override(Ext.tree.TreeNodeUI, {
  1118. toggleCheck : function(value){
  1119.         var cb = this.checkbox;
  1120.         if(cb){
  1121.             cb.checked = (value === undefined ? !cb.checked : value);
  1122.             this.fireEvent('checkchange', this.node, cb.checked);
  1123.         }
  1124.     }
  1125. });