Project

General

Profile

« Previous | Next » 

Revision 3005f915

Added by Andreas Kohlbecker over 5 years ago

ref #7791 display of the chosen datasource

View differences:

index.html
10 10 
<div id="loading">
11 11 
    <span class="fa fa-refresh fa-spin"></span>
12 12 
</div>
13 
<div id="search"><form><label>Search: </label><input id="search-input" type="search"></form></div>
13 
<div id="toolbar">Taxon Graph of <span id="data-source">... waiting ....</span> <form><label>Search names: </label><input id="search-input" type="search"></form></div>
14 14 
<script src="jquery.min.js"></script>
15 15 
<script src="cytoscape.js"></script>
16 16 
<script src="dagre/v0.6.4/dagre.min.js"></script>
style.css
30 30 
    display: none;
31 31 
}
32 32 

  		




  33
  
  
    
#search {


  		




  
  33
  
    
#toolbar {


  		




  34
  34
  
    
    color: #fefefe;


  		




  35
  35
  
    
    position: absolute;


  		




  36
  36
  
    
    left: 0;


  		












  

    
      taxon-graph.js
    
  





  11
  11
  
    
 */


  		




  12
  12
  
    
$(function(){


  		




  13
  13
  
    

  		




  
  14
  
    
  // let base_url = 'http://test.e-taxonomy.eu/cdmserver/phycobank';


  		




  
  15
  
    
  let base_url = 'http://localhost:8080';


  		




  14
  16
  
    
  // get exported json from cytoscape desktop via ajax


  		




  15
  
  
    
  let url = 'http://test.e-taxonomy.eu/cdmserver/phycobank/taxonGraph/edges.json';


  		




  
  17
  
    
  let url = base_url + '/taxonGraph/edges.json';


  		




  
  18
  
    
  $('#data-source').text(base_url);


  		




  16
  19
  
    
  // let url = 'edges.json';  // test data


  		




  17
  20
  
    
  $.getJSON(url, function(result){


  		




  18
  21
  
    
      initCy(result);


  		












Also available in:  Unified diff