Skip to content

C
clinicaltrials
Commit 0c98aa54 authored by Romain Loth's avatar Romain Loth
Browse files
Options

HTML layout redux to use new autoResize possibilities and simplify the main grid

parent 129294d0
Hide whitespace changes
Inline Side-by-side
Showing with 979 additions and 489 deletions
explorerjs.html 100755 → 100644
View file @ 0c98aa54
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Mapping risk research</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="libs/jquery/jquery-ui.css" media="screen">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css" media="screen">
<link rel="stylesheet" href="libs/css2/freshslider.css" media="screen">
<link rel="stylesheet" href="libs/css2/custom.css" media="screen">
<link rel="stylesheet" href="libs/css2/sidebar.css" media="screen">
<link rel="stylesheet" href="libs/css2/font.css" type="text/css">
<meta charset="utf-8">
<meta name="language" content='EN'>
<meta name="language" content='FR'>
<meta name="keywords" content="dataviz, graph, data exploration, sigmajs, tinawebjs">
<meta name="copyright" content="ISCPIF - UPS 3611 CNRS - 2017">
<meta name="revised" content="2017-04-01/rloth">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- ======================== -->
<title>TinaWebJS Graph Explorer</title>
<!-- ======================== -->
<!-- CSS -->
<link rel="stylesheet" href="libs/css2/twjs.css">
<link rel="stylesheet" href="libs/css2/selection-panels.css">
<link rel="stylesheet" href="libs/jquery/jquery-ui.css" media="screen">
<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css" media="screen">
<!-- <link rel="stylesheet" href="libs/bootstrap-3/css/bootstrap.min.css"> -->
<!-- NB bs2/3 not used for main grid (graph + bars) but inside the bars -->
<link rel="stylesheet" href="libs/css2/freshslider.css" media="screen">
<!-- JS -->
<!-- <script src="script.js"></script> -->
</head>
<body class="gradient">
<!-- this is the topbar -->
<div id="fixedtop" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="../index.html" class="navbar-brand"> <img width="20px" src="libs/img2/home.png"></img>Mapping Risk Research</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<body>
<div id="topbar" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<li class="disabled">
<a>
<span class="label label-default label-lg">MAP: </span>
</a>
</li>
<div class="navbar-header">
<a href="#" class="navbar-brand"> <img width="20px" src="libs/img2/home.png">Mapping Risk Research</a>
</div>
<li>
<a>
<span id="network" ></span>
</a>
</li>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li class="disabled">
<a>
<span class="label label-default label-lg">MAP: </span>
</a>
</li>
<li>
<div id="log"></div>
</li>
<li>
<a class="navbar-higher">
<span id="network" ></span>
</a>
</li>
<li><a>.</a></li>
<li>
<a>
<div id="gexfs"></div>
</a>
</li>
<li>
<div id="log"></div>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.cnrs.fr" target="_blank" title="CNRS"><img src="libs/img2/logo_cnrs_transparent.gif" height="23"></a></li>
<li><a href="http://iscpif.fr" target="_blank" title="ISC-PIF"><img src="libs/img2/logo_ISCPIF_small.svg"height="23"></a></li>
</ul>
</div><!--navbar-main-->
</div><!--container-->
</div><!--navbar-fixed-top-->
<!-- this is the tweakbar -->
<div class="container-fluid navbar-default">
<div id="defaultop" class="row">
<div id="left" class="col-sm-8 col-md-8 col-lg-6" >
<ul class="nav navbar-nav navbar-right">
<!--
<li>
<a>
<select id="aselector" onchange="console.log('salut monde')" class="selectpicker" data-style="btn btn-success btn-sm" data-width="auto">
<option value="Document" selected>Scholars</option>
<option value="NGram">Keywords</option>
</select>
</a>
</li>
-->
<li>
<a>
<button type="button" id="changetype" class="btn btn-success btn-sm">Change Type</button>
</a>
</li>
<li>
<a>
<button type="button" id="changelevel" class="btn btn-info btn-sm" disabled>Change Level</button>
</a>
</li>
<li><a>
Selector size<br>
<div id="unranged-value" class="settingslider"></div>
</a></li>
<li><a>
<!-- TODO fix: category0 -> category1 switching -->
Label size<br>
<div id="slidercat0nodessize" class="settingslider"></div>
</a></li>
<li><a>
Colors<div class="colorgraph_div"></div>
</a></li>
<!--
<li>
<a>
<button type="button" onclick="partialGraph.stopForceAtlas2();" class="btn btn-sm">wu</button>
</a>
</li>
-->
<!-- TODO fix: category0 -> category1 switching -->
<li><a>
Create a subgraph
<ul id="category0" class="nav">
<li><small>Nodes</small> <div id="slidercat0nodesweight" class="settingslider"></div></li>
<li><small>Edges</small> <div id="slidercat0edgesweight" class="settingslider"></div></li>
</ul>
<ul id="category1" class="nav">
<li><small>Nodes</small> <div id="slidercat1nodesweight" class="settingslider"></div></li>
<li><small>Edges</small> <div id="slidercat1edgesweight" class="settingslider"></div></li>
</ul>
</a></li>
</ul>
</div><!-- /div#left -->
<div id="right" class="col-sm-3 col-md-4 col-lg-6" >
<div class='row' id="searchnav">
<!-- the smaller the viewport, the larger the relative search box size -->
<div class="col-sm-9 col-md-9 col-lg-6" >
<div id="search_input_group" class="input-group input-group-sm">
<span class="input-group-btn crowdsourcingModule">
<button id="savesuggestion"
disabled
title="Save this topic as a new suggestion"
class="btn btn-default"
type="button">
<span class="glyphicon glyphicon-save"
id="saveicon">
</span>
</button>
</span>
<span class="input-group-btn">
<button id="searchbutton"
title="Search the topic in the map"
class="btn btn-info"
type="button">
<span class="glyphicon glyphicon-search">
</span>
</button>
</span>
<!-- ########## THE SEARCH BAR ########## -->
<input id="searchinput"
type="text"
class="form-control"
placeholder="Select node(s)" />
<!-- strSearchBar will replace placeholder value -->
<!-- #################################### -->
</div>
<!-- messages below the search bar -->
<!-- say thanks for the suggestion, etc. -->
<div id="crowdsourcing_answer" class="crowdsourcingModule"></div>
</div>
<div class="col-sm-3 col-md-3 col-lg-5">
<input id="checkboxdiv" onclick="alertCheckBox(this);"
title="Add next search results to current selection"
class="btn btn-info"
type="checkbox"></input>
<p style="font-size:75%; line-height:90%">Add to selection</p>
</div>
<li><a>.</a></li>
</div>
<li>
<a>
<div id="gexfs"></div>
</a>
</li>
<!--
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
-->
</div>
</ul>
</div><!-- /.row#defaultop -->
</div><!-- /.container.fluid -->
<!-- £TODO wtf </div> -->
<div id="wrapper">
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.cnrs.fr" target="_blank"
class="navbar-higher"
title="CNRS">
<img src="libs/img2/logo_cnrs_transparent.gif" height="23"></a></li>
<li><a href="http://iscpif.fr" target="_blank"
class="navbar-higher"
title="ISC-PIF">
<img src="libs/img2/logo_ISCPIF_small.svg"height="23"></a></li>
</ul>
<div id="zonecentre">
</div><!--navbar-main-->
</div><!--container-->
</div><!--navbar-fixed-top-->
<!-- Page content -->
<div id="sigma-contnr"></div>
<!-- ex-defaultop -->
<div id="toolbar" class="navbar navbar-default navbar-fixed-top">
<div id="defaultop" class="container">
<div style="visibility: hidden;" id="sigma-othergraph"></div>
<div id="left" class="navbar-collapse collapse">
<img id="semLoader" style="position:absolute; top:50%; left:40%; width:80px;" src="libs/img2/loading-bar.gif"></img>
<ul class="nav navbar-nav navbar-left">
<ul id="ctlzoom">
<!--
<li>
<a>
<select id="aselector" onchange="console.log('salut monde')" class="selectpicker" data-style="btn btn-success btn-sm" data-width="auto">
<option value="Document" selected>Scholars</option>
<option value="NGram">Keywords</option>
</select>
</a>
</li>
-->
<!-- <div class="content-header">
<button id="menu-toggle">X</button>
</div> -->
<li>
<div id="unfold">
<a href="#" id="aUnfold" class="rightarrow"></a>
</div>
</li>
<!--
<li>
<a href="#" id="geomapicon" onclick="$('#geomapmodal').modal('show'); callGeomapADEME();">
<img title="World Map Distribution" width="34px" src="libs/img2/world.png"></img>
</a>
</li>
-->
<li>
<a>
<button type="button" id="changetype" class="btn btn-success btn-sm">Change Type</button>
</a>
</li>
<li>
<a>
<button type="button" id="changelevel" class="btn btn-info btn-sm" disabled>Change Level</button>
</a>
</li>
<li>
<a href="#" id="snapicon" onclick="saveGraphIMG();" >
<img title="Take a photo!" width="34px" src="libs/img2/camera.png"></img>
</a>
</li>
<li><a>
Selector size<br>
<div id="unranged-value" class="settingslider"></div>
</a></li>
<li>
<a href="#" id="saveAs">
<img width="30px" title="Save As..." src="libs/img2/save.png"></img>
</a>
</li>
<li><a>
<!-- TODO fix: category0 -> category1 switching -->
Label size<br>
<div id="slidercat0nodessize" class="settingslider"></div>
</a></li>
<li>
<a href="#" id="zoomPlusButton" title="S'approcher"> </a>
</li>
<li><a>
Colors<div class="colorgraph_div"></div>
</a></li>
<li id="zoomSliderzone">
<div id="zoomSlider"></div>
</li>
<!--
<li>
<a>
<button type="button" onclick="partialGraph.stopForceAtlas2();" class="btn btn-sm">wu</button>
</a>
</li>
-->
<li>
<a href="#" id="zoomMinusButton" title="S'éloigner"> </a>
</li>
<!-- TODO fix: category0 -> category1 switching -->
<li class="weight-selectors">
<!-- <a> -->
<!-- Create a subgraph -->
<table>
<tr>
<td class="slider-legend">
Nodes
</td>
<td id="slidercat0nodesweight" class="settingslider">
</td>
</tr>
<tr>
<td class="slider-legend">
Edges
</td>
<td id="slidercat0edgesweight" class="settingslider">
</td>
</tr>
</table>
</li>
<!-- <li class="weight-selectors">
<table>
<tr class="weight-selector">
<td class="slider-legend">
Nodes
</td>
<td id="slidercat1nodesweight" class="settingslider">
</td>
</tr>
<tr class="weight-selector">
<td class="slider-legend">
Edges
</td>
<td id="slidercat1edgesweight" class="settingslider">
</td>
</tr>
</table>
</li> -->
<!-- </ul>
<ul id="searchnav" class='nav navbar-nav'> -->
<li class="nav navbar-lower">
<li class="nav navbar-lower">
<div id="search_input_group" class="input-group input-group-sm">
<span class="input-group-btn crowdsourcingModule">
<button id="savesuggestion"
disabled
title="Save this topic as a new suggestion"
class="btn btn-default"
type="button">
<span class="glyphicon glyphicon-save"
id="saveicon">
</span>
</button>
</span>
<span class="input-group-btn">
<button id="searchbutton"
title="Search the topic in the map"
class="btn btn-info"
type="button">
<span class="glyphicon glyphicon-search">
</span>
</button>
</span>
<!-- ########## THE SEARCH BAR ########## -->
<input id="searchinput"
type="text"
class="form-control"
placeholder="Select node(s)" />
<!-- strSearchBar will replace placeholder value -->
<!-- #################################### -->
</div>
</li>
<li>
<a href="#" id="lensButton"> </a>
</li>
<!-- messages below the search bar -->
<!-- say thanks for the suggestion, etc. -->
<li id="crowdsourcing_answer" class="nav crowdsourcingModule navbar-lower"></li>
<li>
<a href="#" id="edgesButton"> </a>
</li>
</ul>
</div>
<li class="nav navbar-lower">
<input id="checkboxdiv" onclick="alertCheckBox(this);"
title="Add next search results to current selection"
class="nav btn btn-info"
type="checkbox"></input>
<p style="font-size:75%; line-height:90%">Add to selection</p>
</li> <!-- /checkbox group -->
</ul> <!-- /searchnav -->
<!-- inline *after* zonecentre for better overlay positioning -->
<!-- Sidebar top left -->
<div id="lefttopbox">
</div><!-- /div#left -->
<!-- selected nodes -->
<div id="tw-current-selection">
<button id="unselectbutton"
style="color: #900;font-weight: bold;font-size: 70%;text-transform: uppercase;float:right;margin-right:.5em"
onclick='cancelSelection(false);'
title="Unselect these terms">
<span class="glyphicon glyphicon-remove" alt="X"></span>
</button>
<div id="names"></div>
</div>
<!-- histogram of selected nodes -->
<div class="histogramModule">
<!-- filled by query (user search value) to wos api -->
<div id="search_histogram" class="over-panels"></div>
</div><!-- /row -->
</div>
</div> <!-- /#defaultop -->
</div> <!-- /toolbar -->
<!-- class="my-legend" (absolute position bottom left) -->
<div id="legend_for_clusters" class="over-panels"></div>
</div>
<div id="sigma-contnr">
<div id="graph-panels">
<ul id="ctlzoom">
<!-- <div class="content-header">
<button id="menu-toggle">X</button>
</div> -->
<li>
<div id="unfold">
<a href="#" id="aUnfold" class="rightarrow"></a>
</div>
</li>
<!--
<li>
<a href="#" id="geomapicon" onclick="$('#geomapmodal').modal('show'); callGeomapADEME();">
<img title="World Map Distribution" width="34px" src="libs/img2/world.png"></img>
</a>
</li>
-->
<li>
<a href="#" id="snapicon" onclick="saveGraphIMG();" class="zoombarbuttons">
<img title="Take a photo!" style="width:30px" src="libs/img2/camera.png"></img>
</a>
</li>
<!-- Sidebar right, old css -->
<div id="rightcolumn">
<li>
<a href="#" id="saveAs" class="zoombarbuttons">
<img style="width:28px" title="Save As..." src="libs/img2/save.png"></img>
</a>
</li>
<div id="tab-container" class='tab-container' style="display: none;">
<li>
<a href="#" id="zoomPlusButton" title="S'approcher"> </a>
</li>
<ul class='etabs'>
<!-- for related elements from the combined graph (eg soc => sem) -->
<li id="taboppos" class='tab'><a href="#tabs1">Opposite-Neighbors</a></li>
<!-- for neighbors within this graph -->
<li id="tabneigh" class='tab'><a href="#tabs2">Related</a></li>
</ul>
<li id="zoomSliderzone">
<div id="zoomSlider"></div>
</li>
<div class='panel-container'>
<div id="tabs1">
<div id="opossiteNodes"></div>
</div>
<div id="tabs2">
<div id="sameNodes"></div>
</div>
</div>
</div>
<li>
<a href="#" id="zoomMinusButton" title="S'éloigner"> </a>
</li>
<div id="topPapers" style="display: none;"></div>
<div id="information"></div>
<li>
<a href="#" id="lensButton" class="zoombarbuttons">
<img src="libs/img2/target.png" style="width:32px">
</a>
</li>
<!--
bottom right column as panels
<li>
<a href="#" id="edgesButton" class="zoombarbuttons">
<img src="libs/img2/edges.png" style="width:32px">
</a>
</li>
</ul>
<!-- inline *after* sigma-contnr for better overlay positioning -->
<!-- Sidebar top left -->
<div id="lefttopbox">
<!-- selected nodes -->
<div id="tw-current-selection">
<button id="unselectbutton" class="btn-xs"
onclick='cancelSelection(false);'
title="Unselect these terms">
<span class="glyphicon glyphicon-remove" alt="X"></span>
</button>
<div id="names"></div>
</div>
open/close panel from: jsfiddle.net/KyleMit/kcpma
-->
<div class="panel-group" id="accordion">
<!-- histogram of selected nodes -->
<div class="histogramModule">
<!-- filled by query (user search value) to wos api -->
<div id="search_histogram" class="over-panels"></div>
</div><!-- /row -->
</div>
<div class="panel panel-default" id="video_explanation">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#le_tutorial"
href="#">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
&nbsp;Tutorial video
</a>
</h4>
</div>
<!-- class="my-legend" (absolute position bottom left) -->
<div id="legend_for_clusters" class="over-panels"></div>
<div class="panel-collapse collapse" id="le_tutorial">
<!-- TODO: outcloud the video for better stream+player -->
<video width="100%"
src="video/AXA2015.mp4" controls="" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></video>
</div>
</div>
</div>
<div id="sidebar">
<div id="tab-container" class='tab-container' style="display: none;">
<ul class='etabs'>
<!-- for related elements from the combined graph (eg soc => sem) -->
<li id="taboppos" class='tab'><a href="#tabs1">Opposite-Neighbors</a></li>
<!-- for neighbors within this graph -->
<li id="tabneigh" class='tab'><a href="#tabs2">Related</a></li>
</ul>
<div class='panel-container'>
<div id="tabs1">
<div id="opossiteNodes"></div>
</div>
<div id="tabs2">
<div id="sameNodes"></div>
</div>
</div>
</div>
<div class="panel panel-default" id="tips_panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#tips"
href="#">
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
&nbsp;Tips
</a>
</h4>
</div>
<div id="topPapers"></div>
<div class="panel-collapse collapse in" id="tips"></div>
</div>
<div id="information"></div>
<div class="panel panel-default" id="credits_panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#credits"
href="#">
<span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
&nbsp;Credits
</a>
</h4>
</div>
<!--
bottom right column as panels
<div class="panel-collapse collapse" id="credits">
<a href="https://bigdata.iscpif.fr/" target="_blank">
<img src="https://bigdata.iscpif.fr/images/logos/BIGDATA-Logo-PoweredBy-light.jpg"
alt="Powered by Big Data at ISCPIF"
style="width:85%; ">
</a>
<a href="https://github.com/moma" target="_blank">
<img src="libs/img2/moma.png"
alt="Sciencemapping"
style="width:85%; ">
</a>
</div>
open/close panel from: jsfiddle.net/KyleMit/kcpma
-->
<div class="panel-group" id="accordion">
<div class="panel panel-default" id="video_explanation">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#le_tutorial"
href="#">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
&nbsp;Tutorial video
</a>
</h4>
</div>
</div>
<div class="panel-collapse collapse" id="le_tutorial">
<!-- TODO: outcloud the video for better stream+player -->
<video width="100%"
src="video/AXA2015.mp4" controls="" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></video>
</div>
</div>
<div class="panel panel-default" id="tips_panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#tips"
href="#">
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
&nbsp;Tips
</a>
</h4>
</div>
<br><br><br><br><br><br>
<div class="panel-collapse collapse in" id="tips"></div>
</div>
<div class="panel panel-default" id="credits_panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-target="#credits"
href="#">
<span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
&nbsp;Credits
</a>
</h4>
</div>
<div class="panel-collapse collapse" id="credits">
<a href="https://bigdata.iscpif.fr/" target="_blank">
<img src="https://bigdata.iscpif.fr/images/logos/BIGDATA-Logo-PoweredBy-light.jpg"
alt="Powered by Big Data at ISCPIF"
style="width:85%; ">
</a>
<a href="https://github.com/moma" target="_blank">
<img src="libs/img2/moma.png"
alt="Sciencemapping"
style="width:85%; ">
</a>
</div>
</div>
</div>
<br><br>
</div>
<div id="hidden-elements">
<div id="savemodal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
......@@ -498,60 +515,55 @@
</div>
<div id="heatgraph"></div>
<!-- <div id="twittertimeline_div"></div> -->
<script src="libs/jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script src="libs/jquery/jquery-ui.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.ba-dotimeout.min.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.mousewheel.min.js" type="text/javascript"></script>
</div>
<script type="text/javascript" src="libs/freshslider.1.0.js"></script>
<script src="libs/readmore.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.easytabs.min.js" type="text/javascript"></script>
<!-- SCRIPTS -->
<script src="libs/jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script src="libs/jquery/jquery-ui.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.ba-dotimeout.min.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="libs/freshslider.1.0.js"></script>
<script src="libs/readmore.js" type="text/javascript"></script>
<script src="libs/jquery/jquery.easytabs.min.js" type="text/javascript"></script>
<script src="libs/bootstrap/js/bootstrap-modal.js" type="text/javascript"></script>
<script src="libs/bootstrap/js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="libs/bootstrap/js/bootstrap-modal.js" type="text/javascript"></script>
<script src="libs/bootstrap/js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="tinawebJS/globalUtils.js" type="text/javascript"></script>
<!--
<script src="geomap/js/raphael/raphael-min.js" charset="utf-8" ></script>
<script src="geomap/js/jquery.mapael.js" charset="utf-8" ></script>
<script src="geomap/js/maps/world_countries.js" charset="utf-8" ></script>
<script src="geomap/examples.js" charset="utf-8" ></script>
<link rel="stylesheet" type="text/css" href="geomap/css/geo.css" />
-->
<!--<script src="geomap/js/countries_iso3166.js" charset="utf-8" ></script>-->
<!-- new sigma 1.2 imports -->
<script src="tinawebJS/sigma_v1.2/sigma.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigma_v1.2/plugins/sigma.layout.forceAtlas2/supervisor.js"></script>
<script src="tinawebJS/sigma_v1.2/plugins/sigma.layout.forceAtlas2/worker.js"></script>
<!-- new sigma (1.0c => 1.2) compatibility imports -->
<script src="tinawebJS/sigma_tools.js"></script>
<!-- classic tinawebJS imports -->
<script type="text/javascript" src="tinawebJS/jLouvain.js"></script>
<!-- <script src="tinawebJS/sigma.v1.customized.js" type="text/javascript" language="javascript"></script> -->
<!-- <script src="tinawebJS/sigma.forceatlas2.js" type="text/javascript" language="javascript"></script> -->
<script src="settings_explorerjs.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigma.parseCustom.js" type="text/javascript" language="javascript"></script>
<script src="extras_explorerjs.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigmaUtils.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/methods.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/enviroment.js" type="text/javascript" language="javascript"></script>
<!-- <script src="tinawebJS/asyncFA2.js" type="text/javascript" language="javascript"></script> -->
<script src="tinawebJS/Tinaweb.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/main.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/globalUtils.js" type="text/javascript"></script>
<!-- new sigma 1.2 imports -->
<script src="tinawebJS/sigma_v1.2/sigma.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigma_v1.2/plugins/sigma.layout.forceAtlas2/supervisor.js"></script>
<script src="tinawebJS/sigma_v1.2/plugins/sigma.layout.forceAtlas2/worker.js"></script>
<!-- new sigma (1.0c => 1.2) compatibility imports -->
<script src="tinawebJS/sigma_tools.js"></script>
<!-- classic tinawebJS imports -->
<script type="text/javascript" src="tinawebJS/jLouvain.js"></script>
<!-- <script src="tinawebJS/sigma.v1.customized.js" type="text/javascript" language="javascript"></script> -->
<!-- <script src="tinawebJS/sigma.forceatlas2.js" type="text/javascript" language="javascript"></script> -->
<script src="settings_explorerjs.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigma.parseCustom.js" type="text/javascript" language="javascript"></script>
<script src="extras_explorerjs.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/sigmaUtils.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/methods.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/enviroment.js" type="text/javascript" language="javascript"></script>
<!-- <script src="tinawebJS/asyncFA2.js" type="text/javascript" language="javascript"></script> -->
<script src="tinawebJS/Tinaweb.js" type="text/javascript" language="javascript"></script>
<script src="tinawebJS/main.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$('#tab-container').easytabs({updateHash:false});
$('#tab-container-top').easytabs({updateHash:false});
$('#tab-container').easytabs({updateHash:false});
$('#tab-container-top').easytabs({updateHash:false});
</script>
<!-- /SCRIPTS -->
</body>
</html>
libs/css2/grid.css 0 → 100644
View file @ 0c98aa54
/* main grid: graph + panels & bars
* --------------------------------
* html, body
* #topbar
* #toolbar
* #sidebar
* #graph-zone
* #graph-panels
* #graph-div
* #hidden-elements
*/
#hidden-elements {
display: none;
}
#graph-div {
background-color: #22e;
}
#graph-zone {
background-color: #44b;
}
#right-sidebar {
background-color: #2e2;
}
#toolbar {
background-color: #e22;
}
#topbar {
background-color: #c94;
}
html, body {
background-color: #eee;
}
libs/css2/custom.css → libs/css2/selection-panels.css 100755 → 100644
View file @ 0c98aa54
#heatgraph {
/*border: 1px solid #000;*/
width: 700px;
height:50px;
bottom: 10px;
position:absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.loader{
text-align:center;
transform: translate(0, 50%) !important;
-ms-transform: translate(0, 50%) !important; /*IE 9*/
-webkit-transform: translate(0, 50%) !important; /*Safari and Chrome */
}
.navbar {
margin-bottom:1px;
}
#defaultop{
min-height: 5%;
max-height: 10%;
}
#defaultop li{
font-family: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif ;
}
/* searchnav gets same padding as bootstrap's .navbar-nav > li > a */
#defaultop div#searchnav {
padding-top: 13px;
padding-bottom: 9px;
}
#defaultop .settingslider {
max-width: 85px;
display: inline-block ;
}
#defaultop .nav > li > a {
padding-left: 12px;
padding-right: 12px;
}
#sigma-contnr {
width: 100%;
height: 300px;
position:absolute;
float:left;
z-index: 1;
}
.legend_for_clusters {
position:absolute;
bottom:1px;
left:1px;
border:solid 1px red;
font-size:xx-small;
}
/* any block over the graph (legend, histogram...) */
.over-panels {
z-index: 5 ; /* over the graph */
......@@ -76,6 +10,24 @@
box-shadow: 0px 2px 6px #000;
}
#unselectbutton {
color: #900;
font-weight: bold;
font-size: 70%;
float:right;
margin-top:.5em;
margin-right:1em
}
/* LEGEND PANEL */
.legend_for_clusters {
position:absolute;
bottom:1px;
left:1px;
border:solid 1px red;
font-size:xx-small;
}
/*
......@@ -164,148 +116,47 @@
color:grey;
}
/*
#left{
display: inline-block;
}
#right{
display: inline-block;
}
*/
#credits {
text-align: center;
}
/*.modal-vertical-centered {*/
#selectionsBox{
text-align:center;
background-color:white;
color:#250587;
margin: 7px;
padding: 3px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
/*.selection-item{
display:inline-block;
border:solid 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;'+
border-color:#BDBDBD;
padding:0px 2px 0px 2px;
margin:1px 0px 1px 0px;
cursor: pointer;
}*/
#opossitesBox{
margin: 7px;
padding: 10px;
border-style:solid;
background-color:white;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
.tagcloud-item{
display:inline-block;
border:solid 1px;
/*box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3); */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;'+
border-color:#BDBDBD;
padding:0px 2px 0px 2px;
margin:1px 0px 1px 0px;
cursor: pointer;
}
#topPapers{
margin: 7px;
padding: 10px 0px 10px 10px;
border-style:solid;
background-color:white;
color:black;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
#topProposals{
margin: 7px;
padding: 10px 0px 10px 10px;
border-style:solid;
background-color:white;
color:black;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
.grey {
color: #cccccc; font-style: italic;
}
.gradient {
background-color: #f0f0f8;
background-image: -webkit-radial-gradient(#ffffff, #d8d8e0); background-image: -moz-radial-gradient(#ffffff, #d8d8e0);
/*background-color: #434343;*/
/*background-image: linear-gradient(#434343, #282828);*/
background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .02) 25%, rgba(0, 0, 0, .02) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .02) 75%, rgba(0, 0, 0, .02) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .02) 25%, rgba(0, 0, 0, .02) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .02) 75%, rgba(0, 0, 0, .02) 76%, transparent 77%, transparent);
background-size: 50px 50px;
}
/* ZOOM IN OUT */
#ctlzoom {
position: absolute;
right: 300px; bottom: 5px;
position: fixed;
right: 260px;
bottom: 0;
list-style: none;
padding: 0;
margin: 0;
z-index: 5;
}
#ctlzoom li {
padding: 0; margin: 10px 0; width: 36px; text-align: center;
padding: 0;
margin: 10px 0;
width: 36px;
text-align: center;
}
#zoomSliderzone {
height: 120px;
height: 100px;
top: -9px;
position: relative;
}
#edgesButton {
display: block;
width: 24px;
height: 24px;
margin: 0 auto;
}
#zoomMinusButton, #zoomPlusButton {
display: block; width: 24px; height: 24px; background:url("../img2/plusmoins.png"); margin: 0 auto;
display: block;
width: 24px;
height: 24px;
background:url("../img2/plusmoins.png");
margin: 0 auto;
}
#zoomMinusButton {
......@@ -326,10 +177,19 @@
#lensButton {
display: block; width: 36px; height: 36px; background:url("../img2/loupe-edges2.png"); margin: 0 auto;
display: block;
width: 36px;
height: 36px;
margin: 0 auto;
/*background:url("../libs/img2/loupe-edges2.png");*/
}
#lensButton {
#lensButton:hover {
opacity: .7;
}
/*#lensButton {
background-position: -72px 0;
}
......@@ -343,13 +203,21 @@
#lensButton.off:hover {
background-position: -108px 0;
}
}*/
#edgesButton {
display: block; width: 36px; height: 36px; background:url("../img2/loupe-edges.png"); margin: 0 auto;
display: block;
width: 36px;
height: 36px;
/*background:url("../libs/img2/loupe-edges.png");*/
margin: 0 auto;
}
#edgesButton {
.zoombarbuttons:hover {
opacity: .7;
}
/*#edgesButton {
background-position: -72px -36px;
}
......@@ -363,7 +231,7 @@
#edgesButton.off:hover {
background-position: -108px -36px;
}
}*/
#unfold {
width: 12px; height: 12px; background: rgb(250, 250, 252); padding: 2px 2px 2px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 1px 1px 2px #808090;
......@@ -374,7 +242,7 @@
}
/*
#saveAs {
display: block; width: 30px; height: 30px; background:url("../img2/Save.png"); margin: 0 auto;
display: block; width: 30px; height: 30px; background:url("../libs/img2/Save.png"); margin: 0 auto;
}
*/
......@@ -390,7 +258,7 @@
}
#aShowChat {
float: right; width: 100%; height: 100%; background-image: url("../img2/chat.png");
float: right; width: 100%; height: 100%; background-image: url("../libs/img2/chat.png");
}
......@@ -399,10 +267,12 @@
position:fixed;
z-index: 5 ; /* over the graph */
left:0 ;
top: 125px;
width:20% ;
/* hauteur ~ 200px (juste assez pour emballer la selection sans couvrir le graphe en dessous) */
height: auto;
min-height: 20px;
overflow: hidden;
text-align:center;
padding: .3em 1em 1em 1em;
......@@ -411,61 +281,3 @@
#current-selection {
width: 100%; /* 100% within lefttopbox */
}
.leftarrow {
background-position: -12px 0;
}
.rightarrow {
background-position: 0 0;
}
.leftarrow:hover {
background-position: -12px -12px;
}
.rightarrow:hover {
background-position: 0 -12px;
}
#tips{
padding-left: 5%;
padding-right: 5%;
font-size:80%;
}
#tips ul{
/*list-style:none;*/
padding-left:10%;
}
#information {
font-size:80%;
}
#information ul {
list-style:none;
padding-left:5%;
}​
/* small messages */
p.micromessage{
font-size: 85%;
color: #707070 ;
}
.btn-sm:hover {
font-weight: bold;
}
/* Example Styles for Demo */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }
libs/css2/sidebar.css deleted 100755 → 0
View file @ 129294d0
#wrapper {
/*transition: all 0.1s ease 0s;*/
}
/*old one*/
/*#leftcolumn {
margin-left: -210px;
margin-right: 0px;
left: 210px;
width: 210px;
background: url(../img/climpek.png) repeat;
position: fixed;
height: 100%;
border: 1px #888888 solid;
-moz-box-shadow: 0px 0px 3px 0px #888888;
-webkit-box-shadow: 0px 0px 3px 0px #888888;
box-shadow: 0px 0px 3px 0px #888888;
overflow-y: auto;
z-index: 1000;
transition: all 0.4s ease 0s;
}*/
#rightcolumn {
overflow-y: scroll;
margin-right: -300px;
margin-left: 0px;
padding-bottom: 10px;
padding-left: 5px;
right: 300px;
width: 300px;
position: fixed;
height: 100%;
border: 1px #888888 solid;
background: #fff url(../img2/bg.jpg) repeat top right;
-webkit-border-radius: 0px 11px 11px 0px;-moz-border-radius: 0px 11px 11px 0px; border-radius: 0px 11px 11px 0px;-webkit-box-shadow: #B3B3B3 4px 4px 4px;-moz-box-shadow: #B3B3B3 4px 4px 4px; box-shadow: #B3B3B3 4px 4px 4px;
/*-webkit-border-radius: 11px 0px 0px 11px;-moz-border-radius: 11px 0px 0px 11px;border-radius: 11px 0px 0px 11px;-webkit-box-shadow: #B3B3B3 4px 4px 4px;-moz-box-shadow: #B3B3B3 4px 4px 4px; box-shadow: #B3B3B3 4px 4px 4px;*/
/*transition: all 0.1s ease 0s;*/
}
#page-content-wrapper {
width: 100%;
}
libs/css2/twjs.css 0 → 100644
View file @ 0c98aa54
/* fixed TWJS grid: graph + bars
* -----------------------------
* html, body
* #topbar
* #toolbar
* #sidebar
* #sigma-contnr (graph zone)
*/
html, body {
height: 100%;
width: 100%;
background-color: #eee;
}
#sigma-contnr {
position: fixed;
top: 105px;
bottom: 0;
left: 0;
right: 250px;
z-index: 1;
}
#sidebar {
position: fixed;
top: 105px;
bottom: 0;
right: 0;
width: 250px;
z-index: 2;
border-left: 1px #222 solid;
overflow-y: scroll;
}
#toolbar {
position: fixed;
top: 35px;
left: 0;
z-index: 2;
height: 70px;
width: 100%;
border-bottom: 1px #222 solid;
font-size: 9px;
line-height: 10px;
}
#topbar {
position: fixed;
top: 0;
left: 0;
z-index: 2;
height: 35px;
width: 100%;
border-bottom: 1px #222 solid;
}
/* toolbar contents */
/* searchnav gets same padding as bootstrap's .navbar-nav > li > a */
#defaultop {
padding-top: 8px;
}
.navbar-higher {
padding-top: 5px !important;
}
.navbar-lower {
padding-top: 15px !important;
}
#defaultop .nav {
margin-left: 15px !important;
}
#defaultop div#searchnav {
padding-top: 13px;
padding-bottom: 9px;
}
#defaultop .weight-selectors {
width: 135px !important;
padding-top: 15px;
margin: 0 25px !important;
}
#defaultop .weight-selectors td {
width: 135px !important;
padding: 0 0 10px 0 !important;
}
#defaultop .slider-legend {
margin: 10px 0 0 0 ;
}
#defaultop .settingslider {
max-width: 120px !important;
display: inline-block ;
}
#graph-panels {
display: none; /*not shown at init*/
}
/* VARIAE */
#selectionsBox{
text-align:center;
background-color:white;
color:#250587;
margin: 7px;
padding: 3px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
#opossitesBox{
display: none;
margin: 7px;
padding: 10px;
border-style:solid;
background-color:white;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
.tagcloud-item{
display:inline-block;
border:solid 1px;
/*box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3); */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;'+
border-color:#BDBDBD;
padding:0px 2px 0px 2px;
margin:1px 0px 1px 0px;
cursor: pointer;
}
#topPapers{
display: none;
margin: 7px;
padding: 10px 0px 10px 10px;
border-style:solid;
background-color:white;
color:black;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
#topProposals{
display: none;
margin: 7px;
padding: 10px 0px 10px 10px;
border-style:solid;
background-color:white;
color:black;
margin: 7px;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
-moz-box-shadow: 0px 2px 6px #000;
-webkit-box-shadow: 0px 2px 6px #000;
box-shadow: 0px 2px 6px #000;
}
.grey {
color: #cccccc; font-style: italic;
}
/* small messages */
p.micromessage{
font-size: 85%;
color: #707070 ;
}
.btn-sm:hover {
font-weight: bold;
}
/* Example Styles for Demo */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }
/* SIDEBAR CONTENT */
#sidebar {
padding: 0 5px;
}
#tips{
padding-left: 5%;
padding-right: 5%;
font-size:80%;
}
#tips ul{
/*list-style:none;*/
padding-left:10%;
}
#information {
font-size:80%;
}
#information ul {
list-style:none;
padding-left:5%;
}​
settings_explorerjs.js
View file @ 0c98aa54
......@@ -53,6 +53,9 @@ var TW = {}
TW.catSoc = "Document";
TW.catSem = "NGram";
// to get ajax topPapers via info_div.php
TW.getAdditionalInfo = false;
TW.strSearchBar = "Select or suggest topics";
var ParseCustom = function () {};
......
tinawebJS/Tinaweb.js
View file @ 0c98aa54
// for new SigmaUtils
// new sigma.js: POSS to use autoResize global setting
function sigmaLimits( sigmacanvas ) {
pw=$( sigmacanvas ).width();
ph=$( sigmacanvas ).height();
sidebar=$('#rightcolumn').width();
anchototal=$('#fixedtop').width();
altototal=$('#rightcolumn').height();
altofixtop=$('#fixedtop').height()
altodeftop=$('#defaultop').height()
$( sigmacanvas ).width(anchototal-sidebar);
$( sigmacanvas ).height(altototal-altofixtop-altodeftop-4);
// todo take into account leftcolumn
//sidebar_left=$('#leftcolumn').width();
//sidebar_right=$('#rightcolumn').width();
//$( sigmacanvas ).width(anchototal-sidebar_right-sidebar_left);
pw=$( sigmacanvas ).width();
ph=$( sigmacanvas ).height();
return "new canvas! w:"+pw+" , h:"+ph;
}
// will be instanciated as SelInst
SelectionEngine = function() {
......@@ -413,18 +384,6 @@ TinaWebJS = function ( sigmacanvas ) {
console.log("hola mundo")
}
this.getSigmaCanvas = function () {
return this.sigmacanvas;
}
this.AdjustSigmaCanvas = function ( sigmacanvas ) {
var canvasdiv = "";
if( sigmacanvas ) canvasdiv = sigmacanvas;
else canvasdiv = this.sigmacanvas;
return sigmaLimits( canvasdiv );
}
this.SearchListeners = function () {
// REFA tempo expose
......
tinawebJS/main.js
View file @ 0c98aa54
......@@ -115,8 +115,6 @@ if(RES["OK"]) {
the_file = first_path+"/"+getUrlParam.file
}
TW.getAdditionalInfo = true;
fileparam = the_file;
var files_selector = '<select onchange="jsActionOnGexfSelector(this.value , true);">'
......@@ -197,13 +195,7 @@ if(RES["OK"]) {
// [ Initiating Sigma-Canvas ]
var twjs_ = new TinaWebJS('#sigma-contnr');
console.log( twjs_.AdjustSigmaCanvas() );
// new sigma.js REFA TODO uncomment and optimize
// $( window ).resize(function() { console.log(twjs_.AdjustSigmaCanvas()) });
// [ / Initiating Sigma-Canvas ]
// NB new sigma.js: autoResize (no need for AdjustSigmaCanvas + sigmaLimits)
console.log("categories: "+categories)
console.log("initial state: "+initialState)
......@@ -222,11 +214,15 @@ if(RES["OK"]) {
drawEdges: true, // fixme edgetype curve
drawNodes: true,
drawLabels: true,
// nodesPowRatio: .5,
// nodesPowRatio: 1,
labelSize: "proportional",
font: "Ubuntu Condensed",
// labelColor: "node",
fontStyle: "bold"
fontStyle: "bold",
autoResize: true,
mouseEnabled: true,
touchEnabled: false
},
sigmaJsDrawingProperties,
sigmaJsGraphProperties,
......@@ -437,6 +433,9 @@ if(RES["OK"]) {
// load optional modules
ProcessDivsFlags() ;
// show any already existing panel
document.getElementById("graph-panels").style.display = "block"
// grey message in the search bar from settings
$("#searchinput").attr('placeholder', TW.strSearchBar) ;
......
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