rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Added pop-out Canopy Panels.

Browse source 
Also added un-pin button to pinned Canopy Panel
This commit is contained in:
rainbownapkin 2024-11-16 12:34:24 -05:00
parent 9a17dc5c86
commit 3c185b4e28
10 changed files with 213 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/controllers/panel/placeholder.js → src/controllers/panel/placeholderController.js
View file

23
src/controllers/panel/popoutContainerController.js Normal file
View file

@ -0,0 +1,23 @@
/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024 Rainbownapkin and the TTN Community
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
//config
const config = require('../../../config.json');
//popout panel container functions
module.exports.get = async function(req, res){
res.render('panels/popoutContainer', {instance: config.instanceName});
}

4
src/routers/panelRouter.js
View file

@ -19,12 +19,14 @@ const { Router } = require('express');
//local imports
const placeholderController = require("../controllers/panel/placeholder");
const placeholderController = require("../controllers/panel/placeholderController");
const popoutContainerController = require("../controllers/panel/popoutContainerController");
//globals
const router = Router();
//routing functions
router.get('/placeholder', placeholderController.get);
router.get('/popoutContainer', popoutContainerController.get);
module.exports = router;

6
src/views/channel.ejs
View file

@ -19,6 +19,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.-->
<head>
<%- include('partial/styles', {instance, user}); %>
<link rel="stylesheet" type="text/css" href="/css/channel.css">
<link rel="stylesheet" type="text/css" href="/css/panel.css">
<title><%= instance %> - *DISCONNECTED*</title>
</head>
<body>
@ -69,9 +70,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.-->
<div class="chat-panel" id="chat-panel-main-div">
<div class="active-cpanel cpanel-div" id="cpanel-active-div">
<div class="active-cpanel cpanel-header-div" id="cpanel-active-header-div">
<i class="active-cpanel cpanel-header-icon cpanel-pin-icon bi-pin-angle-fill" id="cpanel-active-pin-icon"></i>
<p class="active-cpanel cpanel-title" id="cpanel-active-title">NULL PANEL</p>
<span class="active-cpanel cpanel-title-spacer" id="cpanel-active-title-spacer"></span>
<i class="active-cpanel cpanel-header-icon cpanel-pin-icon bi-pin-angle-fill" id="cpanel-active-pin-icon"></i>
<i class="active-cpanel cpanel-header-icon cpanel-popout-icon bi-window-stack" id="cpanel-active-popout-icon"></i>
<i class="active-cpanel cpanel-header-icon cpanel-close-icon bi-x" id="cpanel-active-close-icon"></i>
</div>
<div class="active-cpanel cpanel-doc" id="cpanel-active-doc">
@ -79,8 +81,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.-->
</div>
<div class="pinned-cpanel cpanel-div" id="cpanel-pinned-div">
<div class="pinned-cpanel cpanel-header-div" id="cpanel-pinned-header-div">
<i class="pinned-cpanel cpanel-header-icon cpanel-unpin-icon bi-pin-fill" id="cpanel-pinned-unpin-icon"></i>
<p class="pinned-cpanel cpanel-title" id="cpanel-pinned-title">NULL PANEL</p>
<span class="pinned-cpanel cpanel-title-spacer" id="cpanel-pinned-title-spacer"></span>
<i class="pinned-cpanel cpanel-header-icon cpanel-popout-icon bi-window-stack" id="cpanel-pinned-popout-icon"></i>
<i class="pinned-cpanel cpanel-header-icon cpanel-close-icon bi-x" id="cpanel-pinned-close-icon"></i>
</div>
<div class="pinned-cpanel cpanel-doc" id="cpanel-pinned-doc">

35
src/views/panels/popoutContainer.ejs Normal file
View file

@ -0,0 +1,35 @@
<!--Canopy - The next generation of stoner streaming software
Copyright (C) 2024 Rainbownapkin and the TTN Community
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.-->
<!DOCTYPE html>
<html>
<head>
<%- include('../partial/styles'); %>
<link rel="stylesheet" type="text/css" href="/css/panel.css">
<title><%= instance %> - NULL_POPOUT</title>
</head>
<body>
<div class="cpanel-div" id="cpanel-div">
<div class="cpanel-header-div" id="cpanel-header-div">
<i class="cpanel cpanel-header-icon cpanel-pin-icon bi-pin-angle-fill" id="cpanel-pin-icon"></i>
<p class="cpanel-title" id="cpanel-title">NULL PANEL</p>
<span class="cpanel-title-spacer" id="cpanel-title-spacer"></span>
<i class="cpanel cpanel-header-icon cpanel-popin-icon bi-window-split" id="cpanel-popin-icon"></i>
</div>
<div class="cpanel-doc" id="cpanel-doc">
</div>
</div>
</body>
</html>