<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">
    <link href="bower_components/angular/angular-csp.css" rel="stylesheet">
    <link rel="stylesheet" href="bower_components/angular-bootstrap-colorpicker/css/colorpicker.min.css" />

    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <script src="bower_components/angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module.min.js"></script>
    <script src="scripts/popup.js"></script>
    <script src="scripts/background.js"></script>
    <script src="scripts/app_factory.js"></script>
    <script src="scripts/app.js"></script>
</head>

<body ng-app="themerApp">
    <div class="main" ng-controller="EditController">
        <div class="pure-menu pure-menu-horizontal">
            <ul class="pure-menu-list">
                <li class="pure-menu-item">
                    <a class="pure-menu-link" ng-click="showTab = 'Edit'" href="#">Edits</a>
                </li>
                <li class="pure-menu-item">
                    <a class="pure-menu-link" ng-click="showTab = 'Filters'" href="#">Filters</a>
                </li>
            </ul>
        </div>
        <div id="clouds">
            <h1>Chrome Web Themer</h1>
            <div class="cloud x1"></div>
            <!-- Time for multiple clouds to dance around -->
            <div class="cloud x2"></div>
            <div class="pure-g">
                <div class="row" ng-show="showTab == 'Edit'" ng-cloak>
                    <div class="card">
                        <div class="main" id="content-1">
                            <h1 class="panel-title">Edits</h1>
                            <div edit-button-directive></div>
                            <p ng-model="errMessage"></p>
                        </div>
                    </div>
                    <a class="show-filter" ng-click="toggleTextReplace = !toggleTextReplace" href="#">Replace Text</a>
                    <form class="pure-form pure-form-aligned" ng-show="toggleTextReplace" ng-cloak>
                        <div class="pure-control-group">
                            <label class="normal" for="find-text">Find:</label>
                            <input class="txt-replace-input" id="find-text" type="text" ng-model="txtFind" ng-change="saveFindTextValue()">
                        </div>
                        <div class="pure-control-group">
                            <label class="normal" for="replace-text">Replace:</label>
                            <input class="txt-replace-input" id="replace-text" type="text" ng-model="txtReplace">
                        </div>
                        <button type="submit" ng-click="textReplace()" class="pure-button pure-button-primary">Replace</button>
                    </form>
                    <a class="show-filter" ng-click="changeBackgroundColor()">Change Background Color</a>
                    <input colorpicker type="text" ng-model="color" /><commit_msg>added ng change directive to colorpicker<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">
    <link href="bower_components/angular/angular-csp.css" rel="stylesheet">
    <link rel="stylesheet" href="bower_components/angular-bootstrap-colorpicker/css/colorpicker.min.css" />

    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <script src="bower_components/angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module.min.js"></script>
    <script src="scripts/popup.js"></script>
    <script src="scripts/background.js"></script>
    <script src="scripts/app_factory.js"></script>
    <script src="scripts/app.js"></script>
</head>

<body ng-app="themerApp">
    <div class="main" ng-controller="EditController">
        <div class="pure-menu pure-menu-horizontal">
            <ul class="pure-menu-list">
                <li class="pure-menu-item">
                    <a class="pure-menu-link" ng-click="showTab = 'Edit'" href="#">Edits</a>
                </li>
                <li class="pure-menu-item">
                    <a class="pure-menu-link" ng-click="showTab = 'Filters'" href="#">Filters</a>
                </li>
            </ul>
        </div>
        <div id="clouds">
            <h1>Chrome Web Themer</h1>
            <div class="cloud x1"></div>
            <!-- Time for multiple clouds to dance around -->
            <div class="cloud x2"></div>
            <div class="pure-g">
                <div class="row" ng-show="showTab == 'Edit'" ng-cloak>
                    <div class="card">
                        <div class="main" id="content-1">
                            <h1 class="panel-title">Edits</h1>
                            <div edit-button-directive></div>
                            <p ng-model="errMessage"></p>
                        </div>
                    </div>
                    <a class="show-filter" ng-click="toggleTextReplace = !toggleTextReplace" href="#">Replace Text</a>
                    <form class="pure-form pure-form-aligned" ng-show="toggleTextReplace" ng-cloak>
                        <div class="pure-control-group">
                            <label class="normal" for="find-text">Find:</label>
                            <input class="txt-replace-input" id="find-text" type="text" ng-model="txtFind" ng-change="saveFindTextValue()">
                        </div>
                        <div class="pure-control-group">
                            <label class="normal" for="replace-text">Replace:</label>
                            <input class="txt-replace-input" id="replace-text" type="text" ng-model="txtReplace">
                        </div>
                        <button type="submit" ng-click="textReplace()" class="pure-button pure-button-primary">Replace</button>
                    </form>
                    <label>Change Background Color</label>
                    <input class="small-button pure-button" colorpicker type="text" ng-model="color" ng-change="changeBackgroundColor()" />
{'fraction_non_alphanumeric': 0.16307135314527077, 'fraction_numerical': 0.0033187509428269724, 'mean_word_length': 2.0136363636363637, 'pattern_counts': {'":': 0, '<': 159, '<?xml version=': 0, '>': 159, 'https://': 2, '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': '5849838', 'n_tokens_mistral': 1920, 'n_tokens_neox': 1833, 'n_words': 308}