Add pin always on top button

a "might have" feature 😅
hackmdio · Mar 24, 2017 · 9aca856 · 9aca856
1 parent a0b4000
commit 9aca856
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/app.css b/app.css
@@ -78,3 +78,15 @@ navbar.unsupported {
 #navbar-container .control-buttons>*:hover {
 	color: #c1c1c1;
 }
+
+#navbar-container .control-buttons > .pin-window {
+  margin-right: 5px;
+  font-size: 0.9em;
+  padding-bottom: 2px;
+  transform: rotate(-45deg);
+  transition: transform .5s;
+}
+
+#navbar-container .control-buttons > .pin-window.pinned {
+  transform: rotate(0);
+}
diff --git a/index.html b/index.html
@@ -31,6 +31,7 @@ <h4 class="modal-title">Customize HackMD server</h4>
     <navbar>
       <div id="navbar-container">
         <div class="control-buttons">
+          <div class="pin-window"><i class="fa fa-map-pin" aria-hidden="true"></i></div>
           <div class="home">HOME</div>
           <div class="refresh">REFRESH</div>
           <div class="navigate-back" style="margin: 0 1em;">&#x3C;</div>

diff --git a/renderer.js b/renderer.js
@@ -1,5 +1,5 @@
 const { ipcRenderer, remote, clipboard } = require('electron')
-const { BrowserWindow, Menu } = remote
+const { Menu } = remote
 
 const os = remote.require('os')
 const path = remote.require('path')
@@ -88,21 +88,32 @@ window.onload = () => {
     }
 
     document.querySelector('#navbar-container .minimize-window').onclick = () => {
-      const win = BrowserWindow.getFocusedWindow()
+      const win = remote.getCurrentWindow()
       win.minimize()
     }
 
     document.querySelector('#navbar-container .toggle-window').onclick = () => {
-      const win = BrowserWindow.getFocusedWindow()
+      const win = remote.getCurrentWindow()
       if (win.isMaximized()) {
         win.unmaximize()
       } else {
         win.maximize()
       }
     }
 
+    $('#navbar-container .pin-window').click(function () {
+      const win = remote.getCurrentWindow()
+      if (win.isAlwaysOnTop()) {
+        win.setAlwaysOnTop(false)
+        $(this).removeClass('pinned')
+      } else {
+        win.setAlwaysOnTop(true)
+        $(this).addClass('pinned')
+      }
+    })
+
     document.querySelector('#navbar-container .close-window').onclick = () => {
-      const win = BrowserWindow.getFocusedWindow()
+      const win = remote.getCurrentWindow()
       win.close()
     }