thedesk/app/js/login/manager.js

1101 lines
30 KiB
JavaScript

//アカウントマネージャ
//最初に読むやつ
function load() {
$('#acct-list').html('')
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 == 'first' && codex == 'true') {
$('body').addClass('first')
} else {
}
}
var prof = localStorage.getItem('prof')
$('.my-prof').attr('src', prof)
var name = localStorage.getItem('name')
$('#now-name').text(name)
var user = localStorage.getItem('user')
$('#now-user').text(user)
var domain = localStorage.getItem('domain')
$('.now-domain').text(domain)
var multi = localStorage.getItem('multi')
if (!multi) {
var obj = []
} else {
var obj = JSON.parse(multi)
}
if (obj[0]) {
if (!obj[0].at) {
obj = []
localStorage.removeItem('multi')
}
}
console.table(obj)
var templete
Object.keys(obj).forEach(function(key) {
var acct = obj[key]
var list = key * 1 + 1
if (acct.background != 'def' && acct.text != 'def') {
var style = 'style="background-color:#' + acct.background + '; color:' + acct.text + ';"'
} else {
var style = ''
}
if (acct.name) {
var name = acct.name
} else {
var name = acct.user
}
templete = `
<div id="acct_${key}" class="card" ${style}>
<div class="card-content ">
<span class="lts">${list}.</span><img src="${acct.prof}" width="40" height="40" />
<span class="card-title">${name}</span>${escapeHTML(acct.user)}@${acct.domain}
</div>
<div class="card-action">
<a class="waves-effect disTar pointer white-text" onclick="data('${acct.domain}')">
<i class="material-icons">info</i>${lang.lang_manager_info}
</a>
<a class="waves-effect disTar pointer white-text" onclick="refresh('${key}')">
<i class="material-icons">refresh</i>${lang.lang_manager_refresh}
</a>
<a class="waves-effect disTar pointer red-text" onclick="multiDel('${key}')">
<i class="material-icons">delete</i>${lang.lang_manager_delete}"
</a><br />${lang.lang_manager_color}
<div id="colorsel_${key}" class="colorsel"></div>
</div>
</div>
`
$('#acct-list').append(templete)
colorpicker(key)
})
multisel()
var acctN = localStorage.getItem('acct')
if (!acctN) {
localStorage.setItem('acct', 0)
var acctN = 0
}
//全部チェックアリでいいと思うの
$('#linux').prop('checked', true)
}
//最初に読む
load()
support()
//instances.social/instances API
function data(domain) {
$('#ins-upd').text('Loading...')
$('#ins-add').text('Loading...')
$('#ins-connect').text('Loading...')
$('#ins-toot').text('Loading...')
$('#ins-sys').text('Loading...')
$('#ins-per').text('Loading...')
$('#ins-user').text('Loading...')
$('#ins-ver').text('Loading...')
$('#ins-name').text('Loading...')
$('#ins-prof').attr('src', '../../img/loading.svg')
var start = 'https://instances.social/api/1.0/instances/show?name=' + domain
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
Authorization:
'Bearer tC8F6xWGWBUwGScyNevYlx62iO6fdQ4oIK0ad68Oo7ZKB8GQdGpjW9TKxBnIh8grAhvd5rw3iyP9JPamoDpeLQdz62EToPJUW99hDx8rfuJfGdjQuimZPTbIOx0woA5M'
}
})
.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 (!json.error) {
$('#ins-name').text(json.name)
$('#ins-upd').text(date(json.checked_at, 'full'))
$('#ins-add').text(date(json.added_at, 'full'))
$('#ins-connect').text(json.connections)
$('#ins-toot').text(json.statuses)
$('#ins-sys').text(date(json.updated_at, 'full'))
$('#ins-per').text(json.uptime * 100)
$('#ins-user').text(json.users)
$('#ins-ver').text(json.version)
} else {
console.error(json.error)
}
})
var start = 'https://' + domain + '/api/v1/instance'
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json'
}
})
.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 (!json.error) {
$('#ins-title').text(json.title)
$('#ins-desc').html(json.description)
$('#ins-email').text(json.email)
$('#ins-toot').text(json.stats.status_count)
$('#ins-user').text(json.stats.user_count)
$('#ins-ver').text(json.version)
$('#ins-prof').attr('src', json.thumbnail)
$('#ins-admin').text(
escapeHTML(json.contact_account.display_name) + '(' + json.contact_account.acct + ')'
)
$('#ins-admin').attr(
'href',
'index.html?mode=user&code=' + json.contact_account.username + '@' + domain
)
} else {
console.error(json.error)
}
})
}
//アカウントデータ 消す
function multiDel(target) {
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
//削除確認ダイアログ
Swal.fire({
title: lang.lang_manager_logout,
text: obj[target]['user'] + '@' + obj[target]['domain'] + lang.lang_manager_confirm,
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: lang.lang_yesno,
cancelButtonText: lang.lang_no
}).then(result => {
if (result.value) {
Object.keys(obj).forEach(function(key) {
var nk = key - 1
//公開範囲(差分のみ)
if (key >= target) {
var oldvis = localStorage.getItem('vis-memory-' + key)
if (oldvis) {
localStorage.setItem('vis-memory-' + nk, oldvis)
}
}
//独自ロケール
localStorage.removeItem('home_' + key)
localStorage.removeItem('local_' + key)
localStorage.removeItem('public_' + key)
localStorage.removeItem('notification_' + key)
//アクセストークンとドメイン、プロフ(差分)
if (key > target) {
var olddom = localStorage.getItem('domain_' + key)
localStorage.setItem('domain_' + nk, olddom)
var oldat = localStorage.getItem('acct_' + key + '_at')
localStorage.setItem('acct_' + nk + '_at', oldat)
localStorage.setItem('name_' + nk, localStorage.getItem('name_' + key))
localStorage.setItem('user_' + target, localStorage.getItem('user_' + key))
localStorage.setItem('user-id_' + target, localStorage.getItem('user-id_' + key))
localStorage.setItem('prof_' + target, localStorage.getItem('prof_' + key))
}
})
//とりあえず消す
obj.splice(target, 1)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
load()
//カラムデータコンフリクト
var col = localStorage.getItem('column')
var oldcols = JSON.parse(col)
var newcols = []
Object.keys(oldcols).forEach(function(key) {
var nk = key - 1
var oldcol = oldcols[key]
if (target < oldcol.domain) {
var newdom = oldcol.domain - 1
} else {
var newdom = oldcol.domain
}
var type = oldcol.type
//消した垢のコラムじゃないときコピー
if (target != oldcol.domain) {
var add = {
domain: newdom,
type: type
}
newcols.push(add)
}
})
var json = JSON.stringify(newcols)
localStorage.setItem('column', json)
}
})
}
function multiDel2(target) {
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
Swal.fire({
title: lang.lang_manager_logout,
text: obj[target]['user'] + '@' + obj[target]['domain'] + lang.lang_manager_confirm,
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: lang.lang_yesno,
cancelButtonText: lang.lang_no
}).then(result => {
if (result.value) {
obj.splice(target, 1)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
Object.keys(obj).forEach(function(key) {
if (key >= target) {
var oldvis = localStorage.getItem('vis-memory-' + key)
if (oldvis) {
var nk = key - 1
localStorage.setItem('vis-memory-' + nk, oldvis)
}
}
localStorage.removeItem('home_' + key)
localStorage.removeItem('local_' + key)
localStorage.removeItem('public_' + key)
localStorage.removeItem('notification_' + key)
refresh(key)
})
var col = localStorage.getItem('column')
if (!col) {
var obj = [
{
domain: 0,
type: 'local'
}
]
localStorage.setItem('card_0', 'true')
var json = JSON.stringify(obj)
localStorage.setItem('column', json)
} else {
var cobj = JSON.parse(col)
}
Object.keys(cobj).forEach(function(key) {
var column = cobj[key]
if (column.domain > target) {
var nk = key - 1
column.domain = nk
cobj[key] = column
} else if (column.domain == target) {
localStorage.removeItem('card_' + tlid)
cobj.splice(key, 1)
}
})
var json = JSON.stringify(column)
localStorage.setItem('column', json)
load()
}
})
}
//サポートインスタンス
function support() {
Object.keys(idata).forEach(function(key) {
var instance = idata[key]
if (instance == 'instance') {
templete =
'<a onclick="login(\'' +
key +
'\')" class="collection-item pointer transparent">' +
idata[key + '_name'] +
'(' +
key +
')</a>'
$('#support').append(templete)
}
})
}
//URL指定してポップアップ
function login(url) {
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
if ($('#misskey:checked').val() == 'on') {
$('#misskey').prop('checked', true)
misskeyLogin(url)
return
}
$('#compt').hide()
if ($('#linux:checked').val() == 'on') {
var red = 'urn:ietf:wg:oauth:2.0:oob'
if (~url.indexOf('pixelfed')) {
red = 'https://thedesk.top/hello.html'
}
} else {
var red = 'thedesk://manager'
}
localStorage.setItem('redirect', red)
var start = 'https://' + url + '/api/v1/apps'
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
httpreq.send(
JSON.stringify({
scopes: 'read write follow',
client_name: 'TheDesk(PC)',
redirect_uris: red,
website: 'https://thedesk.top'
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
localStorage.setItem('msky', 'false')
var auth =
'https://' +
url +
'/oauth/authorize?client_id=' +
json['client_id'] +
'&client_secret=' +
json['client_secret'] +
'&response_type=code&scope=read+write+follow&redirect_uri=' +
encodeURIComponent(red)
localStorage.setItem('domain_tmp', url)
localStorage.setItem('client_id', json['client_id'])
localStorage.setItem('client_secret', json['client_secret'])
$('#auth').show()
versionChecker(url)
$('#add').hide()
postMessage(['openUrl', auth], '*')
if ($('#linux:checked').val() == 'on') {
} else {
postMessage(['sendSinmpleIpc', 'quit'], '*')
}
}
}
}
function versionChecker(url) {
var start = 'https://' + url + '/api/v1/instance'
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json'
}
})
.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 version = json.version
if (version) {
var reg = version.match(/^([0-9])\.[0-9]\.[0-9]/u)
if (reg) {
versionCompat(reg[1], reg, json.title, reg[0])
}
}
})
}
function versionCompat(prefix, ver, title, real) {
$('#compt-instance').text(title)
$('#compt-ver').text(real)
if (~real.indexOf('compatible')) {
$('#compt-warn').show()
} else {
$('#compt-warn').hide()
}
$('#compt-list').html('')
var start = '../../source/version.json'
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json'
}
})
.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 complete = false
var ct = 0
var jl = 0
var jl2 = 0
Object.keys(json).forEach(function(key) {
var data = json[key]
if (data) {
jl++
if (key != real && !complete) {
for (var i = 0; i < data.length; i++) {
var e = ''
if (i == 0) {
e = '(' + key + ')'
}
$('#compt-list').append('<li>' + data[i] + e + '</li>')
ct++
e = ''
}
jl2++
} else if (!complete) {
complete = true
}
}
})
if (lang.language == 'ja' && ct > 0) {
if (jl2 != jl && prefix != '1') {
$('#compt').show()
}
}
})
}
//これが後のMisskeyである。
function misskeyLogin(url) {
if (!url) {
var url = $('#misskey-url').val()
}
var start = 'http://' + url + '/api/app/create'
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
localStorage.setItem('msky', 'true')
httpreq.send(
JSON.stringify({
name: 'TheDesk(PC)',
description: 'Mastodon and Misskey client for PC',
permission: [
'account-read',
'account-write',
'account/read',
'account/write',
'drive-read',
'drive-write',
'favorite-read',
'favorite-write',
'favorites-read',
'following-read',
'following-write',
'messaging-read',
'messaging-write',
'note-read',
'note-write',
'notification-read',
'notification-write',
'reaction-read',
'reaction-write',
'vote-read',
'vote-write',
'read:account',
'write:account',
'read:drive',
'write:drive',
'read:blocks',
'write:blocks',
'read:favorites',
'write:favorites',
'read:following',
'write:following',
'read:messaging',
'write:messaging',
'read:mutes',
'write:mutes',
'write:notes',
'read:notifications',
'write:notifications',
'read:reactions',
'write:reactions',
'write:votes'
]
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
misskeyAuth(url, json.secret)
}
}
}
function misskeyAuth(url, mkc) {
var start = 'https://' + url + '/api/auth/session/generate'
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
localStorage.setItem('mkc', mkc)
localStorage.setItem('msky', 'true')
httpreq.send(
JSON.stringify({
appSecret: mkc
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
var token = json.token
$('#auth').show()
$('#code').val(token)
$('#add').hide()
$('#misskey').prop('checked', false)
localStorage.setItem('domain_tmp', url)
postMessage(['openUrl', json.url], '*')
}
}
}
//テキストボックスにURL入れた
function instance() {
var url = $('#url').val()
if (url.indexOf('@') != -1 || url.indexOf('https') != -1) {
alert('入力形式が違います。(Cutls@mstdn.jpにログインする場合、入力するのは"mstdn.jp"です。)')
return false
}
login(url)
}
//コード入れてAccessTokenゲット
function code(code) {
localStorage.removeItem('redirect')
if (!code) {
var code = $('#code').val()
$('#code').val('')
}
if (!code || code == '') {
M.toast({ html: lang.lang_fatalerroroccured + 'Error: no code', displayLength: 5000 })
return false
}
var url = localStorage.getItem('domain_tmp')
localStorage.removeItem('domain_tmp')
if (localStorage.getItem('msky') == 'true') {
var start = 'https://' + url + '/api/auth/session/userkey'
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
httpreq.send(
JSON.stringify({
token: code,
appSecret: localStorage.getItem('mkc')
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
var i = sha256(json.accessToken + localStorage.getItem('mkc'))
var avatar = json['user']['avatarUrl']
var priv = 'public'
var add = {
at: i,
name: json['user']['name'],
domain: url,
user: json['user']['username'],
prof: avatar,
id: json['user']['id'],
vis: priv,
mode: 'misskey'
}
localStorage.setItem('mode_' + url, 'misskey')
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
var target = obj.length
obj.push(add)
localStorage.setItem('name_' + target, json['user']['name'])
localStorage.setItem('user_' + target, json['user']['username'])
localStorage.setItem('user-id_' + target, json['user']['id'])
localStorage.setItem('prof_' + target, avatar)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
if ($('body').hasClass('first')) {
location.href = 'index.html'
}
load()
return
}
}
return
} else {
var red = 'urn:ietf:wg:oauth:2.0:oob'
if (~url.indexOf('pixelfed')) {
red = 'https://thedesk.top/hello.html'
}
var start = 'https://' + url + '/oauth/token'
var id = localStorage.getItem('client_id')
var secret = localStorage.getItem('client_secret')
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
httpreq.send(
JSON.stringify({
grant_type: 'authorization_code',
redirect_uri: red,
client_id: id,
client_secret: secret,
code: code
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
if (json['access_token']) {
$('#auth').hide()
$('#add').show()
getdata(url, json['access_token'])
}
}
}
}
}
//ユーザーデータ取得
function getdata(domain, at) {
var start = 'https://' + domain + '/api/v1/accounts/verify_credentials'
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) {
if (json.error) {
console.error('Error:' + json.error)
M.toast({ html: lang.lang_fatalerroroccured + 'Error:' + json.error, displayLength: 5000 })
return
}
var avatar = json['avatar']
//missingがmissingなやつ
if (avatar == '/avatars/original/missing.png') {
avatar = '../../img/missing.svg'
}
if (json['source']) {
var priv = json['source']['privacy']
} else {
var priv = 'public'
}
var add = {
at: at,
name: json['display_name'],
domain: domain,
user: json['acct'],
prof: avatar,
id: json['id'],
vis: priv,
mode: 'mastodon'
}
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
var target = obj.length
obj.push(add)
localStorage.setItem('name_' + target, json['display_name'])
localStorage.setItem('user_' + target, json['acct'])
localStorage.setItem('user-id_' + target, json['id'])
localStorage.setItem('prof_' + target, avatar)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
if ($('body').hasClass('first')) {
location.href = 'index.html'
}
load()
})
}
//アクセストークン直接入力
function atSetup(type) {
var url = localStorage.getItem('domain_tmp')
localStorage.removeItem('domain_tmp')
var multi = localStorage.getItem('multi')
var avatar = '../../img/missing.svg'
var priv = 'public'
if (type == 'misskey') {
var i = $('#misskey-key').val()
var add = {
at: i,
name: 'Pseudo Account',
domain: url,
user: 'user+pseudo',
prof: avatar,
id: 'id+pseudo',
vis: priv,
mode: 'misskey'
}
localStorage.setItem('mode_' + url, 'misskey')
} else {
var i = $('#code').val()
var add = {
at: i,
name: 'Pseudo Account',
domain: url,
user: 'user+pseudo',
prof: avatar,
id: 'id+pseudo',
vis: priv,
mode: ''
}
}
if (!i || i == '') {
M.toast({ html: lang.lang_fatalerroroccured + 'Error: access token', displayLength: 5000 })
return false
}
var obj = JSON.parse(multi)
var target = obj.length
obj.push(add)
localStorage.setItem('name_' + target, add['name'])
localStorage.setItem('user_' + target, add['username'])
localStorage.setItem('user-id_' + target, add['id'])
localStorage.setItem('prof_' + target, avatar)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
refresh(target)
}
//ユーザーデータ更新
function refresh(target) {
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
console.log(obj)
if (obj[target].mode == 'misskey') {
misskeyRefresh(obj, target, obj[target].domain)
return
}
var start = 'https://' + obj[target].domain + '/api/v1/accounts/verify_credentials'
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
Authorization: 'Bearer ' + obj[target].at
}
})
.then(function(response) {
if (!response.ok) {
response.text().then(function(text) {
setLog(response.url, response.status, text)
})
}
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 (json.error) {
console.error('Error:' + json.error)
M.toast({ html: lang.lang_fatalerroroccured + 'Error:' + json.error, displayLength: 5000 })
return
}
var avatar = json['avatar']
//missingがmissingなやつ
if (avatar == '/avatars/original/missing.png' || !avatar) {
avatar = './img/missing.svg'
}
var ref = {
at: obj[target].at,
name: json['display_name'],
domain: obj[target].domain,
user: json['acct'],
prof: avatar,
id: json['id'],
vis: json['source']['privacy']
}
if (obj[target].background) {
ref.background = obj[target].background
}
if (obj[target].text) {
ref.text = obj[target].text
}
localStorage.setItem('name_' + target, json['display_name'])
localStorage.setItem('user_' + target, json['acct'])
localStorage.setItem('user-id_' + target, json['id'])
localStorage.setItem('prof_' + target, avatar)
if (json['source']['sensitive']) {
localStorage.setItem('nsfw_' + target, 'true')
} else {
localStorage.removeItem('nsfw_' + target)
}
obj[target] = ref
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
load()
})
}
function misskeyRefresh(obj, target, url) {
var start = 'https://' + url + '/api/users/show'
var httpreq = new XMLHttpRequest()
httpreq.open('POST', start, true)
httpreq.setRequestHeader('Content-Type', 'application/json')
httpreq.responseType = 'json'
httpreq.send(
JSON.stringify({
username: obj[target].user,
i: obj[target].at
})
)
httpreq.onreadystatechange = function() {
if (httpreq.readyState === 4) {
var json = httpreq.response
if (this.status !== 200) {
setLog(start, this.status, json)
}
var avatar = json['user']['avatarUrl']
var priv = 'public'
var add = {
at: json.accessToken,
name: json['user']['name'],
domain: url,
user: json['user']['username'],
prof: avatar,
id: json['user']['id'],
vis: priv
}
var multi = localStorage.getItem('multi')
var obj = JSON.parse(multi)
var target = obj.length
obj.push(add)
localStorage.setItem('name_' + target, json['user']['name'])
localStorage.setItem('user_' + target, json['user']['username'])
localStorage.setItem('user-id_' + target, json['user']['id'])
localStorage.setItem('prof_' + target, avatar)
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
load()
return
}
}
}
//アカウントを選択…を実装
function multisel() {
var multi = localStorage.getItem('multi')
if (!multi) {
var obj = []
var json = JSON.stringify(obj)
localStorage.setItem('multi', json)
} else {
var obj = JSON.parse(multi)
}
var templete
var last = localStorage.getItem('main')
var sel
if (obj.length < 1) {
$('#src-acct-sel').html('<option value="tootsearch">Tootsearch</option>')
$('#add-acct-sel').html('<option value="noauth">' + lang.lang_login_noauth + '</option>')
} else {
Object.keys(obj).forEach(function(key) {
var acct = obj[key]
var list = key * 1 + 1
if (key == last) {
sel = 'selected'
mainb = '(' + lang.lang_manager_def + ')'
var domain = localStorage.getItem('domain_' + key)
var profimg = localStorage.getItem('prof_' + key)
var domain = localStorage.getItem('domain_' + key)
if (!profimg) {
profimg = '../../img/missing.svg'
}
} else {
sel = ''
mainb = ''
}
template = `
<option value="${key}" data-icon="${acct.prof}" class="left circle" ${sel}>
${acct.user}@${acct.domain}${mainb}
</option>
`
$('.acct-sel').append(template)
})
}
$('select').formSelect()
}
function mainacct() {
var acct_id = $('#main-acct-sel').val()
localStorage.setItem('main', acct_id)
M.toast({ html: lang.lang_manager_mainAcct, displayLength: 3000 })
}
function colorpicker(key) {
temp = `<div onclick="coloradd('${key}','def','def')" class="pointer exc">${lang.lang_manager_none}</div>
<div onclick="coloradd('${key}','f44336','white')" class="red white-text pointer"></div>
<div onclick="coloradd('${key}','e91e63','white')" class="pink white-text pointer"></div>
<div onclick="coloradd('${key}','9c27b0','white')" class="purple white-text pointer"></div>
<div onclick="coloradd('${key}','673ab7','white')" class="deep-purple white-text pointer"></div>
<div onclick="coloradd('${key}','3f51b5','white')" class="indigo white-text pointer"></div>
<div onclick="coloradd('${key}','2196f3','white')" class="blue white-text pointer"></div>
<div onclick="coloradd('${key}','03a9f4','black')" class="light-blue black-text pointer"></div>
<div onclick="coloradd('${key}','00bcd4','black')" class="cyan black-text pointer"></div>
<div onclick="coloradd('${key}','009688','white')" class="teal white-text pointer"></div>
<div onclick="coloradd('${key}','4caf50','black')" class="green black-text pointer"></div>
<div onclick="coloradd('${key}','8bc34a','black')" class="light-green black-text pointer"></div>
<div onclick="coloradd('${key}','cddc39','black')" class="lime black-text pointer"></div>
<div onclick="coloradd('${key}','ffeb3b','black')" class="yellow black-text pointer"></div>
<div onclick="coloradd('${key}','ffc107','black')" class="amber black-text pointer"></div>
<div onclick="coloradd('${key}','ff9800','black')" class="orange black-text pointer"></div>
<div onclick="coloradd('${key}','ff5722','white')" class="deep-orange white-text pointer"></div>
<div onclick="coloradd('${key}','795548','white')" class="brown white-text pointer"></div>
<div onclick="coloradd('${key}','9e9e9e','white')" class="grey white-text pointer"></div>
<div onclick="coloradd('${key}','607d8b','white')" class="blue-grey white-text pointer"></div>
<div onclick="coloradd('${key}','000000','white')" class="black white-text pointer"></div>
<div onclick="coloradd('${key}','ffffff','black')" class="white black-text pointer"></div>`
$('#colorsel_' + key).html(temp)
}
function coloradd(key, bg, txt) {
var col = localStorage.getItem('multi')
var o = JSON.parse(col)
var obj = o[key]
obj.background = bg
obj.text = txt
o[key] = obj
var json = JSON.stringify(o)
localStorage.setItem('multi', json)
if (txt == 'def') {
$('#acct_' + key).attr('style', '')
} else {
$('#acct_' + key).css('background-color', '#' + bg)
if (txt == 'black') {
var bghex = '000000'
var ichex = '9e9e9e'
} else if (txt == 'white') {
var bghex = 'ffffff'
var ichex = 'eeeeee'
}
$('#acct_' + key + ' .nex').css('color', '#' + ichex)
$('#acct_' + key).css('color', '#' + bghex)
}
}
//入力時にハッシュタグと@をサジェスト
var timer = null
var input = document.getElementById('url')
var prev_val = input.value
var oldSuggest
var suggest
input.addEventListener(
'focus',
function() {
$('#ins-suggest').html('')
window.clearInterval(timer)
timer = window.setInterval(function() {
var new_val = input.value
if (prev_val != new_val) {
if (new_val.length > 3) {
var start = 'https://instances.social/api/1.0/instances/search?q=' + new_val
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
Authorization:
'Bearer tC8F6xWGWBUwGScyNevYlx62iO6fdQ4oIK0ad68Oo7ZKB8GQdGpjW9TKxBnIh8grAhvd5rw3iyP9JPamoDpeLQdz62EToPJUW99hDx8rfuJfGdjQuimZPTbIOx0woA5M'
}
})
.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 (!json.error) {
var urls = 'Suggest:'
Object.keys(json.instances).forEach(function(key) {
var url = json.instances[key]
urls =
urls +
` <a onclick="login('${url.name}')" class="pointer">${escapeHTML(url.name)}</a>`
})
$('#ins-suggest').html(urls)
} else {
console.error(json.error)
}
})
}
oldSuggest = suggest
prev_value = new_val
}
}, 1000)
},
false
)
input.addEventListener(
'blur',
function() {
window.clearInterval(timer)
},
false
)
//acctで未読マーカーは要らない
function asReadEnd() {
postMessage(['asReadComp', ''], '*')
}