mirror of
https://github.com/matrix-construct/construct
synced 2024-11-02 20:09:16 +01:00
142 lines
3.4 KiB
JavaScript
142 lines
3.4 KiB
JavaScript
/*
|
|
// Matrix Construct
|
|
//
|
|
// Copyright (C) Matrix Construct Developers, Authors & Contributors
|
|
// Copyright (C) 2016-2018 Jason Volk <jason@zemos.net>
|
|
//
|
|
// Permission to use, copy, modify, and/or distribute this software for any
|
|
// purpose with or without fee is hereby granted, provided that the above
|
|
// copyright notice and this permission notice is present in all copies. The
|
|
// full license for this software is available in the LICENSE file.
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
/**************************************
|
|
* DOM queries
|
|
*
|
|
* Operates on the room's DOM element. Be aware that if a room is not
|
|
* the current_room it has no DOM element. This means you can't ever
|
|
* save the elements through room changes because they'll go stale.
|
|
*
|
|
* TODO: needs cleanup
|
|
*/
|
|
|
|
room.dom = {};
|
|
|
|
room.dom.root = function()
|
|
{
|
|
let id = this.id;
|
|
let label = $("#charybdis_room").children("div.room").children("label[for='" + id + "']");
|
|
return $(label).parent();
|
|
};
|
|
|
|
room.dom.exists = function(root = $(this.dom.root()))
|
|
{
|
|
return $(root).length > 0;
|
|
};
|
|
|
|
room.dom.items = function(root = $(this.dom.root()))
|
|
{
|
|
return $(root).find("div.main").children("div.content").children("div.events");
|
|
};
|
|
|
|
room.dom.item = function(event_id, items = $(this.dom.items()))
|
|
{
|
|
return $(items).find("div.event > label[for='" + event_id + "']");
|
|
}
|
|
|
|
room.dom.zoom = function($event, event)
|
|
{
|
|
let event_id = event.event_id;
|
|
if(this.control.content.zoom == event_id)
|
|
{
|
|
delete this.control.content.zoom;
|
|
return;
|
|
}
|
|
|
|
this.control.content.zoom = event_id;
|
|
this.scroll.to.event(event_id);
|
|
};
|
|
|
|
room.dom.event_is_viewport = function(event_id)
|
|
{
|
|
return isElementInViewport($(this.dom.item(event_id)));
|
|
}
|
|
|
|
room.dom.timeline_is_viewport = function()
|
|
{
|
|
return this.timeline.map((event) => this.dom.event_is_viewport(event.event_id));
|
|
}
|
|
|
|
room.dom.timeline_in_viewport = function()
|
|
{
|
|
return this.timeline.filter((event) => this.dom.event_is_viewport(event.event_id));
|
|
}
|
|
|
|
room.dom.timeline_clicked = function(event, $index)
|
|
{
|
|
let explore = $(this.dom.root()).find(".main .explore");
|
|
if(!$(explore).is(":visible"))
|
|
this.dom.toggle_explore(event);
|
|
|
|
let open = (key) =>
|
|
{
|
|
if($(key).children("i").hasClass("fa-plus-square"))
|
|
$(key).click();
|
|
};
|
|
|
|
let seek = (timeline, index) =>
|
|
{
|
|
$(timeline).find("div.value > div.object > div.member > div.key .name").each((i, e) =>
|
|
{
|
|
if(parseInt($(e).text().trim()) != index)
|
|
return;
|
|
|
|
let key = $(e).parent();
|
|
open(key);
|
|
});
|
|
};
|
|
|
|
let content = $(explore).children("div.content");
|
|
$(content).find("div.object > div.member > div.key .name").each((i, e) =>
|
|
{
|
|
if($(e).text().trim() != "events")
|
|
return;
|
|
|
|
let key = $(e).parent();
|
|
open(key);
|
|
|
|
let events = $(key).parent();
|
|
$(events).find("div.object > div.member > div.key .name").each((i, e) =>
|
|
{
|
|
if($(e).text().trim() != "timeline")
|
|
return;
|
|
|
|
let key = $(e).parent();
|
|
open(key);
|
|
|
|
let timeline = $(key).parent();
|
|
seek(timeline, $index);
|
|
});
|
|
});
|
|
};
|
|
|
|
room.dom.refresh_explore = function(event)
|
|
{
|
|
let explore = $(this.dom.root()).find(".main div.explore");
|
|
let content = $(explore).children("div.content");
|
|
content.html("");
|
|
|
|
new explorer(this, content);
|
|
};
|
|
|
|
room.dom.toggle_explore = function(event)
|
|
{
|
|
this.control.show_explore = !this.control.show_explore;
|
|
|
|
let explore = $(this.dom.root()).find(".main .explore");
|
|
let content = $(explore).children(".content");
|
|
if($(content).html().trim().length == 0)
|
|
this.dom.refresh_explore();
|
|
};
|