forked from cory/tildefriends
Been a while since I exported these apps.
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3880 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
const k_posts_max = 20;
|
||||
const k_posts_max = 40;
|
||||
const k_votes_max = 20;
|
||||
|
||||
var g_ready = false;
|
||||
@ -260,6 +260,9 @@ async function getRecentPostIds(db, id, ids, limit) {
|
||||
}
|
||||
|
||||
async function getRecentPostIds2(db, id, ids, start_time) {
|
||||
if (ids.length == 1) {
|
||||
return getRecentPostsSingleId(db, ids[0], 20);
|
||||
}
|
||||
const k_batch_max = 32;
|
||||
var row_id_max = 0;
|
||||
await ssb.sqlStream(
|
||||
@ -281,7 +284,7 @@ async function getRecentPostIds2(db, id, ids, start_time) {
|
||||
" timestamp > ? AND "+
|
||||
" rowid <= ? AND "+
|
||||
" json_extract(content, '$.type') = 'post' "+
|
||||
"ORDER BY timestamp",
|
||||
"ORDER BY timestamp DESC",
|
||||
[].concat(ids_batch, [start_time, row_id_max]),
|
||||
function(row) {
|
||||
if (row.id) {
|
||||
@ -500,6 +503,16 @@ async function refresh(selected) {
|
||||
await app.postMessage({votes: votes});
|
||||
}
|
||||
timing.push({name: 'votes', time: new Date()});
|
||||
if (selected && selected.length == 1 && selected[0].startsWith('@')) {
|
||||
let size = 0;
|
||||
await ssb.sqlStream(
|
||||
'SELECT SUM(LENGTH(content)) AS length FROM messages WHERE author = ?1',
|
||||
selected,
|
||||
function(row) {
|
||||
size = row.length;
|
||||
});
|
||||
await app.postMessage({user: {user: selected[0], about: {size: size}}});
|
||||
}
|
||||
await all_followed.map(
|
||||
id => app.postMessage(
|
||||
{
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
<link rel="stylesheet" href="material-icons.css">
|
||||
<link rel="stylesheet" href="vue-material.min.css">
|
||||
<link rel="stylesheet" href="vue-material-theme-default-dark.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script src="vue.js"></script>
|
||||
<script src="vue-material.js"></script>
|
||||
<script src="commonmark.min.js"></script>
|
||||
@ -34,29 +35,30 @@
|
||||
<span class="md-title">Tilde Scuttlebutt</span>
|
||||
</md-app-toolbar>
|
||||
<md-app-content>
|
||||
<div class="md-layout">
|
||||
<div class="md-layout-item md-size-20">
|
||||
<md-list>
|
||||
<md-subheader>Broadcasts</md-subheader>
|
||||
<md-list-item v-for="broadcast in broadcasts" v-bind:key="JSON.stringify(broadcast)" @click="ssb_connect(broadcast)">{{broadcast.address}}:{{broadcast.port}} <tf-user :id="broadcast.pubkey"></tf-user></md-list-item>
|
||||
<md-subheader>Connections</md-subheader>
|
||||
<md-list-item v-for="connection in connections" v-bind:key="'connection-' + JSON.stringify(connection)"><tf-user :id="connection"></tf-user></md-list-item>
|
||||
<md-list-item @click="show_connect_dialog = true">Connect</md-list-item>
|
||||
</md-list>
|
||||
</div>
|
||||
<div class="md-layout-item md-size-80">
|
||||
<md-tabs>
|
||||
<md-tab md-label="News">
|
||||
<md-app-toolbar class="md-secondary" v-show="unread > 0">
|
||||
<md-button @click="refresh()" class="md-raised md-primary">Refresh</md-button>
|
||||
<span class="md-title">{{unread}} unread item{{unread == 1 ? '' : 's'}}</span>
|
||||
</md-app-toolbar>
|
||||
Welcome, <tf-user :id="whoami"></tf-user>.
|
||||
<span v-if="load_time" style="float: right">
|
||||
Loaded in {{load_time}} seconds.
|
||||
<md-tooltip v-if="Object.keys(times).length" style="height: auto">
|
||||
<div v-for="key in Object.keys(times)">{{key}}: {{times[key]}}</div>
|
||||
</md-tooltip>
|
||||
</span>
|
||||
<md-card class="md-elevation-8">
|
||||
<md-app class="md-elevation-8">
|
||||
<md-app-toolbar>
|
||||
<div>Welcome, <tf-user :id="whoami"></tf-user>.</div>
|
||||
</md-app-toolbar>
|
||||
<md-app-content>
|
||||
<span v-if="load_time">
|
||||
Loaded in {{load_time}} seconds.
|
||||
<md-tooltip v-if="Object.keys(times).length" style="height: auto">
|
||||
<div v-for="key in Object.keys(times)">{{key}}: {{times[key]}}</div>
|
||||
</md-tooltip>
|
||||
</span>
|
||||
<span v-else>
|
||||
Loading...
|
||||
</span>
|
||||
</md-app-content>
|
||||
</md-app>
|
||||
|
||||
<md-card class="md-elevation-8" style="margin: 1em">
|
||||
<md-card-header>
|
||||
<div class="md-title">What's up?</div>
|
||||
</md-card-header>
|
||||
@ -123,6 +125,7 @@
|
||||
</md-field>
|
||||
</div>
|
||||
<template v-if="users[selected]">
|
||||
<div>Total Message Size: {{human_size(users[selected].size)}}</div>
|
||||
<div v-if="users[selected].name">{{selected}}</div>
|
||||
<div v-html="markdown(users[selected].description)"></div>
|
||||
</template>
|
||||
@ -154,7 +157,6 @@
|
||||
</md-card-actions>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
|
||||
<template v-if="messages.length">
|
||||
<tf-message
|
||||
v-for="message in messages"
|
||||
@ -167,8 +169,17 @@
|
||||
<md-progress-spinner md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-empty-state>
|
||||
<md-empty-state v-else md-label="Nothing to see here."></md-empty-state>
|
||||
</div>
|
||||
</div>
|
||||
</md-tab>
|
||||
<md-tab md-label="Network">
|
||||
<md-list>
|
||||
<md-subheader>Broadcasts</md-subheader>
|
||||
<md-list-item v-for="broadcast in broadcasts" v-bind:key="JSON.stringify(broadcast)" @click="ssb_connect(broadcast)">{{broadcast.address}}:{{broadcast.port}} <tf-user :id="broadcast.pubkey"></tf-user></md-list-item>
|
||||
<md-subheader>Connections</md-subheader>
|
||||
<md-list-item v-for="connection in connections" v-bind:key="'connection-' + JSON.stringify(connection)"><tf-user :id="connection"></tf-user></md-list-item>
|
||||
<md-list-item @click="show_connect_dialog = true">Connect</md-list-item>
|
||||
</md-list>
|
||||
</md-tab>
|
||||
</md-tabs>
|
||||
</md-app-content>
|
||||
</md-app>
|
||||
</div>
|
||||
|
||||
@ -126,6 +126,9 @@ Vue.component('tf-message', {
|
||||
<div v-html="this.markdown(content_json.text)"></div>
|
||||
<span v-for="mention in content_json.mentions" v-if="mention.link && typeof(mention.link) == 'string' && mention.link.startsWith('&')">
|
||||
<a v-if="mention.type == 'application/tildefriends'" :href="'/' + mention.link + '/'" target="_top">{{mention.name}}</a>
|
||||
<audio v-else-if="mention.name && mention.name.startsWith('audio:')" controls>
|
||||
<source :src="'/' + mention.link + '/view'"></source>
|
||||
</audio>
|
||||
<img v-else class="md-elevation-4" style="margin: 4px; max-width: 320px; max-height: 240px" :src="'/' + mention.link + '/view'" v-on:click="expand_image"></img>
|
||||
</span>
|
||||
</div>
|
||||
@ -143,7 +146,7 @@ Vue.component('tf-message', {
|
||||
<tf-message v-for="sub_message in (message.children || [])" v-bind:message="sub_message" v-bind:messages="messages" v-bind:votes="votes" v-bind:key="sub_message.id"></tf-message>
|
||||
<md-chip md-clickable v-for="v in Object.keys(votes[message.id] || {})" v-bind:key="v" @click="vote">
|
||||
{{v + (votes[message.id][v].length > 1 ? ' (' + votes[message.id][v].length + ')' : '')}}
|
||||
<md-tooltip style="height: auto">
|
||||
<md-tooltip style="height: auto; background-color: #000; border: 1px solid #fff">
|
||||
<tf-user v-for="vote in votes[message.id][v]" :id="vote.author" :key="vote.author"></tf-user>
|
||||
</md-tooltip>
|
||||
</md-chip>
|
||||
|
||||
@ -305,6 +305,22 @@ window.addEventListener('load', function() {
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
human_size(bytes) {
|
||||
if (typeof bytes == 'number') {
|
||||
let value = bytes;
|
||||
let unit = 'B';
|
||||
const k_units = ['kB', 'MB', 'GB', 'TB'];
|
||||
for (let u of k_units) {
|
||||
if (value > 1024) {
|
||||
value /= 1024;
|
||||
unit = u;
|
||||
}
|
||||
}
|
||||
return Math.round(value * 10) / 10 + ' ' + unit;
|
||||
} else {
|
||||
return bytes;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user