☰

Trello - 修改背景

修改trello背景图片

当前为 2016-12-19 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Trello - change bg set cookie
// @name:zh-CN   Trello - 修改背景
// @namespace    null
// @homepageurl  null
// @version      1.1.4
// @description  修改trello背景
// @description:zh-CN 修改trello背景图片
// @author       will
// @match        http*://*trello.com/b/*
// @grant        none
// ==/UserScript==
var setCookie = function (name, value) {
    if(localStorage){
        localStorage.setItem(name, value);
    }else{
        var days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }
};
var getCookie = function(name) {
    var ret = "";
    if(localStorage){
        ret = localStorage.getItem(name);
    }else{
        var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        var arr = document.cookie.match(reg);
        if (arr) {
            ret = unescape(arr[2]);
        }
    }
    return ret;
};
var addbg = function(){
    if($("body").css("background-image") == 'none'){
        var bg = getCookie('background-image') || "http://lorempixel.com/1920/1080";
        $("body").css("background-image","url("+bg+")");
    }
};

var addbgBtn = function(){
    var flag = $('#changeBg20161216').html();
    if(!flag){
        var changeBg = $('<a class="board-header-btn board-header-btn-org-name board-header-btn-without-icon"><span class="board-header-btn-text" id="changeBg20161216">修改背景</span></a>');
        $('div.board-header').append(changeBg); // 添加按钮
        changeBg.click(function(){
            var bg = getCookie('background-image') || "http://lorempixel.com/1920/1080";
            var bg_val = prompt("请输入背景地址",bg);
            if(bg_val){
                setCookie('background-image',bg_val);
                $("body").css("background-image","url("+bg_val+")");
            }
        });
    }
};
var init = function() {
    setInterval(function(){
        addbgBtn();
        addbg();
    },1000);
};

$(function(){
    init();
});