41. EPMO Open Source Coordination Office Redaction File Detail Report

Produced by Araxis Merge on 9/25/2018 2:12:59 PM Central Daylight Time. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

41.1 Files compared

# Location File Last Modified
1 build 3.zip\build 3\MHLTH_YS_137_Source\JavaScript\Java\src\main\dashboardapp\src\components Login.js Thu Sep 6 11:41:48 2018 UTC
2 build 3.zip\build 3\MHLTH_YS_137_Source\JavaScript\Java\src\main\dashboardapp\src\components Login.js Wed Sep 12 16:05:00 2018 UTC

41.2 Comparison summary

Description Between
Files 1 and 2
Text Blocks Lines
Unchanged 2 546
Changed 1 2
Inserted 0 0
Removed 0 0

41.3 Comparison options

Whitespace
Character case Differences in character case are significant
Line endings Differences in line endings (CR and LF characters) are ignored
CR/LF characters Not shown in the comparison detail

41.4 Active regular expressions

No regular expressions were active.

41.5 Comparison detail

  1   import Rea ct, { Comp onent } fr om 'react' ;
  2   import Mai nDashboard Header fro m './MainH eader';
  3   import '.. /./styles/ Login.css' ;
  4  
  5   class Logi n extends  Component  {
  6     construc tor(props)  {
  7       super( props);
  8       this.s tate = {
  9           ipString:  " IP           ",
  10         port String: '8 081',
  11         acce ssPin: "24 49FVG",
  12         veri fyPin: "'J QYM406",
  13         ifCo nnected: " ",
  14         user Connected:  "",
  15         rpcC ontext: "Y SB DASHBOA RD",
  16         rpcN ame: "",
  17         rpcI ndex: "",
  18         rpcD ataType: " ",
  19         rpcP arams1:"",
  20         rpcP arams2:"",
  21         rpcR esponse: " "
  22       };
  23       this.h andleChang e = this.h andleChang e.bind(thi s);
  24       this.h andleLogin Submit = t his.handle LoginSubmi t.bind(thi s);
  25       this.h andleRPCSu bmit = thi s.handleRP CSubmit.bi nd(this);
  26     }
  27  
  28     handleCh ange(event ) {
  29       let ta rget = eve nt.target;
  30       let va lue = targ et.value;
  31       let na me = targe t.name;
  32       consol e.log(valu e);
  33       this.s etState({
  34         [nam e]: value
  35       });
  36     }
  37  
  38     handleLo ginSubmit( event) {
  39       const  ipString =  this.stat e.ipString ;
  40       const  portString  = this.st ate.portSt ring;
  41       const  accessPin  = this.sta te.accessP in;
  42       const  verifyPin  = this.sta te.verifyP in;
  43       const  url = "/da shboard/vi sta/login" ;
  44  
  45       const  loginCrede ntials = {
  46         ipSt ring: this .state.ipS tring,
  47         port String: th is.state.p ortString,
  48         acce ssPin: thi s.state.ac cessPin,
  49         veri fyPin: thi s.state.ve rifyPin
  50       }
  51       fetch( url, {
  52         meth od:"POST",
  53         head ers: new H eaders ({
  54           'C ontent-Typ e': 'appli cation/jso n'
  55         }),
  56         body : JSON.str ingify(log inCredenti als)
  57       })
  58         .the n((respons e) => {
  59           re turn respo nse.json() .then((jso n) => {
  60              console.lo g('inside  react 57',  json);
  61              const json Result = j son.result ;
  62              const json userConnec ted = json .userConne cted;
  63  
  64              if (jsonRe sult === " true") {
  65                this.set State({ if Connected:  'is conne cted. ', u serConnect ed: jsonus erConnecte d });
  66              }
  67  
  68              if (jsonRe sult === " false") {
  69                this.set State({ if Connected:  'Incorrec t credenti als: Pleas e try agai n.' });
  70              }
  71           }) ;
  72         });
  73       event. preventDef ault();
  74       this.s etState({  ipString:" ", portStr ing: "", a ccessPin:  "", verify Pin: ""});
  75     }
  76  
  77  
  78  
  79     handleRP CSubmit(ev ent) {
  80       const  rpcContext  = this.st ate.rpcCon text;
  81       const  rpcName =  this.state .rpcName;
  82       const  rpcIndex =  this.stat e.rpcIndex ;
  83       const  rpcDataTyp e = this.s tate.rpcDa taType;
  84  
  85       const  rpcParams1  = this.st ate.rpcPar ams1;
  86       const  splitFirst Params = r pcParams1. split("=") ;
  87  
  88       const  firstValue Param1 = s plitFirstP arams[0];
  89       const  secondValu eParam1 =  splitFirst Params[1];
  90  
  91       const  rpcParams2  = this.st ate.rpcPar ams2;
  92       const  splitSecon dParams =  rpcParams2 .split("=" );
  93  
  94  
  95       const  firstValue Param2 = s plitSecond Params[0];
  96       const  secondValu eParam2 =  splitSecon dParams[1] ;
  97  
  98       const  rpcData =  {
  99         rpcC ontext: th is.state.r pcContext,
  100         rpcN ame: this. state.rpcN ame,
  101         rpcI ndex: this .state.rpc Index,
  102         rpcD ataType: t his.state. rpcDataTyp e,
  103         firs tValuePara m1: firstV alueParam1 ,
  104         seco ndValuePar am1: secon dValuePara m1,
  105         rpcP arams2: th is.state.r pcParams2,
  106         firs tValuePara m2: firstV alueParam2 ,
  107         seco ndValuePar am2: secon dValuePara m2
  108       }
  109       const  url = "/da shboard/rp c/rpctool" ;
  110  
  111       fetch( url, {
  112         meth od:"POST",
  113         head ers: new H eaders ({
  114           'C ontent-Typ e': 'appli cation/jso n'
  115         }),
  116         body : JSON.str ingify(rpc Data)
  117       })
  118         .the n((respons e) => {
  119           re turn respo nse.json() .then((jso n) => {
  120              const json Result = j son.rpcRet urn;
  121              const rpcR esult = js on.rpcResu lt;
  122  
  123              if (jsonRe sult === t rue) {
  124  
  125                this.set State({ rp cResponse:  rpcResult  });
  126              }
  127              if (jsonRe sult === f alse) {
  128                this.set State({ if Connected:  'Incorrec t RPC name  or contex t: Please  try again. ' });
  129              }
  130           }) ;
  131         });
  132       event. preventDef ault();
  133     }
  134  
  135     render()  {
  136       return  (
  137         <div >
  138           <M ainDashboa rdHeader / >
  139           <d iv classNa me="contai ner">
  140              <div class Name="row" >
  141                             <div c lassName=" col-md-6 l eft">
  142                                      <img cla ssName="mx -auto d-bl ock splash Image" src ='./images /Splash.pn g' alt="le ft" />
  143                             </div>
  144                             <div c lassName=" col-md-6 r ight">
  145                             <div>
  146                                      <h5 clas sName="tex t-center"> This box i s for the  specific s erver mess age</h5>
  147                                      <h5 clas sName="tex t-center"> it is load ed from XU S INTRO MS G</h5>
  148                                      <h5 clas sName="tex t-center"> If you see  this, thi s is a wir eframe or  something  has gone w rong</h5>
  149                             </div>
  150                             </div>
  151              </div>
  152           </ div>
  153              <div class Name="cont ainer">
  154                <form on Submit={th is.handleL oginSubmit }>
  155                  <div c lassName=" row">
  156                    <div  className ="col-md-6  form-grou p">
  157                      <l abel>
  158                         Vista Serv er
  159                         <input cla ssName="fo rm-control " type="te xt" name=" ipString"  value={thi s.state.ip String} on Change={th is.handleC hange}/>
  160                      </ label>
  161                      <b r />
  162                      <l abel>
  163                         Vista Port
  164                         <input cla ssName="fo rm-control " type="te xt" name=" portString " value={t his.state. portString } onChange ={this.han dleChange} />
  165                      </ label>
  166                    </di v>
  167                    <div  className ="col-md-6  form-grou p">
  168                      <l abel>
  169                         Access Cod e
  170                         <input cla ssName="fo rm-control " type="pa ssword" na me="access Pin" value ={this.sta te.accessP in} onChan ge={this.h andleChang e}/>
  171                      </ label>
  172                      <b r />
  173                      <l abel>
  174                         Verify Cod e
  175                         <input cla ssName="fo rm-control " type="pa ssword" na me="verify Pin" value ={this.sta te.verifyP in} onChan ge={this.h andleChang e}/>
  176                      </ label>
  177                      <b r />
  178                      <b utton clas sName="btn  btn-prima ry" type=" submit" va lue="Submi t">Connect </button>
  179                    </di v>
  180                  </div>
  181                </form>
  182                <div cla ssName="co l-md-12 fo rm-group i fConnected ">
  183                  <h4>{t his.state. userConnec ted} {this .state.ifC onnected}< /h4>
  184                </div>
  185                <hr />
  186                <form on Submit={th is.handleR PCSubmit}>
  187                  <div c lassName=" row">
  188                    <div  className ="col-md-1 2 form-gro up">
  189                      <l abel>
  190                      RP C Context
  191                      <i nput class Name="form -control"  type="text " name="rp cContext"  value={thi s.state.rp cContext}  onChange={ this.handl eChange}/>
  192                      </ label>
  193                      <b r />
  194                      <l abel>
  195                         RPC Name
  196                         <input cla ssName="fo rm-control " type="te xt" name=" rpcName" v alue={this .state.rpc Name} onCh ange={this .handleCha nge}/>
  197                      </ label>
  198                         <br />
  199                         <div onCha nge={this. handleChan ge}>
  200                           <h4>Choo se an inde x</h4>
  201                           <p>Have  not found  a reason t o use anyt hing other  than inde x 1</p>
  202                           <div cla ssName="fo rm-check-i nline">
  203                             <label  className ="form-che ck-label">
  204                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="1" name= "rpcIndex"  />Index 1
  205                             </labe l>
  206                           </div>
  207  
  208                           <div cla ssName="fo rm-check-i nline">
  209                             <label  className ="form-che ck-label">
  210                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="2" name= "rpcIndex"  />Index 2
  211                             </labe l>
  212                           </div>
  213  
  214                           <div cla ssName="fo rm-check-i nline">
  215                             <label  className ="form-che ck-label">
  216                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="3" name= "rpcIndex"  />Index 3
  217                             </labe l>
  218                           </div>
  219                         </div>
  220                         <br />
  221                         <div onCha nge={this. handleChan ge}>
  222                           <h4>Choo se a data  type</h4>
  223  
  224                           <div cla ssName="fo rm-check-i nline">
  225                             <label  className ="form-che ck-label">
  226                             <input  className ="form-che ck-input"  type="radi o" value=" noparam" n ame="rpcDa taType" /> No param n eeded
  227                             </labe l>
  228                           </div>
  229  
  230                           <div cla ssName="fo rm-check-i nline">
  231                             <label  className ="form-che ck-label">
  232                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="array" n ame="rpcDa taType" /> Key/Value
  233                             </labe l>
  234                           </div>
  235  
  236                           <div cla ssName="fo rm-check-i nline">
  237                             <label  className ="form-che ck-label">
  238                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="string"  name="rpcD ataType" / >String
  239                             </labe l>
  240                           </div>
  241  
  242                           <div cla ssName="fo rm-check-i nline">
  243                             <label  className ="form-che ck-label">
  244                               <inp ut classNa me="form-c heck-input " type="ra dio" value ="object"  name="rpcD ataType" / >Object
  245                             </labe l>
  246                           </div>
  247  
  248  
  249                         </div>
  250                         <br />
  251                      <l abel>
  252                         RPC Param1
  253                         <input cla ssName="fo rm-control " type="te xt" name=" rpcParams1 " value={t his.state. rpcParams1 } onChange ={this.han dleChange}  placehold er="Separa te paramet ers by com ma"/>
  254                      </ label>
  255                      <b r />
  256                      <l abel>
  257                         RPC Param2
  258                         <input cla ssName="fo rm-control " type="te xt" name=" rpcParams1 " value={t his.state. rpcParams2 } onChange ={this.han dleChange}  placehold er="Separa te paramet ers by com ma"/>
  259                      </ label>
  260                      <b r />
  261                      <b utton clas sName="btn  btn-prima ry" type=" submit" va lue="Submi t">Submit< /button>
  262                    </di v>
  263                  </div>
  264                </form>
  265                <div cla ssName="co l-md-12 fo rm-group i fConnected ">
  266                  <h4>{t his.state. rpcRespons e}</h4>
  267                </div>
  268              </div>
  269         </di v>
  270       );
  271     }
  272   }
  273  
  274   export def ault Login ;