summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
m---------3rdparty0
-rw-r--r--core/js/visualize.js52
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