misc/slidetogether
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add solo button

Browse Source
This commit is contained in:
Ian Gulliver
2020-11-25 22:41:05 +00:00
parent d7495aa83b
commit 82da61bd86
4 changed files with 112 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
main.go
View File

@@ -20,21 +20,22 @@ import (
)
type activeRequest struct {
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
ClientId string `json:"client_id"`
Active bool `json:"active"`
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
ClientId string `json:"client_id"`
Active bool `json:"active"`
Solo bool `json:"solo"`
}
type adminRequest struct {
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
ClientId string `json:"client_id"`
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
ClientId string `json:"client_id"`
}
type resetRequest struct {
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
RoomId string `json:"room_id"`
AdminSecret string `json:"admin_secret"`
}
type announceRequest struct {
@@ -61,11 +62,11 @@ type removeRequest struct {
}
type client struct {
ClientId string `json:"client_id"`
Name string `json:"name"`
Admin bool `json:"admin"`
Active bool `json:"active"`
ActiveStart int64 `json:"active_start"`
ClientId string `json:"client_id"`
Name string `json:"name"`
Admin bool `json:"admin"`
Active bool `json:"active"`
ActiveStart int64 `json:"active_start"`
room *room
lastSeen time.Time
@@ -94,10 +95,10 @@ type controlEvent struct {
}
type room struct {
roomId string
timerStart time.Time
clientById map[string]*client
present map[*presentState]bool
roomId string
timerStart time.Time
clientById map[string]*client
present map[*presentState]bool
}
type presentState struct {
@@ -212,7 +213,7 @@ func active(w http.ResponseWriter, r *http.Request) {
return
}
c.Active = req.Active
c.Active = req.Active || req.Solo
if c.Active {
c.ActiveStart = time.Now().Unix()
} else {
@@ -222,6 +223,22 @@ func active(w http.ResponseWriter, r *http.Request) {
rm.sendAdminEvent(&adminEvent{
Client: c,
})
if req.Solo {
for _, iter := range rm.clientById {
if iter == c {
continue
}
if iter.Active {
iter.Active = false
iter.ActiveStart = 0
iter.update()
rm.sendAdminEvent(&adminEvent{
Client: iter,
})
}
}
}
}
func admin(w http.ResponseWriter, r *http.Request) {
@@ -476,9 +493,9 @@ func (c *client) remove() {
func (c *client) update() {
e := &event{
StandardEvent: &standardEvent{
Active: c.Active,
Active: c.Active,
ActiveStart: c.ActiveStart,
TimerStart: c.room.timerStart.Unix(),
TimerStart: c.room.timerStart.Unix(),
},
}
if c.Admin {
@@ -489,10 +506,10 @@ func (c *client) update() {
func newRoom(roomId string) *room {
return &room{
roomId: roomId,
timerStart: time.Now(),
clientById: map[string]*client{},
present: map[*presentState]bool{},
roomId: roomId,
timerStart: time.Now(),
clientById: map[string]*client{},
present: map[*presentState]bool{},
}
}
@@ -514,8 +531,8 @@ func (rm *room) getClient(clientId string) *client {
c := rm.clientById[clientId]
if c == nil {
c = &client{
ClientId: clientId,
room: rm,
ClientId: clientId,
room: rm,
}
rm.clientById[clientId] = c

3
static/remote.css
View File

@@ -42,7 +42,8 @@ tfoot tr {
}
.admin,
.active {
.active,
.solo {
cursor: pointer;
opacity: 0.3;
user-select: none;

33
static/remote.js
View File

@@ -166,6 +166,7 @@ function renderAdmin(roomId, adminSecret, prnt, es) {
create(head1, "th", "Active Time");
create(head1, "th", "👑");
create(head1, "th", "👆");
create(head1, "th", "🌟");
const body = create(table, "tbody");
const rows = new Map();
es.addEventListener("open", () => {
@@ -188,6 +189,7 @@ function renderAdmin(roomId, adminSecret, prnt, es) {
}
row = document.createElement("tr");
row.dataset.name = client.name;
row.dataset.active = client.active ? "active" : "";
row.dataset.activeStart = client.active_start;
let before = null;
for (const iter of body.children) {
@@ -211,9 +213,19 @@ function renderAdmin(roomId, adminSecret, prnt, es) {
});
const activeCell = create(row, "td", "👆", client.active ? ["active", "enable"] : ["active"]);
activeCell.addEventListener("click", () => {
active(roomId, adminSecret, client.client_id, !activeCell.classList.contains("enable"));
active(roomId, adminSecret, client.client_id, !activeCell.classList.contains("enable"), false);
});
const soloCell = create(row, "td", "🌟", ["solo"]);
soloCell.addEventListener("click", () => {
if (soloCell.classList.contains("enable")) {
active(roomId, adminSecret, client.client_id, false, false);
}
else {
active(roomId, adminSecret, client.client_id, true, true);
}
});
rows.set(client.client_id, row);
setSolo(rows);
});
setInterval(() => {
const now = new Date();
@@ -227,12 +239,29 @@ function renderAdmin(roomId, adminSecret, prnt, es) {
}
}, 250);
}
function active(roomId, adminSecret, clientId, val) {
function setSolo(rows) {
let activeCount = 0;
for (const row of rows.values()) {
if (row.dataset.active === "active") {
activeCount++;
}
}
for (const row of rows.values()) {
if (activeCount === 1 && row.dataset.active === "active") {
row.children[4].classList.add("enable");
}
else {
row.children[4].classList.remove("enable");
}
}
}
function active(roomId, adminSecret, clientId, val, solo) {
const req = {
room_id: roomId,
admin_secret: adminSecret,
client_id: clientId,
active: val,
solo,
};
fetch("api/active", {
method: "POST",

37
static/remote.ts
View File

@@ -3,6 +3,7 @@ interface ActiveRequest {
admin_secret: string;
client_id: string;
active: boolean;
solo: boolean;
}
interface AdminRequest {
@@ -267,6 +268,7 @@ function renderAdmin(roomId: string, adminSecret: string, prnt: HTMLElement, es:
create(head1, "th", "Active Time");
create(head1, "th", "👑");
create(head1, "th", "👆");
create(head1, "th", "🌟");
const body = create(table, "tbody");
@@ -298,6 +300,7 @@ function renderAdmin(roomId: string, adminSecret: string, prnt: HTMLElement, es:
row = document.createElement("tr") as HTMLTableRowElement;
row.dataset.name = client.name;
row.dataset.active = client.active ? "active" : "";
row.dataset.activeStart = client.active_start;
let before = null;
@@ -325,10 +328,21 @@ function renderAdmin(roomId: string, adminSecret: string, prnt: HTMLElement, es:
const activeCell = create(row, "td", "👆", client.active ? ["active", "enable"] : ["active"]) as HTMLTableCellElement;
activeCell.addEventListener("click", () => {
active(roomId, adminSecret, client.client_id, !activeCell.classList.contains("enable"));
active(roomId, adminSecret, client.client_id, !activeCell.classList.contains("enable"), false);
});
const soloCell = create(row, "td", "🌟", ["solo"]) as HTMLTableCellElement;
soloCell.addEventListener("click", () => {
if (soloCell.classList.contains("enable")) {
active(roomId, adminSecret, client.client_id, false, false);
} else {
active(roomId, adminSecret, client.client_id, true, true);
}
});
rows.set(client.client_id, row);
setSolo(rows);
});
setInterval(() => {
@@ -345,12 +359,31 @@ function renderAdmin(roomId: string, adminSecret: string, prnt: HTMLElement, es:
}, 250);
}
function active(roomId: string, adminSecret: string, clientId: string, val: boolean) {
function setSolo(rows: Map<string, HTMLTableRowElement>) {
let activeCount = 0;
for (const row of rows.values()) {
if (row.dataset.active === "active") {
activeCount++;
}
}
for (const row of rows.values()) {
if (activeCount === 1 && row.dataset.active === "active") {
row.children[4].classList.add("enable");
} else {
row.children[4].classList.remove("enable");
}
}
}
function active(roomId: string, adminSecret: string, clientId: string, val: boolean, solo: boolean) {
const req: ActiveRequest = {
room_id: roomId,
admin_secret: adminSecret,
client_id: clientId,
active: val,
solo,
};
fetch("api/active", {