thedesk/app/js/userdata/showOnTL.js

//ユーザーデータ表示
localStorage.removeItem('history')
    //コード受信
if (location.search) {
    var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/)
    var mode = m[1]
    var codex = m[2]
    if (mode == 'user') {
        udgEx(codex, 'main')
    }
}

async function udgEx(user, acct_id) {
    if (user == 'selector') {
        user = $('#his-acct').attr('fullname')
    }
    if (acct_id == 'selector') {
        acct_id = $('#user-acct-sel').val()
    }
    if (acct_id == 'main') {
        acct_id = localStorage.getItem('main')
    }
    console.log('Get user data of ' + user)
    var domain = localStorage.getItem('domain_' + acct_id)
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        return false
    }
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var data = await acctResolve(acct_id, user)
    if (data.id) {
        var { id } = data
        udg(id, acct_id, true)
    } else {
        Swal.close()
        postMessage(['openUrl', user], '*')
    }

    return true
    var start = 'https://' + domain + '/api/v2/search?resolve=true&q=' + encodeURIComponent(user)
    Swal.fire({
        title: 'Loading...',
        html: lang.lang_details_fetch,
        showConfirmButton: false,
        showCloseButton: true,
        onBeforeOpen: () => {
            Swal.showLoading()
        },
        onClose: () => {},
    }).then((result) => {})
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (!response.ok) {
                Swal.close()
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            if (json.accounts[0]) {
                var id = json.accounts[0].id
                udg(id, acct_id, true)
            } else {
                Swal.close()
                postMessage(['openUrl', user], '*')
            }
        })
    return true
}

