From c3b703f3eeaeb92133a8b289349c0e57c1de5de1 Mon Sep 17 00:00:00 2001
From: Tzikas <niko.tzikas@gmail.com>
Date: Tue, 20 Jul 2021 17:40:28 -0400
Subject: [PATCH] minimize maxomize

---
 frontend/src/CowBell.js           |  72 +++++++++++++++++-
 frontend/src/components/NavBar.js |  23 +-----
 frontend/src/index.css            | 120 +++++++++++++++++++++++++++++-
 main.js                           |   2 +-
 package.json                      |   2 +-
 5 files changed, 192 insertions(+), 27 deletions(-)

diff --git a/frontend/src/CowBell.js b/frontend/src/CowBell.js
index 2838517..d3c0bbd 100644
--- a/frontend/src/CowBell.js
+++ b/frontend/src/CowBell.js
@@ -42,8 +42,12 @@ import io from 'socket.io-client'
 //Make connection to server just once on page load.
 import baseURL from './api/config'
 
+const remote = require('electron').remote;
 
 
+const win = remote.getCurrentWindow();
+console.log(remote, win)
+
 
 
 // TODO: Convert this into a reusable useSocket or something
@@ -209,8 +213,9 @@ const CowBell = ({ children }) => {
           return
         }
 
-        // console.log('post:', post, ' kiwi')
-
+        console.log('post:', post, ' kiwi')
+        const [yourBrowserWindow] = remote.BrowserWindow.getAllWindows();
+        console.log(yourBrowserWindow.isFocused(), ' in focused');
 
         _setPosts(function (posts) {
           let newPosts = { ...posts }
@@ -232,7 +237,11 @@ const CowBell = ({ children }) => {
         // console.log(pathname, last?.postId, 'pathname', pathname.split('/')[2], pathname.split('/')[2] === last?.postId, window.location)
 
         //You're in that chat room so don't notify
-        if (window.location.hash.split('/').pop() === last?.postId) {
+
+
+
+        if (window.location.hash.split('/').pop() === last?.postId && yourBrowserWindow.isFocused()) {
+          console.log('YOURE IN THE CHAT ROOM')
           return
         }
         // console.log(post.event, 'event')
@@ -554,6 +563,63 @@ const CowBell = ({ children }) => {
 
   return user ? (
     <TheContext.Provider value={context}>
+      <header id="titlebar">
+
+        <div className="buttons">
+          <div className="close">
+            <a onClick={() => {
+              console.log(process.platform)
+              process.platform === "darwin" ? win.hide() : win.minimize()
+            }} className="closebutton" href="#"><span><strong>x</strong></span></a>
+
+          </div>
+          <div className="minimize">
+            <a onClick={() => {
+              win.minimize()
+            }} className="minimizebutton" href="#"><span><strong>&ndash;</strong></span></a>
+
+          </div>
+          <div className="zoom">
+            <a onClick={() => {
+              console.log(win.fullScreen)
+              win.setFullScreen(!win.fullScreen)
+            }} className="zoombutton" href="#"><span><strong>+</strong></span></a>
+
+          </div>
+        </div>
+
+
+        {/* 
+        <button onClick={() => {
+          console.log(win);
+          // win.setPosition(0, 0, true)
+          win.hide()
+        }}>
+          Hidee </button>
+
+
+        <button onClick={() => {
+          console.log(win);
+          // win.setPosition(0, 0, true)
+          win.minimize()
+        }}>
+          Minimize </button>
+
+
+        <button onClick={() => {
+          console.log(win);
+          // win.setPosition(0, 0, true)
+          win.setFullScreen(true);
+        }}>
+          Max </button>
+
+        <button onClick={() => {
+          console.log(win);
+          // win.setPosition(0, 0, true)
+          win.setFullScreen(false);
+        }}>
+          Back </button> */}
+      </header>
       <SideBar isInRoomRoute={isInRoomRoute} littleVideo={littleVideo} video={!isInRoomRoute && video} />
       <div style={style.container} className="container">
         <NavBar history={history} user={user} />
diff --git a/frontend/src/components/NavBar.js b/frontend/src/components/NavBar.js
index 3d78ece..9596c33 100644
--- a/frontend/src/components/NavBar.js
+++ b/frontend/src/components/NavBar.js
@@ -5,12 +5,8 @@ import Search from './Search'
 import TheContext from '../TheContext'
 import SideBar from './SideBar'
 import { version } from '../../../package.json'
-console.log(version, ' version number: ');
-const remote = require('electron').remote;
+console.log(version, ' version number: ', process);
 
-
-const win = remote.getCurrentWindow();
-console.log(remote, win)
 // sound.play(path.join(__dirname, "resources/cowbell.wav"))
 
 
@@ -51,22 +47,7 @@ export function NavBar({ user }) {
   // console.log('chat room ==> ', pathname.split('/').pop() === lobby_id ? 'lobby' : pathname)
 
   return (<>
-    <header id="titlebar">
-      <button onClick={() => {
-        console.log(win);
-        // win.setPosition(0, 0, true)
-        win.hide()
-      }}>
-        Hidee </button>
-
-
-      <button onClick={() => {
-        console.log(win);
-        // win.setPosition(0, 0, true)
-        win.minimize()
-      }}>
-        Minimize </button>
-    </header>
+
     <nav className="top-nav">
 
 
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 48a59e5..e90f4b3 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1745,6 +1745,7 @@ i.icon{
 }
 .ui.inverted.vertical.labeled.icon.ui.overlay.left.visible.sidebar.style-3.menu{
   overflow-x:hidden;
+  top: 28px;
 }
 
 .scrollathon{
@@ -1761,7 +1762,7 @@ i.icon{
 
 .open {
 
-  height:calc(100vh - 195px) !important;
+  height:calc(100vh - 225px) !important;
 
 }
 
@@ -2028,4 +2029,121 @@ ul.showPosts {
   display: block;
   display: inline;
   height: 200px;
+}
+
+
+
+header#titlebar{
+  display:flex;
+  background: #171717;
+  position: fixed;
+  width: 100%;
+}
+
+
+.button a:hover{
+}
+
+.button a {
+  color:black;
+}
+.button a strong{
+  color:black;
+}
+.buttons a{
+  outline:none;
+}
+.buttons {
+  display: flex;
+  width: 8rem;
+  justify-content: space-evenly;
+  align-items: center;
+  padding: .5rem .1rem;
+}
+
+.buttons:hover a {
+  visibility: visible;
+}
+
+.close {
+  background: #ff5c5c;
+  border: 1px solid #e33e41;
+  border-radius: 50%;
+  line-height: 11px;
+
+  display: inline-block;
+}
+
+.close:active {
+  background: #c14645;
+  border: 1px solid #b03537;
+}
+
+.close:active .closebutton {
+  color: #4e0002;
+}
+
+.closebutton {
+  color: #820005;
+  visibility: hidden;
+  cursor: default;
+}
+
+.minimize {
+  background: #ffbd4c;
+  
+  line-height: 11px;
+  
+  border: 1px solid #e09e3e;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.minimize:active {
+  background: #c08e38;
+  border: 1px solid #af7c33;
+}
+
+.minimize:active .minimizebutton {
+  color: #5a2607;
+}
+
+.minimizebutton {
+  color: #9a5518;
+  visibility: hidden;
+  cursor: default;
+}
+
+.zoom {
+  background: #00ca56;
+  
+  line-height: 11px;
+  
+  border: 1px solid #14ae46;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.zoom:active {
+  background: #029740;
+  border: 1px solid #128435;
+}
+
+.zoom:active .zoombutton {
+  color: #003107;
+}
+
+.zoombutton {
+  color: #006519;
+  visibility: hidden;
+  cursor: default;
+}
+
+.minimize, .close, .zoom {
+  display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    width: 14px;
+    height: 14px;
+    font-size: 9pt;
 }
\ No newline at end of file
diff --git a/main.js b/main.js
index 75d7607..2b95bea 100644
--- a/main.js
+++ b/main.js
@@ -243,7 +243,7 @@ function createJitsiMeetWindow() {
             webSecurity: true,
             preload: path.resolve(basePath, './build/preload.js')
         },
-        // frame: false
+        frame: false
     };
 
     mainWindow = new BrowserWindow(options);
diff --git a/package.json b/package.json
index b3aeacd..d70d814 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "CowBellClub",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "description": "Electron application for Cowbell Club",
   "main": "./build/main.js",
   "productName": "CowbellClub",