Commit 7210979a authored by c24b's avatar c24b

Commenting contextual help for 2 toolbars of the graph

parent 0deabb3e
...@@ -313,90 +313,90 @@ help = { "#project":{ ...@@ -313,90 +313,90 @@ help = { "#project":{
// "placement": "top", // "placement": "top",
// "position": "inside", // "position": "inside",
// }, // },
"#edition":{ // "#edition":{
"en":{ // "en":{
"title":"Graph Edition and Manipulation Toolbar", // "title":"Graph Edition and Manipulation Toolbar",
"content":"Manipulate and edit your graph using this toolbar"+ // "content":"Manipulate and edit your graph using this toolbar"+
"<ul>"+ // "<ul>"+
"<li>Node sizes maps (on a log scale) the number of documents that"+ // "<li>Node sizes maps (on a log scale) the number of documents that"+
"mention its label and its associated terms (if any ).</li>"+ // "mention its label and its associated terms (if any ).</li>"+
"<li>When according to the chosen proximity measure, the proximity"+ // "<li>When according to the chosen proximity measure, the proximity"+
"between two terms is strong enough, a link is displayed.</li>"+ // "between two terms is strong enough, a link is displayed.</li>"+
"<li>You can filter links by strength using the 'edges filter' slider"+ // "<li>You can filter links by strength using the 'edges filter' slider"+
"(this will fold/unfold the graph):"+ // "(this will fold/unfold the graph):"+
"</li>"+ // "</li>"+
"<img src='/static/img/slider_edges.png'/>"+ // "<img src='/static/img/slider_edges.png'/>"+
"<li>You can decide to remove small nodes or large nodes using the"+ // "<li>You can decide to remove small nodes or large nodes using the"+
"'nodes filter' slider (e.g. to get only the most popular"+ // "'nodes filter' slider (e.g. to get only the most popular"+
"expressions):</li>"+ // "expressions):</li>"+
"<img src='/static/img/slider_nodes.png'/>"+ // "<img src='/static/img/slider_nodes.png'/>"+
"<li>To change size of label (proportionnal to their strenght) use the 'label size slider':</li> "+ // "<li>To change size of label (proportionnal to their strenght) use the 'label size slider':</li> "+
"<img src='/static/img/slider_label.png'/>"+ // "<img src='/static/img/slider_label.png'/>"+
"<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+ // "<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+
"<img src='/static/img/slider_color.png'/>"+ // "<img src='/static/img/slider_color.png'/>"+
"<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+ // "<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+
"<img src='/static/img/slider_size.png'/>"+ // "<img src='/static/img/slider_size.png'/>"+
"</ul>", // "</ul>",
//
}, // },
"fr":{ // "fr":{
"title":"Outil d'édition et de manipulation du graph", // "title":"Outil d'édition et de manipulation du graph",
"content":"Manipuler and éditer le graph grace à cette barre d'outil"+ // "content":"Manipuler and éditer le graph grace à cette barre d'outil"+
"<ul>"+ // "<ul>"+
"<li>Node sizes maps (on a log scale) the number of documents that"+ // "<li>Node sizes maps (on a log scale) the number of documents that"+
"mention its label and its associated terms (if any ).</li>"+ // "mention its label and its associated terms (if any ).</li>"+
"<li>When according to the chosen proximity measure, the proximity"+ // "<li>When according to the chosen proximity measure, the proximity"+
"between two terms is strong enough, a link is displayed.</li>"+ // "between two terms is strong enough, a link is displayed.</li>"+
"<li>You can filter links by strength using the 'edges filter' slider"+ // "<li>You can filter links by strength using the 'edges filter' slider"+
"(this will fold/unfold the graph):"+ // "(this will fold/unfold the graph):"+
"</li>"+ // "</li>"+
"<img src='/static/img/slider_edges.png'/>"+ // "<img src='/static/img/slider_edges.png'/>"+
"<li>You can decide to remove small nodes or large nodes using the"+ // "<li>You can decide to remove small nodes or large nodes using the"+
"'nodes filter' slider (e.g. to get only the most popular"+ // "'nodes filter' slider (e.g. to get only the most popular"+
"expressions):</li>"+ // "expressions):</li>"+
"<img src='/static/img/slider_nodes.png'/>"+ // "<img src='/static/img/slider_nodes.png'/>"+
"<li>To change size of label (proportionnal to their strenght) use the 'label size slider':</li> "+ // "<li>To change size of label (proportionnal to their strenght) use the 'label size slider':</li> "+
"<img src='/static/img/slider_label.png'/>"+ // "<img src='/static/img/slider_label.png'/>"+
"<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+ // "<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+
"<img src='/static/img/slider_color.png'/>"+ // "<img src='/static/img/slider_color.png'/>"+
"<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+ // "<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+
"<img src='/static/img/slider_size.png'/>"+ // "<img src='/static/img/slider_size.png'/>"+
"</ul>", // "</ul>",
//
}, // },
"placement": "right", // "placement": "right",
"position": "inside", // "position": "inside",
}, // },
"#exploration":{ // "#exploration":{
"en":{ // "en":{
"title":"Graph Exploration Toolbar", // "title":"Graph Exploration Toolbar",
"content":"<div>Explore your graph using this navigation bar"+ // "content":"<div>Explore your graph using this navigation bar"+
"<ul>"+ // "<ul>"+
"<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+ // "<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+
"<li>To center the graph, click on the center button. </li>"+ // "<li>To center the graph, click on the center button. </li>"+
"<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+ // "<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+
"<li>To calculate proximity measure and show the edges click on the button</li>"+ // "<li>To calculate proximity measure and show the edges click on the button</li>"+
"<li>You can explore the graph using the slider and the macro/mesolevel button."+ // "<li>You can explore the graph using the slider and the macro/mesolevel button."+
"<div class='inline'><a style='float: right;' class='small btn-xs' href='#' id='zoomPlusButton'></a>"+ // "<div class='inline'><a style='float: right;' class='small btn-xs' href='#' id='zoomPlusButton'></a>"+
"<a style='float: right;' class='small btn-xs' href='#' id='zoomMinusButton'></a></div>"+ // "<a style='float: right;' class='small btn-xs' href='#' id='zoomMinusButton'></a></div>"+
"</li></ul>", // "</li></ul>",
}, // },
"fr":{ // "fr":{
"title":"Outils d'exploration du Graphe", // "title":"Outils d'exploration du Graphe",
"content":"<div>Explorer le graph en utilisant cette barre d'outils"+ // "content":"<div>Explorer le graph en utilisant cette barre d'outils"+
"<ul>"+ // "<ul>"+
"<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+ // "<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+
"<li>To center the graph, click on the center button. </li>"+ // "<li>To center the graph, click on the center button. </li>"+
"<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+ // "<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+
"<li>To calculate proximity measure and show the edges click on the button</li>"+ // "<li>To calculate proximity measure and show the edges click on the button</li>"+
"<li>You can explore the graph using the slider and the macro/mesolevel button."+ // "<li>You can explore the graph using the slider and the +/- button."+
"<div class='inline'><a style='float: right;' class='small btn-xs' href='#' id='zoomPlusButton'></a>"+ // "<div class='inline'><a style='float: right;' class='small btn-xs' href='#' id='zoomPlusButton'></a>"+
"<a style='float: right;' class='small btn-xs' href='#' id='zoomMinusButton'></a></div>"+ // "<a style='float: right;' class='small btn-xs' href='#' id='zoomMinusButton'></a></div>"+
"</li></ul>", // "</li></ul>",
}, // },
"placement": "right", // "placement": "right",
"position": "inside", // "position": "inside",
}, // },
} }
......
...@@ -1027,7 +1027,7 @@ function getTips(){ ...@@ -1027,7 +1027,7 @@ function getTips(){
"<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+ "<li>Change cluster coloration using <label>'Colors'</label> button choosing in the options"+
"<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+ "<li>Change size of the nodes using <label>'Sizes'</label> button choosing in the options"+
"</ul>"+ "</ul>"+
"<ul><b>Micro/Macro view:</b>"+ "<ul><b>Graph Exploration</b>"+
"<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+ "<a style='float: right;' class='btn-xs' href='#' id='lensButton'></a>"+
"<li>To center the graph, click on the center button. </li>"+ "<li>To center the graph, click on the center button. </li>"+
"<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+ "<a style='float: right;' class='btn-xs' href='#' id='edgesButton'></a>"+
......
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
</div> </div>
<div id="tips"></div> <div id="tips"></div>
<div id="names"></div> <div id="names"></div>
<div id="ngrams_actions"></div> <div id="ngrams_actions" class="help"></div>
<br> <br>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment