<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Materials Commons</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/jquery.jOrgChart.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/mc-gear-favicon.ico">
</head>

<body>

<ul id="experiment" style="display:none">
    <li style="color: #c3eafb; width:80%"><a href="#">ALLISON-DEFORMATON-001</a>
        <ul>
            <li><a href="#">Magnesium</a>
                <ul>
                    <li>
                        <p>
                            Microstructure
                        </p>

                        <p>
                            <button id="microstructure-button" class="btn btn-primary btn-mini" onclick="microstructClicked()">Add Equipment</button>
                        </p>
                        <ul id="microstructure">
                        </ul>

                    </li>
                    <li><a href="#">Mechanical</a>
                        <ul id="mechanical">
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#">Simulation</a></li>
        </ul>
    </li>
</ul>

<div class="mc-tools-sidebar">
    <ul class="mc-tools-sidenav">
        <li><a href="notebook/create.html"><img src="assets/ico/glyphish/96-book.png"> LabNotebook<i
                class="icon-chevron-right"></i></a></li>
        <li><a href="data.html"><img src="assets/ico/glyphish/16-line-chart.png"> Find Data<i
                class="icon-chevron-right"></i></a></li>
        <li><a href="models.html"><img src="assets/ico/glyphish/19-gear.png"> Find Models<i
                class="icon-chevron-right"></i></a></li>
    </ul>
</div>

<div id="stop-toolbar" class="navbar navbar-wrapper navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="index.html">Materials Commons</a>

            <div class="nav-collapse collapse">
                <p class="navbar-text pull-right">
                    <a href="#" class="navbar-link">Login</a>
                </p>

                <ul class="nav">
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>

            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>


<div class="container-fluid">

    <div class="row">

        <div class="offset3 span9">
            <h1>Overview</h1>

            <p>
                <b>Placeholder page to find models.</b>
                <button id="m1" class="btn btn-primary btn-mini" onclick="m1clicked()">Add Equipment</button>
            </p>

        </div>

    </div>

    <div class="row">
        <div class="span9 offset3">
            <div class="accordion" id="a1">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="a1" href="#c1">Item 1</a>
                    </div>
                    <div id="c1" class="accordion-body collapse in">
                        <div class="accordion-inner">
                            This is the text
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span9 offset3">
            <div id="experimentBuild" class="orgChart"></div>
        </div>
    </div>

    <div class="row">

        <footer>
            <p>&copy; Company 2012</p>
        </footer>
    </div>

</div>
<!-- /container -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.jOrgChart.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script>

    function m1clicked(e) {
        alert("called m1clicked!!!");
    }

    function microstructClicked(e) {
        $('#microstructure').append('<li><a href="#">New Equipment</a></li>');
        $('#experimentBuild').empty();
        $('#experiment').jOrgChart({
            chartElement:'#experimentBuild'
        });
    }

    jQuery(document).ready(function () {

        $("#experiment").jOrgChart({
            chartElement:'#experimentBuild'
        });
    });
</script>
</body>
</html><commit_msg>Test building org chart from json.<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Materials Commons</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/jquery.jOrgChart.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/mc-gear-favicon.ico">
</head>

<body>

<div style="display:none">
    <ul id="experiment">
        <li style="color: #c3eafb; width:80%"><a href="#">ALLISON-DEFORMATON-001</a>
            <ul>
                <li><a href="#">Magnesium</a>
                    <ul>
                        <li>
                            <p>
                                Microstructure
                            </p>

                            <p>
                                <button id="microstructure-button" class="btn btn-primary btn-mini"
                                        onclick="microstructClicked()">Add Equipment
                                </button>
                            </p>
                            <ul id="microstructure">
                            </ul>

                        </li>
                        <li><a href="#">Mechanical</a>
                            <ul id="mechanical">
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Simulation</a></li>
            </ul>
        </li>
    </ul>
</div>

<div class="mc-tools-sidebar">
    <ul class="mc-tools-sidenav">
        <li><a href="notebook/create.html"><img src="assets/ico/glyphish/96-book.png"> LabNotebook<i
                class="icon-chevron-right"></i></a></li>
        <li><a href="data.html"><img src="assets/ico/glyphish/16-line-chart.png"> Find Data<i
                class="icon-chevron-right"></i></a></li>
        <li><a href="models.html"><img src="assets/ico/glyphish/19-gear.png"> Find Models<i
                class="icon-chevron-right"></i></a></li>
    </ul>
</div>

<div id="stop-toolbar" class="navbar navbar-wrapper navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="index.html">Materials Commons</a>

            <div class="nav-collapse collapse">
                <p class="navbar-text pull-right">
                    <a href="#" class="navbar-link">Login</a>
                </p>

                <ul class="nav">
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>

            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>


<div class="container-fluid">

    <div class="row">

        <div class="offset3 span9">
            <h1>Overview</h1>

            <p>
                <b>Placeholder page to find models.</b>
                <button id="m1" class="btn btn-primary btn-mini" onclick="m1clicked()">Add Equipment</button>
            </p>

        </div>

    </div>

    <div class="row">
        <div class="span9 offset3">
            <div class="accordion" id="a1">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="a1" href="#c1">Item 1</a>
                    </div>
                    <div id="c1" class="accordion-body collapse in">
                        <div class="accordion-inner">
                            This is the text
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span9 offset3">
            <div id="experimentBuild" class="orgChart"></div>
            <ul id="testArea">

            </ul>
        </div>
    </div>

    <div class="row">

        <footer>
            <p>&copy; Company 2012</p>
        </footer>
    </div>

</div>
<!-- /container -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.jOrgChart.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script>

    function m1clicked(e) {
        alert("called m1clicked!!!");
    }

    function microstructClicked(e) {
        $('#microstructure').append('<li><a href="#">New Equipment</a></li>');
        $('#experimentBuild').empty();
        $('#experiment').jOrgChart({
            chartElement:'#experimentBuild'
        });
    }

    function createOrgChartFromJson()
    {
        var e = {
            name: 'TEST-EXPERIMENT',
            etypes: [ 'Magnesium', 'Simulation'],
            properties: [ 'Microstructure', 'Mechanical'],
            microstructure: ['A', 'B', 'C'],
            mechanical: []
        };

        $('#testArea').append('<li id="mainli"><a href="#">' + e.name + '</a>');
        $('#mainli').append('<ul id="next1"></ul>');
        $('#next1').append('<li id="metal"><a href="#">Magnesium</a></li>');
        $('#next1').append('<li id="simulation"><a href="#">Simulation</a></li>');
        $('#metal').append('<ul id="metalitems"></ul>');
        $('#metalitems').append('<li id="ms23"><a href="#">Microstructure</a></li>');
        $('#ms23').append('<ul id="aa1"></ul>');
        $('#aa1').append('<li><a href="#">ABC</a></li>');
        $('#aa1').append('<li><a href="#">DEF</a></li>');

        $("#testArea").jOrgChart({
            chartElement:'#experimentBuild'
        });

    }

    jQuery(document).ready(function () {
        createOrgChartFromJson();
//        $("#experiment").jOrgChart({
//            chartElement:'#experimentBuild'
//        });
    });
</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.19637742207245157, 'fraction_numerical': 0.008087615838247682, 'mean_word_length': 1.7289655172413794, 'pattern_counts': {'":': 0, '<': 384, '<?xml version=': 0, '>': 384, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2694085', 'n_tokens_mistral': 3684, 'n_tokens_neox': 3411, 'n_words': 634}