Merge pull request #11 from fukajun/menu-bar

Add heaeer and quit button
fukajun · Mar 26, 2016 · 467e857 · 467e857
2 parents bf968a5 + 88842fc
commit 467e857
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,8 @@
 <script src='index.js'></script>
 
 </head>
-<body>
+<body class='245app'>
+  <div class='header'><i class='js-quit-icon flaticon-powerbuttons'></i></div>
   <webview id='webview' src='http://245cloud.com/' preload='./preload.js'></webview>
 </body>
 </html>
diff --git a/source/index.js b/source/index.js
@@ -1,7 +1,14 @@
+import { ipcRenderer } from 'electron';
 //
 // Renderer
 
 document.addEventListener("DOMContentLoaded", ()=> {
+  var quitIcon = document.querySelector('.js-quit-icon')
+  quitIcon.addEventListener('click', ()=> {
+    if(!confirm('終了しますか？')) {
+      return
+    }
+    ipcRenderer.send('quit')
+  })
   console.log('init')
-  // Nothing to do
 })
diff --git a/stylesheets/app.css b/stylesheets/app.css
@@ -1,6 +1,13 @@
 body {
-  padding-top: 30px;
   background-color: #f5f5f5;
   font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
   margin: 0;
 }
+
+.header {
+  background-color: #eadba0;
+  color: #337ab7;
+  padding: 10px;
+  height: 15px;
+  text-align: right;
+}