beacon-home.html 4.99 KB
Newer Older
1
2
<div ng-controller="BeaconController" ng-cloak class="container">
    <div class="jumbotron">
Michael Baudis's avatar
Michael Baudis committed
3
        <h1>Beacon arrayMap</h1>
4
        <p><a target="_blank" href="https://genomicsandhealth.org/work-products-demonstration-projects/beacon-project-0">Beacon</a>
Michael Baudis's avatar
Michael Baudis committed
5
            <a target="_blank" href="https://docs.google.com/document/d/1n7qtCBFwsExP_k2GPfWS_PN53Xeh8YxeCBOgyZ5itOw/edit#"> v0.4</a> implementation for <a target="_blank"  href="http://arraymap.org/">arrayMap</a>.</p>
6
7
8
    </div>
    <form class="form-horizontal">
        <div class="form-group">
Daniel Teixeira's avatar
Daniel Teixeira committed
9
            <label for="referenceName" class="col-sm-2 control-label">Reference name</label>
10
            <div class="col-sm-4">
Daniel Teixeira's avatar
Daniel Teixeira committed
11
                <input type="text" class="form-control" id="referenceName" ng-model="config.referenceName" placeholder="corresponds to chromosome name, ex: 11">
12
13
            </div>
        </div>
14

15
        <div class="form-group">
Daniel Teixeira's avatar
Daniel Teixeira committed
16
            <label for="start" class="col-sm-2 control-label">Start</label>
17
            <div class="col-sm-4">
Daniel Teixeira's avatar
Daniel Teixeira committed
18
                <input type="text" class="form-control" id="start" ng-model="config.start" placeholder="start position, ex: 34439881">
19
20
            </div>
        </div>
21
22
23
24
25
26
27
28

        <div class="form-group">
            <label for="length" class="col-sm-2 control-label">Length</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="length" ng-model="config.length" placeholder="">
            </div>
        </div>

Daniel Teixeira's avatar
Daniel Teixeira committed
29
        <div class="form-group">
30
            <label for="referenceSelect" class="col-sm-2 control-label">Assembly ID</label>
Daniel Teixeira's avatar
Daniel Teixeira committed
31
            <div class="col-sm-4">
Daniel Teixeira's avatar
Daniel Teixeira committed
32
                <select id="referenceSelect" ng-model="config.assemblyId" class="form-control">
Daniel Teixeira's avatar
Daniel Teixeira committed
33
34
35
36
                    <option ng-repeat="ref in references" value="{{ref}}" >{{ref}}</option>
                </select>
            </div>
        </div>
37

38
        <div class="form-group">
Daniel Teixeira's avatar
Daniel Teixeira committed
39
            <label for="datasetSelect" class="col-sm-2 control-label">Dataset Ids</label>
40
            <div class="col-sm-4">
Daniel Teixeira's avatar
Daniel Teixeira committed
41
                <select id="datasetSelect" ng-model="config.datasetIds" class="form-control">
42
                    <option ng-repeat="ds in datasets" value="{{ds.id}}" >({{ds.id}}) {{ds.description}}</option>
43
44
45
                </select>
            </div>
        </div>
46

47
        <div class="form-group">
Michael Baudis's avatar
Michael Baudis committed
48
            <label for="alternateBases" class="col-sm-2 control-label">Alternate bases</label>
49
            <div class="col-sm-4">
50
                <select id="alternateBases" ng-model="config.alternateBases" class="form-control">
51
52
53
54
55
                    <option value="DEL">DEL (Deletion)</option>
                    <option value="DUP">DUP (Duplication)</option>
                </select>
            </div>
        </div>
56

57
        <div class="form-group">
58
            <label for="confidenceIntervalStart" class="col-sm-2 control-label">Confidence Interval<br/>(Start position)</label>
59
            <div class="col-sm-4">
60
                <input type="text" class="form-control" id="confidenceIntervalStart" ng-model="config.confidenceIntervalStart">
61
62
63
            </div>
        </div>

64
        <div class="form-group">
65
            <label for="confidenceIntervalEnd" class="col-sm-2 control-label">Confidence Interval<br/>(End position)</label>
66
            <div class="col-sm-4">
67
                <input type="text" class="form-control" id="confidenceIntervalEnd" ng-model="config.confidenceIntervalEnd">
68
69
            </div>
        </div>
Severine Duvaud's avatar
Severine Duvaud committed
70
71

        <div class="form-group">
72
            <label for="matchType" class="col-sm-2 control-label">Match type</label>
Severine Duvaud's avatar
Severine Duvaud committed
73
            <div class="col-sm-4">
74
75
76
77
78
                <select id="matchType" ng-model="config.matchType" class="form-control">
                    <option value="any">Any</option>
                    <option value="complete">Complete</option>
                    <option value="precise">Precise</option>
                </select>
Severine Duvaud's avatar
Severine Duvaud committed
79
            </div>
80
        </div>
Severine Duvaud's avatar
Severine Duvaud committed
81

82
83
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8">
84
                <a target="beacon" ng-href="{{getNewApiUrl()}}">{{getNewApiUrl()}}</a>
85
86
            </div>
            <div class="col-sm-2">
87
                <a target="beacon" ng-href="{{getNewApiUrl()}}" class="btn btn-info">Beacon Query</a>
88
89
            </div>
        </div>
90

91
92
93
94
95
96
97
98
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8">
                <a target="beacon" ng-href="{{getInfoUrl()}}">{{getInfoUrl()}}</a>
            </div>
            <div class="col-sm-2">
                <a target="beacon" ng-href="{{getInfoUrl()}}" class="btn btn-info">Beacon Info</a>
            </div>
        </div>
99

100
101
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8">
Daniel Teixeira's avatar
Daniel Teixeira committed
102
                <a target="beacon" href="/samples?limit=10">Get 10 samples</a>
103
104
            </div>
        </div>
Daniel Teixeira's avatar
Daniel Teixeira committed
105

106
107
108
109
110
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8">
                <a target="beacon" ng-href="{{getDatasetUrl()}}">{{getDatasetUrl()}}</a>
            </div>
        </div>
111

112
    </form>
113
</div>