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.
# | 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 |
Description | Between Files 1 and 2 |
|
---|---|---|
Text Blocks | Lines | |
Unchanged | 2 | 546 |
Changed | 1 | 2 |
Inserted | 0 | 0 |
Removed | 0 | 0 |
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 |
No regular expressions were active.
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 ; |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2016 Araxis Ltd (www.araxis.com). All rights reserved.