SMS Min
by Paulo Ávila
HTML
<div ng-app>
<textarea ng-model="inputTxt" ng-trim="false" placeholder="Write an SMS/text message here..."></textarea>
<input type="range" step="10" ng-model="intensity">
<textarea ng-trim="false">{{inputTxt}}</textarea>
<ul id="results">
<li>Went from {{inputTxt.length}} to <span>{{inputTxt.length}}</span> (<span>{{sm.output-txt.length}}</span>) characters</li>
<li>Reduced by <span>#</span>%</li>
</ul>
<!-- <span ng-bind="projects.length || '?'">?</span> -->
</div>
JavaScript
var input = document.getElementById('input'),
output = document.getElementById('output'),
amount = document.getElementById('amount');
//amount.addEventListener('onchange', function () {
amount.onchange = function () {
console.log(this);
}
//});
function parseInput() {
}
angular.module('sm.filter').
/**
* Formats an input number of seconds into 'H:mm:ss'
*/
filter('sec2time', function () {
return function (rawSeconds) {
var extractedHrs = ((rawSeconds / 3600) % 24) | 0,
extractedMin = ((rawSeconds / 60) % 60) | 0,
extractedSec = (rawSeconds % 60) | 0;
return ((extractedHrs === 0 ? '' : (extractedHrs + ':')) + extractedMin + ':' + (extractedSec <= 9 ? '0' : '') + extractedSec);
};
})
angular.module('sms.min',[]).filter('smsMin', function () {
}
// http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
///////////////////////////////////////////////////////
// https://github.com/angular-ui/ui-utils/blob/master/modules/highlight/highlight.js
/**
* Wraps the
* @param text {string} haystack to search through
* @param search {string} needle to search for
* @param [caseSensitive] {boolean} optional boolean to use case-sensitive searching
*/
angular.module('ui.highlight',[]).filter('highlight', function () {
return function (text, search, caseSensitive) {
if (search || angular.isNumber(search)) {
text = text.toString();
search = search.toString();
if (caseSensitive) {
return text.split(search).join('<span class="ui-match">' + search + '</span>');
} else {
return text.replace(new RegExp(search, 'gi'), '<span class="ui-match">$&</span>');
}
} else {
return text;
}
};
});