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
}

async 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
    }
    const at = localStorage.getItem('acct_' + acct_id + '_at')
    const start = 'https://' + domain + '/api/v1/accounts/' + user
    const response = await fetch(start, {
        method: 'GET',
        headers: {
            'content-type': 'application/json',
            Authorization: 'Bearer ' + at,
        },
    })
    if (isSwal) Swal.close()
    if (!response.ok) {
        response.text().then(function (text) {
            setLog(response.url, response.status, text)
        })
    }
    const json = await response.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,
        })
    }
    if (json.limited) {
        const limitedCheck = await Swal.fire({
            title: lang.lang_showontl_limited_title,
            text: lang.lang_showontl_limited,
            icon: 'info',
            showCancelButton: true
        })
        if (!limitedCheck.isConfirmed) return false
    }
    $('#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', '196px')
            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()
    }
})