workout-tracker/scripts/workout.js

A set of JSON schemas for workouts

(function(){
    var el = document.getElementById('editor');
    var pathname = location.pathname !== '/' ? location.pathname : '';
    var param = getParameterByName('workout');
    var workout = location.origin + pathname + '/workouts/' +
                  param + '.json';
    var editor;

    if (param !== null) {
        document.getElementById('links').style.display = 'none';

        var schema = callAjax(workout, function(schema) {
            editor = new JSONEditor(el, {
                ajax: true,
                schema: JSON.parse(schema)
            });
        });
    } else {
        // show links and hide submit
        document.getElementById('submit').style.display = 'none';
        document.getElementById('links').style.display = 'block';
    }

    /**
     * Call Ajax
     * HT: http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery
     */
    function callAjax(url, callback){
        var xmlhttp;
        // compatible with IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function(){
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
                callback(xmlhttp.responseText);
            }
        };
        xmlhttp.open('GET', url, true);
        xmlhttp.send();
    }

    function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " ").replace(/\//g, ""));
    }

    document.getElementById('submit').addEventListener('click',function() {
        // Get the value from the editor
        console.log(editor.getValue());
    });
}());