Tampermonkeyを利用してSalesforceのUIをカスタマイズする

// ==UserScript==
// @name         送信変更セット画面のカスタマイズ
// @include https://*.salesforce.com/*AddToPackageFromChangeMgmtUi*
// ==/UserScript==

// ==UserScript==
// @name         送信変更セット画面のカスタマイズ
// @include https://*.salesforce.com/*AddToPackageFromChangeMgmtUi*
// ==/UserScript==

try{
    setTimeout(main,0);
}catch(exception){
    console.log('tempermonkeyカスタムスクリプトでエラー');
}

/**
* メイン処理
*/
function main(){
    // ライブラリのロード
    loadLiblaries()
    .then(function(){
        // 各種カスタマイズスクリプトの適用
        applyScripts();

    }).catch(function(err){
        console.error(err);
    });
}

/**
 * 各種カスタマイズスクリプトの適用
 */
function applyScripts(){
    // jquery quick search適用処理
    applyJqueryQuickSearch();
    // 全選択チェックボックス処理上書き
    overwriteAllSelectCheckBox();
}

/**
* 各種ライブラリ読み込み処理
*/
function loadLiblaries(){
    // jquery読み込み用要素作成
    const JQUERY_JS = createSrcElement('js',"//code.jquery.com/jquery-2.2.4.min.js");
    // jqueryquicksearch読み込み用要素作成
    const QUICKSEARCH_JS = createSrcElement('js',"//cdnjs.cloudflare.com/ajax/libs/jquery.quicksearch/2.3.1/jquery.quicksearch.min.js");

    // jqueryロード後、他依存ライブラリのロード
    return loadSrcElement('jquery',JQUERY_JS)
    .then(function(res){
        jQuery.noConflict();

        return Promise.all([
            // jquery-quicksearchライブラリ追加
            loadSrcElement('QUICKSEARCH_JS',QUICKSEARCH_JS)
            // ※追加する場合この下に
        ]);
    })
}

/**
* ライブラリ要素作成
*/
function createSrcElement(strType,url){
    let element;
    if(strType == 'js'){
        element = document.createElement("script");
        element.src = url;

    }else if(strType == 'css'){
        element = document.createElement("link");
        element.rel = "stylesheet";
        element.href = url;
    }
    return element;
}

/**
* ライブラリを非同期で読み込む
*/
function loadSrcElement(srcName,src) {
    return new Promise(function(resolve, reject) {
        // 要素追加
        document.body.appendChild(src);
        // ロード後の処理
        src.onload = function (event) {
            resolve(srcName + ' の読み込み成功');
        }
        // エラー時の処理
        src.onerror = function (event) {
            reject(srcName + ' の読み込み失敗');
        }
    });
}

/**
 * jQuery quick search適用処理
 */
 function applyJqueryQuickSearch(){
    //テーブルを検索して検索欄を挿入
    const tableSelector = 'table.list:visible'; // テーブルセレクタ
    const rowsSelector = 'tbody tr:not(.headerRow)'; // フィルタ対象セレクタ
    const searchEleStr = '<div class="jqs-div"><input type="search" class="jqueryQuickSearch"></div>'; // 検索欄作成用文字列

    // jQueryuQuickSearch適用
    const $table = jQuery(tableSelector);
    $table.addClass('jqueryQuickSearch'); // 他のテーブルと区別するためクラス追加
    $table.before(searchEleStr); // テーブル要素の直前に検索欄追加

    // jqueryquicksearch適用
    jQuery('input.jqueryQuickSearch').quicksearch('table.jqueryQuickSearch tbody tr:not(.headerRow)', {
        'delay':300
        ,'stripeRows':['odd','even']
        ,'loader':'span.loading'
        ,'noResults':'tr#noresults'
        ,'bind':'keyup click change'
    });
}

/**
 * 全チェックオン/全チェックオフの処理を「非表示のチェックリストは処理対象外とする」ように上書きする
 */
function overwriteAllSelectCheckBox(){
    // チェックボックス全チェックの処理が存在するかチェックし、あれば上書き
    if(typeof SelectAllOrNoneByCheckbox == "function"){
        SelectAllOrNoneByCheckbox = function(){
            const thisEle = event.target;
            const isChecked = jQuery(thisEle).prop('checked');
            jQuery(thisEle).closest('table').find('td.actionColumn input[type="checkbox"]:visible').prop('checked',isChecked);
        }
    }
}