datahub/web/public/javascripts/main.js

(function ($) {
  $(document).ready(function() {
    var token = $("#csrfToken").val();

    $("#settingsbtn").click(function(){
      var url ='/api/v1/user/me'
      $
      .get
      ( url
      , function(data) {
          var settings = data.user.userSetting || {}
          for(var key in settings) {
            $("form[name='settingsForm'] [name='" + key + "']").val(settings[key])
          }
        }
      ).fail(function(){
        console.error("Could not pull data")
      })
      $("#settingsModal").modal('show')
    });

    $("#submitSettingsForm").on('click', function(){
      var settings = {}
      $("form[name='settingsForm']").serializeArray().map(function(item){
        var name = item.name.replace(/([A-Z])/g, function($1){ return "_" + $1.toLowerCase(); })
        settings[name] = item.value
      })
      var token = $("#csrfToken").val().replace('/', '')
      var url = "/api/v1/usersettings/me"
      settings.csrfToken = token
      $.ajax({
        url: url,
        method: 'POST',
        headers: {
          'Csrf-Token': token
        },
        dataType: 'json',
        data: settings
      }).done(function(data, txt, xhr){
        $("#settingsModal").modal('hide')
        location.reload()
      }).fail(function(xhr, txt, err){
        console.log('Error: Could not update settings.')
      })
    })

    var currentTab = 'Datasets';

    var width = $(window).width()*0.99;
    var height = ($(window).height() * 0.99) - 82;

    $('#mainSplitter').height(height);

    $("#mainSplitter").splitter({
        type: "v",
        minLeft: 100,
        sizeLeft: 250,
        minRight: 100,
        dock: "left",
        dockSpeed: 200,
        dockKey: 'Z',
        accessKey: 'I'
    });

    $(window).resize(function(){
      var height = ($(window).height() * 0.99) - 82;
      $('#mainSplitter').height(height)
    })

    var markedRendererOverride = new marked.Renderer()
    markedRendererOverride.link = function(href, title, text) {
          return "<a href='" + href + "' title='" + (title || text) + "' target='_blank'>" + text + "</a>";
        }

    marked.setOptions({
      gfm: true,
      tables: true,
      renderer: markedRendererOverride
    })
  });

})(jQuery)

var convertQueryStringToObject = function() {
    var queryString = {}
    var uri = window.location.hash || window.location.search
    uri.replace(
        new RegExp("([^?=&]+)(=([^&]*))?", "g"),
        function($0, $1, $2, $3) {
            queryString[$1] = $3
        }
    )
    return queryString;
}

function resetCategoryActiveFlag(category)
{
    $('#categoryDatasets').removeClass('active');
    $('#categoryComments').removeClass('active');
    $('#categoryMetrics').removeClass('active');
    $('#categoryFlows').removeClass('active');
    $('#categoryJobs').removeClass('active');
    if (category.toLowerCase() == 'datasets')
    {
        $('#categoryDatasets').addClass('active');
    }
    else if (category.toLowerCase() == 'comments')
    {
        $('#categoryComments').addClass('active');
    }
    else if (category.toLowerCase() == 'metrics')
    {
        $('#categoryMetrics').addClass('active');
    }
    else if (category.toLowerCase() == 'flows')
    {
        $('#categoryFlows').addClass('active');
    }
    else if (category.toLowerCase() == 'jobs')
    {
        $('#categoryJobs').addClass('active');
    }
    currentCategory = category;
}

function updateSearchCategories(category)
{
    if (category.toLowerCase() == 'all')
    {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-list');
    }
    else if (category.toLowerCase() == 'datasets')
    {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-database');
    }
    else if (category.toLowerCase() == 'comments')
    {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-comment');
    }
    else if (category.toLowerCase() == 'metrics')
    {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-plus-square-o');
    }
    else if (category.toLowerCase() == 'flows')
    {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-random');
    }
     else if (category.toLowerCase() == 'jobs')
     {
        $('#categoryIcon').removeClass('fa fa-list');
        $('#categoryIcon').removeClass('fa fa-database');
        $('#categoryIcon').removeClass('fa fa-comment');
        $('#categoryIcon').removeClass('fa fa-random');
        $('#categoryIcon').removeClass('fa fa-plus-square-o');
        $('#categoryIcon').removeClass('fa fa-file-o');
        $('#categoryIcon').addClass('fa fa-file-o');
     }
    resetCategoryActiveFlag(category);
}

String.prototype.toProperCase = function(){
    return this.replace(/\w\S*/g, function(txt){
        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
    })
}