index.html 13.8 KB
Newer Older
Adam Feuer's avatar
Adam Feuer committed
1
<!DOCTYPE html>
Matija Obreza's avatar
Matija Obreza committed
2

Adam Feuer's avatar
Adam Feuer committed
3
<head>
Maxym Borodenko's avatar
Maxym Borodenko committed
4
  <meta charset="utf-8">
Adam Feuer's avatar
Adam Feuer committed
5
</head>
Maxym Borodenko's avatar
Maxym Borodenko committed
6

Matija Obreza's avatar
Matija Obreza committed
7 8
<body>
  <div class="flexcontainer">
Peter Giovannini's avatar
Peter Giovannini committed
9 10
      <p style="text-indent: 5em;">
        <b> Note: the trees displayed here are work in progress. This site is not an official page of this project but rather a tool used to edit the trees and to exchange information with experts.  </b>
Peter Giovannini's avatar
Peter Giovannini committed
11
      </p>
Matija Obreza's avatar
Matija Obreza committed
12
    <div class="menubar">
Matija Obreza's avatar
Matija Obreza committed
13 14 15 16 17 18 19
      <div class="top-bar">
        <div class="top-bar-left">
          <ul class="dropdown menu" data-dropdown-menu>
            <li class="menu-text">Diversity Trees</li>
            <li>
              <a href="#">Load tree</a>
              <ul class="menu vertical" id="existing-trees">
20 21
                <!-- Filled -->
                <!-- <li><a href="#" class="load-tree" x-url="wheat.json">Wheat #1</a></li>
Matija Obreza's avatar
Matija Obreza committed
22
                <li><a href="#" class="load-tree">TBD</a></li>
23
                <li><a href="#" class="load-tree">TBD</a></li> -->
Matija Obreza's avatar
Matija Obreza committed
24 25 26 27 28 29 30 31 32 33
              </ul>
            </li>
            <li>
              <a href="#">Current tree</a>
              <ul class="menu vertical">
                <li><a href="#" id="resetBtn">New tree / Clear</a></li>
                <li>
                  <a href="#" id="downloadJsonBtn">Download tree</a>
                  <a id="downloadAnchorElem" style="display:none"></a>
                </li>
Matija Obreza's avatar
Matija Obreza committed
34
                <li><a href="#" id="importJsonBtn">Upload tree</a></li>
Maxym Borodenko's avatar
Maxym Borodenko committed
35
                <li><a href="#" id="editContributorsBtn">Contributors</a></li>
Matija Obreza's avatar
Matija Obreza committed
36 37 38
              </ul>
            </li>
          </ul>
Matija Obreza's avatar
Matija Obreza committed
39
        </div>
Matija Obreza's avatar
Matija Obreza committed
40 41
        <div class="top-bar-right">
          <ul class="menu">
Maxym Borodenko's avatar
Maxym Borodenko committed
42
            <li><a href="#" id="creditsBtn">Credits</a></li>
Matija Obreza's avatar
Matija Obreza committed
43 44 45 46
            <li><a href="#" id="instructionsBtn">Help</a></li>
            <!-- <li><input type="search" placeholder="Search"></li>
            <li><button type="button" class="button">Search</button></li> -->
          </ul>
Matija Obreza's avatar
Matija Obreza committed
47 48
        </div>
      </div>
Matija Obreza's avatar
Matija Obreza committed
49 50 51 52 53
    </div>
    <div class="maincontent">
      <div id="tree-container"></div>
    </div>
  </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
54

55 56 57 58
  <div id="NodePropertiesModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Node properties</h2>
    <form id="NodePropertiesForm">
      <input type="hidden" id="NodeAction" value="create" />
Matija Obreza's avatar
Matija Obreza committed
59 60
      <div class="row">
        <div class="large-12 columns">
Matija Obreza's avatar
Matija Obreza committed
61 62
          <label>
              Node name
63
              <input type="text" class="inputName" id='NodeName' placeholder="Node name" />
Matija Obreza's avatar
Matija Obreza committed
64
          </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
65
        </div>
