<commit_before><!--
 *******************************************************************************
 * Copyright 2017 Cognizant Technology Solutions
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License.  You may obtain a copy
 * of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the
 * License for the specific language governing permissions and limitations under
 * the License.
 ******************************************************************************
 -->
<div layout="column" class="layout" style="width: 100%;" >
  <div ng-controller="FileUploadController" style="min-height:450px">
    <div  style="width:100%;background-color:#f3f3f3;margin-top:10px;border-bottom:1px solid #d8d9da">
      <div class="contentCss fnt" style="padding:15px">
        <div layout flex="100">
          <div style="padding-right:20px;font-size:16px;padding-top:50px;font-weight:bold;width:15%">Select a File to Upload:</div>
          <div class="drop" id="dropbox">
            <div class="cont">
              <md-icon  ng-style="{height: '40px', width: '40px'}" 
                        md-svg-src="dist/icons/svg/dataTagging/upload.svg"></md-icon>
              <div class="titl" >
           {{dropText}}
          </div>
              <div class="desc">
            OR
          </div>
              <div class="">
                <label id="#bb" style="cursor:pointer"> Click here to browse csv files
            
                  <input type="file" name="file" accept=".csv" id="fileInp"  ng-model-instant id="fileToUpload" multiple onchange="angular.element(this).scope().setFiles(this)" style="display:none" />
                </label>
              </div>
            </div>
          </div>

        </div>
        <div ng-show="showUploadingThrobber" style="margin-left:15%;margin-top:5px">
          <span ng-if="showUploadingThrobber" style = "vertical-align: super;">
            <md-progress-circular  md-diameter="30" md-mode="indeterminate"></md-progress-circular>
          </span>
        </div>
        <div ng-show="isTypeError" style="color:red;margin-left:15%;margin-top:5px">Invalid file selected, please upload only csv files</div>
        <div ng-show="files.length" style="margin-left:15%;margin-top:5px">
          <div ng-repeat="file in files.slice(0)" style="margin-left:8px">
            <span>{{file.webkitRelativePath || file.name}}</span>
            (
            <span ng-switch="file.size > 1024*1024">
              <span ng-switch-when="true">{{file.size / 1024 / 1024 | number:2}} MB</span>
              <span ng-switch-default>{{file.size / 1024 | number:2}} kB</span>
            </span>)
        
          </div>
          <md-button style="max-height:40px;margin-top:0px" ng-click="previewData()" class="md-raised md-primary configureBut md-button md-ink-ripple">
                    Preview File
        </md-button>
          <div ng-show="progressVisible">
            <div class="percent">{{progress}}%</div>
            <div class="progress-bar">
              <div class="uploaded" ng-style="{'width': progress+'%'}"></div>
            </div>
          </div>
        </div>
        <div></div>
      </div>
    </div>
    <div style="padding-top:10px;margin:auto;width:90%">
      <table class="md-api-table-landing" style="border: 1px solid #a5d28b;width:100%" ng-if="lines.length > 0">
        <thead class="theadCss">
          <tr layout="row"  layout-align="start center" class="layout-align-start-center layout-row">
            <th  style="width:100px;word-wrap:break-word" class="tableHeader" ng-repeat = "tabheaders in headers">{{tabheaders}}</th>
          </tr>
        </thead>
        <tr ng-repeat = "tabData in lines" class="layout-align layout-row">
          <td style="width:100px;word-wrap:break-word" ng-repeat="tabhd in headers">{{ tabData[tabhd] }}</td>
        </tr>
      </table><commit_msg>datatagging<commit_after><!--
 *******************************************************************************
 * Copyright 2017 Cognizant Technology Solutions
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License.  You may obtain a copy
 * of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the
 * License for the specific language governing permissions and limitations under
 * the License.
 ******************************************************************************
 -->
<div layout="column" class="layout" style="width: 100%;" >
  <div ng-controller="FileUploadController" style="min-height:450px">
    <div  style="width:100%;background-color:#f3f3f3;margin-top:10px;border-bottom:1px solid #d8d9da">
      <div class="contentCss fnt" style="padding:15px">
        <div layout flex="100">
          <div style="padding-right:20px;font-size:16px;padding-top:50px;font-weight:bold;width:15%">Select a File to Upload:</div>
          <div class="drop" id="dropbox">
            <div class="cont">
              <md-icon  ng-style="{height: '40px', width: '40px'}" 
                        md-svg-src="dist/icons/svg/dataTagging/upload.svg"></md-icon>
              <div class="titl" >
           {{dropText}}
          </div>
              <div class="desc">
            OR
          </div>
              <div class="">
                <label id="#bb" style="cursor:pointer"> Click here to browse csv files
            
                  <input type="file" name="file" accept=".csv" id="fileInp"  ng-model-instant id="fileToUpload" multiple onchange="angular.element(this).scope().setFiles(this)" style="display:none" />
                </label>
              </div>
            </div>
          </div>

        </div>
        <div ng-show="showUploadingThrobber" style="margin-left:15%;margin-top:5px">
          <span ng-if="showUploadingThrobber" style = "vertical-align: super;">
            <md-progress-circular  md-diameter="30" md-mode="indeterminate"></md-progress-circular>
          </span>
        </div>
        <div ng-show="isTypeError" style="color:red;margin-left:15%;margin-top:5px">Invalid file selected, please upload only csv files</div>
        <div ng-show="files.length" style="margin-left:15%;margin-top:5px">
          <div ng-repeat="file in files.slice(0)" style="margin-left:8px">
            <span>{{file.webkitRelativePath || file.name}}</span>
            (
            <span ng-switch="file.size > 1024*1024">
              <span ng-switch-when="true">{{file.size / 1024 / 1024 | number:2}} MB</span>
              <span ng-switch-default>{{file.size / 1024 | number:2}} kB</span>
            </span>)
        
          </div>
          <md-button style="max-height:40px;margin-top:0px" ng-click="previewData()" class="md-raised md-primary configureBut md-button md-ink-ripple">
                    Preview File
        </md-button>
          <div ng-show="progressVisible">
            <div class="percent">{{progress}}%</div>
            <div class="progress-bar">
              <div class="uploaded" ng-style="{'width': progress+'%'}"></div>
            </div>
          </div>
        </div>
        <div></div>
      </div>
    </div>
    <div style="padding-top:10px;margin:auto;width:90%">
      <table class="md-api-table-landing" style="border: 1px solid #a5d28b;width:100%" ng-if="lines.length > 0">
        <thead class="theadCss">
          <tr layout="row"  layout-align="start center" class="layout-align-start-center layout-row">
            <th  style="width:8%px;word-wrap:break-word" class="tableHeader" ng-repeat = "tabheaders in headers">{{tabheaders}}</th>
          </tr>
        </thead>
        <tr ng-repeat = "tabData in lines" class="layout-align layout-row">
          <td style="width:100px;word-wrap:break-word" ng-repeat="tabhd in headers">{{ tabData[tabhd] }}</td>
        </tr>
      </table>
{'fraction_non_alphanumeric': 0.19060674693050422, 'fraction_numerical': 0.023125521516271307, 'mean_word_length': 2.6430742509769867, 'pattern_counts': {'":': 0, '<': 145, '<?xml version=': 0, '>': 149, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '5529323', 'n_tokens_mistral': 2618, 'n_tokens_neox': 2424, 'n_words': 545}