@@ -365,6 +365,8 @@ <h4>Select Colors</h4>
365
365
</ div >
366
366
< div id ="node-not-found " style ="display: none; "> < div class ="panel panel-danger "> < div class ="panel-heading node-not-found-err "> </ div > </ div > </ div >
367
367
< hr >
368
+
369
+
368
370
< div id ="layout-homologs-container ">
369
371
<!-- Layout Selection-->
370
372
< div class ="dropdown " id ="select-layout-container ">
@@ -408,6 +410,45 @@ <h4>Select Colors</h4>
408
410
< hr >
409
411
</ div >
410
412
413
+ <!--- "On click" Behaviour -->
414
+ < div id ="on-click-container ">
415
+ < h3 > On Click < a class ="info-tooltip "
416
+ title ="
417
+ This option will determine what happens when you click on a node.
418
+ <ul>
419
+ <li>Card: An information card for the node will appear.</li>
420
+ <li>Expand: All the elements interacting with the node will be added to the graph.</li>
421
+ <li>Delete: The node and all its interactions will be removed from the graph.</li>
422
+ </ul>
423
+ "> < span class ="glyphicon glyphicon-info-sign " aria-hidden ="true "> </ span > </ a > </ h3 >
424
+
425
+ < fieldset >
426
+ < div class ="switch-toggle switch-candy behaviour-div ">
427
+ < form action ="" id ="behaviour-form ">
428
+ < input id ="radio-card " name ="behaviour " type ="radio " value ="card " checked >
429
+ < label class ="behaviour-btn " for ="radio-card " onclick =""> Card</ label >
430
+ < input id ="radio-expand " value ="expand " name ="behaviour " type ="radio ">
431
+ < label class ="behaviour-btn " for ="radio-expand " onclick =""> Expand</ label >
432
+ < input id ="radio-delete " value ="delete " name ="behaviour " type ="radio ">
433
+ < label class ="behaviour-btn " for ="radio-delete " onclick =""> Delete</ label >
434
+ < a > </ a >
435
+ </ form >
436
+ </ div >
437
+ </ fieldset >
438
+
439
+ <!--<input
440
+ class="click-behaviour"
441
+ checked type="checkbox"
442
+ data-toggle="toggle"
443
+ data-on="Show card"
444
+ data-off="Expand"
445
+ data-onstyle="info"
446
+ data-offstyle="success"
447
+ > -->
448
+ < hr >
449
+ </ div >
450
+ < br >
451
+
411
452
<!-- SHOW CONNECTIONS -->
412
453
< div id ="showconnections-container ">
413
454
< button id ="show_connections " class ="btn btn-default btn-netexplorer ">
@@ -504,43 +545,7 @@ <h3>Node Labels</h3>
504
545
</ div >
505
546
506
547
507
- <!--- "On click" Behaviour -->
508
- < div id ="on-click-container ">
509
- < h3 > On Click < a class ="info-tooltip "
510
- title ="
511
- This option will determine what happens when you click on a node.
512
- <ul>
513
- <li>Card: An information card for the node will appear.</li>
514
- <li>Expand: All the elements interacting with the node will be added to the graph.</li>
515
- <li>Delete: The node and all its interactions will be removed from the graph.</li>
516
- </ul>
517
- "> < span class ="glyphicon glyphicon-info-sign " aria-hidden ="true "> </ span > </ a > </ h3 >
518
-
519
- < fieldset >
520
- < div class ="switch-toggle switch-candy behaviour-div ">
521
- < form action ="" id ="behaviour-form ">
522
- < input id ="radio-card " name ="behaviour " type ="radio " value ="card " checked >
523
- < label class ="behaviour-btn " for ="radio-card " onclick =""> Card</ label >
524
- < input id ="radio-expand " value ="expand " name ="behaviour " type ="radio ">
525
- < label class ="behaviour-btn " for ="radio-expand " onclick =""> Expand</ label >
526
- < input id ="radio-delete " value ="delete " name ="behaviour " type ="radio ">
527
- < label class ="behaviour-btn " for ="radio-delete " onclick =""> Delete</ label >
528
- < a > </ a >
529
- </ form >
530
- </ div >
531
- </ fieldset >
532
-
533
- <!--<input
534
- class="click-behaviour"
535
- checked type="checkbox"
536
- data-toggle="toggle"
537
- data-on="Show card"
538
- data-off="Expand"
539
- data-onstyle="info"
540
- data-offstyle="success"
541
- > -->
542
- < hr >
543
- </ div >
548
+
544
549
545
550
< div id ="expression-container ">
546
551
< h3 > Show Expression Data < a class ="info-tooltip " title ="
0 commit comments