<commit_before><div class="saveloaddatatable mainlp">
	<div class="settingstop">
		<div class="row settingsrightcol" style="display: table">
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
			<div class="col-sm-5" style="display: table-cell; float:none">
				<div class="row">
					<label for="SelectData">Select Data</label>
  				</div>
				<div class="row settingsspace" style="display: table"></div>
				<div class="input-group">
					<input type="text" class="form-control lpdata-input" style="border-radius:0px;background-color: #fff" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
            		<!--<span class="input-group-btn">
        				<button class="btn btn-secondary applybtn" type="button" ng-click="getValue()">Apply</button>
      				</span>-->
    			</div>
    			<span ng-hide="readValue()"> Required </span>
  			</div>
  			<div class="col-sm-1"></div>
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
			<div class="col-sm-4" style="display: table-cell; float:none">
				<div class="row">
    				<label for="SelectVehicle">Select Vehicle</label>
  				</div>
				<div class="row settingsspace" style="display: table"></div>
				<div class="row">
					<div class="dropdown">
                        <button type="button" class="btn dropdown-toggle load-widget-styles" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="createVehicleData()">
                        <span class="pull-left">Vehicles</span> <span class="caret caretstyles"></span>
                        </button>
                        <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px">
                            <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox" style="font-size:14px">
                            	<input style="margin-top: 2px;height:15px;width:15px" type="checkbox" value="" name="id" ng-model="vehicle.checked">
                            	<span>{{vehicle.value}}</span>
                            	<input type="color" ng-model="vehicle.color" class="colorpicker" style="margin-left:10px"/>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
		</div>
		<div class="row settingsbottom" style="display: table">
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10">
					<hr>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10 btndivider">
					<button type="submit" class="btn btn-primary col-sm-2 sbtns" ng-click="saveWidget(widget)">SAVE</button>
					<button type="submit" class="btn btn-primary col-sm-2 sbtns" ng-click="closeWidget(widget)">CLOSE</button>	
				</div>
			</div>	
		</div>		
	</div>
</div>

<!-- For Mobile Screens -->
<div class="container mbl-lp">
  <form>
    <label for="SelectData" class="mbl-label">Select Data</label>
    <div class="input-group mbl-input-grp">
		<input type="text" class="form-control mbl-label mbl-inputitems" style="background-color: #fff" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
        <!--<span class="input-group-btn">
            <button class="btn btn-secondary applybtn" type="button" ng-click="getValue()">Apply</button>
      	</span>-->
    </div>
    <span ng-hide="settings.data.id" class="req-label"> Required </span>
    <label for="SelectVehicle" class="mbl-label">Select Vehicle</label>
    <div class="dropdown">
        <button type="button" class="btn dropdown-toggle load-widget-styles mbl-label mbl-inputitems mbl-inneritems mbl-input-grp" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span class="pull-left drpdwn-name">Vehicles</span>
            <span class="caret pull-right drpdwn-caret"></span>
        </button>
        <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px;">
            <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox drpdown-list-item">
                <input class="drpdwn-input-item" type="checkbox" value="" name="id" ng-model="vehicle.checked">
                <span>{{vehicle.value}}</span>
                <input type="color" ng-model="vehicle.color" class="colorpicker" style="margin-left:10px"/>
            </li>
        </ul>
    </div>
    <hr class="hr-double-col1-1">
    <button type="submit" class="btn btn-primary col-sm-2 mbl-sbtns mbl-label" ng-click="saveWidget(widget)">SAVE</button>
	<button type="submit" class="btn btn-primary col-sm-2 mbl-sbtns mbl-label" ng-click="closeWidget(widget)">CLOSE</button>	
</form>
</div>

