index.html 3.54 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Beacon ArrayMap</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
    <script src="vendor/jquery.min.js"></script>
    <script src="vendor/angular.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</head>
<body>
<div ng-controller="BeaconController" ng-cloak class="container">
    <div class="jumbotron">
        <h1>Beacon ArrayMap</h1>
        <p>Implementation of Beacon v0.2 for ArrayMap</p>
    </div>
    <form class="form-horizontal">
        <div class="form-group">
            <label for="chromosome" class="col-sm-2 control-label">Chromosome</label>
Daniel Teixeira's avatar
Daniel Teixeira committed
23
24
            <div class="col-sm-4">
                <input type="text" class="form-control" id="chromosome" ng-model="config.chromosome" placeholder="Chromosome">
25
26
27
28
            </div>
        </div>
        <div class="form-group">
            <label for="position" class="col-sm-2 control-label">Position</label>
Daniel Teixeira's avatar
Daniel Teixeira committed
29
30
            <div class="col-sm-4">
                <input type="text" class="form-control" id="position" ng-model="config.position" placeholder="Position">
31
32
33
34
            </div>
        </div>
        <div class="form-group">
            <label for="dataset" class="col-sm-2 control-label">Dataset</label>
Daniel Teixeira's avatar
Daniel Teixeira committed
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
            <div class="col-sm-4">
                <input type="text" class="form-control" id="dataset" ng-model="config.dataset" placeholder="Dataset">
            </div>
        </div>
        <div class="form-group">
            <label style="color:green" for="dataset" class="col-sm-2 control-label">Variant Class</label>
            <div class="col-sm-4">
                <select name="singleSelect" id="singleSelect" ng-model="config.variantClass" class="form-control">
                    <option value="">Substitution (For precise variants)</option>
                    <option value="DEL">DEL (Deletion)</option>
                    <option value="INS">INS (Insertion)</option>
                    <option value="DUP">DUP (Duplication)</option>
                    <option value="INV">INV (Inversion)</option>
                    <option value="CNV">CNV (Copy Number Variation)</option>
                    <option value="BND">BND (Breakend???)</option>
                </select>
51
52
53
54
55
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <a target="beacon" ng-href="{{getApiUrl()}}">{{getApiUrl()}}</a>
Daniel Teixeira's avatar
Daniel Teixeira committed
56
                <a target="beacon" ng-href="{{getApiUrl()}}" class="btn btn-info">Beacon Query</a>
57
58
            </div>
        </div>
Daniel Teixeira's avatar
Daniel Teixeira committed
59
60
61
62
63
64
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
           <a target="beacon" ng-href="{{getInfoUrl()}}">{{getInfoUrl()}}</a>
             <a target="beacon" ng-href="{{getInfoUrl()}}" class="btn btn-info">Beacon Info</a>
        </div>
        </div>
65
66
67
68
69
70
    </form>
</div>

<script src="js/index.js"></script>
</body>
</html>