Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 54013ac9110f3730fc9ed2295694ae8ab044b2bc / . / src / dashboard.html
blob: 42ee1094ade3ef02ab1c7663c5ffb0f0612ecb6f [file] [log] [blame]
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>openBMC</title>
6 <link rel="icon" href="favicon.ico?v=2"/>
7 <link rel="stylesheet" href="css/main.css">
8 <script src="js/vendor/vendor.min.js"></script>
9 <script>
10 var user = 'root';
11 var password = '0penBmc';
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]12 var ip = 'https://9.3.164.147';
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]13
14 function getList(){
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]15
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]16 $.ajax({
17 type: "GET",
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]18 url: ip + "/xyz/openbmc_project/list",
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]19 dataType: "json",
20 async: true,
21 xhrFields: {
22 withCredentials: true
23 },
24 headers: {
25 'Accept': 'application/json',
26 'Content-Type': 'application/json'
27 },
28 success: function(response){
29 var json = JSON.stringify(response);
30 var content = JSON.parse(json);
31 //console.log(content.data);
32
33 for (var i = 0; i < content.data.length; i++) {
34 var item = content.data[i];
35 console.log(item);
36 $('.container').append('<p>' + item + '</p>');
37 }
38 },
39 error: function(xhr, textStatus, errorThrown){
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]40 console.log("not a successful request!");
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]41 console.log(xhr, textStatus, errorThrown)
42 }
43 });
44 }
45
Iftekharul Islamb0f376a2017-02-27 09:36:55 -0600[diff] [blame]46 function getPowerStatus(){
47
48 $.ajax({
49 type: "GET",
50 url: ip + "/xyz/openbmc_project/state/host0",
51 dataType: "json",
52 async: true,
53 xhrFields: {
54 withCredentials: true
55 },
56 headers: {
57 'Accept': 'application/json',
58 'Content-Type': 'application/json'
59 },
60 success: function(response){
61 var json = JSON.stringify(response);
62 var content = JSON.parse(json);
63 //console.log(content.data);
64 var currentHostState = content.data.CurrentHostState;
65 if(currentHostState == "xyz.openbmc_project.State.Host.HostState.Off"){
Iftekharul Islam4eaa0f52017-02-28 10:55:15 -0600[diff] [blame]66 $('#power-indicator-bar').removeClass('power__state-off power__state-on').addClass('power__state-off');
Iftekharul Islamb0f376a2017-02-27 09:36:55 -0600[diff] [blame]67 }else{
Iftekharul Islam4eaa0f52017-02-28 10:55:15 -0600[diff] [blame]68 $('#power-indicator-bar').removeClass('power__state-off power__state-on').addClass('power__state-on');
Iftekharul Islamb0f376a2017-02-27 09:36:55 -0600[diff] [blame]69 }
70 },
71 error: function(xhr, textStatus, errorThrown){
72 console.log("not a successful request!");
73 console.log(xhr, textStatus, errorThrown)
74 }
75 });
76 }
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]77 var login = {
78 "type": "POST",
79 "url": ip + "/login",
80 "dataType": "json",
81 "async": true,
82 "headers": {
83 'Accept': 'application/json',
84 'Content-Type': 'application/json'
85 },
86 "xhrFields": {
87 withCredentials: true
88 },
89 "data": JSON.stringify({"data": [user, password]}),
90 "success": function(response){
91 console.log(response);
Iftekharul Islamb0f376a2017-02-27 09:36:55 -0600[diff] [blame]92 //getList();
93 getPowerStatus();
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]94 },
95 "error": function(xhr, textStatus, errorThrown){
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]96 console.log("not a successful request!");
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]97 console.log(xhr, textStatus, errorThrown)
98 }
99 };
100 </script>
101</head>
102<body>
103
104 <!-- Header & Navigation includes -->
105 <div id="header__wrapper"></div>
106 <div id="navigation"></div>
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]107 <main class="content__container" role="main">
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]108 <div class="row">
109 <div class="column">
110
111 <!-- Main content -->
112 <script>$.ajax(login)</script>
113 <div id="data"></div>
114
115 <p>Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Nulla porttitor accumsan tincidunt.</p>
116 </div>
117 </div>
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]118 </main>
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]119
120</body>
121<script src="js/app.min.js"></script>
Michael Daviscb8bb192017-02-09 15:45:13 -0600[diff] [blame]122</html>