os detect download links

easteregg · Jul 10, 2019 · 08ed5f0 · 08ed5f0
1 parent 4bad133
commit 08ed5f0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/javascript/static/pages/platforms.js b/src/javascript/static/pages/platforms.js
@@ -3,6 +3,7 @@ const isIndonesia    = require('../../app/common/country_base').isIndonesia;
 const getElementById = require('../../_common/common_functions').getElementById;
 const TabSelector    = require('../../_common/tab_selector');
 const isBinaryApp    = require('../../config').isBinaryApp;
+const { OSDetect }   = require('../../_common/os_detect')
 
 const os_list = [
     {
@@ -47,6 +48,18 @@ const Platforms = (() => {
             .then(gridapp => {
                 $('.download-grid-app').attr('href', `https://grid.binary.me/download/${gridapp.name}`);
             });
+        const os = OSDetect();
+        const desktop_button = document.querySelector('.desktop-download-grid-app');
+        const android_app = document.querySelector('.android-download-grid-app');
+        if (os === 'ios') {
+            const ios_message = document.querySelector('.ios-download-grid-app');
+            ios_message.classList.remove('invisible');
+            desktop_button.classList.add('invisible');
+            android_app.classList.add('invisible');
+        } else if (os === 'android') {
+            desktop_button.classList.add('invisible');
+        }
+
     };
 
     return {

diff --git a/src/templates/static/platforms.jsx b/src/templates/static/platforms.jsx
@@ -63,10 +63,11 @@ const PlatformsGridApp = ({
             <div className='gr-row'>
                 <div className='gr-12'>
                     <p>
-                        <a className='button-secondary download-grid-app'><span>{it.L('Download for Android')}</span></a>
+                        <a className='button-secondary android-download-grid-app download-grid-app'><span>{it.L('Download for Android')}</span></a>
+                        <span className='ios-download-grid-app invisible'>{it.L('iOS coming soon')}</span>
                         <span className='divider-sm' />
                         { url &&
-                            <a className='button-secondary mobile-hide' href={url} target={target || undefined} rel={/http/.test(url) ? 'noopener noreferrer' : undefined}><span>{button_text}</span></a>
+                            <a className='desktop-download-grid-app button-secondary mobile-hide' href={url} target={target || undefined} rel={/http/.test(url) ? 'noopener noreferrer' : undefined}><span>{button_text}</span></a>
                         }
                     </p>
                 </div>