JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha1.js"></script>
<script src="http://angularlight.org/bin/alight_0.8.4.min.js"></script>
<div al-app>
    <input al-value="text" type="text" /> {{text | SHA1}}
</div>

CSS

body {
    padding: 20px 15px;
}
input, textarea {
    display: block;
    font-family: Consolas, monospace;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 5px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #444;
    font-size: 12px;
    margin-bottom: 15px;
}

JavaScript

alight.filters.SHA1 = function() {
    return CryptoJS.SHA1;
};