<commit_before><?xml version="1.0" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css"
          rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
    <!-- Le 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]-->
    <title>
        Google Chart Tools AngularJS Directive
    </title>
    <style type="text/css">
        [ng-cloak] {
            display: none;
        }

        body {
            padding: 20px;
            padding-top: 60px;
            padding-bottom: 40px;
        }

        table td.number {
            text-align: right;
        }

        .navbar-fixed-top {
            z-index: 1111;
        }

        .inputs-list li {
            display: inline-block;
            margin-right: 20px;
        }

        .inputs-list > li  input[type="checkbox"] {
            margin: 0;
        }


    </style>
</head>
<body ng-app="google-chart-sample" ng-cloak="" ng-controller="SampleCtrl">
<div>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a href="" class="brand">angular-google-chart</a>

                <div class="nav-collapse">
                    <ul class="nav">
                        <li>
                            <a href="https://github.com/bouil/angular-google-chart"><i class="icon icon-github"></i>
                                Github</a>
                        </li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container-fuild">
        <div class="row-fluid">
            <div class="span12" style="text-align: center;">
                <h1>AngularJs Google Chart Tools directive</h1>
                <hr/>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span4">
                <h2>Usage</h2>
                <pre ng-non-bindable>&lt;div google-chart chart="chart" style="{{chart.cssStyle}}"/&gt;</pre>
                <h2>Setup</h2>
                <pre>$scope.chart = {{chart|json}}</pre>
            </div>
            <div class="span8">
                <h2>Live edit</h2>

                <form class="form-inline">
                    <div class="row-fluid">

                        <div class="control-group span6">
                            <label class="control-label"
                                   for="chart-data-rows-1-3-v">February server sale units</label>

                            <div class="controls">
                                <input type="number" min="0" max="100" ng-model="chart.data.rows[1].c[3].v"
                                       id="chart-data-rows-1-3-v"/>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label class="control-label"
                                   for="chart-options-vAxis-gridlines-count">Number of grid lines</label>

                            <div class="controls">
                                <input type="number" min="0" max="100" ng-model="chart.options.vAxis.gridlines.count"
                                       id="chart-options-vAxis-gridlines-count"/>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label class="control-label" for="chartType">Chart type</label>

                            <div class="controls">
                                <select id="chartType" ng-model="chart.type" ng-change="chartSelectionChange()">
                                    <option value="AreaChart">AreaChart</option>
                                    <option value="PieChart">PieChart</option>
                                    <option value="ColumnChart">ColumnChart</option>
                                    <option value="LineChart">LineChart</option>
                                    <option value="Table">Table</option>
                                    <option value="BarChart">BarChart</option>
                                </select>

                            </div>
                        </div>
                        <div class="control-group span3">
                            <div class="controls">
                                <label class="checkbox" for="hideServer">

                                    <input id="hideServer" type="checkbox" class="checkbox" ng-model="hideServer"
                                           ng-change="selectionChange()"/> Hide Server
                                </label>
                            </div>
                       </div>

                        <div class="control-group span3">
                            <div class="controls">
                                <label class="checkbox" for="htmlTooltip" ng-show="chart.type!='Table'">

                                    <input id="htmlTooltip" type="checkbox" class="checkbox" ng-model="chart.options.tooltip.isHtml"
                                           ng-change="htmlTooltip()"/> HTML Tooltip
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid" ng-show="chart.type=='Table'">
                        <label class="control-label" for="chartType">Format</label>

                        <div class="input controls">
                            <ul class="inputs-list">
                                <li ng-repeat="format in formatCollection">
                                    <button class="btn primary" ng-click="toggleFormat(format)">{{format.name}}</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>

                <h2>Output</h2>

                <div google-chart chart="chart" style="{{chart.cssStyle}}" on-ready="chartReady()"/>


            </div>
        </div>

    </div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<script src="ng-google-chart.js"></script>