function udg(user, acct_id, isSwal) {
    reset()
    if (!user) {
        user = localStorage.getItem('user-id_' + acct_id)
    }
    todo('User Data Loading...')
    var domain = localStorage.getItem('domain_' + acct_id)
    if (localStorage.getItem('mode_' + domain) == 'misskey') {
        misskeyUdg(user, acct_id)
        return
    }
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var start = 'https://' + domain + '/api/v1/accounts/' + user
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (isSwal) Swal.close()
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            //一つ前のユーザーデータ
            if (!localStorage.getItem('history')) {
                $('#his-history-btn').prop('disabled', true)
            } else {
                $('#his-history-btn').prop('disabled', false)
                $('#his-data').attr('history', localStorage.getItem('history'))
            }
            //moved設定時
            if (json.moved) {
                M.toast({
                    html: lang.lang_showontl_movetxt + '<button class="btn-flat toast-action" onclick="udg(\'' + json.moved.id + "','" + acct_id + '\')">' + lang.lang_showontl_movebtn + '</button>',
                    displayLength: 4000,
                })
            }
            $('#his-data').modal('open')
            $('#his-data').attr('user-id', user)
            $('#his-data').attr('use-acct', acct_id)
            if (json.username != json.acct) {
                //Remote
                $('#his-data').attr('remote', 'true')
                var fullname = json.acct
            } else {
                $('#his-data').attr('remote', 'false')
                var fullname = json.acct + '@' + domain
            }
            utlShow(json.id, '', acct_id)
            flw(json.id, '', acct_id)
            fer(json.id, '', acct_id)
            var dis_name = escapeHTML(json.display_name)
            dis_name = twemoji.parse(dis_name)

            var note = json.note
            if (json.emojis) {
                var actemojick = json.emojis[0]
            } else {
                var actemojick = false
            }
            //絵文字があれば
            if (actemojick) {
                Object.keys(json.emojis).forEach(function(key5) {
                    var emoji = json.emojis[key5]
                    var shortcode = emoji.shortcode
                    var emoji_url = '<img src="' + emoji.url + '" class="emoji-img" data-emoji="' + shortcode + '" draggable="false">'
                    var regExp = new RegExp(':' + shortcode + ':', 'g')
                    dis_name = dis_name.replace(regExp, emoji_url)
                    note = note.replace(regExp, emoji_url)
                })
            }
            //noteの解析
            //var tags =  '<a onclick="tl(\'tag\',\'$1\',' + acct_id +',\'add\')" class="pointer parsed">#$1</a>';
            //var mens =  '<a onclick="udgEx(\'$1\',' + acct_id +')" class="pointer parsed">@$1</a>';
            //note=note.replace(/#(\S+)/gi, tags)
            //note=note.replace(/\s@([a-zA-Z_0-9@.-]+)/gi, mens)
            $('#his-name').html(dis_name)
            $('#his-acct').text(json.acct)
            $('#his-acct').attr('fullname', fullname)
            $('#his-prof').attr('src', json.avatar)
            $('#util-add').removeClass('hide')
            const title = $('.column-first').html()
            $('#my-data-nav .anc-link').removeClass('active-back')
            $('.column-first').addClass('active-back')
            $('#his-data-title').html(title)
            $('#his-data').css('background-image', 'url(' + json.header + ')')
            $('#his-sta').text(json.statuses_count)
            $('#his-follow').text(json.following_count)
            var flerc = json.followers_count
            if (flerc < 0) {
                flerc = '-'
            }
            $('#his-follower').text(flerc)
            $('#his-since').text(crat(json.created_at))
            $('#his-openin').attr('data-href', json.url)
            if (json.fields) {
                var table = ''
                if (json.fields.length > 0) {
                    $('#his-des').css('max-height', '250px')
                    table = '<table id="his-field">'
                    for (var i = 0; i < json.fields.length; i++) {
                        var fname = json.fields[i].name
                        var fval = json.fields[i].value
                        if (json.fields[i].verified_at) {
                            var when = lang.lang_showontl_verified + ':' + crat(json.fields[i].verified_at)
                            var color = 'rgba(121,189,154,.25);'
                        } else {
                            var when = ''
                            var color = 'inherit'
                        }
                        table =
                            table +
                            '<tr><td class="his-field-title">' +
                            escapeHTML(fname) +
                            '</td><td class="his-field-content" title="' +
                            when +
                            '" style="background-color:' +
                            color +
                            '">' +
                            fval +
                            '</td></tr>'
                    }
                    table = table + '</table>'
                    $('#his-des').html(twemoji.parse(note))
                } else {
                    $('#his-des').css('max-height', '400px')
                }
                $('#his-table').html(twemoji.parse(table))
            } else {
                $('#his-des').css('max-height', '400px')
            }
            $('#his-des').html(twemoji.parse(note))
            if (json.bot) {
                $('#his-bot').html(lang.lang_showontl_botacct)
                $('#his-bot').removeClass('hide')
            }
            $('#his-des').attr('data-acct', acct_id)
            $('#his-data').css('background-size', 'cover')
            $('#his-float-timeline').css('height', $('#his-data-show').height() + 'px')
            localStorage.setItem('history', user)
                //自分の時
            if (json.acct == localStorage.getItem('user_' + acct_id)) {
                showFav('', acct_id)
                showBlo('', acct_id)
                showMut('', acct_id)
                showDom('', acct_id)
                showReq('', acct_id)
                showFrl('', acct_id)
                $('#his-name-val').val(json.display_name)
                if (json.fields.length > 0) {
                    if (json.fields[0]) {
                        $('#his-f1-name').val(json.fields[0].name)
                        $('#his-f1-val').val($.strip_tags(json.fields[0].value))
                    }
                    if (json.fields[1]) {
                        $('#his-f2-name').val(json.fields[1].name)
                        $('#his-f2-val').val($.strip_tags(json.fields[1].value))
                    }
                    if (json.fields[2]) {
                        $('#his-f3-name').val(json.fields[2].name)
                        $('#his-f3-val').val($.strip_tags(json.fields[2].value))
                    }
                    if (json.fields[3]) {
                        $('#his-f4-name').val(json.fields[3].name)
                        $('#his-f4-val').val($.strip_tags(json.fields[3].value))
                    }
                }
                var des = json.note
                des = des.replace(/<br \/>/g, '\n')
                des = $.strip_tags(des)
                $('#his-des-val').val(des)
                $('#his-follow-btn').hide()
                $('#his-block-btn').hide()
                $('#his-mute-btn').hide()
                $('#his-notf-btn').hide()
                $('#his-domain-btn').hide()
                $('#his-emp-btn').hide()
                $('.only-my-data').show()
                $('.only-his-data').hide()
                if (localStorage.getItem('main') == acct_id) {
                    $('#his-main-acct').hide()
                }
            } else {
                relations(user, acct_id)
                $('.only-my-data').hide()
                $('.only-his-data').show()
            }
            todc()
            if (json.locked) {
                $('#his-data').addClass('locked')
            } else {
                $('#his-data').removeClass('locked')
            }
            //外部データ取得(死かもしれないので)
            udAdd(acct_id, user, json.url)
        })
}

