SapUI5. Страница для авторизации (пример)

sap.ui.jsview("sapui5_components.main_view", {

	
	/** Specifies the Controller belonging to this View. 	* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
	* @memberOf sapui5_components.main_view
	*/ 
	getControllerName : function() {
		return "sapui5_components.main_view";
	},

	/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. 
	* Since the Controller is given to this method, its event handlers can be attached right away. 
	* @memberOf sapui5_components.main_view
	*/ 
	createContent : function(oController) {
		var oPage = new sap.m.Page({
			//title: "Page1",
			showHeader: false,
			footer:[
				new sap.m.Bar({
					contentMiddle: [
						
						new sap.m.Label({
							text: "This! Is! Footer!!!"
						})
						
					]
				})
			]
		});
		
		
		var oVBox =	new sap.m.VBox({
				justifyContent: "Center",
				alignItems: "Center",
				alignContent: "Center",
				fitContainer: true,
					items: [
						/*new sap.m.Button({
							icon: "sap-icon://account",
							enabled: false
						}),*/
						new sap.m.Input({
							placeholder: "Login"
						}),

								
						/*new sap.m.Button({
							icon: "sap-icon://key",
							enabled: false
						}),*/
						new sap.m.Input({
							type: "Password",
							placeholder: "Passwod"
						}),

						new sap.m.Button({
							text: "Login",
							type: "Emphasized",
							press: oController.OnNavToSecond
						}),
																
						
					]
				})				
		
		
		
		oPage.addContent(oVBox);
		
 		return oPage;
	}

});

sap.ui.jsview("sapui5_components.main_view", {

/** Specifies the Controller belonging to this View. * In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.

* @memberOf sapui5_components.main_view

getControllerName : function() {

return "sapui5_components.main_view";

/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.

* Since the Controller is given to this method, its event handlers can be attached right away.

* @memberOf sapui5_components.main_view

createContent : function(oController) {

var oPage = new sap.m.Page({

//title: "Page1",

showHeader: false,

footer:[

new sap.m.Bar({

contentMiddle: [

new sap.m.Label({

text: "This! Is! Footer!!!"

})

]

})

]

});

var oVBox = new sap.m.VBox({

justifyContent: "Center",

alignItems: "Center",

alignContent: "Center",

fitContainer: true,

items: [

/*new sap.m.Button({

icon: "sap-icon://account",

enabled: false

}),*/

new sap.m.Input({

placeholder: "Login"

}),

/*new sap.m.Button({

icon: "sap-icon://key",

enabled: false

}),*/

new sap.m.Input({

type: "Password",

placeholder: "Passwod"

}),

new sap.m.Button({

text: "Login",

type: "Emphasized",

press: oController.OnNavToSecond

}),

]

})

oPage.addContent(oVBox);

return oPage;

}

});