mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make it possible to have a different color than the username for placeholder

This commit is contained in:
kondou 2013-09-25 12:57:41 +02:00
parent 759f732aaa
commit 24eb41548e
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
core/js/placeholder.js
View File

@ -36,10 +36,22 @@
*
* <div id="albumart" style="background-color: hsl(123, 90%, 65%); ... ">T</div>
*
* You may also call it like this, to have a different background, than the seed:
*
* $('#albumart').placeholder('The Album Title', 'Album Title');
*
* Resulting in:
*
* <div id="albumart" style="background-color: hsl(123, 90%, 65%); ... ">A</div>
*
*/
(function ($) {
$.fn.placeholder = function(seed) {
$.fn.placeholder = function(seed, text) {
if (typeof(text) === "undefined") {
text = seed;
}
var hash = md5(seed),
maxRange = parseInt('ffffffffffffffffffffffffffffffff', 16),
hue = parseInt(hash, 16) / maxRange * 256,
@ -56,7 +68,7 @@
this.css('font-size', (height * 0.55) + 'px');
if(seed !== null && seed.length) {
this.html(seed[0].toUpperCase());
this.html(text[0].toUpperCase());
}
};
}(jQuery));