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

Merge pull request #23768 from owncloud/skjnldsv-color-generator-edit 

Updated color generator
This commit is contained in:
John Molakvoæ 2016-04-07 05:03:38 +02:00
parent 9b930cd01d 28571e6361
commit fade4796e7
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
core/js/placeholder.js
View File

@ -47,12 +47,23 @@
* <div id="albumart" style="background-color: hsl(123, 90%, 65%); ... ">A</div> * <div id="albumart" style="background-color: hsl(123, 90%, 65%); ... ">A</div>
* *
*/ */
/*
* Alternatively, you can use the prototype function to convert your string to hsl colors:
*
* "a6741a86aded5611a8e46ce16f2ad646".toHsl()
*
* Will return the hsl parameters within an array:
*
* [290, 60, 68]
*
*/
(function ($) { (function ($) {
$.fn.imageplaceholder = function(seed, text, size) {
text = text || seed;
var hash = seed.toLowerCase().replace(/[^0-9a-f]+/g, ''); String.prototype.toHsl = function() {
var hash = this.toLowerCase().replace(/[^0-9a-f]+/g, '');
// Already a md5 hash? // Already a md5 hash?
if( !hash.match(/^[0-9a-f]{32}$/g) ) { if( !hash.match(/^[0-9a-f]{32}$/g) ) {
@ -103,8 +114,15 @@
if (bright >= 200) { if (bright >= 200) {
sat = 60; sat = 60;
} }
var hue = parseInt(hsl[0] * 360); return [parseInt(hsl[0] * 360), sat, lum];
this.css('background-color', 'hsl('+hue+', '+sat+'%, '+lum+'%)'); };
$.fn.imageplaceholder = function(seed, text, size) {
text = text || seed;
// Compute the hash
var hsl = seed.toHsl();
this.css('background-color', 'hsl('+hsl[0]+', '+hsl[1]+'%, '+hsl[2]+'%)');
// Placeholders are square // Placeholders are square
var height = this.height() || size || 32; var height = this.height() || size || 32;