added footer for pdf #780

quran · May 17, 2017 · 218447b · 218447b
1 parent ce86706
commit 218447b
Show file tree

Hide file tree

Showing 10 changed files with 54 additions and 14 deletions.
diff --git a/src/components/PdfFooter/index.js b/src/components/PdfFooter/index.js
@@ -0,0 +1,37 @@
+import React from 'react';
+
+import LocaleFormattedMessage from 'components/LocaleFormattedMessage';
+
+const styles = require('./style.scss');
+
+const PdfFooter = () => (
+  <footer className={styles.footer}>
+    <div className="container">
+      <div className="row">
+        <div className="col-md-12 text-center">
+          <p>
+            <LocaleFormattedMessage
+              id="export.promotion"
+              defaultMessage="This PDF is exported from Quran.com"
+            />
+          </p>
+
+          <p className="monserrat">
+            <LocaleFormattedMessage
+              id="nav.aboutQuranProject"
+              defaultMessage="QURAN.COM (ALSO KNOWN AS THE NOBLE QURAN, AL QURAN, HOLY QURAN, KORAN) IS A PRO BONO PROJECT."
+            />
+            <LocaleFormattedMessage
+              id="nav.rightsReserved"
+              defaultMessage="All Rights Reserved"
+            />.
+            {' '}
+            © 2016 Quran.com.
+          </p>
+        </div>
+      </div>
+    </div>
+  </footer>
+);
+
+export default PdfFooter;
diff --git a/src/components/PdfFooter/style.scss b/src/components/PdfFooter/style.scss
diff --git a/src/containers/App/index.js b/src/containers/App/index.js
@@ -53,6 +53,7 @@ class App extends Component {
     const {
       main,
       nav,
+      footer,
       children,
       media,
       footNote,
@@ -98,7 +99,7 @@ class App extends Component {
           />}
         {children || main}
         <SmartBanner title="The Noble Quran - القرآن الكريم" button="Install" />
-        <Footer />
+        {React.cloneElement(footer || <Footer />)}
         {__CLIENT__ &&
           <Modal
             bsSize="large"
@@ -152,6 +153,7 @@ App.propTypes = {
   children: PropTypes.element,
   main: PropTypes.element,
   nav: PropTypes.element,
+  footer: PropTypes.element,
   sidebar: PropTypes.element,
   footNote: customPropTypes.footNoteType,
   loadingFootNote: PropTypes.bool

diff --git a/src/locale/ar.js b/src/locale/ar.js
@@ -28,6 +28,7 @@ export default {
     'ayah.media.lectureFrom': 'مشاهدة محاضرة {from}',
     'ayah.bookmarked': 'إشارة مرجعية',
     'ayah.bookmark': 'المرجعية',
+    'ayah.notFound': 'لم يتم العثور على الآية',
 
     'search.placeholder': 'بحث',
     'search.resultHeading': '{from}-{to} OF <span> {total} </span> SEARCH RESULTS FOR: <span>{query}</span>', // eslint-disable-line max-len
@@ -76,9 +77,8 @@ export default {
     'nav.mobile': 'التليفون المحمول',
     'nav.navigate': 'انتقل',
     'nav.legacySite': 'الموقع القديم',
+    'export.promotion': 'Quran.com يتم تصدير هذا بدف من',
 
     'login.message': 'تسجيل الدخول إلى Quran.com لتخزين كل ما تبذلونه من العناوين والملاحظات والأنشطة.',
-
-    'ayah.notFound': 'لم يتم العثور على الآية'
   }
 };
diff --git a/src/locale/en.js b/src/locale/en.js
@@ -77,6 +77,7 @@ export default {
     'nav.mobile': 'Mobile Apps',
     'nav.navigate': 'Navigate',
     'nav.legacySite': 'Legacy Quran.com',
+    'export.promotion': 'This PDF is exported from Quran.com',
 
     'login.message': 'Sign in to Quran.com to store all your bookmarks, notes, and activities.'
   }

diff --git a/src/locale/fr.js b/src/locale/fr.js
@@ -77,6 +77,7 @@ export default {
     'nav.mobile': 'Applications Mobile',
     'nav.navigate': 'Naviguer',
     'nav.legacySite': 'Version précédente de Quran.com',
+    'export.promotion': 'Ce PDF est exporté depuis Quran.com',
 
     'login.message': 'Identifiez-vous sur Quran.com pour enregistrer tous vos favoris, notes et activités. '
   }

diff --git a/src/locale/id.js b/src/locale/id.js
@@ -77,6 +77,7 @@ export default {
     'nav.mobile': 'Aplikasi Ponsel',
     'nav.navigate': 'Telusuri',
     'nav.legacySite': 'Quran.com versi lama',
+    'export.promotion': 'PDF ini diekspor dari Quran.com',
 
     'login.message': 'Masuk ke Quran.com untuk menyimpan semua penanda, catatan, dan aktivitas Anda.'
   }

diff --git a/src/locale/tr.js b/src/locale/tr.js
@@ -77,6 +77,7 @@ export default {
     'nav.mobile': 'Mobil Uygulamalar',
     'nav.navigate': 'Bağlantılar', // there is no exact translation for Navigate in Turkish
     'nav.legacySite': 'Eski Siteye Git Quran.com',
+    'export.promotion': "Bu PDF, Quran.com'dan ihraç edilmektedir.",
 
     'login.message': "Tüm yer işaretlerinizi, notlarınızı ve etkinliklerinizi saklamak için Quran.com'a giriş yapın."
   }

diff --git a/src/locale/ur.js b/src/locale/ur.js
@@ -77,6 +77,7 @@ export default {
     'nav.mobile': 'موبائل',
     'nav.navigate': 'تشریف لے جائیں',
     'nav.legacySite': 'پرانی سائٹ',
+    'export.promotion': '.سے ڈاؤن لوڈ کیا گیا ہے Quran.com اس پی ڈی ایف کو.',
 
     'login.message': 'Quran.com کرنے کیلئے سائن ان سب کو اپنے بک مارکس، نوٹوں اور سرگرمیوں کو ذخیرہ کرنے.'
   }

diff --git a/src/routes.js b/src/routes.js
@@ -149,17 +149,13 @@ export default (store) => {
       <Route
         path="/:chapterId(/:range).pdf"
         getComponents={(nextState, cb) =>
-          import('./containers/Pdf')
-            .then(module => cb(null, { main: module.default, nav: 'noscript' }))
-            .catch(err => console.trace(err))}
-        onEnter={checkValidSurah}
-      />
-
-      <Route
-        path="/:chapterId(/:range).pdf"
-        getComponents={(nextState, cb) =>
-          import(/* webpackChunkName: "pdf" */ './containers/Pdf')
-            .then(module => cb(null, { main: module.default, nav: 'noscript' }))
+          Promise.all([
+            import(/* webpackChunkName: "pdf" */ './containers/Pdf'),
+            import(/* webpackChunkName: "pdf-footer" */ './components/PdfFooter')
+          ])
+            .then(modules =>
+              cb(null, { main: modules[0].default, footer: modules[1].default, nav: 'noscript' })
+            )
             .catch(err => console.trace(err))}
         onEnter={checkValidSurah}
       />