<script src="sample.js"></script>
<script><commit_msg>Update to AngularJS 1.2<commit_after><?xml version="1.0" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css"
          rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
    <!-- Le 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]-->
    <title>
        Google Chart Tools AngularJS Directive
    </title>
    <style type="text/css">
        [ng-cloak] {
            display: none;
        }

        body {
            padding: 20px;
            padding-top: 60px;
            padding-bottom: 40px;
        }

        table td.number {
            text-align: right;
        }

        .navbar-fixed-top {
            z-index: 1111;
        }

        .inputs-list li {
            display: inline-block;
            margin-right: 20px;
        }

        .inputs-list > li  input[type="checkbox"] {
            margin: 0;
        }


    </style>
</head>
<body ng-app="google-chart-sample" ng-cloak="" ng-controller="SampleCtrl">
<div>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a href="" class="brand">angular-google-chart</a>

                <div class="nav-collapse">
                    <ul class="nav">
                        <li>
                            <a href="https://github.com/bouil/angular-google-chart"><i class="icon icon-github"></i>
                                Github</a>
                        </li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container-fuild">
        <div class="row-fluid">
            <div class="span12" style="text-align: center;">
                <h1>AngularJs Google Chart Tools directive</h1>
                <hr/>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span4">
                <h2>Usage</h2>
                <pre ng-non-bindable>&lt;div google-chart chart="chart" style="{{chart.cssStyle}}"/&gt;</pre>
                <h2>Setup</h2>
                <pre>$scope.chart = {{chart|json}}</pre>
            </div>
            <div class="span8">
                <h2>Live edit</h2>

                <form class="form-inline">
                    <div class="row-fluid">

                        <div class="control-group span6">
                            <label class="control-label"
                                   for="chart-data-rows-1-3-v">February server sale units</label>

                            <div class="controls">
                                <input type="number" min="0" max="100" ng-model="chart.data.rows[1].c[3].v"
                                       id="chart-data-rows-1-3-v"/>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label class="control-label"
                                   for="chart-options-vAxis-gridlines-count">Number of grid lines</label>

                            <div class="controls">
                                <input type="number" min="0" max="100" ng-model="chart.options.vAxis.gridlines.count"
                                       id="chart-options-vAxis-gridlines-count"/>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label class="control-label" for="chartType">Chart type</label>

                            <div class="controls">
                                <select id="chartType" ng-model="chart.type" ng-change="chartSelectionChange()">
                                    <option value="AreaChart">AreaChart</option>
                                    <option value="PieChart">PieChart</option>
                                    <option value="ColumnChart">ColumnChart</option>
                                    <option value="LineChart">LineChart</option>
                                    <option value="Table">Table</option>
                                    <option value="BarChart">BarChart</option>
                                </select>

                            </div>
                        </div>
                        <div class="control-group span3">
                            <div class="controls">
                                <label class="checkbox" for="hideServer">

                                    <input id="hideServer" type="checkbox" class="checkbox" ng-model="hideServer"
                                           ng-change="selectionChange()"/> Hide Server
                                </label>
                            </div>
                       </div>

                        <div class="control-group span3">
                            <div class="controls">
                                <label class="checkbox" for="htmlTooltip" ng-show="chart.type!='Table'">

                                    <input id="htmlTooltip" type="checkbox" class="checkbox" ng-model="chart.options.tooltip.isHtml"
                                           ng-change="htmlTooltip()"/> HTML Tooltip
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid" ng-show="chart.type=='Table'">
                        <label class="control-label" for="chartType">Format</label>

                        <div class="input controls">
                            <ul class="inputs-list">
                                <li ng-repeat="format in formatCollection">
                                    <button class="btn primary" ng-click="toggleFormat(format)">{{format.name}}</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>

                <h2>Output</h2>

                <div google-chart chart="chart" style="{{chart.cssStyle}}" on-ready="chartReady()"></div><!-- explicit close of tag seems to be necessary -->


            </div>
        </div>

    </div>
</div>
</div>
<!-- jQuery imported here only for Bootstrap.js and for this sample.js functions. It's not needed for the directive itself. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
<script src="ng-google-chart.js"></script>
<script src="sample.js"></script>
<script>
{'fraction_non_alphanumeric': 0.14183266932270916, 'fraction_numerical': 0.011010503440782325, 'mean_word_length': 1.1728045325779037, 'pattern_counts': {'":': 0, '<': 294, '<?xml version=': 2, '>': 296, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 36, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6087200', 'n_tokens_mistral': 3755, 'n_tokens_neox': 3467, 'n_words': 614}