Matija Obreza's avatar
Matija Obreza committed
66 67 68
      </div>
      <div class="row">
        <div class="large-12 columns">
69 70 71 72
          <label>
              Relative weight <em>[0 &mdash; 100]</em>
              <input type="text" class="inputName" id='NodeWeight' placeholder="100" />
          </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
73
        </div>
Matija Obreza's avatar
Matija Obreza committed
74 75 76 77 78 79
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
        </div>
        <div class="large-4 columns">
Matija Obreza's avatar
Matija Obreza committed
80
          <a href="#" data-close class="button info closeModal">Cancel</a>
81
          <button type="submit" class="button success">Confirm</button>
Adam Feuer's avatar
Adam Feuer committed
82
        </div>
Matija Obreza's avatar
Matija Obreza committed
83
      </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
84
    </form>
Matija Obreza's avatar
Matija Obreza committed
85
    <a class="close-button" data-close aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
86
  </div>
Adam Feuer's avatar
Adam Feuer committed
87

Matija Obreza's avatar
Matija Obreza committed
88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
  <div id="ImportTreeModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Upload tree data</h2>
    <form>
      <div class="row">
        <div class="large-12 columns">
          <label>JSON File
              <input type="file" id="selectFiles" value="Import" accept=".json" />
          </label>
        </div>
      </div>
      <div class="row">
        <div class="large-12 columns">
          <label>or paste <b>valid</b> tree JSON:
              <textarea id="treeJsonText" placeholder="Copy-paste JSON here..."></textarea>
          </label>
        </div>
      </div>
      <div class="row">
        <div class="large-12 columns">
          <div class="error errorMessage" />
        </div>
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
        </div>
        <div class="large-4 columns">
          <a href="#" data-close class="button info closeModal">Cancel</a>
116
          <button type="submit" class="button success">Load tree</button>
Matija Obreza's avatar
Matija Obreza committed
117 118 119 120 121 122
        </div>
      </div>
    </form>
    <a class="close-button" data-close aria-label="Close">&#215;</a>
  </div>

Maxym Borodenko's avatar
Maxym Borodenko committed
123 124 125 126 127 128
  <div id="EditContributorsModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Contributors</h2>
    <form>
      <div class="row">
        <div class="large-12 columns">
          <label>Edit the contributors list:
129
            <textarea id="contributorsText" placeholder="Contributor 1 \nContributor 2 \n..." rows="3"></textarea>
Maxym Borodenko's avatar
Maxym Borodenko committed
130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150
          </label>
        </div>
      </div>
      <div class="row">
        <div class="large-12 columns">
          <div class="error errorMessage" />
        </div>
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
        </div>
        <div class="large-4 columns">
          <a href="#" data-close class="button info closeModal">Cancel</a>
          <button type="submit" class="button success">Save</button>
        </div>
       </div>
    </form>
    <a class="close-button" data-close aria-label="Close">&#215;</a>
  </div>

Matija Obreza's avatar
Matija Obreza committed
151
  <div id="InstructionsModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Matija Obreza's avatar
Matija Obreza committed
152
    <h2 id="modalTitle">How to use the interactive tree editor</h2>
Matija Obreza's avatar
Matija Obreza committed
153
    <div class="text">
Matija Obreza's avatar
Matija Obreza committed
154 155 156 157 158
      <h3>Loading existing tree</h3>
      <p>
        Go to <b>Load tree</b> drop-down menu and select one of the available tree definitions from the menu.
      </p>

Maxym Borodenko's avatar
Maxym Borodenko committed
159
      <h3>Uploading the tree</h3>
Matija Obreza's avatar
Matija Obreza committed
160
      <p>
Matija Obreza's avatar
Matija Obreza committed
161 162
        Go to <b>Current tree</b> drop-down menu, select <b>Upload tree</b> and enither choose a JSON file with tree stucture that you want to upload or copy-paste the JSON tree definiton into the text field.<br />
        Click on <b>Load tree</b> and the tree should appear on the screen, you may have to zoom in or out to see it better.
