luos/workflow/engine/templates/app/main.js

/* Case Notes - Start */
var newNoteAreaActive = false;
var caseNotesWindow;

function closeCaseNotesWindow(){
  if(Ext.get("caseNotesWindowPanel")){
    Ext.get("caseNotesWindowPanel").destroy();
  }
}

function openCaseNotesWindow(appUid,modalSw)
{
  if(!appUid) appUid="";

  var startRecord=0;
  var loadSize=10;

  var storeNotes = new Ext.data.JsonStore({
    url : '../appProxy/getNotesList?appUid='+appUid,
    root: 'notes',
    totalProperty: 'totalCount',
    fields: ['USR_USERNAME','USR_FIRSTNAME','USR_LASTNAME','USR_FULL_NAME','NOTE_DATE','NOTE_CONTENT', 'USR_UID', 'user'],
    baseParams:{
      start:startRecord,
      limit:startRecord+loadSize
    },
    listeners:{
      load:function(){
  
        caseNotesWindow.setTitle(_('ID_CASES_NOTES') + ' (' + storeNotes.data.items.length + ')');

        if(storeNotes.getCount()<storeNotes.getTotalCount()){
          Ext.getCmp('CASES_MORE_BUTTON').show();
        }else{
          Ext.getCmp('CASES_MORE_BUTTON').hide();
        }
      }
    }
  });
  storeNotes.load();
  
  var panelNotes = new Ext.Panel({
    id:'notesPanel',

    frame:true,
    autoWidth:true,
    autoHeight:true,
    collapsible:false,    
    items:[ 
      new Ext.DataView({
        store: storeNotes,
        loadingtext:_('ID_CASE_NOTES_LOADING'),
        // autoScroll:true,
        emptyText: _('ID_CASE_NOTES_EMPTY'),
        cls: 'x-cnotes-view',
        tpl: '<tpl for=".">' +
                '<div class="x-cnotes-source"><table><tbody>' +
                    '<tr>' +
                      '<td class="x-cnotes-label"><img border="0" src="../users/users_ViewPhotoGrid?pUID={USR_UID}" width="40" height="40"/></td>' +
                      '<td class="x-cnotes-name">'+
                        '<p class="user-from">{user}</p>'+
                        '<p class="x-editable x-message">{NOTE_CONTENT}</p> '+
                        '<p class="x-editable"><small>'+_('ID_POSTED_AT')+'<i> {NOTE_DATE}</i></small></p>'+
                      '</td>' +
                    '</tr>' +
                '</tbody></table></div>' +
             '</tpl>',
        itemSelector: 'div.x-cnotes-source',
        overClass: 'x-cnotes-over',
        selectedClass: 'x-cnotes-selected',
        singleSelect: true,

        prepareData: function(data){
          //data.shortName = Ext.util.Format.ellipsis(data.name, 15);
          //data.sizeString = Ext.util.Format.fileSize(data.size);
          //data.dateString = data.lastmod.format("m/d/Y g:i a");

          data.user = _FNF(data.USR_USERNAME, data.USR_FIRSTNAME, data.USR_LASTNAME);
          data.NOTE_CONTENT = data.NOTE_CONTENT.replace(/\n/g,' <br/>');
          return data;
        },

        listeners: {
          selectionchange: {
            fn: function(dv,nodes){
              var l = nodes.length;
              var s = l != 1 ? 's' : '';
              //panelNotes.setTitle('Process ('+l+' item'+s+' selected)');
            }
          },
          click: {
            fn: function(dv,nodes,a){
            }
          }
        }
      }),{
        xtype:'button',
        id:'CASES_MORE_BUTTON',
        iconCls: '.x-pm-notes-btn',
        hidden:true,
        text:_('ID_CASE_NOTES_MORE'),
        align:'center',
        handler:function() {        
          startRecord=startRecord+loadSize;
          limitRecord=startRecord+loadSize;
          storeNotes.load({
            params:{
              start:0,
              limit:startRecord+loadSize
            }
          });
        }
      }
    ]
  });

  var tbar = [
    {
      //xtype:'textfield',
      xtype : 'textarea',
      id    : 'caseNoteText',
      name  : 'caseNoteText',
      hideLabel : true,
      blankText : '...',
      //anchor: '100%',
      width     : 248,
      grow      : true,
      maxLenght : 150,
      allowBlank:true,
      selectOnFocus:true,
      height : 40,
      growMin: 39,
      growMax: 80
     },
    ' ',
    {
      cls: 'x-toolbar1',
      text: _('ID_SEND'),
      //iconCls: 'x-pm-notes-btn',
      scale: 'large',
      stype:'button',
      iconAlign: 'top',
      handler: function(){
        var noteText = Ext.getCmp('caseNoteText').getValue();
    
        if (noteText == "") {
          return false;
        }

        newNoteHandler();

        Ext.getCmp('caseNoteText').focus();
        Ext.getCmp('caseNoteText').reset();
        statusBarMessage( _('ID_CASES_NOTE_POSTING'), true);
        Ext.Ajax.request({
          url : '../appProxy/postNote' ,
          params : {
            appUid:appUid,
            noteText:noteText
          },
          success: function ( result, request ) {
            var data = Ext.util.JSON.decode(result.responseText);
            if(data.success=="success"){
              statusBarMessage( _('ID_CASES_NOTE_POST_SUCCESS'), false,true);
              storeNotes.load();
            }else{
              statusBarMessage( _('ID_CASES_NOTE_POST_ERROR'), false,false);
              Ext.MessageBox.alert(_('ID_CASES_NOTE_POST_ERROR'), data.message);

            }
          },
          failure: function ( result, request) {
            statusBarMessage( _('ID_CASES_NOTE_POST_FAILED'), false,false);
            Ext.MessageBox.alert(_('ID_CASES_NOTE_POST_FAILED'), result.responseText);
          }
        });
      }
    }
  ];

  
  caseNotesWindow = new Ext.Window({
    title: _('ID_CASES_NOTES'), //Title of the Window
    id: 'caseNotesWindowPanel', //ID of the Window Panel
    width:300, //Width of the Window
    resizable: true, //Resize of the Window, if false - it cannot be resized
    closable: true, //Hide close button of the Window
    modal: modalSw, //When modal:true it make the window modal and mask everything behind it when displayed
    //iconCls: 'ICON_CASES_NOTES',
    autoCreate: true,
    height:400,
    shadow:true,
    minWidth:300,
    minHeight:200,
    proxyDrag: true,
    keys: {
      key: 27,
      fn  : function(){
        caseNotesWindow.hide();
      }
    },
    autoScroll:true,
    items:[panelNotes],
    tools:[
    {
      id:'refresh',
      handler:function() {
        storeNotes.load();
      }
    }
    ],
    tbar:tbar,
    bbar:[
      new Ext.ux.StatusBar({
        defaultText : _('ID_NOTES_READY'),
        id : 'notesStatusPanel',
        //defaultIconCls: 'ICON_CASES_NOTES',
        text: _('ID_NOTES_READY'), // values to set initially:
        //iconCls: 'ready-icon',
        statusAlign: 'left',
        items: [] // any standard Toolbar items:
      }), '->',
      {
        id: 'newNoteButton',
        text: _('ID_NEW_NOTE'),
        handler: newNoteHandler
      },
      {
        text: _('ID_CANCEL'),
        handler: function()
        {
          caseNotesWindow.close();
        }
      }
    ],
    listeners: {
      show:function() {
        this.loadMask = new Ext.LoadMask(this.body, {
          msg:_('ID_LOADING')
        });
      },
      close:function(){
        if (Ext.get("caseNotes")) {
          Ext.getCmp("caseNotes").toggle(false);
          //Ext.getCmp('caseNotes').show();
        }
      }
    }
  });

  caseNotesWindow.getTopToolbar().hide();
  caseNotesWindow.show();
}

