SAPUI5 and OData dynamic Login

Question

can anybody share some standard code that sapui5 and odata dynamic login screen navigation ?
Means User has to pass input Username and Password atrun time and get login.
Thank you in advanced

Answer 1

I am getting error at validation time but in browser it is working fine.
The error is Unauthorised credential.
I want to pass the credential in the following fields when I enter login ,I want to pass the values to SAP.
I am using the following code:
var oLayout = new sap.ui.commons.layout.AbsoluteLayout({width:"340px",height:"150px"});
oLayout.addStyleClass("CustomStyle"); //Add some additional styling for the border
var oLabel = new sap.ui.commons.Label({text:"User Name"});
var oNameInput = new sap.ui.commons.TextField({width:"190px"});
oLabel.setLabelFor(oNameInput);
oLayout.addContent(oLabel, {right:"248px",top:"20px"});
oLayout.addContent(oNameInput, {left:"110px",top:"20px"});
oLabel = new sap.ui.commons.Label({text:"Password"});
oPWInput = new sap.ui.commons.PasswordField({width:"190px"});
oLabel.setLabelFor(oPWInput);
oLayout.addContent(oLabel, {right:"248px",top:"62px"});
oLayout.addContent(oPWInput, {left:"110px",top:"62px"});
var oLoginButton = new sap.ui.commons.Button({text:"Login",  press :"login", width:"133px"});
//oLoginButton.attachPress(login());
oLayout.addContent(oLoginButton, {left:"110px",top:"104px"});
// Attach the layout to the page
oLayout.placeAt("content");
</script>
  <script>
  login : function(oEvent) {
      jQuery.sap.require("sap.ui.model.odata.datajs");
      var serviceURI = "http://192.168.0.7:8000/sap/opu/odata/sap/YNEW_SRV/";
                var username = sap.ui.getCore().getControl("oNameInput") .getValue();
                var password = sap.ui.getCore().getControl("oPWInput") .getValue();
      var request = {
                headers : {
                                  "X-Requested-With" : "XMLHttpRequest",
                                   "Content-Type" : "application/atom+xml",
                                   "DataServiceVersion" : "2.0",
                                   "X-CSRF-Token" : "Fetch"
                                                                       requestUri : serviceURI,
                                                                       method : "GET",
                                                                       user : username,
                                                                       password : password
                                                               OData.request(request, function(data) {
                                                                       alert("success");
                                                             }, function(err) {
                                                                       alert('Error Code:'+ err.response.statusCode);
  </script>
Thank you Naveenraj