Add usage in readme

tobegit3hub · tobegit3hub · commit ace30bc8daec · 2015-07-01T08:21:37.000+08:00
diff --git a/README.md b/README.md
@@ -1,2 +1,26 @@
-# ceph-web
-Web based management tool for ceph
+# Ceph Web
+
+## Introduction
+
+Ceph-web is the management tool for ceph with full features.
+
+* Easy to run with docker contaienr
+* Lightweight management tools
+* Full APIs from ceph-rest-api
+* Web UI with material design
+
+![](./screenshot.png)
+
+## Installation
+
+```
+docker run -d -p 8080:8080 tobegit3hub/ceph-web
+```
+
+## Notice
+
+Ceph-web accesses official ceph-rest-api service. You can run [ceph/demo](https://github.com/ceph/ceph-docker/tree/master/demo) to setup all-in-one ceph cluster locally.
+
+```
+docker run -d --net=host -e MON_IP=192.168.0.20 -e CEPH_NETWORK=192.168.0.0/24 ceph/demo
+```
diff --git a/controllers/default.go b/controllers/default.go
@@ -274,8 +274,8 @@ type PgStat struct {
 
 func (c *MainController) Get() {
 
-	//baseUrl := "http://127.0.0.1:5000/api/v0.1"
-	baseUrl := "http://192.168.99.100:5000/api/v0.1"
+	baseUrl := "http://127.0.0.1:5000/api/v0.1"
+	//baseUrl := "http://192.168.99.100:5000/api/v0.1"
 
 	// Request health
 	body := RequestJson(baseUrl + "/health")
diff --git a/screenshot.png b/screenshot.png
diff --git a/views/index.tpl b/views/index.tpl
@@ -68,7 +68,12 @@
       <!-- Health card -->
       <div class="panel panel-primary">
           <div class="panel-heading">
-              <h3 class="panel-title">Ceph Status</h3>
+              <span class="panel-title">Ceph Status</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label>
+              </span> -->
           </div>
           <div class="panel-body">
             <p><b>Overall status:</b> {{.health.Output.OverallStatus}}</p>
@@ -80,7 +85,12 @@
       <!-- OSD disk free card -->
       <div class="panel panel-success">
           <div class="panel-heading">
-              <h3 class="panel-title">OSD Disk Free</h3>
+              <span class="panel-title">OSD Disk Free</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label>
+              </span> -->
           </div>
           <div class="panel-body">
               <p><b>Total disk(KB):</b> {{.osdDf.Output.Summary.TotalKb}}</p>
@@ -96,7 +106,12 @@
       <!-- Osd crush dump card -->
       <div class="panel panel-warning">
           <div class="panel-heading">
-              <h3 class="panel-title">OSD CRUSH Dump</h3>
+              <span class="panel-title">OSD CRUSH Dump</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label> -->
+              </span>
           </div>
           <div class="panel-body">
               <p><b>OSD Profile:</b> {{.osdCrushDump.Output.Tunables.Profile}}</p>
@@ -121,7 +136,12 @@
       <!-- Osd tree card -->
       <div class="panel panel-danger">
           <div class="panel-heading">
-              <h3 class="panel-title">OSD Tree</h3>
+              <span class="panel-title">OSD Tree</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label>
+              </span> -->
           </div>
           <div class="panel-body">
               <p><b>Status:</b> {{.osdTree.Status}}</p>
@@ -131,7 +151,12 @@
       <!-- Pg status card -->
       <div class="panel panel-info">
           <div class="panel-heading">
-              <h3 class="panel-title">PG Status</h3>
+              <span class="panel-title">PG Status</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label>
+              </span> -->
           </div>
           <div class="panel-body">
               <p><b>Num pgs:</b> {{.pgStat.Output.NumPgs}}</p>
@@ -146,7 +171,12 @@
       <!-- Mds status card -->
       <div class="panel panel-success">
           <div class="panel-heading">
-              <h3 class="panel-title">MDS Status</h3>
+              <span class="panel-title">MDS Status</span>
+              <!-- <span class="togglebutton">
+                <label>
+                  &nbsp; &nbsp; &nbsp;<input type="checkbox" checked="">
+                </label>
+              </span> -->
           </div>
           <div class="panel-body">
               <p><b>Fs name:</b> {{.mdsStat.Output.Mdsmap.FsName}}</p>
@@ -162,7 +192,7 @@
       <!-- All data is null, not used yet
       <div class="panel panel-primary">
           <div class="panel-heading">
-              <h3 class="panel-title">MDS Compat Show</h3>
+              <span class="panel-title">MDS Compat Show</span>
           </div>
           <div class="panel-body">
               <p><b>Compat:</b> {{.mdsCompatShow.Output.Compat}}</p>
