diff options
m--------- | 3rdparty | 0 | ||||
-rw-r--r-- | core/js/visualize.js | 52 |
2 files changed, 52 insertions, 0 deletions
diff --git a/3rdparty b/3rdparty -Subproject 03c3817ff132653c794fd04410977952f69fd61 +Subproject c48a48cd2cfbdbba8487d6aedcc14c123db47ba diff --git a/core/js/visualize.js b/core/js/visualize.js new file mode 100644 index 00000000000..d6891085ce2 --- /dev/null +++ b/core/js/visualize.js @@ -0,0 +1,52 @@ +/** + * ownCloud + * + * @author Morris Jobke + * @copyright 2013 Morris Jobke <morris.jobke@gmail.com> + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE + * License as published by the Free Software Foundation; either + * version 3 of the License, or any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU AFFERO GENERAL PUBLIC LICENSE for more details. + * + * You should have received a copy of the GNU Affero General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + * + */ + +/* + * Adds a background color to the element called on and adds the first charater + * of the passed in string. This string is also the seed for the generation of + * the background color. + * + * You have following HTML: + * + * <div id="albumart"></div> + * + * And call this from Javascript: + * + * $('#albumart').visualize('The Album Title'); + * + * Which will result in: + * + * <div id="albumart" style="background-color: rgb(123, 123, 123)">T</div> + * + */ + +(function ($) { + $.fn.visualize = function(seed) { + var hash = md5(seed), + maxRange = parseInt('ffffffffff', 16), + red = parseInt(hash.substr(0,10), 16) / maxRange * 256, + green = parseInt(hash.substr(10,10), 16) / maxRange * 256, + blue = parseInt(hash.substr(20,10), 16) / maxRange * 256; + rgb = [Math.floor(red), Math.floor(green), Math.floor(blue)]; + this.css('background-color', 'rgb(' + rgb.join(',') + ')'); + this.html(seed[0].toUpperCase()); + }; +}(jQuery));
\ No newline at end of file |