Matija Obreza's avatar
Matija Obreza committed
163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192
      </p>

      <h3>Saving your tree</h3>
      <p>
        Once you finished editing the tree you can save your work by clicking on the download tree button on the <b>Current tree</b> drop-down menu. If you are working on a large tree we recommend to save your tree few times while you are working on it.
      </p>

      <h3>Navigation and actions</h3>
      <p>
        <b>Right-click on a tree node</b> to get the menu for renaming the node, deleting the node and creating children nodes.
      </p>

      <p>
        <b>Dragging</b> can be performed on any node other than root. Dropping can be done on any node.
      </p>

      <p>
        <b>Panning</b> can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.
      </p>

      <p>
        <b>Zooming</b> is performed by either double clicking on an empty part of the SVG or by scrolling the mouse-wheel. To Zoom out hold shift when double-clicking.
      </p>

      <p>
        <b>Expanding and collapsing of nodes</b> is achieved by clicking on the desired node.
      </p>

      <p>
        <b>Do not refresh the page while you are editing the tree to avoid that the current tree is cleared.</b>
Matija Obreza's avatar
Matija Obreza committed
193 194
      </p>
    </div>
Matija Obreza's avatar
Matija Obreza committed
195
    <a class="close-button" data-close aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
196 197
  </div>

Maxym Borodenko's avatar
Maxym Borodenko committed
198 199 200
  <div id="CreditsModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">CREDITS</h2>
    <div class="text">
Peter Giovannini's avatar
Peter Giovannini committed
201
      <p>The diversity tree are developed by the Genebank Platform to improve the representation of genebank collections by analyzing diversity, identifying gaps, eliminating duplicates and performing further collecting. </p>   
Maxym Borodenko's avatar
Maxym Borodenko committed
202 203 204 205 206 207 208 209
      <p>Credits for contributing to the development of the Diversity Trees (in alphabetical order and to be updated in the future, as this work is still in progress):</p>
    </div>

    <h3>Project leader:</h3>
    <ul>
      <li>Lusty, Charlotte (Global Crop Diversity Trust)</li>
    </ul>

Peter Giovannini's avatar
Peter Giovannini committed
210 211 212 213 214

    <h3>Alfalfa Diversity Tree:</h3>
    <ul>
      <li></li>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Peter Giovannini's avatar
Peter Giovannini committed
215
      <li>Humpries, Alan (PIRSA-SARDI)</li>
Peter Giovannini's avatar
Peter Giovannini committed
216 217
      <li>Sakiroglu, Muhammet (University of Wisconsin-Madison)</li>
    </ul>   
Peter Giovannini's avatar
Peter Giovannini committed
218 219 220 221 222 223
    
    <h3>Bambara nut Diversity Tree:</h3>
    <ul>
        <li>Abberton, Michael (IITA)</li>
        <li>Bramel, Paula (Global Crop Diversity Trust)</li>
        <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Peter Giovannini's avatar
Peter Giovannini committed
224 225 226 227
    </ul>
    
    <h3> Banana Diversity Tree:</h3>
    
Maxym Borodenko's avatar
Maxym Borodenko committed
228 229
    <ul>
      <li>Daniels, Jeff (Queensland Department of Agriculture and Fisheries)</li>
Peter Giovannini's avatar
Peter Giovannini committed
230
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
231 232 233 234 235 236
      <li>Janssens, Steven (Botanic Garden Meise)</li>
      <li>Rouard, Mathieu (Bioversity)</li>
      <li>Roux, Nicolas (Bioversity)</li>
      <li>Ruas, Max (Bioversity)</li>
      <li>Sardos, Julie (Bioversity)</li>
      <li>Swennen, Rory (KU Leuven)</li>
Peter Giovannini's avatar
Peter Giovannini committed
237
      <li>Van de Houwe, Ines (KU Leuven)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
238 239 240 241 242
      <li>Van Hintum, Theo (CGN, Wageningen Plant Research)</li>
    </ul>

    <h3>Barley Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
243
      <li>Ahmed, Amri (ICARDA)</li>
