<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>revillweb-elements</title>
    <link rel="stylesheet" href="style.css">
    <link rel="import" href="components/rw-button.comp.html">
</head>
<body>
<h1>Live Demo</h1>
<p class="description">Alter the options to update the button configuration live.</p>

<label for="type">Type:</label>
<select name="type" id="type" onchange="changeSelect('type')">
    <option value="">Default</option>
    <option value="primary">Primary</option>
    <option value="success">Success</option>
    <option value="warning">Warning</option>
    <option value="danger">Danger</option>
</select>
<label for="size">Size:</label>
<select name="size" id="size" onchange="changeSelect('size')">
    <option value="">Standard</option>
    <option value="small">Small</option>
    <option value="large">Large</option>
</select>

<label for="border">Bordered:</label><input type="checkbox" name="bordered" id="border" onchange="toggleCheckbox('border')"/>
<label for="disabled">Disabled:</label><input type="checkbox" name="disabled" id="disabled" onchange="toggleCheckbox('disabled')"/>
<label for="loading">Loading:</label><input type="checkbox" name="loading" id="loading" onchange="toggleCheckbox('loading')"/>

<div class="frame">
    <rw-button id="live-button">Default</rw-button>
</div>


<script>
    var $button = document.getElementById("live-button");
    function changeSelect(elementId) {
        var element = document.getElementById(elementId);
        var selectedValue = element.options[element.selectedIndex].value;
        $button.setAttribute(elementId, selectedValue);
    }
    function toggleCheckbox(elementId) {
        var element = document.getElementById(elementId);
        $button.setAttribute(elementId, element.checked);
    }
</script>

</body>
</html><commit_msg>Updates to live button page<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>revillweb-elements</title>
    <link rel="stylesheet" href="style.css">
    <link rel="import" href="components/rw-button.comp.html">
    <style type="text/css">
        .container {
            width: 500px;
            margin: auto;
        }
        .container .description {
            margin-bottom: 20px;
        }
        .frame {
            text-align: center;
            padding: 100px;
        }
    </style>
</head>
<body>
<div class="container">
    <h1>Live Demo</h1>
    <p class="description">Alter the options to update the button configuration live.</p>

    <label for="type">Type:</label>
    <select name="type" id="type" onchange="changeSelect('type')">
        <option value="">Default</option>
        <option value="primary">Primary</option>
        <option value="success">Success</option>
        <option value="warning">Warning</option>
        <option value="danger">Danger</option>
    </select>
    <label for="size">Size:</label>
    <select name="size" id="size" onchange="changeSelect('size')">
        <option value="">Standard</option>
        <option value="small">Small</option>
        <option value="large">Large</option>
    </select>

    <label for="border">Bordered:</label><input type="checkbox" name="bordered" id="border" onchange="toggleCheckbox('border')"/>
    <label for="disabled">Disabled:</label><input type="checkbox" name="disabled" id="disabled" onchange="toggleCheckbox('disabled')"/>
    <label for="loading">Loading:</label><input type="checkbox" name="loading" id="loading" onchange="toggleCheckbox('loading')"/>

    <div class="frame">
        <rw-button id="live-button">Default</rw-button>
    </div>
</div>

<script>
    var $button = document.getElementById("live-button");
    function changeSelect(elementId) {
        var element = document.getElementById(elementId);
        var selectedValue = element.options[element.selectedIndex].value;
        $button.setAttribute(elementId, selectedValue);
    }
    function toggleCheckbox(elementId) {
        var element = document.getElementById(elementId);
        $button.setAttribute(elementId, element.checked);
    }
</script>

</body>
</html>
{'fraction_non_alphanumeric': 0.17526518804243008, 'fraction_numerical': 0.0033751205400192863, 'mean_word_length': 4.192740926157697, 'pattern_counts': {'":': 0, '<': 117, '<?xml version=': 0, '>': 117, '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': '6670760', 'n_tokens_mistral': 1220, 'n_tokens_neox': 1199, 'n_words': 233}