<!-- For Tablet Screens -->
<div class="saveloaddatatable tablet-lp">
    <div class="settingstablettop">
        <div class="row settingstablet-col1-3el tablestyle">
            <div class="col-sm-1 tablecellstyle1"></div>
            <div class="col-sm-10 tablecellstyle10">
                <div class="row" style="height:19px;">
                    <label for="SelectData" class="mbl-label">Select Data</label>
                </div>
                <div class="input-group">
                    <input type="text" class="form-control col1-2-data" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
                    <!--<span class="input-group-btn">
                        <button class="btn btn-secondary applybtn" type="button" ng-click="getValue()" style="">Apply</button>
                    </span>-->
                </div>
                <span ng-hide="settings.data.id" class="pull-right req-label"> Required </span>
            </div>
            <div class="col-sm-1 tablecellstyle1"></div> 
        </div>
        <div class="row settingstablet-col1-3el tablestyle">
            <div class="col-sm-1 tablecellstyle1"></div>
            <div class="col-sm-10 tablecellstyle10">
                <div class="row" style="height:16px;margin-bottom:0px">
                    <label for="SelectVehicle" class="mbl-label">Select Vehicle</label>
                </div>
                <div class="dropdown">
                    <button type="button" class="btn dropdown-toggle load-widget-styles mbl-label mbl-inputitems mbl-inneritems mbl-input-grp" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="pull-left">Vehicles</span> <span class="caret pull-right drpdwn-caret"></span>
                    </button>
                    <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px">
                        <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox drpdown-list-item">
                            <input type="checkbox" value="" name="id" ng-model="vehicle.checked" class="drpdwn-input-item">
                                <span>{{vehicle.value}}</span>
                                <input type="color" ng-model="vehicle.color" class="colorpicker"/>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-1 tablecellstyle1"></div>
        </div><commit_msg>Increase size of input box of line plot for tablet screens<commit_after><div class="saveloaddatatable mainlp">
	<div class="settingstop">
		<div class="row settingsrightcol" style="display: table">
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
			<div class="col-sm-5" style="display: table-cell; float:none">
				<div class="row">
					<label for="SelectData">Select Data</label>
  				</div>
				<div class="row settingsspace" style="display: table"></div>
				<div class="input-group">
					<input type="text" class="form-control lpdata-input" style="border-radius:0px;background-color: #fff" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
            		<!--<span class="input-group-btn">
        				<button class="btn btn-secondary applybtn" type="button" ng-click="getValue()">Apply</button>
      				</span>-->
    			</div>
    			<span ng-hide="readValue()"> Required </span>
  			</div>
  			<div class="col-sm-1"></div>
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
			<div class="col-sm-4" style="display: table-cell; float:none">
				<div class="row">
    				<label for="SelectVehicle">Select Vehicle</label>
  				</div>
				<div class="row settingsspace" style="display: table"></div>
				<div class="row">
					<div class="dropdown">
                        <button type="button" class="btn dropdown-toggle load-widget-styles" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="createVehicleData()">
                        <span class="pull-left">Vehicles</span> <span class="caret caretstyles"></span>
                        </button>
                        <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px">
                            <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox" style="font-size:14px">
                            	<input style="margin-top: 2px;height:15px;width:15px" type="checkbox" value="" name="id" ng-model="vehicle.checked">
                            	<span>{{vehicle.value}}</span>
                            	<input type="color" ng-model="vehicle.color" class="colorpicker" style="margin-left:10px"/>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
			<div class="col-sm-1" style="display: table-cell; float:none"></div>
		</div>
		<div class="row settingsbottom" style="display: table">
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10">
					<hr>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-1"></div>
				<div class="col-sm-10 btndivider">
					<button type="submit" class="btn btn-primary col-sm-2 sbtns" ng-click="saveWidget(widget)">SAVE</button>
					<button type="submit" class="btn btn-primary col-sm-2 sbtns" ng-click="closeWidget(widget)">CLOSE</button>	
				</div>
			</div>	
		</div>		
	</div>
</div>

