ui: add a way to use shortestpath

Change-Id: I47701ab0c99dbc463fdcb857362c9f1957bc6c86
Reviewed-on: http://softwarefactory-project.io/r/5031
Reviewed-by: Sylvain Baubeau <sbaubeau@redhat.com>
Tested-by: Sylvain Baubeau <sbaubeau@redhat.com>
Workflow: Sylvain Baubeau <sbaubeau@redhat.com>
Reviewed-by: Nicolas PLANEL <nplanel@redhat.com>
Tested-by: Nicolas PLANEL <nplanel@redhat.com>
Workflow: Nicolas PLANEL <nplanel@redhat.com>

http/server.go

@@ -178,7 +178,9 @@ func (s *Server) renderTemplate(w http.ResponseWriter, page string) {
 
 	w.Header().Set("Content-Type", "text/html; charset=UTF-8")
 	w.WriteHeader(http.StatusOK)
-	t.Execute(w, s.getTemplateData())
+	if err = t.Execute(w, s.getTemplateData()); err != nil {
+		logging.GetLogger().Errorf("Unable to render template: %s", err.Error())
+	}
 }
 
 func unauthorized(w http.ResponseWriter, r *http.Request) {

statics/css/skydive.css

@@ -39,6 +39,10 @@ label {
   height: 90%;
 }
 
+.node-selection {
+  cursor: crosshair;
+}
+
 .node {
   fill: lightsteelblue;
   stroke: #888;
@@ -47,6 +51,14 @@ label {
   cursor: pointer;
 }
 
+.node-selection .node {
+  cursor: crosshair !important;
+}
+
+.node-invalid-selection .node {
+  cursor: not-allowed !important;
+}
+
 #node-id {
   cursor: default;
 }
@@ -240,6 +252,10 @@ path.group {
   margin-bottom: 10px;
 }
 
+#capture {
+  font-size: 1.2em;
+}
+
 ul.capture-list {
   list-style-type: none;
   padding: 0px;
@@ -369,3 +385,22 @@ circle.manager {
 #capture_form textarea {
   height: 100px;
 }
+
+.fa{
+  font-size: 1.3em;
+  color: #000;
+}
+
+.form-control + .fa-crosshairs{
+  left: 0;
+}
+
+.form-control:focus+.fa-crosshairs{
+  color: #66afe9;
+}
+
+.has-left-icon{
+  /*Left padding 20px in this case, but it could be different due to other settings - for example in my project it was 25 pixels*/
+  padding-left: 30px !important;
+  padding-right: 10px !important;
+}