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

30
core/js/placeholder.js
View File

@ -48,11 +48,22 @@
* *
*/ */
(function ($) { /*
$.fn.imageplaceholder = function(seed, text, size) { * Alternatively, you can use the prototype function to convert your string to hsl colors:
text = text || seed; *
* "a6741a86aded5611a8e46ce16f2ad646".toHsl()
*
* Will return the hsl parameters within an array:
*
* [290, 60, 68]
*
*/
var hash = seed.toLowerCase().replace(/[^0-9a-f]+/g, ''); (function ($) {
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;