<commit_before><!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- Stylesheets -->
    <link rel="stylesheet" type="text/css" href="bower_components/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/angular-material.css">

    <!-- Application Dependencies -->
    <!-- <link rel="shortcut icon" href="/img/favicon.ico" /> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <script type="text/javascript" src="bower_components/codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" src="bower_components/codemirror/mode/htmlmixed/htmlmixed.js"></script>
    <script type="text/javascript" src="bower_components/angular/angular.js"></script>
    <script type="text/javascript" src="bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
    <script type="text/javascript" src="ui-bootstrap-tpls-0.12.0.js"></script>

    <!-- Developer Scripts -->
    <script type="text/javascript" src="./app/app.js"></script>
    <script type="text/javascript" src="./app/factories/promptFactory.js"></script>
    <script type="text/javascript" src="./app/factories/inputFactory.js"></script>
    <script type="text/javascript" src="./app/factories/factory.js"></script>
    <script type="text/javascript" src="./app/factories/lineFactory.js"></script>
    <script type="text/javascript" src="./app/controllers/prompts/promptsController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/partialController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/appController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/controllerController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/htmlController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/factoryController.js"></script>
    <script type="text/javascript" src="./app/controllers/output/urlController.js"></script>
    <script type="text/javascript" src="./app/controllers/sidenav/SideNavCtrl.js"></script>
    <!-- <script type="text/javascript" src="./app/controllers/sidenav/TESTSideNavCtrl.js"></script> -->



    <!-- Angular Material requires Angular.js Libraries -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>

    <!-- Angular Material Library -->
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0-rc7/angular-material.min.js"></script>

  </head>
  <body>

    <div layout="column" style="background: transparent" ng-controller="SideNavCtrl">

    <div layout="row" ng-controller="PromptsController as promptsVM">
      <md-button class="md-primary md-raised"  ng-click="promptsVM.getTutorial($event)" flex="100" flex-gt-md="auto">
        Test
      </md-button>
      <md-button ng-click="toggleRight()" ng-hide="isOpenRight()" class="md-primary md-raised" flex="25">
        History
      </md-button>
    </div>

    <!-- Side Navigation -->
    <md-sidenav class="md-sidenav-right md-whiteframe-z2" md-component-id="right">
      <md-toolbar class="md-theme-light">
        <h1 class="md-toolbar-tools">History</h1>
      </md-toolbar>
      <md-content ng-controller="RightCtrl" layout-padding="" style="overflow:scroll">
        <md-button class="md-primary">Save</md-button>
        <md-button class="md-primary">Log Out</md-button>
        <p>
          What is AngularJS? - Let's start this project off by understanding what AngularJS is. AngularJS is a client-side JavaScript framework for making dynamic web applications. Angular lets you use HTML as your template language and allows you to extend HTML's syntax to express your application's components clearly. Angular's two-way data binding and dependency injection eliminate much of the code you would otherwise have to write.
        </p>
        <p>We need to bring in the  Angular library so we can start using the Angular Framework.  Copy and paste this right below the meta tag.  &lt;script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js'&gt;&lt;/script&gt;</p>
      </md-content>
      <md-dialog-actions layout="row">
        <md-button ng-click="close()" class="md-primary">
          Close
        </md-button>
      </md-dialog-actions>
    </md-sidenav>


    <canvas id="canvas" width="window.innerWidth" height="window.innerHeight"></canvas>
    <!-- more material design -->
    <div layout="row" flex="50">
      <md-card flex="40" ng-controller="HtmlController as htmlVM" id="html" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">HTML</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : htmlVM.codemirrorLoaded }" ui-codemirror-opts="htmlVM.editorOptions"></textarea>
      </md-card>
      <!-- <md-card flex="15" ng-controller="PartialController as partialVM" id="partial" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">Partial</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : partialVM.codemirrorLoaded }" ui-codemirror-opts="partialVM.editorOptions"></textarea>
      </md-card> -->
      <md-card flex="25" ng-controller="AppController as appVM" id="app" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">App</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : appVM.codemirrorLoaded }" ui-codemirror-opts="appVM.editorOptions"></textarea>
      </md-card>
      <md-card flex="35" ng-controller="ControllerController as controllerVM" id="controller" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">Controller</h1><commit_msg>need to change branches<commit_after><!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- Stylesheets -->
    <link rel="stylesheet" type="text/css" href="bower_components/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/angular-material.css">

    <!-- Application Dependencies -->
    <!-- <link rel="shortcut icon" href="/img/favicon.ico" /> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <script type="text/javascript" src="bower_components/codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" src="bower_components/codemirror/mode/htmlmixed/htmlmixed.js"></script>
    <script type="text/javascript" src="bower_components/angular/angular.js"></script>
    <script type="text/javascript" src="bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
    <script type="text/javascript" src="ui-bootstrap-tpls-0.12.0.js"></script>

    <!-- Developer Scripts -->
    <script type="text/javascript" src="./app/app.js"></script>
    <script type="text/javascript" src="./app/factories/promptFactory.js"></script>
    <script type="text/javascript" src="./app/factories/inputFactory.js"></script>
    <script type="text/javascript" src="./app/factories/factory.js"></script>
    <script type="text/javascript" src="./app/factories/lineFactory.js"></script>
    <script type="text/javascript" src="./app/controllers/prompts/promptsController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/partialController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/appController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/controllerController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/htmlController.js"></script>
    <script type="text/javascript" src="./app/controllers/editors/factoryController.js"></script>
    <script type="text/javascript" src="./app/controllers/output/urlController.js"></script>
    <script type="text/javascript" src="./app/controllers/sidenav/SideNavCtrl.js"></script>
    <!-- <script type="text/javascript" src="./app/controllers/sidenav/TESTSideNavCtrl.js"></script> -->



    <!-- Angular Material requires Angular.js Libraries -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>

    <!-- Angular Material Library -->
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0-rc7/angular-material.min.js"></script>

  </head>
  <body>

    <div layout="column" style="background: transparent" ng-controller="SideNavCtrl">

    <div layout="row" ng-controller="PromptsController as promptsVM">
      <md-button class="md-primary md-raised"  ng-click="promptsVM.getTutorial($event)" flex="100" flex-gt-md="auto">
        Test
      </md-button>
      <md-button ng-click="toggleRight()" ng-hide="isOpenRight()" class="md-primary md-raised" flex="25">
        History
      </md-button>
    </div>

    <!-- Side Navigation -->
    <md-sidenav class="md-sidenav-right md-whiteframe-z2" md-component-id="right">
      <md-toolbar class="md-theme-light">
        <h1 class="md-toolbar-tools">History</h1>
      </md-toolbar>
      <md-content ng-controller="RightCtrl" layout-padding="" style="overflow:scroll">
        <md-button class="md-primary">Save</md-button>
        <md-button class="md-primary">Log Out</md-button>
        <p>
          What is AngularJS? - Let's start this project off by understanding what AngularJS is. AngularJS is a client-side JavaScript framework for making dynamic web applications. Angular lets you use HTML as your template language and allows you to extend HTML's syntax to express your application's components clearly. Angular's two-way data binding and dependency injection eliminate much of the code you would otherwise have to write.
        </p>
        <p>We need to bring in the  Angular library so we can start using the Angular Framework.  Copy and paste this right below the meta tag.  &lt;script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js'&gt;&lt;/script&gt;</p>
      </md-content>
      <md-dialog-actions layout="row">
        <md-button ng-click="close()" class="md-primary">
          Close
        </md-button>
      </md-dialog-actions>
    </md-sidenav>


    <canvas id="canvas" width="window.innerWidth" height="window.innerHeight"></canvas>
    <!-- more material design -->
    <div layout="row" flex="50">
      <md-card flex="40" ng-controller="HtmlController as htmlVM" id="html" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title" layout-align="center center">HTML</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : htmlVM.codemirrorLoaded }" ui-codemirror-opts="htmlVM.editorOptions"></textarea>
      </md-card>
      <!-- <md-card flex="15" ng-controller="PartialController as partialVM" id="partial" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">Partial</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : partialVM.codemirrorLoaded }" ui-codemirror-opts="partialVM.editorOptions"></textarea>
      </md-card> -->
      <md-card flex="25" ng-controller="AppController as appVM" id="app" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">App</h1>
        </md-toolbar>
        <textarea ui-codemirror="{ onLoad : appVM.codemirrorLoaded }" ui-codemirror-opts="appVM.editorOptions"></textarea>
      </md-card>
      <md-card flex="35" ng-controller="ControllerController as controllerVM" id="controller" class="textEditor md-whiteframe-1dp">
        <md-toolbar class="md-primary">
          <h1 class="md-flex md-title">Controller</h1>
{'fraction_non_alphanumeric': 0.17639267627580835, 'fraction_numerical': 0.00950525905726529, 'mean_word_length': 3.7278084714548805, 'pattern_counts': {'":': 0, '<': 267, '<?xml version=': 0, '>': 267, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1584281', 'n_tokens_mistral': 4136, 'n_tokens_neox': 3975, 'n_words': 688}