view js/csOverview.js @ 2:a64ece32a01a draft default tip

"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/cs_overview commit a46097db0b6056e1125237393eb6974cfd51eb41"

+
−// Copyright (c) 2016 Northrop Grumman.
+
−// All rights reserved.
+
−
+
−var url = "./csOverview.tsv",
+
−    boxplotUrl = "./csBoxplotData.json",
+
−    pctablecontent,
+
−    newSmpNames= {},
+
−    newPopNames = {},
+
−    configBoxplot = {},
+
−    configAreaplot = {};
+
−
+
−var waitForFinalEvent = (function () {
+
−  var timers = {};
+
−  return function (callback, ms, uniqueId) {
+
−    if (!uniqueId) {
+
−      uniqueId = "Don't call this twice without a uniqueId";
+
−    }
+
−    if (timers[uniqueId]) {
+
−      clearTimeout (timers[uniqueId]);
+
−    }
+
−    timers[uniqueId] = setTimeout(callback, ms);
+
−  };
+
−})();
+
−
+
−var preprocess = function(text){
+
−  var crossSampleData = d3.tsv.parseRows(text).map(function(row) {
+
−    return row.map(function(value) {
+
−      if (isNaN(value)) {
+
−        return value;
+
−      }
+
−      return +value;
+
−    })
+
−  })
+
−  return crossSampleData;
+
−};
+
−
+
−var displayProp = function() {
+
−  d3.text(url, function(error, data) {
+
−    var fileID = [],
+
−        sampleNames = [],
+
−        popTableData = [],
+
−        propHeadings = [],
+
−        propTableData = [],
+
−        propTableHeadings = [],
+
−        propTargets = [],
+
−        popTableHeadings = [],
+
−        propEditorData = [],
+
−        popEditorData = [],
+
−        smpcol = 2,
+
−        propHTML = '<table id="proptable" class="dtable display compact nowrap" cellspacing="0" width="100%"/>',
+
−        popHTML = '<table id="popnamestable" class="popt dtable display nowrap compact" cellspacing="0" width="100%"/>';
+
−
+
−    if (error) {
+
−      alert("Problem retrieving data");
+
−      return;
+
−    }
+
−    propHeadings = data.split("\n")[0].split("\t");
+
−    propHeadings.unshift("Comment");
+
−    data = d3.tsv.parse(data);
+
−    function propHandle(method, url, d, successCallBack, errorCallBack) {
+
−      var output = {data : propTableData};
+
−      successCallBack(output);
+
−    }
+
−
+
−    function popHandle(method, url, d, successCallBack, errorCallBack) {
+
−      var output = {data : popTableData};
+
−      successCallBack(output);
+
−    }
+
−
+
−    propTableData = $.extend(true,[],data);
+
−    propTableData.forEach(function(d) {
+
−      d.Comment = d.SampleName;
+
−      newSmpNames[d.SampleName] = d.Comment;
+
−      fileID.push(d.FileID);
+
−      sampleNames.push(d.SampleName);
+
−    });
+
−
+
−    for (var i = 3, j = propHeadings.length; i < j; i++){
+
−      propTargets.push(i);
+
−    }
+
−    propHeadings.forEach(function(d) {
+
−      propTableHeadings.push({"data":d, "title":d});
+
−      propEditorData.push({"label":d,"name":d});
+
−      if (d != 'Comment' && d != 'SampleName' && d != "FileID") {
+
−        newPopNames[d] = d.toString();
+
−        popTableHeadings.push({"data":d, "title":d});
+
−        popEditorData.push({"label":d,"name":d});
+
−      }
+
−    });
+
−    popTableData.push(newPopNames);
+
−    pctablecontent = $.extend(true,[],propTableData);
+
−
+
−    $('#propDiv').empty();
+
−    $('#propDiv').html(propHTML);
+
−    var smpEditor = new $.fn.dataTable.Editor({
+
−        ajax: propHandle,
+
−        table: '#proptable',
+
−        fields: propEditorData,
+
−        idSrc: 'SampleName'
+
−    });
+
−
+
−    $('#proptable').on( 'click', 'tbody td:first-child', function (e) {
+
−      smpEditor.bubble( this );
+
−    });
+
−    var propTable = $('#proptable').DataTable({
+
−        columns: propTableHeadings,
+
−        data: propTableData,
+
−        order: [[ smpcol, "asc" ]],
+
−        pageLength: 10,
+
−        scrollX: true,
+
−        scrollCollapse: true,
+
−        dom: '<"top"Bi>t<"bottom"lp><"clear">',
+
−        columnDefs: [{
+
−            targets: propTargets,
+
−            className: "dt-body-right",
+
−            render: function(data, type, row){
+
−                    return parseFloat(data).toFixed(2) + '%';
+
−            }
+
−          }, {
+
−            targets: [smpcol - 1, smpcol, smpcol + 1],
+
−            className: "dt-body-left",
+
−        }],
+
−        buttons: [
+
−            'copy', 'pdfHtml5','csvHtml5', 'colvis'
+
−        ],
+
−        colReorder: {
+
−            fixedColumnsLeft:1
+
−        },
+
−        select: true
+
−    });
+
−
+
−    // Add titles to File ID and Sample Name
+
−    $('#proptable tr').each(function(i,d){
+
−      if (i > 0) {
+
−        $(this).find('td').each(function(j,e){
+
−          if (j == 1 ) {
+
−            $(this).prop('title', fileID[i - 1] );
+
−          }
+
−          if (j == 2) {
+
−            $(this).prop('title', sampleNames[i - 1]);
+
−          }
+
−        });
+
−      }
+
−    });
+
−
+
−    // Add a table below to rename pops
+
−    // Might want to change that some other time?
+
−    $('#popnamesDiv').html(popHTML);
+
−    var popEditor = new $.fn.dataTable.Editor({
+
−        ajax: popHandle,
+
−        table: '#popnamestable',
+
−        fields: popEditorData,
+
−        idSrc: '1'
+
−    });
+
−
+
−    $('#popnamestable').on( 'click', 'tbody td', function (e) {
+
−      popEditor.bubble(this);
+
−    });
+
−    var popTable = $('#popnamestable').DataTable({
+
−        columns: popTableHeadings,
+
−        dom: 't',
+
−        select: true,
+
−        data: popTableData
+
−    });
+
−
+
−    smpEditor.on( 'preSubmit', function(e, object, action){
+
−      var data = object.data;
+
−      var key = Object.keys(data)[0];
+
−      var count = object.data[key]['Comment'];
+
−
+
−      propTableData.forEach(function(d){
+
−        if (d.SampleName === key) {
+
−          d.Comment = count;
+
−          newSmpNames[key] = count;
+
−        }
+
−      });
+
−      pctablecontent = $.extend(true, [], propTableData);
+
−    });
+
−    popEditor.on( 'preSubmit', function(e, object, action){
+
−      var data = object.data;
+
−      var key = Object.keys(data['1'])[0];
+
−      var count = object.data['1'][key];
+
−      popTableData[0][key] = count;
+
−      newPopNames[key] = count;
+
−    });
+
−  });
+
−};
+
−
+
−var displayStackedAreaPlot = function() {
+
−  $.ajax({
+
−    url: url,
+
−    dataType: "text",
+
−    success: function(text) {
+
−      configAreaplot = {
+
−        displaybutton : '#updateDisplayA',
+
−        popSelectj : '.popSelectA',
+
−        plotdivj : '#plotDivA',
+
−        toggledisplayj : '#togglePlot',
+
−        toggledisplay : 'toggleButtonImg',
+
−        csdata : preprocess(text),
+
−        plotdiv : 'plotDivA',
+
−        type : 'areaplot',
+
−        table : '#popTableA tbody',
+
−        popSelect : 'popSelectA',
+
−        allPopulations : [],
+
−        selectedPopulations : [],
+
−        popSelectAll : '#popSelectAllA',
+
−        popSelectCheck : '.popSelectA:checked'
+
−      };
+
−      displayToolbar(configAreaplot);
+
−    }
+
−  });
+
−};
+
−
+
−var displayBoxplot = function() {
+
−  $.ajax({
+
−    url: boxplotUrl,
+
−    dataType: "json",
+
−    success: function(data) {
+
−      configBoxplot = {
+
−        displaybutton : '#updateDisplayC',
+
−        toggledisplayj : '#changeDisplayC',
+
−        toggledisplay : 'changeDisplayC',
+
−        popSelectj : '.popSelectC',
+
−        plotdivj : '#plotDivC',
+
−        csdata : data,
+
−        plotdiv : 'plotDivC',
+
−        type : 'boxplot',
+
−        table : '#popTableC tbody',
+
−        popSelect : 'popSelectC',
+
−        allMarkers : [],
+
−        selectedMarkers: [],
+
−        allPopulations : [],
+
−        selectedPopulations : [],
+
−        popSelectAll : '#popSelectAllC',
+
−        popSelectCheck: '.popSelectC:checked',
+
−        mrkrSelectAll : '#mrkrSelectAllC',
+
−        mrkrSelectCheck: '.mrkrSelectC:checked',
+
−        mrkrSelect : 'mrkrSelectC',
+
−        mtable : '#mrkrTableC tbody',
+
−        mrkrSelectj: '.mrkrSelectC',
+
−        displayvalues: '#displayLabelsC',
+
−        displayMFI: '#displayMFIC',
+
−        view: 'p',
+
−        mrkrNames :  Object.keys(data.mfi)
+
−      };
+
−      displayToolbar(configBoxplot);
+
−    }
+
−  });
+
−};