Adding angular support
Change-Id: I88c1211d661b2c77bcf6b99ceb1fbf2c2eae139c
Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
diff --git a/src/index.html b/src/index.html
index c18a53c..e623cd9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,153 +1,21 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en" ng-app="app">
<head>
+ <base href="/">
<meta charset="UTF-8">
<title>openBMC</title>
<link rel="icon" href="favicon.ico?v=2"/>
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/vendor.min.js"></script>
- <script>
-
-// var user = 'root';
-// var password = '0penBmc';
-// var ip = 'https://9.3.164.147';
-
- function getList(){
-
- $.ajax({
- type: "GET",
- url: ip + "/xyz/openbmc_project/list",
- dataType: "json",
- async: true,
- xhrFields: {
- withCredentials: true
- },
- headers: {
- 'Accept': 'application/json',
- 'Content-Type': 'application/json'
- },
- success: function(response){
- var json = JSON.stringify(response);
- var content = JSON.parse(json);
- //console.log(content.data);
-
- for (var i = 0; i < content.data.length; i++) {
- var item = content.data[i];
- console.log(item);
- $('.container').append('<p>' + item + '</p>');
- }
- },
- error: function(xhr, textStatus, errorThrown){
- console.log("not a successful request!");
- console.log(xhr, textStatus, errorThrown)
- }
- });
- }
-
- function getPowerStatus(){
-
- $.ajax({
- type: "GET",
- url: ip + "/xyz/openbmc_project/state/host0",
- dataType: "json",
- async: true,
- xhrFields: {
- withCredentials: true
- },
- headers: {
- 'Accept': 'application/json',
- 'Content-Type': 'application/json'
- },
- success: function(response){
- var json = JSON.stringify(response);
- var content = JSON.parse(json);
- //console.log(content.data);
- var currentHostState = content.data.CurrentHostState;
- if(currentHostState == "xyz.openbmc_project.State.Host.HostState.Off"){
- $('#power-indicator-bar').removeClass('power__state-off power__state-on').addClass('power__state-off');
- }else{
- $('#power-indicator-bar').removeClass('power__state-off power__state-on').addClass('power__state-on');
- }
- },
- error: function(xhr, textStatus, errorThrown){
- console.log("not a successful request!");
- console.log(xhr, textStatus, errorThrown)
- }
- });
- }
-
- function login() {
- console.log('login!');
-
- var user = 'root';
- var password = '0penBmc';
- var ip = 'https://9.3.164.147';
-
- $.ajax({
- "type": "POST",
- "url": ip + "/login",
- "dataType": "json",
- "async": true,
- "headers": {
- 'Accept': 'application/json',
- 'Content-Type': 'application/json'
- },
- "xhrFields": {
- withCredentials: true
- },
- "data": JSON.stringify({"data": [user, password]}),
- "success": function (response) {
- console.log(response);
- //getList();
- //getPowerStatus();
- alert(JSON.stringify(response));
- window.location.replace("system-overview.html");
-
- },
- "error": function (xhr, textStatus, errorThrown) {
- console.log("not a successful request!");
- console.log(xhr, textStatus, errorThrown)
- }
- });
- }
- </script>
</head>
-<body id="login">
-<div class="login__wrapper">
- <div class="row">
- <div class="columns large-6">
- <img src="img/logo.svg" class="login__logo" alt="IBM logo" role="img"/>
- </div>
- <div class="columns large-6">
- </div>
- </div>
- <div class="row">
- <div class="columns large-6 login__desc">
- <h1>OpenBMC Advanced System Management</h1>
- <ul class="login__server-info">
- <li><p class="login__info-label">Build version</p><p>1.00.102</p></li>
- <li><p class="login__info-label">Server ID</p><p>29000000166668</p></li>
- <li><p class="login__info-label">Server model</p><p>Power SL-22LC</p></li>
- <!-- ping server to see if powered on. Change status-light and txt accordingly. Status message is planned to be hardcoded message were display via local JS. -->
- <li><p class="login__info-label">Server power</p><p class="status-light__good">On</p></li>
- <li><p class="login__info-label">Status message</p><!--<p>BMC was reset by user</p>--></li>
- </ul>
- </div>
- <div class="columns large-6">
- <form id="login__form" role="form" action="" >
- <label for="username">Username</label>
- <input type="text" id="username" name="username" required>
+<body ng-style="dataService.bodyStyle" ng-attr-id="{{dataService.path == '/login' ? 'login': ''}}">
- <label for="password">Password</label>
- <input type="password" id="password" name="password" class="" required>
+<app-header ng-if="dataService.showNavigation" path="dataService.path"></app-header>
+<app-navigation ng-if="dataService.showNavigation" path="dataService.path" show-navigation="dataService.showNavigation"></app-navigation>
- <input id="login__submit" class="btn-primary" type="submit" value="Log in" role="button" onclick="login();">
+<main ng-view ng-class="{'content__container': dataService.path != '/login', 'login__wrapper': dataService.path == '/login'}">
+</main>
- <p class="login__error-msg" role="alert">Incorrect username or password</p>
- </form>
- </div>
- </div>
-</div>
<script src="js/app.min.js"></script>
</body>
</html>