<commit_before>{% extends "base.html" %}

{% block css %}
<link href="static/css/jquery-ui.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/css/bootstrap-select.min.css">

<script src="static/js/jquery.js"></script>
<script src="static/js/Chart.bundle.min.js"></script>
<script src="static/js/moment.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="/static/js/departments.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/i18n/defaults-*.min.js"></script> -->
<style media="screen">
  #invalidDates {
    display: inline-block;
    line-height: normal;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    visibility: hidden;
  }
</style>
{% end %}

{% block header %}
<header class="intro-header" style="background-image: url('static/img/home-bg.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="site-heading">
                    <h2>Analytics</h2>
                    <hr class="small">
                    <span id='description' class="subheading">A little knowledge is a dangerous thing.</span><br>
                </div>
            </div>
        </div>
    </div>
</header>
{% end %}


<!-- Main Content -->
{% block content %}
<div class="container-fluid">
<div class="row">
    <p style="font-size:0.75em">
      Sort the Intern Experience by Dates, Department, or School
    </p>
    
    <div id="invalidDates" class="alert alert-danger">
        Invalid Dates
    </div>

    <form name="sentMessage" id="chartForm" novalidate>
    <div class="col-lg-5">
            <div class="row">
                <label for="start-date">Start </label>
              <input id="start-date" class="datepicker" style="width: 100%" />
            </div>


            <div class="row">
                <label for="end-date">End </label>
              <input id="end-date" class="datepicker" style="width: 100%" />
            </div>
    </div>
        <div class="col-lg-5 col-lg-offset-2">

            <div class="row">
                <label for="department">Department </label>
                <select data-width="100%" id="target" class="selectpicker show-tick show-menu-arrow changed" data-live-search="true" title="Department"></select>
            </div>
              <script>
                for (var i = 0; i < departments.length; i++) {
                    $("#target").append($("<option>").text(departments[i]));
                }
            </script>
            <div class="row">
                <label for="school">School </label>
              <input id="school" style="width: 100%" />
            </div>

            <br>
            <br>
        </div>
        <div class="row">
            <div class="form-group col-xs-12">
                <button id="new-chart-button" type="button" class="btn btn-block btn-default">Generate</button><commit_msg>Fixed department feature on analytics<commit_after>{% extends "base.html" %}

{% block css %}
<link href="static/css/jquery-ui.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/css/bootstrap-select.min.css">

<script src="static/js/jquery.js"></script>
<script src="static/js/Chart.bundle.min.js"></script>
<script src="static/js/moment.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="/static/js/departments.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/i18n/defaults-*.min.js"></script> -->
<style media="screen">
  #invalidDates {
    display: inline-block;
    line-height: normal;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    visibility: hidden;
  }
</style>
{% end %}

{% block header %}
<header class="intro-header" style="background-image: url('static/img/home-bg.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="site-heading">
                    <h2>Analytics</h2>
                    <hr class="small">
                    <span id='description' class="subheading">A little knowledge is a dangerous thing.</span><br>
                </div>
            </div>
        </div>
    </div>
</header>
{% end %}


<!-- Main Content -->
{% block content %}
<div class="container-fluid">
<div class="row">
    <p style="font-size:0.75em">
      Sort the Intern Experience by Dates, Department, or School
    </p>
    
    <div id="invalidDates" class="alert alert-danger">
        Invalid Dates
    </div>

    <form name="sentMessage" id="chartForm" novalidate>
    <div class="col-lg-5">
            <div class="row">
                <label for="start-date">Start </label>
              <input id="start-date" class="datepicker" style="width: 100%" />
            </div>


            <div class="row">
                <label for="end-date">End </label>
              <input id="end-date" class="datepicker" style="width: 100%" />
            </div>
    </div>
        <div class="col-lg-5 col-lg-offset-2">

            <div class="row">
                <label for="department">Department </label>
                <select data-width="100%" id="department" class="selectpicker show-tick show-menu-arrow changed" data-live-search="true" title="Department"></select>
            </div>
              <script>
                for (var i = 0; i < departments.length; i++) {
                    $("#department").append($("<option>").text(departments[i]));
                }
            </script>
            <div class="row">
                <label for="school">School </label>
              <input id="school" style="width: 100%" />
            </div>

            <br>
            <br>
        </div>
        <div class="row">
            <div class="form-group col-xs-12">
                <button id="new-chart-button" type="button" class="btn btn-block btn-default">Generate</button>
{'fraction_non_alphanumeric': 0.1816807738814994, 'fraction_numerical': 0.013905683192261185, 'mean_word_length': 2.2936784469885514, 'pattern_counts': {'":': 0, '<': 163, '<?xml version=': 0, '>': 161, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7532090', 'n_tokens_mistral': 2142, 'n_tokens_neox': 1981, 'n_words': 399}