Sort confluence "My Spaces" alphabetically

Alphabetically Sort confluence "My Spaces"

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Sort confluence "My Spaces" alphabetically
// @namespace    http://tampermonkey.net/
// @version      1.01
// @description  Alphabetically Sort confluence "My Spaces"
// @author       You
// @match        https://*/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @require      https://code.jquery.com/jquery-3.6.3.min.js
// @license      MIT
// ==/UserScript==

/* global jQuery */

function capitalizeFirstLetter(val) {
    return val.charAt(0).toUpperCase() + val.toLowerCase().slice(1);
}

jQuery(function(){
    'use strict';

    setTimeout(() => {
        let mySpaces = {};
        let list = jQuery('#sidebar-spaces').find('ul:first');

        list.find('li').each(function(){
            let val = jQuery(this).html();
            let name = capitalizeFirstLetter(jQuery(this).find('.aui-nav-item-label').html());
            mySpaces[name] = val;
        });

        const mySpacesOrdered = Object.keys(mySpaces).sort().reduce(
            (obj, key) => {
                obj[key] = mySpaces[key];
                return obj;
            },
            {}
        );

        list.html('');
        for (const [name, value] of Object.entries(mySpacesOrdered)) {
            jQuery('<li class="item" />').append(value).appendTo(list);
        }
    }, "500");

});