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