Move apps/cory/ => apps/. Going to change import and export to support this.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4163 ed5197a5-7fde-0310-b194-c3ffbd925b24

apps/ssb/tf-user.js

@@ -0,0 +1,39 @@
+import {LitElement, html} from './lit-all.min.js';
+import * as tfrpc from '/static/tfrpc.js';
+import {styles} from './tf-styles.js';
+
+class TfUserElement extends LitElement {
+	static get properties() {
+		return {
+			id: {type: String},
+			users: {type: Object},
+		}
+	}
+
+	static styles = styles;
+
+	constructor() {
+		super();
+		this.id = null;
+		this.users = {};
+	}
+
+	render() {
+		if (this.users[this.id]) {
+			let image = this.users[this.id].image;
+			image = typeof(image) == 'string' ? image : image?.link;
+			return html`
+				<div style="display: inline-block; font-weight: bold">
+					<img style="width: 2em; height: 2em; vertical-align: middle; border-radius: 50%" ?hidden=${image === undefined} src="${image ? '/' + image + '/view' : undefined}">
+					<a target="_top" href=${'#' + this.id}>${this.users[this.id].name ?? this.id}</a>
+				</div>`;
+		} else {
+			return html`
+				<div style="display: inline-block; font-weight: bold; word-wrap: anywhere">
+					<a target="_top" href=${'#' + this.id}>${this.id}</a>
+				</div>`;
+		}
+	}
+}
+
+customElements.define('tf-user', TfUserElement);