function misskeyUdg(user, acct_id) {
    reset()
    if (!user) {
        user = localStorage.getItem('user-id_' + acct_id)
    }
    todo('User Data Loading...')
    var domain = localStorage.getItem('domain_' + acct_id)
    if (localStorage.getItem('mode_' + domain) != 'misskey') {
        udg(user, acct_id)
        return
    }
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var start = 'https://' + domain + '/api/users/show'
    fetch(start, {
            method: 'POST',
            headers: {
                'content-type': 'application/json',
            },
            body: JSON.stringify({
                i: at,
                userId: user,
            }),
        })
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            //一つ前のユーザーデータ
            if (!localStorage.getItem('history')) {
                $('#his-history-btn').prop('disabled', true)
            } else {
                $('#his-history-btn').prop('disabled', false)
                $('#his-data').attr('history', localStorage.getItem('history'))
            }
            $('#his-data').modal('open')
            $('#his-data').attr('user-id', user)
            $('#his-data').attr('use-acct', acct_id)
            if (json.host) {
                //Remote
                $('#his-data').attr('remote', 'false')
                var fullname = json.username + '@' + json.host
            } else {
                $('#his-data').attr('remote', 'false')
                var fullname = json.acct + '@' + domain
            }
            utlShow(json.id, '', acct_id)
            flw(json.id, '', acct_id)
            fer(json.id, '', acct_id)
            if (json.name) {
                var dis_name = escapeHTML(json.name)
                dis_name = twemoji.parse(dis_name)
            } else {
                var dis_name = json.name
            }
            $('#his-name').html(dis_name)
            $('#his-acct').text(json.username)
            $('#his-acct').attr('fullname', fullname)
            $('#his-prof').attr('src', json.avatarUrl)
            $('#his-data').css('background-image', 'url(' + json.bannerUrl + ')')
            $('#his-sta').text(json.notesCount)
            $('#his-follow').text(json.followingCount)
            $('#his-follower').text(json.followersCount)
            $('#his-since').text(crat(json.createdAt))
            var note = escapeHTML(json.description)
            $('#his-des').html(twemoji.parse(note))
            if (json.isCat) {
                $('#his-bot').html('Cat' + twemoji.parse('😺'))
            }
            $('#his-data').css('background-size', 'cover')
            localStorage.setItem('history', user)
                //自分の時
            if (json.username == localStorage.getItem('user_' + acct_id) && !json.host) {
                //showFav('', acct_id);
                //showMut('', acct_id);
                //showReq('', acct_id);
                showFrl('', acct_id)
                $('#his-name-val').val(json.name)
                var des = json.note
                des = nl2br(des)
                des = $.strip_tags(des)
                $('#his-des-val').val(des)
                $('#his-follow-btn').hide()
                $('#his-block-btn').hide()
                $('#his-mute-btn').hide()
                $('#his-notf-btn').hide()
                $('#his-domain-btn').hide()
                $('#his-emp-btn').hide()
                $('.only-my-data').show()
                $('.only-his-data').hide()
                if (localStorage.getItem('main') == acct_id) {
                    $('#his-main-acct').hide()
                }
            } else {
                if (json.isFollowing) {
                    //自分がフォローしている
                    $('#his-data').addClass('following')
                    $('#his-follow-btn-text').text(lang.lang_status_unfollow)
                    hisList(user, acct_id)
                } else {
                    $('#his-follow-btn-text').text(lang.lang_status_follow)
                }
                if (json.isFollowed) {
                    //フォローされてる
                    $('#his-relation').text(lang.lang_showontl_followed)
                }
                $('#his-block-btn').hide()
                if (json.isMuted) {
                    $('#his-data').addClass('muting')
                    $('#his-mute-btn-text').text(lang.lang_status_unmute)
                } else {
                    $('#his-mute-btn-text').text(lang.lang_status_mute)
                }
                $('.only-my-data').hide()
                $('.only-his-data').show()
            }
            todc()
        })
}
//一つ前のユーザーデータ表示
function historyShow() {
    var acct_id = $('#his-data').attr('use-acct')
    var user = $('#his-data').attr('history')
    udg(user, acct_id, 'true')
}
//選択アカウントのプロフ
function profShow() {
    var acct_id = $('#post-acct-sel').val()
    var user = localStorage.getItem('user-id_' + acct_id)
    udg(user, acct_id)
    hide()
}

