Merge pull request #23 from jordanopensource/hotfix/1

Apply hotfix #1

Author: wissamataleh

components/Sliders/Guides.vue

@@ -19,6 +19,18 @@
 
 <script>
   export default {
+    updated() {
+      var locale = this.$i18n.locale
+      var slides = document.getElementsByClassName("agile__slide")
+      if (locale == 'ar') {
+        for (let item of slides) {
+          let str = item.style.transform
+          let newStr = str.replace('-', '')
+          item.style.transform = newStr
+          console.log(item.style.transform)
+        }
+      }
+    },
     data() {
       return {
         sliderOption: {
@@ -27,7 +39,7 @@
           fade: true,
           infinite: true,
           pauseOnHover: true,
-          dots: false
+          dots: false,
         }
       }
     },

components/UI/Footer.vue

@@ -15,13 +15,13 @@
         </a>
       </div>
       <div id="social-menu" class="inline-block my-4">
-        <a href="https://www.instagram.com/jordanopensource/" target="_blank">
+        <a href="https://web.facebook.com/jordanopensource/" target="_blank">
           <i class="ri-facebook-fill"></i>
         </a>
         <a href="https://twitter.com/jo_osa" target="_blank">
           <i class="ri-twitter-fill"></i>
         </a>
-        <a href="https://web.facebook.com/jordanopensource/" target="_blank">
+        <a href="https://www.instagram.com/jordanopensource/" target="_blank">
           <i class="ri-instagram-fill"></i>
         </a>
       </div>

components/Views/AppFull.vue

@@ -39,6 +39,7 @@
         </a>
         <hr class="w-full my-2">
         <div v-if="platforms.length" class="flex flex-row flex-no-wrap justify-start items-end mb-4 md:mb-0 ">
+          <p class="font-medium my-1">{{ $t('availableOn')}}</p>
           <template v-for="platform in platforms">
             <a v-if="platform.download_url" :key="platform.id" :href="platform.download_url" target="_blank"
               class="ltr:mr-2 rtl:ml-2 inline-block">
@@ -111,15 +112,18 @@
       },
       openSource: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
       free: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
       endorsed: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
     }
   }

components/Views/AppMedium.vue

@@ -25,8 +25,8 @@
         <p v-if="description" class="mb-2 mt-4">{{ description }}</p>
       </div>
       <div class="w-full">
-        <a v-if="publisher.website_url" :href="publisher.website_url" target="_blank" class="flex flex-row flex-no-wrap items-center"><i 
-            class="ri-global-fill"></i>
+        <a v-if="publisher.website_url" :href="publisher.website_url" target="_blank"
+          class="flex flex-row flex-no-wrap items-center"><i class="ri-global-fill"></i>
           <span class="mx-2">{{ $t('devWebsite') }}</span>
         </a>
         <a v-if="privacyPolicy" :href="privacyPolicy" target="_blank" class="flex flex-row flex-no-wrap items-center"><i
@@ -39,7 +39,7 @@
         </a>
         <hr class="w-full my-2">
         <div v-if="platforms.length" class="">
-          <p class="font-medium my-1">Availabe on:</p>
+          <p class="font-medium my-1">{{ $t('availableOn')}}</p>
           <template v-for="platform in platforms">
             <a v-if="platform.download_url" :key="platform.id" :href="platform.download_url" target="_blank"
               class="ltr:mr-2 rtl:ml-2 inline-block">
@@ -112,15 +112,18 @@
       },
       openSource: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
       free: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
       endorsed: {
         type: String,
-        required: false
+        required: false,
+        default: false
       },
     }
   }

lang/ar.js

@@ -21,4 +21,5 @@ export default {
     openSource: 'مفتوح المصدر',
     endorsed: 'مقترح من جوسا',
     free: 'مجاني',
+    availableOn: 'متوفر على:',
 }

lang/en.js

@@ -21,4 +21,5 @@ export default {
     openSource: 'Open source',
     endorsed: 'Endorsed by JOSA',
     free: 'Free',
+    availableOn: 'Available on:',
 }

nuxt.config.js

@@ -95,7 +95,7 @@ export default {
         dir: 'rtl'
       }
     ],
-    defaultLocale: 'en',
+    defaultLocale: 'ar',
     vueI18n: {
       fallbackLocale: 'en',
     },

pages/app/_id/index.vue

@@ -41,7 +41,8 @@
                 <span class="mx-2">{{ $t('sourceCode') }}</span>
               </a>
               <hr class="w-full my-2">
-              <div v-if="app.Platform.length" class="flex flex-row flex-no-wrap justify-start items-end mb-4 md:mb-0 ">
+              <div v-if="app.Platform.length" class="flex flex-row flex-no-wrap justify-start items-end mb-4 md:mb-0">
+                <p class="font-medium my-1">{{ $t('availableOn')}}</p>
                 <template v-for="platform in app.Platform">
                   <a v-if="platform.download_url" :key="platform.id" :href="platform.download_url" target="_blank"
                     class="ltr:mr-2 rtl:ml-2 inline-block">

pages/guide/_id/index.vue

@@ -44,7 +44,7 @@
               <!-- Tabs -->
               <div class="content-body mt-8" v-if="section.steps_guides.length">
                 <h3>{{ $t("stepByStep") }}</h3>
-                <Tabs :options="{ useUrlFragment: true }" class="my-8">
+                <Tabs :options="{ useUrlFragment: false }" class="my-8">
                   <template v-for="tab in section.steps_guides">
                     <TabsTab v-if="tab['platform_' + $i18n.locale]" :key="tab.id"
                       :name="tab['platform_' + $i18n.locale]" class="content-section">