Peter Giovannini's avatar
Peter Giovannini committed
244
      <li>Capettini, Flavio (Alberta, Agriculture and Forestry)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
245
      <li>Kilian, Benjamin (Global Crop Diversity Trust)</li>
Peter Giovannini's avatar
Peter Giovannini committed
246
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
247 248 249 250 251
      <li>Van Hintum, Theo (CGN, Wageningen Plant Research)</li>
    </ul>

    <h3>Bean (Phaseolus bean) Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
252
      <li> Chacon Sanchez, Maria Isabel</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
253
      <li>Debouck, Daniel (CIAT)</li>
Peter Giovannini's avatar
Peter Giovannini committed
254 255 256
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
257 258 259 260 261 262
    <h3>Cassava Diversity Tree:</h3>
    <ul>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
      <li>Experts consultation in progress</li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
263 264 265 266 267 268 269
    <h3>Chickpea Diversity Tree:</h3>
    <ul>
     <li>Cook, Douglas (UCDAVIS)</li>
     <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
     <li>Upadhyaya, Hari (Icrisat)</li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
270 271 272 273 274 275 276
    <h3>Cowpea Diversity Tree:</h3>
    <ul>
        <li>Abberton, Michael (IITA)</li>
        <li>Bramel, Paula (Global Crop Diversity Trust)</li>
        <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
        <li>Rysavy, Anne</li>
        <li>van Zonneveld, Maarten (WorldVeg)</li>
Peter Giovannini's avatar
Peter Giovannini committed
277
    </ul>
Peter Giovannini's avatar
Peter Giovannini committed
278
    
Peter Giovannini's avatar
Peter Giovannini committed
279 280 281 282 283 284
    <h3>Faba Diversity Tree:</h3>
    <ul>
     <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
     <li>Maalouf, Fouad (ICARDA)</li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
285
    <h3>Finger millet Diversity Tree:</h3>
Peter Giovannini's avatar
Peter Giovannini committed
286 287 288 289 290 291
    <ul>
     <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
     <li>Odeny, Damaris (ICRISAT)</li>
     <li>Zeibig, Frederike</li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
292 293 294 295 296 297 298 299 300 301
    <h3>Grasspea Diversity Tree:</h3>
    <ul>
      <li> Shehadeh, Ali (ICARDA)</li>
    </ul>
    
    <h3>Groundnut Diversity Tree:</h3>
    <ul>
      <li>Anglin, Noelle (CIP)</li>
      <li>Giovannini, Peter (Global Crop Diversity Trust) </li>
       <li>Williams E., David (Consultant)</li>
Peter Giovannini's avatar
Peter Giovannini committed
302 303
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
304 305
    <h3>Lentil Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
306
      <li>Ahmed, Amri (ICARDA)</li>
Peter Giovannini's avatar
Peter Giovannini committed
307 308 309 310
      <li>Bett, Kirstin (Department of Plant Sciences University of Saskatchewan)</li>
      <li>Giovannini, Peter (Global Crop Diversity Trust) </li>
    </ul>
    
Peter Giovannini's avatar
Peter Giovannini committed
311 312 313
    <h3>Maize Diversity Tree:</h3>
    <ul>
      <li>Costich, Denise (CIMMYT)</li>
Peter Giovannini's avatar
Peter Giovannini committed
314
     <li>Doebley, John  (University of Wisconsin-Madison)</li>
Peter Giovannini's avatar
Peter Giovannini committed
315 316 317 318 319 320 321 322 323 324 325 326 327 328
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
    </ul>
    
    <h3>Pea Diversity Tree:</h3>
    <ul>
      <li>Smýkal, Petr (Palacky University ) </li>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
    </ul>

    <h3>Pearl Millet Diversity Tree:</h3>
    <ul>
      <li>Bramel, Paula (Global Crop Diversity Trust)</li>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
      <li>Mccartney, Eleanor </li>
Maxym Borodenko's avatar
Maxym Borodenko committed
329 330
    </ul>

Peter Giovannini's avatar
Peter Giovannini committed
331

