# HG changeset patch
# User Nobuyasu Oshiro  <dimolto@cr.ie.u-ryukyu.ac.jp>
# Date 1363988994 -32400
# Node ID 26eaf273efbfb8af6c8361359d890bddc520e60c
# Parent  fdad911675bc5c7cc2bce4d2336aa6263015ee63
implemented StateSelect

diff -r fdad911675bc -r 26eaf273efbf css/viewer_form.css
--- a/css/viewer_form.css	Sat Mar 23 06:25:50 2013 +0900
+++ b/css/viewer_form.css	Sat Mar 23 06:49:54 2013 +0900
@@ -64,7 +64,6 @@
     overflow:hidden;
     cursor:pointer;
 }
-
 div.graphNodeContent {
     position:absolute;
     z-index:21;
@@ -74,6 +73,7 @@
     top: 10px;
     overflow:hidden;
 }
+
 div.menuDisplayCss { 
     position:fixed;
     background:#fff;
@@ -100,7 +100,8 @@
     border: groove 3px #777;
 }
 div.menuTitleCss { 
-    text-align:center;    
+    text-align:left;    
+    margin-left:5px;
     font-size:20px;
     font-weight:900;
 }
diff -r fdad911675bc -r 26eaf273efbf show.html
--- a/show.html	Sat Mar 23 06:25:50 2013 +0900
+++ b/show.html	Sat Mar 23 06:49:54 2013 +0900
@@ -326,17 +326,20 @@
     traverseMenuHeight : $('#traverseMenu')[0].offsetHeight - MENU_BORDER_MARGIN
 };
 
+function appendStateSelectDiv(body, div, state) {
+	div.click(function(){ stateTraversePost(state) });
+	appendMenuBody(body, div);
+}
+
 function createStateSelectMenu() {
     removeStateMenuBody();
     var stateMenu = $('#stateMenu');
-    var accepted = $('<div class="menuContent" >accept</div>');
-    var rejected = $('<div class="menuContent" >reject</div>');
-    var retract = $('<div class="menuContent" >retract</div>');
     var body = $('#stateMenuBody');
     body.viewFlag = true;
-    body.append(accepted);
-    body.append(rejected);
-    body.append(retract);
+    for (var state in stateObj) {
+	var div = $('<div class="menuContent" >'+state+'</div>');
+	appendStateSelectDiv(body, div, stateObj[state]);
+    }
 }
 
 var BASE_MARGIN = parseInt($('.menu').css('margin-top').split('px')[0])*2 + 
@@ -386,6 +389,9 @@
 	left: rootLeft + 'px',
 	top: rootTop + height + 50 +'px'
     });
+    createStateSelectMenu();
+//    hiddenStateMenuBody();
+    updateMenuDisplayHeight();
 }
 
 function showMiniDisplay(node) {
@@ -455,7 +461,7 @@
 function postToServer(parameter) {
     $.ajax({
 	url:"/aat/aaevidencesiftingmodel.userdesktops/update?desktopid="+desktopid()+"&"+parameter,
-	success:function(o) { },
+	success:function(o) { console.log(this.url);},
 	type:"POST", cache:true,
 	error:function(o) { console.log("post error : ", o); }
     });
@@ -467,7 +473,7 @@
     retract:"Retract"
 };
 
-function statePost(buttonEle) {
+function statePost(button) {
     var id = CURRENT_DATA.nodeId;
     var state = buttonEle.html();
     var node = GRAPH_DATA.nodes[id];
@@ -477,6 +483,15 @@
     updateNodeElement(node);
 }
 
+function stateTraversePost(state) {
+    var id = CURRENT_DATA.nodeId;
+    var node = GRAPH_DATA.nodes[id];
+    node.property.state = state;
+    postToServer("id="+id+"&state="+state);
+    showMiniDisplay(node);
+    updateNodeElement(node);
+}
+
 function nodePositionPost(node) {
     postToServer("id="+node.property.id+"&coordX="+node.position.x+"&coordY="+node.position.y);
 }