//FF関係取得
function relations(user, acct_id) {
    var domain = localStorage.getItem('domain_' + acct_id)
    var at = localStorage.getItem('acct_' + acct_id + '_at')
    var start = 'https://' + domain + '/api/v1/accounts/relationships?id=' + user
    fetch(start, {
            method: 'GET',
            headers: {
                'content-type': 'application/json',
                Authorization: 'Bearer ' + at,
            },
        })
        .then(function(response) {
            if (!response.ok) {
                response.text().then(function(text) {
                    setLog(response.url, response.status, text)
                })
            }
            return response.json()
        })
        .catch(function(error) {
            todo(error)
            setLog(start, 'JSON', error)
            console.error(error)
        })
        .then(function(json) {
            var json = json[0]
            if (json.requested) {
                //フォロリク中
                $('#his-data').addClass('following')
                $('#his-follow-btn-text').text(lang.lang_status_requesting)
            }
            if (json.following) {
                //自分がフォローしている
                $('#his-data').addClass('following')
                $('#his-follow-btn-text').text(lang.lang_status_unfollow)
                hisList(user, acct_id)
            } else {
                $('#his-follow-btn-text').text(lang.lang_status_follow)
            }
            if (json.followed_by) {
                //フォローされてる
                $('#his-relation').text(lang.lang_showontl_followed)
            }
            if (json.blocking) {
                $('#his-data').addClass('blocking')
                $('#his-block-btn-text').text(lang.lang_status_unblock)
            } else {
                $('#his-block-btn-text').text(lang.lang_status_block)
            }
            if (json.muting) {
                $('#his-data').addClass('muting')
                $('#his-mute-btn-text').text(lang.lang_status_unmute)
            } else {
                $('#his-mute-btn-text').text(lang.lang_status_mute)
            }
            if (json.muting_notifications) {
                $('#his-data').addClass('mutingNotf')
                $('#his-notf-btn-text').text(lang.lang_showontl_notf + lang.lang_status_unmute)
            } else {
                $('#his-notf-btn-text').text(lang.lang_showontl_notf + lang.lang_status_mute)
            }
            if (json.domain_blocking) {
                $('#his-data').addClass('blockingDom')
                $('#his-domain-btn-text').text(lang.lang_showontl_domain + lang.lang_status_unblock)
            } else {
                $('#his-domain-btn-text').text(lang.lang_showontl_domain + lang.lang_status_block)
            }
            //Endorsed
            if (json.endorsed) {
                $('#his-end-btn').addClass('endorsed')
                $('#his-end-btn-text').text(lang.lang_status_unendorse)
            } else {
                $('#his-end-btn').removeClass('endorsed')
                $('#his-end-btn-text').text(lang.lang_status_endorse)
            }
            //Blocked
            if (json.blocked_by) {
                $('#my-data-nav .btn').addClass('disabled')
                $('.his-var-content').hide()
                $('#his-float-blocked').show()
                $('#his-follow-btn').hide()
            }
        })
}

