coverviewer/coverviewer.html at dev · nodebio/coverviewer · 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
<html>
<head>

  <!-- JavaScript vendor -->
  <script src="../jviz/vendor/jquery.min.js"></script>
  <script src="../jviz/vendor/cv.min.js"></script>
  <script src="../jviz/vendor/objectsort.min.js"></script>

  <!-- Import jviz -->
  <link rel="stylesheet" type="text/css" href="../jviz/jviz.css">
  <link rel="stylesheet" type="text/css" href="../jviz/font.css">
  <script src="../jviz/jviz.js"></script>

  <!-- Import coverviewer -->
  <link rel="stylesheet" type="text/css" href="./coverviewer.css">
  <script src="./coverviewer.js"></script>

  <!-- JavaScript runs -->
  <script type="text/javascript">

    //Initialize the element
    var c = null;

    //When document is ready
    $(document).ready(function(){

      //Create the new GDBase adapter
      var gdbase = new jvizGDBaseAdapter('http://' + 'bioinfolab005.uv.es:3000');

      //Initialize
      c = new CoverViewer('div');

      //Create the options object
      var opt = {};

      //Add the import karyotypes option
      opt.importKaryotypes = {};
      opt.importKaryotypes.url = '/test/karyotypes.json'; //Karyotypes url
      opt.importKaryotypes.parser = function(r){ return r.chr; }; //Karyotypes parser

      //Add the import regions option
      opt.importRegions = {};
      opt.importRegions.url = '/test/regions.json'; //Regions url

      //Add the import cover option
      opt.importCover = {};
      opt.importCover.url = '/test/cover.json'; //Cover url
      opt.importCover.parser = function(r){ return r['1']; }; //Cover parser

      //Add the import genes option
      opt.importGenes = {};
      opt.importGenes.url = gdbase.Url('region', { dataset: 'genes' }); //Genes url
      opt.importGenes.parser = gdbase.ParseConcat; //Genes parser

      //Add the import names option
      opt.importNames = {};
      opt.importNames.url = '/test/names.json'; //Names url
      //opt.importNames.json = ['CONTROL','BAM1','BAM2','BAM3','BAM4']; //Names object

      //Save the options
      c.Options(opt);

      //Add the marks
      c.Marks([
        { chromosome: '1', start: 6529600, end: 6529800 },
        { chromosome: '1', start: 6528380, end: 6528530 }
      ]);

      //Start
      c.Init();

    });
  </script>

</head>
<body style="margin: 10px; padding: 0px; background-color: #ffffff;">

  <!-- Content div -->
  <div id="div"></div>

</body>
</html>