<commit_before><div class="row-fluid">
    <div class="span3 offset1">
        <h5>Upload for project: {{project}}</h5>
    </div>
</div>

<div class="row-fluid">
    <div class="arrow_box_right span4 offset1"><h5>Inputs</h5></div>
    <div class="exampleborderradius span2"><h5>{{ process }}</h5></div>
    <div class="arrow_box_right span4"><h5>Outputs</h5></div>
</div>

<br>

<div class="row-fluid">
    <div class="span4 offset1">
        <table class="table table-striped mc-table-hover table-condensed mc-table">
            <thead>
            <tr>
                <th>Type</th>
                <th>Item</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entry in files">
                <td>{{ entry.file.name }}</td>
                <td>{{ entry.datagroup }}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="span2 text-center">
        <label>Required Conditions</label>
        <ul>
            <li ng-repeat="condition in required_conditions">{{ condition }}</li>
        </ul>
    </div>
    <div class="span4">
        <table class="table table-striped mc-table-hover table-condensed mc-table">
            <thead>
            <tr>
                <th>Type</th>
                <th>Item</th>
                <th>Datagroup</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entry in files">
                <td>{{ entry.type }}</td>
                <td>{{ entry.file.name }}</td>
                <td>{{ entry.datagroup }}</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<br>

<div class="row-fluid">
    <div class="span9 offset1">
        <div class="row-fluid">
            <h5>First choose the project your are uploading to.</h5>
            <h6>Show Panel:<input type="checkbox" ng-model="show_project_panel"></h6>
        </div>
        <div class="row-fluid" ng-show="show_project_panel">
            <div class="span6 well">
                <h4>Projects</h4>

                <form>
                    <select class="span4" ng-model="selected_project"
                            ui-select2="{placeholder: 'Select project', allowClear: true, width:'element'}"
                            ng-multiple="false">
                        <option></option>
                        <option ng-repeat="project in projects">{{ project.name }}</option>
                    </select>
                </form>
                <button ng-click="useProject()">Use Project</button>
            </div>
            <div class="span6 well">
                Project details here.
            </div>
        </div>
    </div>
    <div class="row-fluid" ng-show="!show_project_panel">
        <div class="span9 offset1 well">Project Panel</div>
    </div>
</div>

<div class="row-fluid" ng-show="process_panel_active">
    <div class="span9 offset1">
        <div class="row-fluid">
            <h5>Next choose a process that describes how your files and other inputs were created.</h5>
            <h6>Show Panel:<input type="checkbox" ng-model="show_process_panel"></h6>
        </div>
        <div class="row-fluid" ng-show="show_process_panel">
            <div class="span6 well">
                <h4>Process</h4>

                <form>
                    <select ng-model="selected_process"
                            ui-select2="{placeholder: 'Select process', allowClear: true, width:'element'}"
                            ng-multiple="false"><commit_msg>ISSUE#98 Move choosing project to the top.<commit_after><div class="row-fluid">
    <div class="span9 offset1">
        <div class="row-fluid">
            <h5>First choose the project your are uploading to.</h5>
            <h6>Show Panel:<input type="checkbox" ng-model="show_project_panel"></h6>
        </div>
        <div class="row-fluid" ng-show="show_project_panel">
            <div class="span6 well">
                <h4>Projects</h4>

                <form>
                    <select class="span4" ng-model="selected_project"
                            ui-select2="{placeholder: 'Select project', allowClear: true, width:'element'}"
                            ng-multiple="false">
                        <option></option>
                        <option ng-repeat="project in projects">{{ project.name }}</option>
                    </select>
                </form>
                <button ng-click="useProject()">Use Project</button>
            </div>
            <div class="span6 well">
                Project details here.
            </div>
        </div>
    </div>
    <div class="row-fluid" ng-show="!show_project_panel">
        <div class="span9 offset1 well">Project Panel</div>
    </div>
</div>

<div class="row-fluid">
    <div class="span3 offset1">
        <h5>Upload for project: {{project}}</h5>
    </div>
</div>

<div class="row-fluid">
    <div class="arrow_box_right span4 offset1"><h5>Inputs</h5></div>
    <div class="exampleborderradius span2"><h5>{{ process }}</h5></div>
    <div class="arrow_box_right span4"><h5>Outputs</h5></div>
</div>

<br>

<div class="row-fluid">
    <div class="span4 offset1">
        <table class="table table-striped mc-table-hover table-condensed mc-table">
            <thead>
            <tr>
                <th>Type</th>
                <th>Item</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entry in files">
                <td>{{ entry.file.name }}</td>
                <td>{{ entry.datagroup }}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="span2 text-center">
        <label>Required Conditions</label>
        <ul>
            <li ng-repeat="condition in required_conditions">{{ condition }}</li>
        </ul>
    </div>
    <div class="span4">
        <table class="table table-striped mc-table-hover table-condensed mc-table">
            <thead>
            <tr>
                <th>Type</th>
                <th>Item</th>
                <th>Datagroup</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entry in files">
                <td>{{ entry.type }}</td>
                <td>{{ entry.file.name }}</td>
                <td>{{ entry.datagroup }}</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<br>

<div class="row-fluid" ng-show="process_panel_active">
    <div class="span9 offset1">
        <div class="row-fluid">
            <h5>Next choose a process that describes how your files and other inputs were created.</h5>
            <h6>Show Panel:<input type="checkbox" ng-model="show_process_panel"></h6>
        </div>
        <div class="row-fluid" ng-show="show_process_panel">
            <div class="span6 well">
                <h4>Process</h4>

                <form>
                    <select ng-model="selected_process"
                            ui-select2="{placeholder: 'Select process', allowClear: true, width:'element'}"
                            ng-multiple="false">
{'fraction_non_alphanumeric': 0.15772334701968002, 'fraction_numerical': 0.01217612912360187, 'mean_word_length': 1.645692883895131, 'pattern_counts': {'":': 0, '<': 251, '<?xml version=': 0, '>': 251, 'https://': 0, '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': '1075251', 'n_tokens_mistral': 2167, 'n_tokens_neox': 2060, 'n_words': 449}