-- Leo's gemini proxy
-- Connecting to git.thebackupbox.net:1965...
-- Connected
-- Sending request
-- Meta line: 20 text/gemini
repo: janusweb action: commit revision: path_from: revision_from: 8b24da9ad6d2164752e9e9ca3db9e8d7c09ef7a2: path_to: revision_to:
commit 8b24da9ad6d2164752e9e9ca3db9e8d7c09ef7a2
Author: James Baicoianu <james_github@baicoianu.com>
Date: Mon Sep 20 12:40:47 2021 -0700
Removed unused UI files
diff --git a/scripts/chat.js b/scripts/chat.js
deleted file mode 100644
index 19979b9d19741b26b5ab6f94d5cf4eb5abe2cf99..0000000000000000000000000000000000000000
--- a/scripts/chat.js
+++ /dev/null
@@ -1,80 +0,0 @@
-elation.requireCSS('janusweb.chat');
-elation.require(['ui.window', 'ui.list', 'ui.input', 'elation.collection'], function() {
- elation.template.add('janusweb.chat.message', '[{userId}] {message}');
-
- elation.component.add('janusweb.chat', function() {
- this.init = function() {
- this.args.title = 'Chat Log';
- this.args.bottom = true;
- this.args.resizable = false;
- this.args.controls = true;
- this.client = this.args.client;
- this.player = this.args.player || this.client.player;
- this.network = this.args.network;
-
- elation.janusweb.chat.extendclass.init.call(this);
-
- this.chatbutton = elation.ui.button({classname: 'janusweb_chat', label: 'Chat'});
- elation.events.add(this.chatbutton, 'ui_button_click', elation.bind(this, this.toggleChat));
- this.client.buttons.add('chat', this.chatbutton);
-
- this.messagecollection = elation.collection.indexed({index: 'timestamp'});
- var panel = elation.ui.panel_vertical({classname: 'janusweb_chat_panel'});
- this.messagelist = elation.ui.list({append: panel, classname: 'janusweb_chat_messages', itemcollection: this.messagecollection, attrs: {itemtemplate: 'janusweb.chat.message'}});
- this.input = elation.ui.input({
- append: panel,
- classname: 'janusweb_chat_input',
- placeholder: 'Press T to talk',
- events: {
- ui_input_accept: elation.bind(this, this.sendmessage),
- focus: elation.bind(this, this.focus),
- blur: elation.bind(this, this.blur),
- }
- });
-
- this.setcontent(panel);
- this.hide();
- }
- this.addmessage = function(msg) {
- if (!msg.timestamp) msg.timestamp = window.performance.now();
- var bottom = this.messagelist.isScrollAtBottom();
- if (elation.utils.isObject(msg.message)) {
- msg.message = msg.message.data;
- }
- this.messagecollection.add(msg);
- if (bottom) {
- this.messagelist.scrollToBottom();
- }
- this.refresh();
- }
- this.sendmessage = function() {
- this.network.send({'method': 'chat', data: this.input.value});
- var msg = {userId: 'me', message: this.input.value, self: true};
- this.addmessage(msg);
- elation.events.fire({element: this, type: 'janusweb_chat_send', data: msg});
- this.input.value = '';
- }
- this.focus = function() {
- if (this.input) {
- this.input.focus();
- }
- if (this.player) {
- this.player.disable();
- }
- }
- this.blur = function() {
- if (this.player) {
- this.player.enable();
- }
- }
- this.toggleChat = function() {
- if (this.hidden) {
- this.show();
- this.refresh();
- } else {
- this.hide();
- this.refresh();
- }
- }
- }, elation.ui.window);
-});
diff --git a/scripts/ui.js b/scripts/ui.js
deleted file mode 100644
index e7d5533a5b8bf90ee60b2eb71d07d5164031782f..0000000000000000000000000000000000000000
--- a/scripts/ui.js
+++ /dev/null
@@ -1,265 +0,0 @@
-elation.require(['ui.all', 'janusweb.urlbar'], function() {
- elation.component.add('janusweb.ui.old', function() {
- this.init = function() {
- elation.janusweb.ui.navigation.extendclass.init.call(this);
-
- this.client = this.args.client;
- this.player = this.client.player;
- this.janusweb = this.client.janusweb;
-
- this.createUI();
- //this.createUI3D();
- }
- this.createUI = function() {
- this.navigation = elation.ui.panel({append: this, classname: 'janusweb_ui_navigation'})
- this.backbutton = elation.ui.button({append: this.navigation, label: '◀', events: { click: elation.bind(this.janusweb, this.janusweb.navigateBack) } });
- this.homebutton = elation.ui.button({append: this.navigation, label: '🏠', events: { click: elation.bind(this.janusweb, this.janusweb.navigateHome) } });
- this.urlbar = elation.janusweb.urlbar({
- append: this.navigation,
- label: '',
- value: this.janusweb.properties.url,
- janusweb: this.janusweb,
- client: this.client,
- events: {
- ui_input_accept: elation.bind(this, function(ev) { this.janusweb.setActiveRoom(ev.data); this.client.hideMenu(); this.player.enable(); }),
- focus: elation.bind(this, function(ev) { this.player.disable(); }),
- blur: elation.bind(this, function(ev) { this.player.enable(); }),
- }
- });
- }
-
- this.createUI3D = function() {
- var nav3d = this.janusweb.spawn('generic', 'janusweb_navigation_3d', { position: [0,1,5] });
- this.navigation3d = elation.ui.panel3d({append3d: nav3d, panelorientation: 'horizontal', classname: 'janusweb_ui_navigation'})
-
- this.backbutton3d = elation.ui.button3d({append3d: this.navigation3d, label: '◀', events: { click: elation.bind(this.janusweb, this.janusweb.navigateBack) } });
- this.forwardbutton3d = elation.ui.button3d({append3d: this.navigation3d, label: '▶', events: { click: elation.bind(this.janusweb, this.janusweb.navigateForward) } });
- this.homebutton3d = elation.ui.button3d({append3d: this.navigation3d, label: '🏠', events: { click: elation.bind(this.janusweb, this.janusweb.navigateHome) } });
- }
- this.enable = function() {
- elation.janusweb.ui.navigation.extendclass.enable.call(this);
- this.navigation.enable();
- }
- this.disable = function() {
- elation.janusweb.ui.navigation.extendclass.disable.call(this);
- this.navigation.disable();
- }
- }, elation.ui.base);
-
- /* base3d */
- elation.component.add('ui.base3d', function() {
- this.init = function() {
- var append3d = this.args.append3d;
- if (append3d.sceneobj) append3d = append3d.sceneobj;
- this.style = new elation.ui.style3d();
-
- if (append3d) {
- this.engine = append3d.engine;
- this.client = this.engine.client;
- this.sceneobj = this.create();
- if (this.sceneobj) {
- append3d.add(this.sceneobj);
- }
- }
- }
- this.create = function() {
- }
- this.dimensions = function() {
- if (this.sceneobj) {
- var bounds = this.sceneobj.getBoundingBox();
- }
- }
- }, elation.ui.base);
-
- /* panel */
- elation.component.add('ui.panel3d', function() {
- this.init = function() {
- elation.ui.panel3d.extendclass.init.call(this);
- }
- this.create = function() {
- return elation.engine.things.ui_panel({engine: this.client.engine, client: this.client, properties: this.args, id: Math.floor(Math.random() * 1e10), events: this.events});
- }
- }, elation.ui.base3d);
- elation.component.add('engine.things.ui_panel', function() {
- this.postinit = function() {
- elation.engine.things.ui_panel.extendclass.postinit.call(this);
- this.defineProperties({
- panelorientation: { type: 'string', default: 'vertical' }
- });
- elation.events.add(this, 'thing_add', elation.bind(this, this.update));
- }
- this.createObject3D = function() {
- var box = new THREE.BoxGeometry(1,1,1);
- var mat = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true});
- var bbox = new THREE.Mesh(box, mat);
-
- this.geometry = box;
-
- var obj = new THREE.Object3D();
- obj.add(bbox);
- bbox.visible = false;
- return obj;
- }
- this.update = function() {
- var offset = [0,0,0];
- var size = new THREE.Vector3();
- var bounds = new THREE.Box3();
-
- // Use the 3d object's children since it's a regular array, in order of insertion
- for (var i = 0; i < this.objects['3d'].children.length; i++) {
- if (!this.objects['3d'].children[i].userData || !this.objects['3d'].children[i].userData.thing) continue;
- var child = this.objects['3d'].children[i].userData.thing;
- var dims = child.getBoundingBox();
- dims.size(size);
- child.position.x = offset[0];
- child.position.y = offset[1];
- child.position.z = offset[2];
-
- if (this.panelorientation == 'horizontal') {
- offset[0] += size.x;
- } else if (this.panelorientation == 'vertical') {
- offset[1] -= size.y;
- } else if (this.panelorientation == 'depth') {
- offset[2] += size.z;
- }
-
- var dims = child.getBoundingBox();
- bounds.expandByPoint(dims.min);
- bounds.expandByPoint(dims.max);
- }
- var worldpos = this.localToWorld(new THREE.Vector3(0,0,0));
- bounds.min.sub(worldpos);
- bounds.max.sub(worldpos);
- bounds.size(size);
- //this.objects['3d'].scale.set(size.x, size.y, size.z);
-
- this.geometry.vertices[0].set(bounds.max.x, bounds.max.y, bounds.max.z);
- this.geometry.vertices[1].set(bounds.max.x, bounds.max.y, bounds.min.z);
- this.geometry.vertices[2].set(bounds.max.x, bounds.min.y, bounds.max.z);
- this.geometry.vertices[3].set(bounds.max.x, bounds.min.y, bounds.min.z);
- this.geometry.vertices[4].set(bounds.min.x, bounds.max.y, bounds.min.z);
- this.geometry.vertices[5].set(bounds.min.x, bounds.max.y, bounds.max.z);
- this.geometry.vertices[6].set(bounds.min.x, bounds.min.y, bounds.min.z);
- this.geometry.vertices[7].set(bounds.min.x, bounds.min.y, bounds.max.z);
-
- if (this.geometry.boundingBox) {
- this.geometry.boundingBox.copy(bounds);
- } else {
- this.geometry.boundingBox = bounds;
- }
- }
- }, elation.engine.things.generic);
-
- /* button */
- elation.component.add('ui.button3d', function() {
- this.create = function() {
- return elation.engine.things.ui_button({engine: this.client.engine, client: this.client, properties: this.args, id: Math.floor(Math.random() * 1e10), events: this.events});
- }
- }, elation.ui.base3d);
- elation.component.add('engine.things.ui_button', function() {
- this.postinit = function() {
- elation.engine.things.ui_panel.extendclass.postinit.call(this);
- this.defineProperties({
- label: { type: 'string', default: '' },
- fontSize: { type: 'integer', default: 512 },
- font: { type: 'string', default: 'Open Sans Regular' },
- });
- elation.events.add(this, 'mouseover,mouseout,mousedown,mouseup,click', this);
- }
- this.createObject3D = function() {
- var box = new THREE.BoxGeometry(1,0.5,0.1);
- box.applyMatrix(new THREE.Matrix4().makeTranslation(0,0,.05));
- var mat = new THREE.MeshBasicMaterial({color: 0x0000ff, wireframe: true});
- var bbox = new THREE.Mesh(box, mat);
-
- var labelgen = this.getAssetWrapper();
- var label = labelgen.getLabel(this.label);
-
- var buttongeo = new THREE.BoxGeometry(0.8,.4,.1);
- var buttonmat = new THREE.MeshPhongMaterial({color: 0x999999, map: label});
- var sidemat = new THREE.MeshPhongMaterial({color: 0x999999});
- var button = new THREE.Mesh(buttongeo, new THREE.MeshFaceMaterial([sidemat, sidemat, sidemat, sidemat, buttonmat, sidemat]));
-
- this.geometry = buttongeo;
- this.material = buttonmat;
-
- var obj = new THREE.Object3D();
- bbox.visible = false;
- obj.add(bbox);
- obj.add(button);
-
- return obj;
- }
- this.createChildren = function() {
- }
- this.createForces = function() {
- this.geometry.computeBoundingBox();
- this.setCollider('box', this.geometry.boundingBox);
- }
-
- this.mouseover = function() {
- this.material.color.setHex(0xccffcc);
- }
- this.mouseout = function() {
- this.material.color.setHex(0x999999)
- }
- this.mousedown = function() {
-alert('e');
- this.scale.z = 0.5;
- }
- this.mouseup = function() {
- this.scale.z = 1.0;
- }
- this.getAssetWrapper = function() {
- var color = (this.properties.color instanceof THREE.Color ? this.properties.color : new THREE.Color(this.properties.color));
- if (!this.labelgen) {
- var genname = ['label2d', this.font, this.fontSize, color.getHexString()].join('_');
- var asset = elation.engine.assets.find('labelgen', genname);
- if (!asset) {
- asset = elation.engine.assets.get({
- assettype: 'labelgen',
- assetname: genname,
- color: '#' + color.getHexString(),
- font: this.font,
- fontSize: this.fontSize,
- outlineSize: 0
- });
- }
- this.labelgen = asset;
- }
- return this.labelgen;
- }
- }, elation.engine.things.generic);
-
- elation.define('ui.style3d', {
- margin: function() { },
- marginLeft: 0,
- marginRight: 0,
- marginTop: 0,
- marginBottom: 0,
- marginFront: 0,
- marginBack: 0,
-
- padding: function() { },
- paddingLeft: 0,
- paddingRight: 0,
- paddingTop: 0,
- paddingBottom: 0,
- paddingFront: 0,
- paddingBack: 0,
-
- width: 'auto',
- height: 'auto',
- depth: 'auto',
-
- border: function() { },
- borderWidth: 0,
- borderColor: 0xffffff,
- borderStyle: 'solid',
- borderRadius: 0,
-
- background: function() { },
- backgroundColor: 'trans',
- backgroundImage: null,
- });
-});
diff --git a/scripts/urlbar.js b/scripts/urlbar.js
deleted file mode 100644
index 593a2b582813a79b1422590364cfc3807d9a09f0..0000000000000000000000000000000000000000
--- a/scripts/urlbar.js
+++ /dev/null
@@ -1,93 +0,0 @@
-elation.require(['ui.input'], function() {
- elation.requireCSS('janusweb.urlbar');
-
- elation.component.add('janusweb.urlbar', function() {
- this.create = function() {
- this.janusweb = this.args.janusweb;
- this.client = this.args.client;
-
- this.indicator = elation.ui.indicator({ append: this, state: 'ready' });
- this.addclass('janusweb_urlbar');
-
- if (this.container instanceof HTMLInputElement) {
- this.inputelement = this.container;
- } else {
- var inputs = elation.find('input', this.container);
- if (inputs.length > 0) {
- this.inputelement = inputs[0];
- } else {
- this.inputelement = elation.html.create({tag: 'input', append: this.container});
- if (this.args.type) {
- this.inputelement.type = this.args.type;
- }
- }
- }
-
- this.progress = elation.ui.progressbar({ append: this, value: 0, classname: 'janusweb_urlbar_progress' });
- this.progress.hide();
-
- if (this.args.id) {
- this.inputelement.id = this.args.id;
- }
-
- elation.events.add(this.janusweb, 'room_change', elation.bind(this, this.updateCurrentURL));
- }
- this.updateCurrentURL = function() {
- this.value = this.janusweb.url;
- var room = this.janusweb.currentroom;
- elation.events.add(room, 'room_load_queued', elation.bind(this, this.updateStatus, 'queued'));
- elation.events.add(room, 'room_load_start', elation.bind(this, this.updateStatus, 'downloading'));
- elation.events.add(room, 'room_load_processing', elation.bind(this, this.updateStatus, 'processing'));
- elation.events.add(room, 'room_load_processed', elation.bind(this, this.updateRoomAssets));
- elation.events.add(room, 'room_load_complete', elation.bind(this, this.updateStatus, 'complete'));
-
- elation.events.add(room, 'room_load_progress', elation.bind(this, this.updateProgress));
-
- elation.events.add(room, 'room_add_asset', elation.bind(this, this.roomAddAsset));
- this.loading = {};
- this.progress.set(0);
- this.progress.show();
- }
- this.updateStatus = function(status, ev) {
- }
- this.updateRoomAssets = function(ev) {
- this.updateStatus('processed');
- var room = this.janusweb.currentroom;
- var assets = room.getActiveAssets();
- for (var type in assets) {
- for (var id in assets[type]) {
- var asset = assets[type][id];
- elation.events.add(asset, 'asset_load_progress', elation.bind(this, this.updateProgress));
- }
- }
- }
- this.roomAddAsset = function(ev) {
- var room = this.janusweb.currentroom;
- var asset = ev.data;
-
- if (!this.loading[asset.src]) {
- elation.events.add(asset, 'asset_load_progress', elation.bind(this, this.updateProgress));
- }
- }
- this.updateProgress = function(ev) {
- //console.log('room had some progress', this.loading);
- var progress = ev.data;
-
- var url = progress.src;
- if (!this.loading[url]) {
- this.loading[url] = progress;
- }
- this.loading[url].loaded = progress.loaded;
-
- var loaded = 0, total = 0, count = 0;
- for (var k in this.loading) {
- count++;
- loaded += this.loading[k].loaded;
- total += this.loading[k].total;
- }
- var percent = loaded / total;
- //console.log('room had some progress', count + ' files, ' + loaded + ' / ' + total + ' bytes, ' + percent.toFixed(2) + '%', url);
- this.progress.set(percent);
- }
- }, elation.ui.input);
-});
diff --git a/templates/janusweb.tpl b/templates/janusweb.tpl
deleted file mode 100644
index 7c5256ee2a039192c3cdeb1b9bceaaeae54e4001..0000000000000000000000000000000000000000
--- a/templates/janusweb.tpl
+++ /dev/null
@@ -1,3 +0,0 @@
-{dependency name="janusweb.client"}
-<div data-elation-component="janusweb.client" data-elation-args.homepage="http://www.janusvr.com/index.html" id="default"></div>
-{set var="page.title"}JanusWeb{/set}
-----END OF PAGE-----
-- Response ended
-- Page fetched on Sun Jun 2 14:32:17 2024