diff --git a/app/components/index/sponsorkliks-alert.js b/app/components/index/sponsorkliks-alert.js new file mode 100644 index 000000000..eb7649e4a --- /dev/null +++ b/app/components/index/sponsorkliks-alert.js @@ -0,0 +1,11 @@ +import Component from '@glimmer/component'; + +export default class SponsorkliksAlertComponent extends Component { + extensionInstalled = document.documentElement.dataset.sponsorkliksExtension === '1'; + + isFirefox = typeof InstallTrigger !== 'undefined'; + + isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime); + + showAlert = !this.extensionInstalled && (this.isFirefox || this.isChrome) +} diff --git a/app/templates/components/index/sponsorkliks-alert.hbs b/app/templates/components/index/sponsorkliks-alert.hbs new file mode 100644 index 000000000..6a44f499a --- /dev/null +++ b/app/templates/components/index/sponsorkliks-alert.hbs @@ -0,0 +1,23 @@ +{{#if showAlert}} +
+ We hebben een supertoffe chrome/firefox extensie voor onze C.S.V. Alpha Sponsorkliks.
+ Hoe werkt dat? Heel simpel, jij installeert de extensie en als je wat koopt bij verschillende webshops verdient Alpha er ook nog wat aan. + De uitgebreide uitleg vind je hier. + +

+ + {{#if isFirefox}} + + Klik hier om de Firefox extensie te installeren. + + + {{/if}} + {{#if isChrome}} + + Klik hier om de Chrome extensie te installeren. + + {{/if}} + +

Dit blok verdwijnt automatisch als je de extensie installeert. +
+{{/if}} \ No newline at end of file diff --git a/app/templates/index/authenticated.hbs b/app/templates/index/authenticated.hbs index 8472ad263..4005c7b01 100644 --- a/app/templates/index/authenticated.hbs +++ b/app/templates/index/authenticated.hbs @@ -24,6 +24,11 @@ +
+ +
+ +