BioinformaticsToolsLibraryMobileUI/assistant.html at master · USDBioinformatics/BioinformaticsToolsLibraryMobileUI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<title>Bioinformatics Tools Library</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='index_grid.css' rel='stylesheet' type='text/css'>

<link href="css/jquery.treeview.css" rel='stylesheet' type='text/css'>

</head>

<!--Added the onload for the tree view-->
<body onload="addEvents();">


<div class="wrapper">
  <div class="container">
    <h1>Assistant</h1>

    <ul class="home-nav">
      <li><a href="index.html" data-id="three-columns"><img src="img/home-icon.png"></a></li>
      <li><a href="help.html" data-id="four-columns"><img src="img/tiny-question.png"></a></li>
    </ul>
<!--
    <ul class="grid-nav">
      <li><a href="#" data-id="two-columns" class="active">Grid</a></li>
      <li><a href="#" data-id="three-columns">List</a></li>
      <li><a href="#" data-id="four-columns" >Tree</a></li>
    </ul>
 -->
    </ul>


    <hr />


    <!--#two-columns-->
    <div id="two-columns" class="grid-container" style="display:block;">
        <ul class="rig columns-1 centered">
                <li>

          <h3>Assistant</h3>
          <p>Will be completed soon ...</p>
        </li>

      </ul>
    </div>
    <!--/#two-columns-->

    <div id="three-columns" class="grid-container">

    </div>
    <!--/#four-columns-->

    <hr />

  </div>
  <!--/.container-->


    </div>
    <!--/#three-columns-->

    <div id="four-columns" class="grid-container">

</div>
<!--/.wrapper-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('.grid-nav li a').on('click', function(event){
    event.preventDefault();
    $('.grid-container').fadeOut(500, function(){
      $('#' + gridID).fadeIn(500);
    });
    var gridID = $(this).attr("data-id");

    $('.grid-nav li a').removeClass("active");
    $(this).addClass("active");
  });
});
</script>
<!--Touch_event-->
        <script src="http://code.jquery.com/jquery-2.1.3.js"></script>
        <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
        <script src="js/index.js"></script>


        <script>$('#movable_links').draggable();$('#movable_link_1').draggable();$('#movable_link_2').draggable();$('#movable_link_3').draggable();</script>

        <script type="text/javascript" src="js/json_caller.js"></script>
<!--End Touch_event-->
<!-- Latest compiled and minified bootsrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


</body>
</html>