diff --git a/workflow/engine/templates/app/main.js b/workflow/engine/templates/app/main.js
index 44f39dd8a..432a68563 100644
--- a/workflow/engine/templates/app/main.js
+++ b/workflow/engine/templates/app/main.js
@@ -8,48 +8,47 @@ var toolTipChkSendMail;
 var caseNotesForm;
 var uploadItemsSize = 5;
 
-function closeCaseNotesWindow(){
-  if(Ext.get("caseNotesWindowPanel")){
+function closeCaseNotesWindow() {
+  if (Ext.get("caseNotesWindowPanel")) {
     Ext.get("caseNotesWindowPanel").destroy();
   }
 }
 
-function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskUid)
-{
+function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskUid) {
   Ext.MessageBox.show({
     msg: _('ID_CASE_NOTES_LOADING'),
     progressText: _('ID_SAVING'),
-    width:300,
-    wait:true,
-    waitConfig: {interval:200},
+    width: 300,
+    wait: true,
+    waitConfig: { interval: 200 },
     animEl: 'mb7'
   });
 
   Ext.QuickTips.init();
-  appUid  = !appUid1 ? "": appUid1;
-  delIndex = (!delIndex)? 0: delIndex;
-  proUid  = !proUid  ? "": proUid;
-  taskUid = !taskUid ? "": taskUid;
+  appUid = !appUid1 ? "" : appUid1;
+  delIndex = (!delIndex) ? 0 : delIndex;
+  proUid = !proUid ? "" : proUid;
+  taskUid = !taskUid ? "" : taskUid;
 
-  var startRecord=0;
-  var loadSize=10;
+  var startRecord = 0;
+  var loadSize = 10;
 
-  startRecord=startRecord+loadSize;
+  startRecord = startRecord + loadSize;
 
   storeNotes = new Ext.data.JsonStore({
     url: "../appProxy/getNotesList?appUid=" + appUid + "&delIndex=" + delIndex + "&pro=" + proUid + "&tas=" + taskUid,
     root: 'notes',
     totalProperty: 'totalCount',
-    fields: ['USR_USERNAME','USR_FIRSTNAME','USR_LASTNAME','USR_FULL_NAME','NOTE_DATE','NOTE_CONTENT', 'USR_UID','USR_EMAIL', 'attachments', 'user'],
-    baseParams:{
-      start:0,
-      limit:startRecord+loadSize
+    fields: ['USR_USERNAME', 'USR_FIRSTNAME', 'USR_LASTNAME', 'USR_FULL_NAME', 'NOTE_DATE', 'NOTE_CONTENT', 'USR_UID', 'USR_EMAIL', 'attachments', 'user'],
+    baseParams: {
+      start: 0,
+      limit: startRecord + loadSize
     },
-    listeners:{
-      load:function(response){
+    listeners: {
+      load: function (response) {
         Ext.MessageBox.hide();
-        if ( typeof(storeNotes.reader.jsonData.noPerms != 'undefined') &&
-           (storeNotes.reader.jsonData.noPerms == '1') ) {
+        if (typeof (storeNotes.reader.jsonData.noPerms != 'undefined') &&
+          (storeNotes.reader.jsonData.noPerms == '1')) {
           Ext.MessageBox.show({
             title: _('ID_WARNING'),
             msg: _('ID_CASES_NOTES_NO_PERMISSIONS'),
@@ -61,11 +60,11 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
         }
 
         caseNotesWindow.setTitle(_('ID_CASES_NOTES') + ' (' + storeNotes.data.items.length + ')');
-        title = !appTitle ? storeNotes.reader.jsonData.appTitle : appTitle ;
+        title = !appTitle ? storeNotes.reader.jsonData.appTitle : appTitle;
 
-        if(storeNotes.getCount()<storeNotes.getTotalCount()){
+        if (storeNotes.getCount() < storeNotes.getTotalCount()) {
           Ext.getCmp('CASES_MORE_BUTTON').show();
-        }else{
+        } else {
           Ext.getCmp('CASES_MORE_BUTTON').hide();
         }
 
@@ -73,104 +72,102 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
         newNoteAreaActive = false;
         newNoteHandler();
       },
-      exception: function(dp, type, action, options, response, arg)  {
-      responseObject = Ext.util.JSON.decode(response.responseText);
-      if (responseObject.lostSession) {
-           Ext.Msg.show({
-              title: _('ID_ERROR'),
-              msg: responseObject.message,
-              animEl: 'elId',
-              icon: Ext.MessageBox.ERROR,
-              buttons: Ext.MessageBox.OK,
-              fn : function(btn) {
-                try
-                     {
-                       prnt = parent.parent;
-                       top.location = top.location;
-                     }
-                   catch (err)
-                      {
-                       parent.location = parent.location;
-                      }
+      exception: function (dp, type, action, options, response, arg) {
+        responseObject = Ext.util.JSON.decode(response.responseText);
+        if (responseObject.lostSession) {
+          Ext.Msg.show({
+            title: _('ID_ERROR'),
+            msg: responseObject.message,
+            animEl: 'elId',
+            icon: Ext.MessageBox.ERROR,
+            buttons: Ext.MessageBox.OK,
+            fn: function (btn) {
+              try {
+                prnt = parent.parent;
+                top.location = top.location;
               }
-            });
+              catch (err) {
+                parent.location = parent.location;
+              }
+            }
+          });
+        }
       }
     }
-    }
   });
   storeNotes.load();
 
   var panelNotes = new Ext.Panel({
-    id:'notesPanel',
-    frame:true,
-    autoWidth:true,
-    autoHeight:true,
-    collapsible:false,
-    items:[
+    id: 'notesPanel',
+    frame: true,
+    autoWidth: true,
+    autoHeight: true,
+    collapsible: false,
+    items: [
       new Ext.DataView({
         store: storeNotes,
-        loadingtext:_('ID_CASE_NOTES_LOADING'),
+        loadingtext: _('ID_CASE_NOTES_LOADING'),
         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>'+
-                        '<div style="width: 370px; overflow-x:auto; height: 80px;" class="x-editable x-message"><p>{NOTE_CONTENT}</p>'+
-                        '<ul class="nav_list"><li>{files}</li></ul></div>' +
-                        '<p class="x-editable"><small>'+_('ID_POSTED_AT')+'<i> {NOTE_DATE}</i></small></p>'+
-                      '</td>' +
-                    '</tr>' +
-                '</tbody></table></div>' +
-             '</tpl>',
+          '<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>' +
+          '<div style="width: 370px; overflow-x:auto; height: 80px;" class="x-editable x-message"><p>{NOTE_CONTENT}</p>' +
+          '<ul class="nav_list"><li>{files}</li></ul></div>' +
+          '<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: false,
 
-        prepareData: function(data){
+        prepareData: function (data) {
           var i;
           data.user = _FNF(data.USR_EMAIL, data.USR_FIRSTNAME, data.USR_LASTNAME);
           //the 'NOTE_CONTENT' is used directly in an HTML template, so reserved characters 
           //must be converted to HTML entities.
           data.NOTE_CONTENT = Ext.util.Format.htmlEncode(data.NOTE_CONTENT);
-          data.NOTE_CONTENT = data.NOTE_CONTENT.replace(/\n/g,' <br/>');
+          data.NOTE_CONTENT = data.NOTE_CONTENT.replace(/\n/g, ' <br/>');
           data.files = "";
           for (i = 0; i < data.attachments.length; i += 1) {
-              data.files += "<a href='" + data.attachments[i].LINK + "' title='" + data.attachments[i].APP_DOC_FILENAME + "'>" + data.attachments[i].APP_DOC_FILENAME + "</a>";
+            data.files += "<a href='" + data.attachments[i].LINK + "' title='" + data.attachments[i].APP_DOC_FILENAME + "'>" + data.attachments[i].APP_DOC_FILENAME + "</a>";
           }
           return data;
         },
 
         listeners: {
           selectionchange: {
-            fn: function(dv,nodes){
+            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){
+            fn: function (dv, nodes, a) {
             }
           }
         }
-      }),{
-        xtype:'button',
-        id:'CASES_MORE_BUTTON',
+      }), {
+        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;
+        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
+            params: {
+              start: 0,
+              limit: startRecord + loadSize
             }
           });
         }
@@ -181,91 +178,91 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
    * Factory to create upload files field dinamically
    * @return {Object}
    */
-  function uploadFileFactory () {
-      return  {
-          xtype: 'fileuploadfield',
-          emptyText: '',
-          fieldLabel: _('ID_ATTACH_FILE'),
-          buttonText: _('ID_SELECT_FILE'),
-          name: 'filesToUpload[]',
-          allowBlank: true,
-          width : '70%',
-          validator: function (filePath) {
-              var flag = false;
-              if (caseNotesWindow.isVisible() === false || filePath === "") {
-                  return true;
-              }
-              filePath = filePath.replace(/^\s|\s$/g, ""); //trims string
-              if (filePath.match(/([^\/\\]+)\.(pdf|gif|jpg|png|doc|docx|xls|xlsx|txt|mp4|mpv|mpeg|mpg|mov)$/i)) {
-                flag = true;
-              } else {
-                  messageError = _('ID_ERROR_UPLOADING_IMAGE_TYPE');
-                  PMExt.notify(_('ID_ERROR'), messageError);
-                  flag = false;
-                  this.setRawValue(null);
-              }
-            return flag;
-          }
-      };
+  function uploadFileFactory() {
+    return {
+      xtype: 'fileuploadfield',
+      emptyText: '',
+      fieldLabel: _('ID_ATTACH_FILE'),
+      buttonText: _('ID_SELECT_FILE'),
+      name: 'filesToUpload[]',
+      allowBlank: true,
+      width: '70%',
+      validator: function (filePath) {
+        var flag = false;
+        if (caseNotesWindow.isVisible() === false || filePath === "") {
+          return true;
+        }
+        filePath = filePath.replace(/^\s|\s$/g, ""); //trims string
+        if (filePath.match(/([^\/\\]+)\.(pdf|gif|jpg|png|doc|docx|xls|xlsx|txt|mp4|mpv|mpeg|mpg|mov)$/i)) {
+          flag = true;
+        } else {
+          messageError = _('ID_ERROR_UPLOADING_IMAGE_TYPE');
+          PMExt.notify(_('ID_ERROR'), messageError);
+          flag = false;
+          this.setRawValue(null);
+        }
+        return flag;
+      }
+    };
   };
 
   // Cases notes form to insert coments and attach files
   caseNotesForm = new Ext.FormPanel({
-      width: 462,
-      anchor: '100%',
-      baseCls: 'x-plain',
-      fileUpload: true,
-      items:
-          [
-              {
-                  text : _('ID_NEW_NOTE'),  
-                  xtype : 'textarea',
-                  id : 'caseNoteText',
-                  name : 'caseNoteText',
-                  width : '98%',
-                  height : 100,
-                  hideLabel: true,
-                  maxLengthText : 1500,
-                  allowBlank :false,
-                  selectOnFocus :true,
-                  enableKeyEvents: true,
-                  listeners : {
-                    scope : this,
-                    keyup : updateTextCtr,
-                    keydown: updateTextCtr,
-                    'change': function(field, newVal, oldVal) {
-                        var textAreaValue = newVal.replace(/^\s+/,'').replace(/\s+$/,'');
-                        field.setValue(textAreaValue.trim());
-                        Ext.getCmp('caseNoteText').focus(false, 200);
-                    }
-                  }
+    width: 462,
+    anchor: '100%',
+    baseCls: 'x-plain',
+    fileUpload: true,
+    items:
+      [
+        {
+          text: _('ID_NEW_NOTE'),
+          xtype: 'textarea',
+          id: 'caseNoteText',
+          name: 'caseNoteText',
+          width: '98%',
+          height: 100,
+          hideLabel: true,
+          maxLengthText: 1500,
+          allowBlank: false,
+          selectOnFocus: true,
+          enableKeyEvents: true,
+          listeners: {
+            scope: this,
+            keyup: updateTextCtr,
+            keydown: updateTextCtr,
+            'change': function (field, newVal, oldVal) {
+              var textAreaValue = newVal.replace(/^\s+/, '').replace(/\s+$/, '');
+              field.setValue(textAreaValue.trim());
+              Ext.getCmp('caseNoteText').focus(false, 200);
+            }
+          }
+        }
+      ],
+    buttons:
+      [
+        {
+          text: _('ID_ADD_FILE'),
+          id: 'btnAddFile',
+          type: 'button',
+          handler: function () {
+            var uploadFields = caseNotesForm.findByType('fileuploadfield');
+            if (uploadFields.length >= 1 && uploadFields.length < uploadItemsSize) {
+              if (uploadFields[uploadFields.length - 1].getValue() !== "") {
+                caseNotesForm.add(uploadFileFactory());
+                caseNotesForm.doLayout();
+                caseNotesWindow.doLayout();
+              } else {
+                messageError = _('ID_PLEASE_SELECT_FILES_TO_UPLOAD');
+                PMExt.notify(_('ID_ERROR'), messageError);
               }
-          ],
-      buttons:
-          [
-              {
-                  text: _('ID_ADD_FILE'),
-                  id: 'btnAddFile',
-                  type: 'button',
-                  handler: function () {
-                      var uploadFields = caseNotesForm.findByType('fileuploadfield');
-                      if (uploadFields.length >= 1 && uploadFields.length  < uploadItemsSize) {
-                          if (uploadFields[uploadFields.length - 1].getValue() !== "") {
-                              caseNotesForm.add(uploadFileFactory());
-                              caseNotesForm.doLayout();
-                              caseNotesWindow.doLayout(); 
-                          } else {
-                              messageError = _('ID_PLEASE_SELECT_FILES_TO_UPLOAD');
-                              PMExt.notify(_('ID_ERROR'), messageError);
-                          }
-                      }
-                      if (uploadFields.length === uploadItemsSize - 1) {
-                          this.setDisabled(true);
-                      }
-                     
-                  }
-              }
-          ]
+            }
+            if (uploadFields.length === uploadItemsSize - 1) {
+              this.setDisabled(true);
+            }
+
+          }
+        }
+      ]
   });
   caseNotesWindow = new Ext.Window({
     title: _('ID_CASES_NOTES'), //Title of the Window
@@ -276,37 +273,37 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
     modal: modalSw, //When modal:true it make the window modal and mask everything behind it when displayed
     //iconCls: 'ICON_CASES_NOTES',
     autoCreate: true,
-    height:450,
-    shadow:true,
-    minWidth:380,
-    minHeight:200,
+    height: 450,
+    shadow: true,
+    minWidth: 380,
+    minHeight: 200,
     proxyDrag: true,
     constrain: true,
     keys: {
       key: 27,
-      fn : function(){
+      fn: function () {
         caseNotesWindow.hide();
       }
     },
-    autoScroll:true,
-    items:[panelNotes],
-    tools:[
-    {
-      id:'refresh',
-      handler:function() {
-        storeNotes.load();
+    autoScroll: true,
+    items: [panelNotes],
+    tools: [
+      {
+        id: 'refresh',
+        handler: function () {
+          storeNotes.load();
+        }
       }
-    }
     ],
-    tbar:[caseNotesForm],
+    tbar: [caseNotesForm],
     rowtbar: [
       [
         {
-            xtype: "checkbox",
-            id: "chkSendMail",
-            name: "chkSendMail",
-            checked: false,
-            boxLabel: _("ID_CASE_NOTES_LABEL_SEND")
+          xtype: "checkbox",
+          id: "chkSendMail",
+          name: "chkSendMail",
+          checked: false,
+          boxLabel: _("ID_CASE_NOTES_LABEL_SEND")
         },
         '->',
         '<span id="countChar">1500</span>',
@@ -331,10 +328,10 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
         }
       ]
     ],
-    bbar:[
+    bbar: [
       new Ext.ux.StatusBar({
-        defaultText : _('ID_NOTES_READY'),
-        id : 'notesStatusPanel',
+        defaultText: _('ID_NOTES_READY'),
+        id: 'notesStatusPanel',
         //defaultIconCls: 'ICON_CASES_NOTES',
         text: _('ID_NOTES_READY'), // values to set initially:
         //iconCls: 'ready-icon',
@@ -343,19 +340,19 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
       })
     ],
     listeners: {
-      show:function() {
-        if (typeof(parent.setFlag) != 'undefined') {
+      show: function () {
+        if (typeof (parent.setFlag) != 'undefined') {
           parent.setFlag(false);
         }
         this.loadMask = new Ext.LoadMask(this.body, {
-          msg:_('ID_LOADING')
+          msg: _('ID_LOADING')
         });
         caseNotesForm.add(uploadFileFactory());
         caseNotesForm.doLayout();
         caseNotesWindow.doLayout();
       },
-      close:function(){
-        if (typeof(parent.setFlag) != 'undefined') {
+      close: function () {
+        if (typeof (parent.setFlag) != 'undefined') {
           parent.setFlag(true);
         }
         if (Ext.get("caseNotes")) {
@@ -367,11 +364,11 @@ function openCaseNotesWindow(appUid1, delIndex, modalSw, appTitle, proUid, taskU
   });
 
   toolTipChkSendMail = new Ext.ToolTip({
-      dismissDelay: 3000, //auto hide after 3 seconds
-      title: _("ID_CASE_NOTES_HINT_SEND"),
-      //html "",
-      //text: "",
-      width: 200
+    dismissDelay: 3000, //auto hide after 3 seconds
+    title: _("ID_CASE_NOTES_HINT_SEND"),
+    //html "",
+    //text: "",
+    width: 200
   });
 }
 
@@ -383,22 +380,21 @@ function updateTextCtr(body, event) {
   maxLength = 1500;
 
   if (text.length > maxLength) {
-    Ext.getCmp('caseNoteText').setValue(Ext.getCmp('caseNoteText').getValue().substr(0,1500));
+    Ext.getCmp('caseNoteText').setValue(Ext.getCmp('caseNoteText').getValue().substr(0, 1500));
   }
   else {
     document.getElementById('countChar').innerHTML = maxLength - text.length;
   }
 }
 
-function newNoteHandler()
-{
+function newNoteHandler() {
   var i;
   newNoteAreaActive = newNoteAreaActive ? false : true;
   if (newNoteAreaActive) {
     Ext.getCmp('addCancelBtn').setText('');
     Ext.getCmp('addCancelBtn').setTooltip({
       title: _('ID_CASES_NOTES_ADD'),
-      text: _('ID_CASE') +': '+ title
+      text: _('ID_CASE') + ': ' + title
     });
 
     Ext.getCmp('addCancelBtn').setIcon('/images/comment_add.gif');
@@ -413,7 +409,7 @@ function newNoteHandler()
     toolTipChkSendMail.initTarget("chkSendMail");
 
     Ext.getCmp('addCancelBtn').setText('');
-    Ext.getCmp('addCancelBtn').setTooltip({title: _('ID_CASES_NOTES_CANCEL')});
+    Ext.getCmp('addCancelBtn').setTooltip({ title: _('ID_CASES_NOTES_CANCEL') });
     Ext.getCmp('addCancelBtn').setIcon('/images/cancel.png');
 
     caseNotesWindow.getTopToolbar().show();
@@ -437,7 +433,7 @@ function newNoteHandler()
   caseNotesWindow.doLayout();
 }
 
-function sendNote(){
+function sendNote() {
   var noteText = Ext.getCmp('caseNoteText').getValue();
   if (noteText == "") {
     return false;
@@ -448,79 +444,79 @@ function sendNote(){
   Ext.getCmp('caseNoteText').setDisabled(true);
   Ext.getCmp('sendBtn').setDisabled(true);
   Ext.getCmp('addCancelBtn').setDisabled(true);
-  statusBarMessage( _('ID_CASES_NOTE_POSTING'), true);
+  statusBarMessage(_('ID_CASES_NOTE_POSTING'), true);
 
   caseNotesForm.getForm().submit({
-      clientValidation: true,
-      url: '../appProxy/postNote',
-      params: {
-        appUid: appUid,
-        noteText: noteText,
-        swSendMail: (Ext.getCmp("chkSendMail").checked === true) ? 1 : 0
-      },
-      success: function ( result, request ) {
-        var data = Ext.util.JSON.decode(request.response.responseText);
-        if(data.success=="success"){
-          Ext.getCmp('caseNoteText').setDisabled(false);
-          Ext.getCmp('sendBtn').setDisabled(false);
-          Ext.getCmp('addCancelBtn').setDisabled(false);
-          if (data.message != '') {
-              Ext.Msg.show({
-                  title : _('ID_CASES_NOTE_POST_ERROR'),
-                  msg : data.message,
-                  icon : Ext.MessageBox.WARNING,
-                  buttons : Ext.Msg.OK,
-                  fn : function(btn) {
-                      statusBarMessage( _('ID_CASES_NOTE_POST_SUCCESS'), false,true);
-                      storeNotes.load();
-                  }
-              });
-          } else {
-              statusBarMessage( _('ID_CASES_NOTE_POST_SUCCESS'), false,true);
-              storeNotes.load();
-          }
-        } else if (data.lostSession) {
+    clientValidation: true,
+    url: '../appProxy/postNote',
+    params: {
+      appUid: appUid,
+      noteText: noteText,
+      swSendMail: (Ext.getCmp("chkSendMail").checked === true) ? 1 : 0
+    },
+    success: function (result, request) {
+      var data = Ext.util.JSON.decode(request.response.responseText);
+      if (data.success == "success") {
+        Ext.getCmp('caseNoteText').setDisabled(false);
+        Ext.getCmp('sendBtn').setDisabled(false);
+        Ext.getCmp('addCancelBtn').setDisabled(false);
+        if (data.message != '') {
           Ext.Msg.show({
-                title : _('ID_CASES_NOTE_POST_ERROR'),
-                msg : data.message,
-                icon : Ext.MessageBox.ERROR,
-                buttons : Ext.Msg.OK,
-                fn : function(btn) {
-                    try {
-                        prnt = parent.parent;
-                        top.location = top.location;
-                    } catch (err) {
-                        parent.location = parent.location;
-                    }
-                }
-           });
+            title: _('ID_CASES_NOTE_POST_ERROR'),
+            msg: data.message,
+            icon: Ext.MessageBox.WARNING,
+            buttons: Ext.Msg.OK,
+            fn: function (btn) {
+              statusBarMessage(_('ID_CASES_NOTE_POST_SUCCESS'), false, true);
+              storeNotes.load();
+            }
+          });
         } else {
-          Ext.getCmp('caseNoteText').setDisabled(false);
-          Ext.getCmp('sendBtn').setDisabled(false);
-          Ext.getCmp('addCancelBtn').setDisabled(false);
-          statusBarMessage( _('ID_CASES_NOTE_POST_ERROR'), false,false);
-          Ext.MessageBox.alert(_('ID_CASES_NOTE_POST_ERROR'), data.message);
-  
+          statusBarMessage(_('ID_CASES_NOTE_POST_SUCCESS'), false, true);
+          storeNotes.load();
         }
-      },
-      failure: function ( result, request) {
-        statusBarMessage( _('ID_CASES_NOTE_POST_FAILED'), false,false);
-        Ext.MessageBox.alert(_('ID_CASES_NOTE_POST_FAILED'), result.responseText);
+      } else if (data.lostSession) {
+        Ext.Msg.show({
+          title: _('ID_CASES_NOTE_POST_ERROR'),
+          msg: data.message,
+          icon: Ext.MessageBox.ERROR,
+          buttons: Ext.Msg.OK,
+          fn: function (btn) {
+            try {
+              prnt = parent.parent;
+              top.location = top.location;
+            } catch (err) {
+              parent.location = parent.location;
+            }
+          }
+        });
+      } else {
+        Ext.getCmp('caseNoteText').setDisabled(false);
+        Ext.getCmp('sendBtn').setDisabled(false);
+        Ext.getCmp('addCancelBtn').setDisabled(false);
+        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);
+    }
   });
 }
 
-function statusBarMessage( msg, isLoading, success ) {
+function statusBarMessage(msg, isLoading, success) {
   var statusBar = Ext.getCmp('notesStatusPanel');
-  if( !statusBar ) return;
+  if (!statusBar) return;
 
-  if( isLoading ) {
+  if (isLoading) {
     statusBar.showBusy(msg);
   }
   else {
     //statusBar.setStatus("Done.");
     statusBar.clearStatus();
-    if( success ) {
+    if (success) {
       statusBar.setStatus({
         text: '' + msg,
         iconCls: 'x-status-valid',
@@ -543,23 +539,102 @@ function statusBarMessage( msg, isLoading, success ) {
 /* Case Notes - End */
 
 /* Case Summary - Start */
-var openSummaryWindow = function(appUid, delIndex, action)
-{
+var createInfoPanel = function (url, params, columnsSize, root, title) {
+  var labelColumnWidth = 170;
+  var valueColumnWidth = 350;
+  params = params || {};
+  if (typeof columnsSize !== 'undefined') {
+    labelColumnWidth = columnsSize[0] || labelColumnWidth;
+    valueColumnWidth = columnsSize[1] || valueColumnWidth;
+  }
+  return new Ext.grid.GridPanel({
+    store: new Ext.data.GroupingStore({
+      autoLoad: true,
+      proxy: new Ext.data.HttpProxy({
+        url: url,
+        method: 'POST'
+      }),
+      baseParams: params,
+      reader: new Ext.data.JsonReader({
+        root: function (o) {
+          var out = [], title, obj = o["caseProperties"], obj2, index, i;
+          title = o["caseProperties"][0];
+          label = title["label"];
+          for (index = 1; index < obj.length; index = index + 1) {
+            obj[index].section = label;
+            out.push(obj[index]);
+          }
+          if (o["taskProperties"].length > 0) {
+            title = o["taskProperties"][0];
+            label = title["label"];
+            obj2 = o["taskProperties"];
+
+            for (index = 1; index < obj2.length; index = index + 1) {
+              for (i = 0; i < obj2[index].length; i = i + 1) {
+                obj2[index][i].section = label;
+                obj2[index][i].id = obj2[index][i].id + index;
+                out.push(obj2[index][i]);
+              }
+            }
+          }
+          return out;
+        },
+        fields: [{
+          name: 'label'
+        }, {
+          name: 'value'
+        }, {
+          name: 'section'
+        }]
+      }),
+      groupField: 'section'
+    }),
+    columns: [{
+      width: labelColumnWidth,
+      dataIndex: "label",
+      renderer: function (v) {
+        return "<b><font class='selectText' color=\"#465070\">" + v + "</font></b>";
+      },
+      align: "right"
+    }, {
+      width: valueColumnWidth,
+      dataIndex: "value",
+      renderer: function (v) {
+        return "<b class='selectText'>" + v + "</b>";
+      }
+    }, {
+      hidden: true,
+      dataIndex: "section"
+    }],
+    autoHeight: true,
+    columnLines: true,
+    trackMouseOver: false,
+    disableSelection: true,
+    view: new Ext.grid.GroupingView({
+      forceFit: true,
+      headersDisabled: true,
+      groupTextTpl: '{group}'
+    }),
+    loadMask: true
+  });
+};
+
+var openSummaryWindow = function (appUid, delIndex, action) {
   if (summaryWindowOpened) {
     return;
   }
   summaryWindowOpened = true;
   Ext.Ajax.request({
-    url : '../appProxy/requestOpenSummary',
-    params : {
-      appUid  : appUid,
+    url: '../appProxy/requestOpenSummary',
+    params: {
+      appUid: appUid,
       delIndex: delIndex,
       action: action
     },
     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, action: action});
+        var sumaryInfPanel = createInfoPanel('../appProxy/getSummary', { appUid: appUid, delIndex: delIndex, action: action }, [], "caseProperties", _("ID_CASE_PROPERTIES"));
         sumaryInfPanel.setTitle(_('ID_GENERATE_INFO'));
 
         var summaryWindow = new Ext.Window({
@@ -570,11 +645,11 @@ var openSummaryWindow = function(appUid, delIndex, action)
           resizable: true,
           closable: true,
           modal: true,
-          autoScroll:true,
+          autoScroll: true,
           constrain: true,
           keys: {
             key: 27,
-            fn: function() {
+            fn: function () {
               summaryWindow.close();
             }
           }/*,
@@ -588,113 +663,119 @@ var openSummaryWindow = function(appUid, delIndex, action)
 
         var tabs = new Array();
         var isMovil = {
-            Android: function() {
-                return navigator.userAgent.match(/Android/i);
-            },
-            BlackBerry: function() {
-                return navigator.userAgent.match(/BlackBerry/i);
-            },
-            iOS: function() {
-                return navigator.userAgent.match(/iPhone|iPad|iPod/i);
-            },
-            Opera: function() {
-                return navigator.userAgent.match(/Opera Mini/i);
-            },
-            Windows: function() {
-                return navigator.userAgent.match(/IEMobile/i);
-            },
-            other: function() {
-                return navigator.userAgent.match(/Mobile/i);
-            },
-            any: function() {
-                return isMovil.Android() || isMovil.BlackBerry() || isMovil.iOS() || isMovil.Opera() || isMovil.Windows() || isMovil.other();
-            }
+          Android: function () {
+            return navigator.userAgent.match(/Android/i);
+          },
+          BlackBerry: function () {
+            return navigator.userAgent.match(/BlackBerry/i);
+          },
+          iOS: function () {
+            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+          },
+          Opera: function () {
+            return navigator.userAgent.match(/Opera Mini/i);
+          },
+          Windows: function () {
+            return navigator.userAgent.match(/IEMobile/i);
+          },
+          other: function () {
+            return navigator.userAgent.match(/Mobile/i);
+          },
+          any: function () {
+            return isMovil.Android() || isMovil.BlackBerry() || isMovil.iOS() || isMovil.Opera() || isMovil.Windows() || isMovil.other();
+          }
         };
-        
+
         tabs.push(sumaryInfPanel);
         if (response.dynUid != '') {
-            if (isMovil.any()) {
-                var src = '../cases/summary?APP_UID=' + appUid + '&DEL_INDEX=' + delIndex + '&DYN_UID=' + response.dynUid;
+          if (isMovil.any()) {
+            var src = '../cases/summary?APP_UID=' + appUid + '&DEL_INDEX=' + delIndex + '&DYN_UID=' + response.dynUid;
 
-                var windowOpen = function() {
-                    window.open(src,'_blank');
-                };
+            var windowOpen = function () {
+              window.open(src, '_blank');
+            };
 
-                var openDynaform = new Ext.Action({
-                    text: _('ID_OPEN_DYNAFORM_TAB'),
-                    id: 'buttonOpenDynaform',
-                    handler: windowOpen
-                });
+            var openDynaform = new Ext.Action({
+              text: _('ID_OPEN_DYNAFORM_TAB'),
+              id: 'buttonOpenDynaform',
+              handler: windowOpen
+            });
 
-                var fieldsAS = new Ext.form.FieldSet({
-                    bodyStyle:'align:center',
-                    items: [
-                        {
-                            xtype:'button',
-                            id: 'buttonOpenDynaform',
-                            name: 'buttonOpenDynaform',
-                            hidden: true,
-                            text: _('ID_OPEN_DYNAFORM_TAB'),
-                            handler:function() {
-                                window.open(src,'_blank');
-                            }
-                        },
-                        {
-                            html:'<iframe src="'+ src +'" width="100%" height="350" frameBorder="0"></iframe>'
-                        }
-                    ]
-                });
-                var panel =  new Ext.FormPanel({
-                    labelAlign:'center',
-                    autoScroll: true,
-                    fileUpload: true,
-                    width:'100%',
-                    height: '50px',
-                    bodyStyle:'padding:10px',
-                    waitMsgTarget : true,
-                    frame: true,
-                    defaults: {
-                      anchor: '100%',
-                      allowBlank: false,
-                      resizable: true,
-                      msgTarget: 'side',
-                      align:'center'
-                    },
-                    items:[
-                    fieldsAS
-                    ]
-                  });
-                tabs.push({
-                    title: _('ID_MORE_INFORMATION'),
-                    layout: 'fit',
-                    items: [panel]
-                });
-            } else {
-                tabs.push({title: _('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: '300px', overflow: 'auto'},
-                    onload: ''
-                }});
-            }
+            var fieldsAS = new Ext.form.FieldSet({
+              bodyStyle: 'align:center',
+              items: [
+                {
+                  xtype: 'button',
+                  id: 'buttonOpenDynaform',
+                  name: 'buttonOpenDynaform',
+                  hidden: true,
+                  text: _('ID_OPEN_DYNAFORM_TAB'),
+                  handler: function () {
+                    window.open(src, '_blank');
+                  }
+                },
+                {
+                  html: '<iframe src="' + src + '" width="100%" height="350" frameBorder="0"></iframe>'
+                }
+              ]
+            });
+            var panel = new Ext.FormPanel({
+              labelAlign: 'center',
+              autoScroll: true,
+              fileUpload: true,
+              width: '100%',
+              height: '50px',
+              bodyStyle: 'padding:10px',
+              waitMsgTarget: true,
+              frame: true,
+              defaults: {
+                anchor: '100%',
+                allowBlank: false,
+                resizable: true,
+                msgTarget: 'side',
+                align: 'center'
+              },
+              items: [
+                fieldsAS
+              ]
+            });
+            tabs.push({
+              title: _('ID_MORE_INFORMATION'),
+              layout: 'fit',
+              items: [panel]
+            });
+          } else {
+            tabs.push({
+              title: _('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: '300px', overflow: 'auto' },
+                onload: ''
+              }
+            });
+          }
         }
-        
-        tabs.push({title: _('ID_UPLOADED_DOCUMENTS'), bodyCfg: {
-          tag: 'iframe',
-          id: 'summaryIFrame',
-          src: '../cases/ajaxListener?action=uploadedDocumentsSummary',
-          style: {border: '0px none', height: '300px'},
-          onload: ''
-        }});
 
-        tabs.push({title: _('ID_GENERATED_DOCUMENTS'), bodyCfg: {
-          tag: 'iframe',
-          id: 'summaryIFrame',
-          src: '../cases/ajaxListener?action=generatedDocumentsSummary',
-          style: {border: '0px none',height: '450px'},
-          onload: ''
-        }});
+        tabs.push({
+          title: _('ID_UPLOADED_DOCUMENTS'), bodyCfg: {
+            tag: 'iframe',
+            id: 'summaryIFrame',
+            src: '../cases/ajaxListener?action=uploadedDocumentsSummary',
+            style: { border: '0px none', height: '300px' },
+            onload: ''
+          }
+        });
+
+        tabs.push({
+          title: _('ID_GENERATED_DOCUMENTS'), bodyCfg: {
+            tag: 'iframe',
+            id: 'summaryIFrame',
+            src: '../cases/ajaxListener?action=generatedDocumentsSummary',
+            style: { border: '0px none', height: '450px' },
+            onload: ''
+          }
+        });
         var summaryTabs = new Ext.TabPanel({
           activeTab: 0,
           items: tabs
@@ -703,23 +784,21 @@ var openSummaryWindow = function(appUid, delIndex, action)
         summaryWindow.doLayout();
         summaryWindow.show();
       } else if (response.lostSession) {
-          Ext.Msg.show({
-              title : "ERROR",
-              msg : response.message,
-              icon : Ext.MessageBox.ERROR,
-              buttons : Ext.Msg.OK,
-              fn : function(btn) {
-                   try
-                     {
-                       prnt = parent.parent;
-                       top.location = top.location;
-                     }
-                   catch (err)
-                      {
-                       parent.location = parent.location;
-                      }
-              }
-          });
+        Ext.Msg.show({
+          title: "ERROR",
+          msg: response.message,
+          icon: Ext.MessageBox.ERROR,
+          buttons: Ext.Msg.OK,
+          fn: function (btn) {
+            try {
+              prnt = parent.parent;
+              top.location = top.location;
+            }
+            catch (err) {
+              parent.location = parent.location;
+            }
+          }
+        });
       } else {
         PMExt.warning(_('ID_WARNING'), response.message);
       }
@@ -737,29 +816,29 @@ var openSummaryWindow = function(appUid, delIndex, action)
 Ext.Panel.prototype.originalonRender = Ext.Panel.prototype.onRender;
 
 // override onRender method
-Ext.Panel.prototype.onRender = function(ct, position) {
-    this.originalonRender(ct, position);
+Ext.Panel.prototype.onRender = function (ct, position) {
+  this.originalonRender(ct, position);
 
-    // use the custom rowtbar argument to add it to this TopToolbar
-    if(this.tbar && this.rowtbar){
-        var rowtbar = this.rowtbar;
-        if(!Ext.isArray(rowtbar))
-            return;
+  // use the custom rowtbar argument to add it to this TopToolbar
+  if (this.tbar && this.rowtbar) {
+    var rowtbar = this.rowtbar;
+    if (!Ext.isArray(rowtbar))
+      return;
 
-        for(var i = 0; i < rowtbar.length; i ++) {
-            new Ext.Toolbar(rowtbar[i]).render(this.tbar);
-        }
+    for (var i = 0; i < rowtbar.length; i++) {
+      new Ext.Toolbar(rowtbar[i]).render(this.tbar);
     }
+  }
 
-    // use the custom rowbbar argument to add it to this BottomToolbar
-    if(this.bbar && this.rowbbar) {
-        var rowbbar = this.rowbbar;
-        if(!Ext.isArray(rowbbar))
-            return;
+  // use the custom rowbbar argument to add it to this BottomToolbar
+  if (this.bbar && this.rowbbar) {
+    var rowbbar = this.rowbbar;
+    if (!Ext.isArray(rowbbar))
+      return;
 
-        for(var i = 0; i < rowbbar.length; i ++) {
-            new Ext.Toolbar(rowbbar[i]).render(this.bbar);
-        }
+    for (var i = 0; i < rowbbar.length; i++) {
+      new Ext.Toolbar(rowbbar[i]).render(this.bbar);
     }
+  }
 }