Pman.Tab.bjs
authorAlan Knowles <alan@roojs.com>
Thu, 21 Sep 2017 07:38:02 +0000 (15:38 +0800)
committerAlan Knowles <alan@roojs.com>
Thu, 21 Sep 2017 07:38:02 +0000 (15:38 +0800)
Pman.Tab.js

Pman.Tab.bjs
Pman.Tab.js

index d3a784c..bbdfb40 100644 (file)
@@ -2,9 +2,22 @@
  "name" : "Pman.Tab",
  "parent" : "",
  "title" : "",
- "path" : "/home/khlau/gitlive/Pman.BAdmin/Pman.Tab.bjs",
+ "path" : "/home/alan/gitlive/Pman.BAdmin/Pman.Tab.bjs",
  "permname" : "",
  "modOrder" : "001",
+ "strings" : {
+  "5ccb34cf436eb6764533a70b91796dff" : "简体",
+  "5a2960e17c7b3a49738c91c77967f319" : "繁體",
+  "133f01684f21de28106afc4ac27cac80" : "Search for Crew",
+  "0323de4f66a1700e2173e9bcdce02715" : "Logout",
+  "54d2e870aca5e99bf69f0ee1d494c3b3" : "Update profile",
+  "617114bd6ef10884239510062dffa933" : "Your password has been changed",
+  "8f1e77e0d2be21da93cd4d9a939148f7" : "Change Password",
+  "78463a384a5aa4fad5fa73e2f506ecfc" : "English",
+  "3a08e2e340ab29fd9263af48193cbf8e" : "Languages",
+  "2938c7f7e560ed972f8a4f68e80ff834" : "Dashboard",
+  "24efa7ee4511563b16144f39706d594f" : "Notice"
+ },
  "items" : [
   {
    "xtype" : "Border",
      "$ xns" : "Roo.bootstrap.panel",
      "String region" : "north",
      "items" : [
+      {
+       "$ String brand_href" : "baseURL",
+       "String position" : "static-top",
+       "String cls" : "headroom animated slideDown container no-srButton",
+       "Boolean srButton" : true,
+       "bool autohide" : true,
+       "xtype" : "NavHeaderbar",
+       "Boolean inverse" : false,
+       "Boolean desktopCenter" : true,
+       "String brand" : "Jobsonboats",
+       "$ xns" : "Roo.bootstrap",
+       "String style" : "padding-bottom:0px;",
+       "items" : [
+        {
+         "String type" : "nav",
+         "xtype" : "NavGroup",
+         "String align" : "right",
+         "$ xns" : "Roo.bootstrap",
+         "String style" : "margin-top:0px;margin-bottom:0px;",
+         "items" : [
+          {
+           "String cls" : "hidden",
+           "xtype" : "NavItem",
+           "$ xns" : "Roo.bootstrap",
+           "String html" : "Languages",
+           "items" : [
+            {
+             "xtype" : "Menu",
+             "$ xns" : "Roo.bootstrap",
+             "* prop" : "menu",
+             "items" : [
+              {
+               "listeners" : {
+                "click" : "function (e)\n{\n Hydra.setLanguage('en');\n}"
+               },
+               "xtype" : "MenuItem",
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "English"
+              },
+              {
+               "listeners" : {
+                "click" : "function (e)\n{\n        Hydra.setLanguage('zh_CN');\n}"
+               },
+               "xtype" : "MenuItem",
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "简体"
+              },
+              {
+               "listeners" : {
+                "click" : "function (e)\n{\n        Hydra.setLanguage('zh_HK');\n}"
+               },
+               "xtype" : "MenuItem",
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "繁體"
+              }
+             ]
+            }
+           ]
+          },
+          {
+           "listeners" : {
+            "render" : "function (_self)\n{\n    this.el.setVisibilityMode(Roo.Element.DISPLAY);\n    \n    this.el.hide();\n    \n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    this.el.show();\n}"
+           },
+           "Boolean preventDefault" : true,
+           "xtype" : "NavItem",
+           "$ html" : "Hydra.authUser.firstname + ' ' + Hydra.authUser.lastname",
+           "$ xns" : "Roo.bootstrap",
+           "String icon" : "fa fa-user",
+           "items" : [
+            {
+             "listeners" : {
+              "show" : "function (_self)\n{\n    var width = Roo.lib.Dom.getViewWidth();\n    \n    var xy = this.el.getXY();\n    \n    if(width < 480){\n        xy[0] = 0;\n        this.el.setXY(xy);\n        this.el.setStyle('width', width + 'px');\n    }\n}"
+             },
+             "String cls" : "user-menu",
+             "xtype" : "Menu",
+             "$ xns" : "Roo.bootstrap",
+             "* prop" : "menu",
+             "items" : [
+              {
+               "String cls" : "user-body",
+               "Boolean preventDefault" : true,
+               "xtype" : "MenuItem",
+               "$ xns" : "Roo.bootstrap",
+               "Boolean isContainer" : true,
+               "items" : [
+                {
+                 "xtype" : "Row",
+                 "$ xns" : "Roo.bootstrap",
+                 "items" : [
+                  {
+                   "Number md" : 3,
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap",
+                   "items" : [
+                    {
+                     "xtype" : "Row",
+                     "$ xns" : "Roo.bootstrap",
+                     "items" : [
+                      {
+                       "listeners" : {
+                        "render" : "function (_self)\n{\n    this.el.setVisibilityMode(Roo.Element.DISPLAY);\n   \n    this.el.hide();\n    \n    if(\n        typeof(Hydra.authUser) == 'undefined' ||\n        typeof(Hydra.authUser.profile_photo) != 'object' ||\n        Hydra.authUser.profile_photo.id * 1 < 1\n    ){\n        this.el.show();\n    }\n}"
+                       },
+                       "Number md" : 12,
+                       "xtype" : "Column",
+                       "$ xns" : "Roo.bootstrap",
+                       "String style" : "padding:0px 10px;",
+                       "items" : [
+                        {
+                         "listeners" : {
+                          "click" : "function (e)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    var type = Hydra.authUser.person_type.toLowerCase();\n    \n    window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';\n}"
+                         },
+                         "String cls" : "fa fa-user fa-4x",
+                         "Boolean preventDefault" : true,
+                         "xtype" : "Button",
+                         "Boolean removeClass" : true,
+                         "$ xns" : "Roo.bootstrap"
+                        }
+                       ]
+                      },
+                      {
+                       "listeners" : {
+                        "render" : "function (_self)\n{\n    this.el.setVisibilityMode(Roo.Element.DISPLAY);\n   \n    this.el.show();\n    \n    if(\n        typeof(Hydra.authUser) == 'undefined' ||\n        typeof(Hydra.authUser.profile_photo) != 'object' ||\n        Hydra.authUser.profile_photo.id * 1 < 1\n    ){\n        this.el.hide();\n    }\n}"
+                       },
+                       "Number md" : 12,
+                       "xtype" : "Column",
+                       "$ xns" : "Roo.bootstrap",
+                       "String style" : "padding:0px 10px;",
+                       "items" : [
+                        {
+                         "listeners" : {
+                          "render" : "function (_self)\n{\n    this.el.setVisibilityMode(Roo.Element.DISPLAY);\n   \n    this.el.show();\n    \n    if(\n        typeof(Hydra.authUser) == 'undefined' ||\n        typeof(Hydra.authUser.profile_photo) != 'object' ||\n        Hydra.authUser.profile_photo.id * 1 < 1\n    ){\n        this.el.hide();\n        return;\n    }\n    \n    this.el.attr('src', baseURL + '/Images/Thumb/50/' + Hydra.authUser.profile_photo.id + '/' + Hydra.authUser.profile_photo.filename);\n    \n}",
+                          "click" : "function (e)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    var type = Hydra.authUser.person_type.toLowerCase();\n    \n    window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';\n}"
+                         },
+                         "xtype" : "Img",
+                         "$ xns" : "Roo.bootstrap",
+                         "String style" : "cursor:pointer;",
+                         "string tooltip" : "View Dashboard"
+                        }
+                       ]
+                      }
+                     ]
+                    }
+                   ]
+                  },
+                  {
+                   "Number md" : 9,
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap",
+                   "items" : [
+                    {
+                     "xtype" : "Row",
+                     "$ xns" : "Roo.bootstrap",
+                     "items" : [
+                      {
+                       "listeners" : {
+                        "render" : "function (_self)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    this.el.dom.innerHTML = '<b>' + Hydra.authUser.firstname + ' ' + Hydra.authUser.lastname + '</b>';\n    \n}"
+                       },
+                       "Number md" : 12,
+                       "xtype" : "Column",
+                       "$ xns" : "Roo.bootstrap",
+                       "String style" : "color:#333;"
+                      },
+                      {
+                       "listeners" : {
+                        "render" : "function (_self)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    this.el.dom.innerHTML = Hydra.authUser.email;\n    \n}"
+                       },
+                       "Number md" : 12,
+                       "xtype" : "Column",
+                       "$ xns" : "Roo.bootstrap",
+                       "String style" : "color:#333;"
+                      },
+                      {
+                       "Number md" : 12,
+                       "xtype" : "Column",
+                       "$ xns" : "Roo.bootstrap",
+                       "String style" : "color:#333;",
+                       "items" : [
+                        {
+                         "listeners" : {
+                          "render" : "function (_self)\n{\n     this.el.setVisibilityMode(Roo.Element.DISPLAY);\n   \n    this.el.show();\n    \n    if(\n        typeof(Hydra.authUser) == 'undefined' ||\n        typeof(Hydra.authUser.person_type) == 'undefined' ||\n        Hydra.authUser.person_type != 'TALENT'\n    ){\n        this.el.hide();\n        return;\n    }\n    \n}",
+                          "click" : "function (e)\n{\n    \n    \n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n   \n    window.location = baseURL + '/Talent';\n}"
+                         },
+                         "String href" : "#",
+                         "Boolean preventDefault" : true,
+                         "xtype" : "Link",
+                         "$ xns" : "Roo.bootstrap",
+                         "String html" : "Update profile"
+                        },
+                        {
+                         "listeners" : {
+                          "render" : "function (_self)\n{\n     this.el.setVisibilityMode(Roo.Element.DISPLAY);\n   \n    this.el.show();\n    \n    if(\n        typeof(Hydra.authUser) == 'undefined' ||\n        typeof(Hydra.authUser.person_type) == 'undefined' ||\n        Hydra.authUser.person_type != 'TAIPAN'\n    ){\n        this.el.hide();\n        return;\n    }\n    \n}",
+                          "click" : "function (e)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n   \n    window.location = baseURL + '/TaipanMain'\n}"
+                         },
+                         "String href" : "#",
+                         "Boolean preventDefault" : true,
+                         "xtype" : "Link",
+                         "$ xns" : "Roo.bootstrap",
+                         "String html" : "Search for Crew"
+                        },
+                        {
+                         "listeners" : {
+                          "click" : "function (e)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    var type = Hydra.authUser.person_type.toLowerCase();\n    \n    window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';\n}"
+                         },
+                         "String href" : "#",
+                         "Boolean preventDefault" : true,
+                         "xtype" : "Link",
+                         "$ xns" : "Roo.bootstrap",
+                         "String html" : "Dashboard"
+                        }
+                       ]
+                      }
+                     ]
+                    }
+                   ]
+                  }
+                 ]
+                }
+               ]
+              },
+              {
+               "String cls" : "user-footer",
+               "Boolean preventDefault" : true,
+               "xtype" : "MenuItem",
+               "$ xns" : "Roo.bootstrap",
+               "Boolean isContainer" : true,
+               "items" : [
+                {
+                 "xtype" : "Row",
+                 "$ xns" : "Roo.bootstrap",
+                 "items" : [
+                  {
+                   "Number md" : 6,
+                   "xtype" : "Column",
+                   "Number xs" : 6,
+                   "$ xns" : "Roo.bootstrap",
+                   "Number sm" : 6,
+                   "items" : [
+                    {
+                     "listeners" : {
+                      "click" : "function (e)\n{\n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    var _self = this;\n    \n    Hydra.Dialog.ChangePassword.show({}, function(res) {\n        Roo.bootstrap.MessageBox.alert(_self._change_passwd_success_title, _self._change_passwd_success_body);\n    });\n}"
+                     },
+                     "xtype" : "Button",
+                     "string _change_passwd_success_body" : "Your password has been changed",
+                     "$ xns" : "Roo.bootstrap",
+                     "String html" : "Change Password",
+                     "String style" : "text-transform:none;",
+                     "string _change_passwd_success_title" : "Notice"
+                    }
+                   ]
+                  },
+                  {
+                   "Number md" : 6,
+                   "xtype" : "Column",
+                   "Number xs" : 6,
+                   "$ xns" : "Roo.bootstrap",
+                   "String style" : "text-align: right;",
+                   "Number sm" : 6,
+                   "items" : [
+                    {
+                     "listeners" : {
+                      "click" : "function (e)\n{\n    window.onbeforeunload = false;\n    \n    if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){\n        return;\n    }\n    \n    Roo.Ajax.request({\n            url : baseURL + '/Login',\n            method: 'POST',\n            params : { \n                logout : 1\n            },\n            success : function()\n            {\n                location.href = baseURL;\n            }\n        });\n\n}"
+                     },
+                     "xtype" : "Button",
+                     "$ xns" : "Roo.bootstrap",
+                     "String html" : "Logout",
+                     "String style" : "text-transform:none;"
+                    }
+                   ]
+                  }
+                 ]
+                }
+               ]
+              }
+             ]
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      },
       {
        "xtype" : "Form",
        "$ xns" : "Roo.bootstrap",
index 1906f73..cf1625f 100644 (file)
@@ -6,7 +6,19 @@ Roo.namespace('Pman');
 
 Pman.Tab = new Roo.XComponent({
 
-
+ _strings : {
+  '5ccb34cf436eb6764533a70b91796dff' :"简体",
+  '5a2960e17c7b3a49738c91c77967f319' :"繁體",
+  '133f01684f21de28106afc4ac27cac80' :"Search for Crew",
+  '0323de4f66a1700e2173e9bcdce02715' :"Logout",
+  '54d2e870aca5e99bf69f0ee1d494c3b3' :"Update profile",
+  '617114bd6ef10884239510062dffa933' :"Your password has been changed",
+  '8f1e77e0d2be21da93cd4d9a939148f7' :"Change Password",
+  '78463a384a5aa4fad5fa73e2f506ecfc' :"English",
+  '3a08e2e340ab29fd9263af48193cbf8e' :"Languages",
+  '2938c7f7e560ed972f8a4f68e80ff834' :"Dashboard",
+  '24efa7ee4511563b16144f39706d594f' :"Notice"
+ },
 
   part     :  ["BAdmin", "Tab" ],
   order    : '001-Pman.Tab',
@@ -47,6 +59,508 @@ Pman.Tab = new Roo.XComponent({
      xns : Roo.bootstrap.panel,
      '|xns' : 'Roo.bootstrap.panel',
      items  : [
+      {
+       xtype : 'NavHeaderbar',
+       autohide : true,
+       brand : 'Jobsonboats',
+       brand_href : baseURL,
+       cls : 'headroom animated slideDown container no-srButton',
+       desktopCenter : true,
+       inverse : false,
+       position : 'static-top',
+       srButton : true,
+       style : 'padding-bottom:0px;',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'NavGroup',
+         align : 'right',
+         style : 'margin-top:0px;margin-bottom:0px;',
+         type : 'nav',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'NavItem',
+           cls : 'hidden',
+           html : _this._strings['3a08e2e340ab29fd9263af48193cbf8e'] /* Languages */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           menu : {
+            xtype : 'Menu',
+            xns : Roo.bootstrap,
+            '|xns' : 'Roo.bootstrap',
+            items  : [
+             {
+              xtype : 'MenuItem',
+              html : _this._strings['78463a384a5aa4fad5fa73e2f506ecfc'] /* English */,
+              listeners : {
+               click : function (e)
+                {
+                 Hydra.setLanguage('en');
+                }
+              },
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             },
+             {
+              xtype : 'MenuItem',
+              html : _this._strings['5ccb34cf436eb6764533a70b91796dff'] /* 简体 */,
+              listeners : {
+               click : function (e)
+                {
+                        Hydra.setLanguage('zh_CN');
+                }
+              },
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             },
+             {
+              xtype : 'MenuItem',
+              html : _this._strings['5a2960e17c7b3a49738c91c77967f319'] /* 繁體 */,
+              listeners : {
+               click : function (e)
+                {
+                        Hydra.setLanguage('zh_HK');
+                }
+              },
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             }
+            ]
+           }
+          },
+          {
+           xtype : 'NavItem',
+           html : Hydra.authUser.firstname + ' ' + Hydra.authUser.lastname,
+           icon : 'fa fa-user',
+           preventDefault : true,
+           listeners : {
+            render : function (_self)
+             {
+                 this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                 
+                 this.el.hide();
+                 
+                 if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                     return;
+                 }
+                 
+                 this.el.show();
+             }
+           },
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           menu : {
+            xtype : 'Menu',
+            cls : 'user-menu',
+            listeners : {
+             show : function (_self)
+              {
+                  var width = Roo.lib.Dom.getViewWidth();
+                  
+                  var xy = this.el.getXY();
+                  
+                  if(width < 480){
+                      xy[0] = 0;
+                      this.el.setXY(xy);
+                      this.el.setStyle('width', width + 'px');
+                  }
+              }
+            },
+            xns : Roo.bootstrap,
+            '|xns' : 'Roo.bootstrap',
+            items  : [
+             {
+              xtype : 'MenuItem',
+              cls : 'user-body',
+              isContainer : true,
+              preventDefault : true,
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap',
+              items  : [
+               {
+                xtype : 'Row',
+                xns : Roo.bootstrap,
+                '|xns' : 'Roo.bootstrap',
+                items  : [
+                 {
+                  xtype : 'Column',
+                  md : 3,
+                  xns : Roo.bootstrap,
+                  '|xns' : 'Roo.bootstrap',
+                  items  : [
+                   {
+                    xtype : 'Row',
+                    xns : Roo.bootstrap,
+                    '|xns' : 'Roo.bootstrap',
+                    items  : [
+                     {
+                      xtype : 'Column',
+                      md : 12,
+                      style : 'padding:0px 10px;',
+                      listeners : {
+                       render : function (_self)
+                        {
+                            this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                           
+                            this.el.hide();
+                            
+                            if(
+                                typeof(Hydra.authUser) == 'undefined' ||
+                                typeof(Hydra.authUser.profile_photo) != 'object' ||
+                                Hydra.authUser.profile_photo.id * 1 < 1
+                            ){
+                                this.el.show();
+                            }
+                        }
+                      },
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap',
+                      items  : [
+                       {
+                        xtype : 'Button',
+                        cls : 'fa fa-user fa-4x',
+                        preventDefault : true,
+                        removeClass : true,
+                        listeners : {
+                         click : function (e)
+                          {
+                              if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                  return;
+                              }
+                              
+                              var type = Hydra.authUser.person_type.toLowerCase();
+                              
+                              window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';
+                          }
+                        },
+                        xns : Roo.bootstrap,
+                        '|xns' : 'Roo.bootstrap'
+                       }
+                      ]
+                     },
+                     {
+                      xtype : 'Column',
+                      md : 12,
+                      style : 'padding:0px 10px;',
+                      listeners : {
+                       render : function (_self)
+                        {
+                            this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                           
+                            this.el.show();
+                            
+                            if(
+                                typeof(Hydra.authUser) == 'undefined' ||
+                                typeof(Hydra.authUser.profile_photo) != 'object' ||
+                                Hydra.authUser.profile_photo.id * 1 < 1
+                            ){
+                                this.el.hide();
+                            }
+                        }
+                      },
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap',
+                      items  : [
+                       {
+                        xtype : 'Img',
+                        style : 'cursor:pointer;',
+                        tooltip : 'View Dashboard',
+                        listeners : {
+                         click : function (e)
+                          {
+                              if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                  return;
+                              }
+                              
+                              var type = Hydra.authUser.person_type.toLowerCase();
+                              
+                              window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';
+                          },
+                         render : function (_self)
+                          {
+                              this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                             
+                              this.el.show();
+                              
+                              if(
+                                  typeof(Hydra.authUser) == 'undefined' ||
+                                  typeof(Hydra.authUser.profile_photo) != 'object' ||
+                                  Hydra.authUser.profile_photo.id * 1 < 1
+                              ){
+                                  this.el.hide();
+                                  return;
+                              }
+                              
+                              this.el.attr('src', baseURL + '/Images/Thumb/50/' + Hydra.authUser.profile_photo.id + '/' + Hydra.authUser.profile_photo.filename);
+                              
+                          }
+                        },
+                        xns : Roo.bootstrap,
+                        '|xns' : 'Roo.bootstrap'
+                       }
+                      ]
+                     }
+                    ]
+                   }
+                  ]
+                 },
+                 {
+                  xtype : 'Column',
+                  md : 9,
+                  xns : Roo.bootstrap,
+                  '|xns' : 'Roo.bootstrap',
+                  items  : [
+                   {
+                    xtype : 'Row',
+                    xns : Roo.bootstrap,
+                    '|xns' : 'Roo.bootstrap',
+                    items  : [
+                     {
+                      xtype : 'Column',
+                      md : 12,
+                      style : 'color:#333;',
+                      listeners : {
+                       render : function (_self)
+                        {
+                            if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                return;
+                            }
+                            
+                            this.el.dom.innerHTML = '<b>' + Hydra.authUser.firstname + ' ' + Hydra.authUser.lastname + '</b>';
+                            
+                        }
+                      },
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap'
+                     },
+                     {
+                      xtype : 'Column',
+                      md : 12,
+                      style : 'color:#333;',
+                      listeners : {
+                       render : function (_self)
+                        {
+                            if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                return;
+                            }
+                            
+                            this.el.dom.innerHTML = Hydra.authUser.email;
+                            
+                        }
+                      },
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap'
+                     },
+                     {
+                      xtype : 'Column',
+                      md : 12,
+                      style : 'color:#333;',
+                      xns : Roo.bootstrap,
+                      '|xns' : 'Roo.bootstrap',
+                      items  : [
+                       {
+                        xtype : 'Link',
+                        href : '#',
+                        html : _this._strings['54d2e870aca5e99bf69f0ee1d494c3b3'] /* Update profile */,
+                        preventDefault : true,
+                        listeners : {
+                         click : function (e)
+                          {
+                              
+                              
+                              if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                  return;
+                              }
+                              
+                             
+                              window.location = baseURL + '/Talent';
+                          },
+                         render : function (_self)
+                          {
+                               this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                             
+                              this.el.show();
+                              
+                              if(
+                                  typeof(Hydra.authUser) == 'undefined' ||
+                                  typeof(Hydra.authUser.person_type) == 'undefined' ||
+                                  Hydra.authUser.person_type != 'TALENT'
+                              ){
+                                  this.el.hide();
+                                  return;
+                              }
+                              
+                          }
+                        },
+                        xns : Roo.bootstrap,
+                        '|xns' : 'Roo.bootstrap'
+                       },
+                       {
+                        xtype : 'Link',
+                        href : '#',
+                        html : _this._strings['133f01684f21de28106afc4ac27cac80'] /* Search for Crew */,
+                        preventDefault : true,
+                        listeners : {
+                         click : function (e)
+                          {
+                              if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                  return;
+                              }
+                              
+                             
+                              window.location = baseURL + '/TaipanMain'
+                          },
+                         render : function (_self)
+                          {
+                               this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                             
+                              this.el.show();
+                              
+                              if(
+                                  typeof(Hydra.authUser) == 'undefined' ||
+                                  typeof(Hydra.authUser.person_type) == 'undefined' ||
+                                  Hydra.authUser.person_type != 'TAIPAN'
+                              ){
+                                  this.el.hide();
+                                  return;
+                              }
+                              
+                          }
+                        },
+                        xns : Roo.bootstrap,
+                        '|xns' : 'Roo.bootstrap'
+                       },
+                       {
+                        xtype : 'Link',
+                        href : '#',
+                        html : _this._strings['2938c7f7e560ed972f8a4f68e80ff834'] /* Dashboard */,
+                        preventDefault : true,
+                        listeners : {
+                         click : function (e)
+                          {
+                              if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                                  return;
+                              }
+                              
+                              var type = Hydra.authUser.person_type.toLowerCase();
+                              
+                              window.location = baseURL + '/' + type.charAt(0).toUpperCase() + type.slice(1) + 'Main';
+                          }
+                        },
+                        xns : Roo.bootstrap,
+                        '|xns' : 'Roo.bootstrap'
+                       }
+                      ]
+                     }
+                    ]
+                   }
+                  ]
+                 }
+                ]
+               }
+              ]
+             },
+             {
+              xtype : 'MenuItem',
+              cls : 'user-footer',
+              isContainer : true,
+              preventDefault : true,
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap',
+              items  : [
+               {
+                xtype : 'Row',
+                xns : Roo.bootstrap,
+                '|xns' : 'Roo.bootstrap',
+                items  : [
+                 {
+                  xtype : 'Column',
+                  md : 6,
+                  sm : 6,
+                  xs : 6,
+                  xns : Roo.bootstrap,
+                  '|xns' : 'Roo.bootstrap',
+                  items  : [
+                   {
+                    xtype : 'Button',
+                    _change_passwd_success_body : _this._strings['617114bd6ef10884239510062dffa933'] /* Your password has been changed */,
+                    _change_passwd_success_title : _this._strings['24efa7ee4511563b16144f39706d594f'] /* Notice */,
+                    html : _this._strings['8f1e77e0d2be21da93cd4d9a939148f7'] /* Change Password */,
+                    style : 'text-transform:none;',
+                    listeners : {
+                     click : function (e)
+                      {
+                          if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                              return;
+                          }
+                          
+                          var _self = this;
+                          
+                          Hydra.Dialog.ChangePassword.show({}, function(res) {
+                              Roo.bootstrap.MessageBox.alert(_self._change_passwd_success_title, _self._change_passwd_success_body);
+                          });
+                      }
+                    },
+                    xns : Roo.bootstrap,
+                    '|xns' : 'Roo.bootstrap'
+                   }
+                  ]
+                 },
+                 {
+                  xtype : 'Column',
+                  md : 6,
+                  sm : 6,
+                  style : 'text-align: right;',
+                  xs : 6,
+                  xns : Roo.bootstrap,
+                  '|xns' : 'Roo.bootstrap',
+                  items  : [
+                   {
+                    xtype : 'Button',
+                    html : _this._strings['0323de4f66a1700e2173e9bcdce02715'] /* Logout */,
+                    style : 'text-transform:none;',
+                    listeners : {
+                     click : function (e)
+                      {
+                          window.onbeforeunload = false;
+                          
+                          if(typeof(Hydra.authUser) == 'undefined' || !Hydra.authUser || Hydra.authUser.id * 1 < 1){
+                              return;
+                          }
+                          
+                          Roo.Ajax.request({
+                                  url : baseURL + '/Login',
+                                  method: 'POST',
+                                  params : { 
+                                      logout : 1
+                                  },
+                                  success : function()
+                                  {
+                                      location.href = baseURL;
+                                  }
+                              });
+                      
+                      }
+                    },
+                    xns : Roo.bootstrap,
+                    '|xns' : 'Roo.bootstrap'
+                   }
+                  ]
+                 }
+                ]
+               }
+              ]
+             }
+            ]
+           }
+          }
+         ]
+        }
+       ]
+      },
       {
        xtype : 'Form',
        xns : Roo.bootstrap,