function newNoteHandler()
{
  newNoteAreaActive = newNoteAreaActive ? false : true;
  if (newNoteAreaActive) {
    Ext.getCmp('newNoteButton').setText(_('ID_CANCEL_NEW_NOTE'));
    caseNotesWindow.getTopToolbar().show();
    Ext.getCmp('caseNoteText').focus();
    Ext.getCmp('caseNoteText').reset();
  } 
  else {
    Ext.getCmp('newNoteButton').setText(_('ID_NEW_NOTE'));
    caseNotesWindow.getTopToolbar().hide();
  }
  caseNotesWindow.doLayout();
}

function statusBarMessage( msg, isLoading, success ) {
  // console.log("Status Bar needed");
  // console.log(msg);
  var statusBar = Ext.getCmp('notesStatusPanel');
  if( !statusBar ) return;
  // console.log("Status bar acceced: "+msg);
  if( isLoading ) {
    statusBar.showBusy(msg);
  }
  else {
    //statusBar.setStatus("Done.");
    statusBar.clearStatus();
    if( success ) {
      statusBar.setStatus({
        text: '' + msg,
        //iconCls: 'success',
        clear: true
      });
    } else {
      statusBar.setStatus({
        text: 'Error: ' + msg,
        //iconCls: 'error',
        clear: true
      });
    }
  }
}


/* Case Notes - End */
/* Case Summary - Start */
var openSummaryWindow = function(appUid, delIndex) 
{
  Ext.Ajax.request({
    url : '../appProxy/requestOpenSummary',
    params : {
      appUid  : appUid,
      delIndex: delIndex
    },
    success: function (result, request) {
      var response = Ext.util.JSON.decode(result.responseText);
      if (response.success) {
        var sumaryInfPanel = PMExt.createInfoPanel('../appProxy/getSummary', {appUid: appUid, delIndex: delIndex});
        sumaryInfPanel.setTitle(_('ID_GENERATE_INFO'));

        var summaryWindow = new Ext.Window({
          title: _('ID_SUMMARY'),
          width: 500,
          height: 420,
          resizable: false,
          closable: true,
          modal: true,
          autoScroll:true,
          keys: {
            key: 27,
            fn: function() {
              summaryWindow.close();
            }
          },
          buttons : [{
           text    : _('ID_CANCEL'),
           handler : function(){
            summaryWindow.close();
           }}
          ],
        });

        if (response.dynUid != '') {
          var tabs = new Array();
          tabs.push(sumaryInfPanel);
          tabs.push({title: Ext.util.Format.capitalize(_('ID_MORE_INFORMATION')), bodyCfg: {
            tag: 'iframe',
            id: 'summaryIFrame',
            src: '../cases/summary?APP_UID=' + appUid + '&DEL_INDEX=' + delIndex + '&DYN_UID=' + response.dynUid,
            style: {border: '0px none', height: '440px'},
            onload: ''
          }});
          var summaryTabs = new Ext.TabPanel({
            activeTab: 0,
            items: tabs
          });
          summaryWindow.add(summaryTabs);
        }
        else {
          summaryWindow.add(sumaryInfPanel);
        }
        summaryWindow.doLayout();
        summaryWindow.show();
      }
      else {
        PMExt.warning(_('ID_WARNING'), response.message);
      }
    },
    failure: function (result, request) {
      PMExt.error(_('ID_ERROR'), result.responseText);
    }
  });
}
/* Case Summary - End*/