From 7c5246d8d3969c82f0ef1e2f460b4fb88b4264ce Mon Sep 17 00:00:00 2001
From: Zequez <zequez@gmail.com>
Date: Mon, 11 Jul 2016 00:18:23 -0300
Subject: [PATCH] Added official app banner

---
 app/assets/javascripts/application.js         |  1 +
 .../javascripts/official_app_banner.js.coffee | 14 ++++++++++++++
 app/assets/stylesheets/application.sass       |  2 ++
 .../stylesheets/official_app_banner.sass      | 19 +++++++++++++++++++
 app/views/layouts/application.html.haml       |  5 +++++
 5 files changed, 41 insertions(+)
 create mode 100644 app/assets/javascripts/official_app_banner.js.coffee
 create mode 100644 app/assets/stylesheets/official_app_banner.sass

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 0cf9567..ee189d2 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -17,4 +17,5 @@
 //= require nprogress
 //= require nprogress-turbolinks
 //= require mods
+//= require official_app_banner
 //= require_tree ./inputs
diff --git a/app/assets/javascripts/official_app_banner.js.coffee b/app/assets/javascripts/official_app_banner.js.coffee
new file mode 100644
index 0000000..e85535c
--- /dev/null
+++ b/app/assets/javascripts/official_app_banner.js.coffee
@@ -0,0 +1,14 @@
+banner = document.getElementById('official-app-banner')
+button = banner.querySelector('button')
+
+
+showBanner = -> banner.style.display = 'block'
+hideBanner = -> banner.style.display = 'none'
+
+timeSinceLastDismissed = new Date().valueOf() - localStorage['dismissed-banner']
+
+if !localStorage['dismissed-banner'] or timeSinceLastDismissed > 1000*60*60 # 1 hour
+  showBanner()
+  button.addEventListener 'click', ->
+    localStorage['dismissed-banner'] = new Date().valueOf()
+    hideBanner()
diff --git a/app/assets/stylesheets/application.sass b/app/assets/stylesheets/application.sass
index 6471ee5..1266b24 100644
--- a/app/assets/stylesheets/application.sass
+++ b/app/assets/stylesheets/application.sass
@@ -46,6 +46,8 @@
 @import "static"
 @import "errors"
 
+@import "official_app_banner"
+
 $nprogress-color: $color-orange
 $nprogress-height: 5px
 $nprogress-zindex: 10100
diff --git a/app/assets/stylesheets/official_app_banner.sass b/app/assets/stylesheets/official_app_banner.sass
new file mode 100644
index 0000000..d107ffa
--- /dev/null
+++ b/app/assets/stylesheets/official_app_banner.sass
@@ -0,0 +1,19 @@
+#official-app-banner
+  display: none
+  position: absolute
+  left: 0
+  right: 0
+  padding: $base-line-size 0
+  background: rgba($color-orange, 0.75)
+  box-shadow: 0 5px 15px rgba(#000, 0.5)
+  text-align: center
+  font-size: $font-x-larger
+  line-height: $base-line-size*2
+  color: white
+  text-shadow: 0 2px 0 rgba(#000, 0.8)
+  z-index: 9999
+  a
+    color: $color-blue
+  button
+    padding: $base-line-size/2
+    background: $color-blue
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index 8a9aa4b..984a65c 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -8,6 +8,11 @@
     %link(rel="shortcut icon" href="/favicon.ico?v=2")
     = render partial: 'layouts/google_analytics'
   %body{class: body_controller_classes}
+    #official-app-banner
+      Hey! The official Factorio mods app is up and running!<br/>
+      Stop using this one and go to <a href="http://mods.factorio.com">http://mods.factorio.com</a><br/>
+      This app will be decomissioned soon! Thanks for your support!<br/>
+      <button class='btn'>I understand, hide this message</button>
     .page-wrap
       .container
         = render partial: 'layouts/header'