forms hidden by default
authorcavaliet
Wed, 11 Sep 2013 12:23:30 +0200
changeset 67 2ed617d40598
parent 66 3f5cd0a7b223
child 68 a90c4b6abec8
forms hidden by default
src/p4l/static/p4l/css/semantictree.css
src/p4l/static/p4l/js/p4l.js
src/p4l/static/p4l/templates/addSemanticUriForm.html
src/p4l/static/p4l/templates/simpleSemanticUriForm.html
--- a/src/p4l/static/p4l/css/semantictree.css	Wed Sep 11 11:37:16 2013 +0200
+++ b/src/p4l/static/p4l/css/semantictree.css	Wed Sep 11 12:23:30 2013 +0200
@@ -11,6 +11,12 @@
     overflow-x: hidden;
     overflow-y: auto;
 }
+.bottom-5 {
+    margin-bottom: 5px;
+}
+.after-plus {
+    padding-top: 5px;
+}
 /*
 .ng-scope {
     border: 1px dashed red;
--- a/src/p4l/static/p4l/js/p4l.js	Wed Sep 11 11:37:16 2013 +0200
+++ b/src/p4l/static/p4l/js/p4l.js	Wed Sep 11 12:23:30 2013 +0200
@@ -136,6 +136,7 @@
 			      $scope[k] = attr_dict[k];
 			  }
 		  }
+		  $scope.formVisible = false;
     	  // initalize autocomplete and browse thesaurus events
     	  // We have to timeout because init_browse needs the real ids and not {{ $id }}
     	  // NB : scope.apply generates bug
@@ -188,6 +189,7 @@
                     $scope[k] = attr_dict[k];
                 }
             }
+            $scope.formVisible = false;
             // initalize autocomplete and browse thesaurus events
             // We have to timeout because init_browse needs the real ids and not {{ $id }}
             // NB : scope.apply generates bug
--- a/src/p4l/static/p4l/templates/addSemanticUriForm.html	Wed Sep 11 11:37:16 2013 +0200
+++ b/src/p4l/static/p4l/templates/addSemanticUriForm.html	Wed Sep 11 12:23:30 2013 +0200
@@ -1,8 +1,9 @@
 <div>
-    <ul>
+    <ul class="bottom-5">
         <li ng-repeat="item in list">{{uriLabels[item]}} <small class="text-muted">({{item}})</small> <a ng-click='removeFromList(item)' class="btn btn-default btn-xs"><i class="glyphicon glyphicon-trash"></i></a></li>
     </ul>
-	<form class="form-inline" role="form">
+    <a ng-click='formVisible=!formVisible' class="btn btn-default btn-xs"><i class="glyphicon glyphicon-plus-sign"></i></a>
+	<form class="form-inline after-plus" role="form" ng-show="formVisible==true">
 	    <div class="form-group col-md-8">
 	        <input id="id_{{ $id }}" ng-model="addUriText" class="semantic-tree form-control col-md-10" type="text" placeholder="{{ placeholder }}"
 	               data-url="{{ dataurl }}" data-query="{{ dataquery }}" data-root-query="{{ datarootquery }}"
--- a/src/p4l/static/p4l/templates/simpleSemanticUriForm.html	Wed Sep 11 11:37:16 2013 +0200
+++ b/src/p4l/static/p4l/templates/simpleSemanticUriForm.html	Wed Sep 11 12:23:30 2013 +0200
@@ -1,6 +1,7 @@
 <div>
     <p>{{uriLabels[val]}} <small class="text-muted">({{val}})</small></p>
-	<form class="form-inline" role="form">
+    <a ng-click='formVisible=!formVisible' class="btn btn-default btn-xs"><i class="glyphicon glyphicon-pencil"></i></a>
+	<form class="form-inline after-plus" role="form" ng-show="formVisible==true">
 	    <div class="form-group col-md-8">
 	        <input id="id_{{ $id }}" ng-model="addUriText" class="semantic-tree form-control col-md-10" type="text" placeholder="{{ placeholder }}"
 	               data-url="{{ dataurl }}" data-query="{{ dataquery }}" data-root-query="{{ datarootquery }}"