function profbrws() {
    var url = $('#his-openin').attr('data-href')
    postMessage(['openUrl', url], '*')
}

function setMain() {
    var acct_id = $('#his-data').attr('use-acct')
    localStorage.setItem('main', acct_id)
    multiSelector(true)
    M.toast({ html: lang.lang_manager_mainAcct, displayLength: 3000 })
}
//オールリセット
function hisclose() {
    $('#his-data').modal('close')
    reset()
    $('#his-data').attr('history', '')
    localStorage.removeItem('history')
}

function reset() {
    $('.his-var-content:eq(0)').show()
    $('.his-var-content:gt(0)').hide()
    $('#my-data-nav .btn').removeClass('disabled')
    $('.active-back').removeClass('active-back')
    $('.column-first').addClass('active-back')
    $('#his-name').text('Loading')
    $('#his-acct').text('')
    $('#his-prof').attr('src', '../../img/loading.svg')
    $('#his-data').css('background-image', 'url(../../img/loading.svg)')
    $('#his-sta').text('')
    $('#his-follow').text('')
    $('#his-follower').text('')
    $('#his-des').html('')
    $('#his-data').css('background-size', 'cover')
    $('#his-since').text('')
    $('#his-data').removeClass('following')
    $('#his-data').removeClass('muting')
    $('#his-data').removeClass('blocking')
    $('#his-data').removeClass('mutingNotf')
    $('#his-data').removeClass('blockingDom')
    $('#his-end-btn').removeClass('endorsed')
    $('#his-des').css('max-height', '250px')
    $('#his-bot').html('')
    $('#his-bot').addClass('hide')
    $('#his-follow-btn').show()
    $('#his-block-btn').show()
    $('#his-mute-btn').show()
    $('#his-notf-btn').show()
    $('#his-domain-btn').show()
    $('#his-emp-btn').show()
    $('#his-follow-btn-text').text(lang.lang_status_follow)
    $('#his-mute-btn-text').text(lang.lang_status_mute)
    $('#his-block-btn-text').text(lang.lang_status_block)
    $('#his-notf-btn').text(lang.lang_showontl_notf + lang.lang_status_mute)
    $('#his-domain-btn').text(lang.lang_showontl_domain + lang.lang_status_block)
    $('#his-relation').text('')
    $('.cont-series').html('')
    $('#domainblock').val('')
    $('#his-lists-a').html(lang.lang_showontl_listwarn)
    $('#his-lists-b').html('')
    $('#his-name-val').val('')
    $('#his-des-val').val('')
    $('#his-f1-name').val('')
    $('#his-f1-val').val('')
    $('#his-f2-name').val('')
    $('#his-f2-val').val('')
    $('#his-f3-name').val('')
    $('#his-f3-val').val('')
    $('#his-f4-name').val('')
    $('#his-f4-val').val('')
    $('#his-endorse').html('')
    $('#his-openin').attr('data-href', '')
    $('#his-float-timeline').show()
    $('#his-float-blocked').hide()
    $('#his-main-acct').show()
    $('#his-proof-prof').html('')
    $('#his-data').removeClass('locked')
    $('#his-data').removeClass('requesting')
}
$('#my-data-nav .anc-link').on('click', function() {
    var target = $(this).attr('go')
    if (target) {
        let title = $(this).html()
        if (target === '#his-tl') $('#util-add').removeClass('hide')
        if (target != '#his-tl') $('#util-add').addClass('hide')
        $('#his-data-title').html(title)
        $('#my-data-nav .anc-link').removeClass('active-back')
        $(this).addClass('active-back')
        $(target).show()
        $('.his-var-content:not(' + target + ')').hide()
    }
})