Patching up IE warning

This commit is contained in:
Will Marshall
2014-06-19 15:18:14 +10:00
parent 24f147d81d
commit a4d12c4515
3 changed files with 32 additions and 26 deletions

View File

@@ -0,0 +1,5 @@
$( document ).ready(function() {
$("#closeie").click(function() {
$("#ie-warning").hide();
});
})

View File

@@ -18,32 +18,8 @@
%body.off-canvas{"ng-app" => "Darkswarm"}
/ [if lte IE 8]
.alert-box.alert#ie-warning{"data-alert" => ""}
.row.ie-msg
.small-4.large-2.columns
%i.ofn-i_012-warning
.small-8.large-10.columns
%h3 Your browser is out of date :-(
%p For the best Open Food Network experience, we strongly recommend upgrading your browser:
.row
.small-4.columns.browserbtn
%a.browserlogo{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"}
%img{src: "assets/browser-logos/chrome.png"}
%a{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"} Download Chrome
.small-4.columns.browserbtn
%a.browserlogo{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"}
%img{src: "assets/browser-logos/firefox.png"}
%a{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"} Download Firefox
.small-4.columns.browserbtn
%a.browserlogo{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"}
%img{src: "assets/browser-logos/internet-explorer.png"}
%a{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"} Upgrade Internet Explorer
.row.ie-msg
.small-12.large-12.columns
.text-center
%em Can't upgrade your browser? Try Open Food Network on your smartphone :-)
%a.close{href: "#"} ×
= render partial: "shared/ie_warning"
= javascript_include_tag "iehack"
= inject_json "currentHub", "current_hub"
= inject_json "currentOrder", "current_order"

View File

@@ -0,0 +1,25 @@
.alert-box.alert#ie-warning{"data-alert" => ""}
.row.ie-msg
.small-4.large-2.columns
%i.ofn-i_012-warning
.small-8.large-10.columns
%h3 Your browser is out of date :-(
%p For the best Open Food Network experience, we strongly recommend upgrading your browser:
.row
.small-4.columns.browserbtn
%a.browserlogo{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"}
%img{src: "assets/browser-logos/chrome.png"}
%a{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"} Download Chrome
.small-4.columns.browserbtn
%a.browserlogo{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"}
%img{src: "assets/browser-logos/firefox.png"}
%a{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"} Download Firefox
.small-4.columns.browserbtn
%a.browserlogo{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"}
%img{src: "assets/browser-logos/internet-explorer.png"}
%a{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"} Upgrade Internet Explorer
.row.ie-msg
.small-12.large-12.columns
.text-center
%em Can't upgrade your browser? Try Open Food Network on your smartphone :-)
%a#closeie.close{href: "#"} ×