<!-- For Mobile Screens -->
<div class="container mbl-lp">
  <form>
    <label for="SelectData" class="mbl-label">Select Data</label>
    <div class="input-group mbl-input-grp">
		<input type="text" class="form-control mbl-label mbl-inputitems" style="background-color: #fff" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
        <!--<span class="input-group-btn">
            <button class="btn btn-secondary applybtn" type="button" ng-click="getValue()">Apply</button>
      	</span>-->
    </div>
    <span ng-hide="settings.data.id" class="req-label"> Required </span>
    <label for="SelectVehicle" class="mbl-label">Select Vehicle</label>
    <div class="dropdown">
        <button type="button" class="btn dropdown-toggle load-widget-styles mbl-label mbl-inputitems mbl-inneritems mbl-input-grp" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span class="pull-left drpdwn-name">Vehicles</span>
            <span class="caret pull-right drpdwn-caret"></span>
        </button>
        <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px;">
            <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox drpdown-list-item">
                <input class="drpdwn-input-item" type="checkbox" value="" name="id" ng-model="vehicle.checked">
                <span>{{vehicle.value}}</span>
                <input type="color" ng-model="vehicle.color" class="colorpicker" style="margin-left:10px"/>
            </li>
        </ul>
    </div>
    <hr class="hr-double-col1-1">
    <button type="submit" class="btn btn-primary col-sm-2 mbl-sbtns mbl-label" ng-click="saveWidget(widget)">SAVE</button>
	<button type="submit" class="btn btn-primary col-sm-2 mbl-sbtns mbl-label" ng-click="closeWidget(widget)">CLOSE</button>	
</form>
</div>

<!-- For Tablet Screens -->
<div class="saveloaddatatable tablet-lp">
    <div class="settingstablettop">
        <div class="row settingstablet-col1-3el tablestyle">
            <div class="col-sm-1 tablecellstyle1"></div>
            <div class="col-sm-10 tablecellstyle10">
                <div class="row" style="height:19px;">
                    <label for="SelectData" class="mbl-label">Select Data</label>
                </div>
                <div class="input-group mbl-input-grp">
                    <input type="text" class="form-control mbl-label mbl-inputitems" ng-click="getTelemetrydata()" value="{{readValue()}}" placeholder="Click for data" readonly="readonly">
                    <!--<span class="input-group-btn">
                        <button class="btn btn-secondary applybtn" type="button" ng-click="getValue()" style="">Apply</button>
                    </span>-->
                </div>
                <span ng-hide="settings.data.id" class="pull-right req-label"> Required </span>
            </div>
            <div class="col-sm-1 tablecellstyle1"></div> 
        </div>
        <div class="row settingstablet-col1-3el tablestyle">
            <div class="col-sm-1 tablecellstyle1"></div>
            <div class="col-sm-10 tablecellstyle10">
                <div class="row" style="height:16px;margin-bottom:0px">
                    <label for="SelectVehicle" class="mbl-label">Select Vehicle</label>
                </div>
                <div class="dropdown">
                    <button type="button" class="btn dropdown-toggle load-widget-styles mbl-label mbl-inputitems mbl-inneritems mbl-input-grp" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="pull-left">Vehicles</span> <span class="caret pull-right drpdwn-caret"></span>
                    </button>
                    <ul class="dropdown-menu categorydrpdown" style="padding-top:0px;padding-bottom:0px">
                        <li ng-repeat="vehicle in settings.vehicles" class="checkbox cbox drpdown-list-item">
                            <input type="checkbox" value="" name="id" ng-model="vehicle.checked" class="drpdwn-input-item">
                                <span>{{vehicle.value}}</span>
                                <input type="color" ng-model="vehicle.color" class="colorpicker"/>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-1 tablecellstyle1"></div>
        </div>
{'fraction_non_alphanumeric': 0.17131203263086336, 'fraction_numerical': 0.008429639700883753, 'mean_word_length': 2.5525235450374306, 'pattern_counts': {'":': 0, '<': 343, '<?xml version=': 0, '>': 343, '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': '5920558', 'n_tokens_mistral': 4761, 'n_tokens_neox': 4402, 'n_words': 851}