Pman.Dialog.BAdminStaffTwoFactorQRCode.bjs

Pman.Dialog.BAdminStaffTwoFactorQRCode.js

diff --git a/Pman.Dialog.BAdminStaffTwoFactorQRCode.bjs b/Pman.Dialog.BAdminStaffTwoFactorQRCode.bjs
index 948b1bc..41168b8 100644 (file)
--- a/Pman.Dialog.BAdminStaffTwoFactorQRCode.bjs
+++ b/Pman.Dialog.BAdminStaffTwoFactorQRCode.bjs
@@ -137,6 +137,81 @@
       }
      ]
     },
+    {
+     "xtype" : "Row",
+     "$ xns" : "Roo.bootstrap",
+     "items" : [
+      {
+       "xtype" : "Column",
+       "Number xs" : 12,
+       "$ xns" : "Roo.bootstrap",
+       "items" : [
+        {
+         "xtype" : "Row",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "xtype" : "Column",
+           "Number xs" : 12,
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "xtype" : "Container",
+             "$ xns" : "Roo.bootstrap",
+             "String well" : "sm",
+             "String html" : "<ol class='qr-list' start=\"1\">\n    <li>Open Google Authenticator in your phone, and scan this QR code.</li>\n</ol>"
+            }
+           ]
+          }
+         ]
+        },
+        {
+         "xtype" : "Row",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "String cls" : "text-center",
+           "xtype" : "Column",
+           "Number xs" : 12,
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "listeners" : {
+              "render" : "function (_self)\n{\n    _this.qrcode_image = this;\n    \n    this.el.setVisibilityMode(Roo.Element.DISPLAY);\n    \n}"
+             },
+             "Boolean imgResponsive" : false,
+             "String cls" : "qr-code",
+             "xtype" : "Img",
+             "String src" : "about:blank",
+             "$ xns" : "Roo.bootstrap"
+            }
+           ]
+          }
+         ]
+        },
+        {
+         "xtype" : "Row",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "xtype" : "Column",
+           "Number xs" : 12,
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "xtype" : "Container",
+             "$ xns" : "Roo.bootstrap",
+             "String well" : "sm",
+             "String html" : "<ol class='qr-list' start=\"2\">\n    <li>After adding this to Google Authenticator, type in the generated number below to confirm.</li>\n</ol>"
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      }
+     ]
+    },
     {
      "xtype" : "Row",
      "$ xns" : "Roo.bootstrap",

diff --git a/Pman.Dialog.BAdminStaffTwoFactorQRCode.js b/Pman.Dialog.BAdminStaffTwoFactorQRCode.js
index 5e3e445..92684d2 100644 (file)
--- a/Pman.Dialog.BAdminStaffTwoFactorQRCode.js
+++ b/Pman.Dialog.BAdminStaffTwoFactorQRCode.js
@@ -247,6 +247,106 @@ Roo.apply(Pman.Dialog.BAdminStaffTwoFactorQRCode.prototype, {
               html : _this._strings['5d412a3d8de0189df31c8f331e2e6630'] /* 
               <ol class='qr-list' start="2">              
     <li>After adding this to Google Authenticator, type in the generated number below to confirm.</li>              
+</ol>
+              */ ,
+              well : 'sm',
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             }
+            ]
+           }
+          ]
+         }
+        ]
+       }
+      ]
+     },
+     {
+      xtype : 'Row',
+      xns : Roo.bootstrap,
+      '|xns' : 'Roo.bootstrap',
+      items  : [
+       {
+        xtype : 'Column',
+        xs : 12,
+        xns : Roo.bootstrap,
+        '|xns' : 'Roo.bootstrap',
+        items  : [
+         {
+          xtype : 'Row',
+          xns : Roo.bootstrap,
+          '|xns' : 'Roo.bootstrap',
+          items  : [
+           {
+            xtype : 'Column',
+            xs : 12,
+            xns : Roo.bootstrap,
+            '|xns' : 'Roo.bootstrap',
+            items  : [
+             {
+              xtype : 'Container',
+              html : _this._strings['dc7b0c7f9d3941532bda06cd58eec7bd'] /* 
+              <ol class='qr-list' start="1">              
+    <li>Open Google Authenticator in your phone, and scan this QR code.</li>              
+</ol>
+              */ ,
+              well : 'sm',
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             }
+            ]
+           }
+          ]
+         },
+         {
+          xtype : 'Row',
+          xns : Roo.bootstrap,
+          '|xns' : 'Roo.bootstrap',
+          items  : [
+           {
+            xtype : 'Column',
+            cls : 'text-center',
+            xs : 12,
+            xns : Roo.bootstrap,
+            '|xns' : 'Roo.bootstrap',
+            items  : [
+             {
+              xtype : 'Img',
+              cls : 'qr-code',
+              imgResponsive : false,
+              src : 'about:blank',
+              listeners : {
+               render : function (_self)
+                {
+                    _this.qrcode_image = this;
+                    
+                    this.el.setVisibilityMode(Roo.Element.DISPLAY);
+                    
+                }
+              },
+              xns : Roo.bootstrap,
+              '|xns' : 'Roo.bootstrap'
+             }
+            ]
+           }
+          ]
+         },
+         {
+          xtype : 'Row',
+          xns : Roo.bootstrap,
+          '|xns' : 'Roo.bootstrap',
+          items  : [
+           {
+            xtype : 'Column',
+            xs : 12,
+            xns : Roo.bootstrap,
+            '|xns' : 'Roo.bootstrap',
+            items  : [
+             {
+              xtype : 'Container',
+              html : _this._strings['5d412a3d8de0189df31c8f331e2e6630'] /* 
+              <ol class='qr-list' start="2">              
+    <li>After adding this to Google Authenticator, type in the generated number below to confirm.</li>              
 </ol>
               */ ,
               well : 'sm',