Maxym Borodenko's avatar
Maxym Borodenko committed
332 333 334 335
    <h3>Potato Diversity Tree:</h3>
    <ul>
      <li>Anglin, Noelle (CIP)</li>
      <li>Chavez, Oswaldo (CIP)</li>
Peter Giovannini's avatar
Peter Giovannini committed
336
      <li>De Haan, Stef (CIP)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
337 338 339 340 341 342 343 344
      <li>Ellis, David (CIP)</li>
      <li>Hoekstra, Roel (CGN, Wageningen Plant Research)</li>
      <li>Gomez, Rene (CIP)</li>
      <li>Van Hintum, Theo (CGN, Wageningen Plant Research)</li>
    </ul>

    <h3>Rice Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
345
      <li>Banaticla-Hilario, Maria Celeste N.  (IRRI)</li>
Peter Giovannini's avatar
Peter Giovannini committed
346
      <li>Ndjiondjop, Marie-Noelle (Africa Rice Center)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
347 348
      <li>McCouch, Susan (Cornell University)</li>
      <li>Sackville Hamilton, Ruaraidh (IRRI)</li>
Peter Giovannini's avatar
Peter Giovannini committed
349
      <li>Semagn, Kassa (University of Alberta)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
350 351 352 353 354
      <li>Van Hintum, Theo (CGN, Wageningen Plant Research)</li>
    </ul>

    <h3>Wheat Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
355
      <li>Bassi, Filippo (ICARDA)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
356
      <li>Kilian, Benjamin (Global Crop Diversity Trust)</li>
Peter Giovannini's avatar
Peter Giovannini committed
357
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
358 359 360 361
      <li>Payne, Thomas (CIMMYT)</li>
      <li>Van Slageren, Michiel (RBG Kew)</li>
      <li>Van Hintum, Theo (CGN, Wageningen Plant Research)</li>
    </ul>
Peter Giovannini's avatar
Peter Giovannini committed
362 363 364 365 366 367 368 369
    
    <h3>Sweet Potato Diversity Tree:</h3>
    <ul>
      <li>Anglin, Noelle (CIP)</li>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
      <li>Rossel, Genoveva (CIP)</li>
    </ul>

Maxym Borodenko's avatar
Maxym Borodenko committed
370

Peter Giovannini's avatar
Peter Giovannini committed
371 372
    <h3>Sorghum Diversity Tree:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
373 374
      <li> Weltzien-Rattunde, Eva</li>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Peter Giovannini's avatar
Peter Giovannini committed
375 376 377
      <li>Upadhyaya, Hari (Icrisat)</li>
    </ul>

Peter Giovannini's avatar
Peter Giovannini committed
378 379 380 381
    <h3>Taro Diversity Tree:</h3>
    <ul>
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
      <li> Grimaldi, Ilaria</li>
Peter Giovannini's avatar
Peter Giovannini committed
382
      <li> Lebot, Vincent (CIRAD)</li>
Peter Giovannini's avatar
Peter Giovannini committed
383 384 385
      <li>Experts consultion in progress</li>
    </ul>

Peter Giovannini's avatar
Peter Giovannini committed
386

Maxym Borodenko's avatar
Maxym Borodenko committed
387 388 389 390 391 392 393 394
    <h3>Tree editor:</h3>
    <ul>
      <li>Obreza, Matija</li>
      <li>AimProSoft, <a href="https://www.aimprosoft.com/" target="_blank" rel="nofollow">www.aimprosoft.com</a></li>
    </ul>

    <h3>Project implementation:</h3>
    <ul>
Peter Giovannini's avatar
Peter Giovannini committed
395
      <li>Giovannini, Peter (Global Crop Diversity Trust)</li>
Maxym Borodenko's avatar
Maxym Borodenko committed
396 397 398 399
    </ul>
    <a class="close-button" data-close aria-label="Close">&#215;</a>
  </div>

Adam Feuer's avatar
Adam Feuer committed
400
</body>
Matija Obreza's avatar
Matija Obreza committed
401

Adam Feuer's avatar
Adam Feuer committed
402
</html>