Merge pull request #190 from sboldyreva/php-updates

Update PHP

Author: yel-hadd

docs/.vuepress/components/TableTabs.vue

@@ -1,30 +1,100 @@
 <script setup>
-import { ref, computed, useSlots } from 'vue'
+import { ref, computed, useSlots, onMounted, watch, nextTick } from 'vue'
 
 const slots = useSlots()
 const tabKeys = Object.keys(slots)
 const activeTab = ref(tabKeys[0] ?? '')
 const currentTab = computed(() => activeTab.value)
+const wrapperRef = ref(null)
+
+function formatKey(key) {
+  return key.replace(/[__]/g, ' ')
+}
+
+defineProps({
+  label: {
+    type: String,
+    default: ''
+  }
+})
+
+onMounted(() => {
+  const hash = decodeURIComponent(window.location.hash.slice(1))
+  if (tabKeys.includes(hash)) {
+    activeTab.value = hash
+    nextTick(() => {
+      const el = wrapperRef.value
+      if (el) {
+        const offset = 80
+        const top = el.getBoundingClientRect().top + window.scrollY - offset
+        window.scrollTo({ top, behavior: 'smooth' })
+      }
+    })
+  }
+})
+
+watch(activeTab, (newVal) => {
+  if (newVal) {
+    history.replaceState(null, '', `#${encodeURIComponent(newVal)}`)
+  }
+})
 </script>
 
 <template>
-  <div class="table-tabs mt-8 border rounded-lg overflow-hidden text-sm">
-    <div class="bg-gray-50 flex justify-between items-center border-b">
-<!--  <span class="font-medium text-gray-700">Optional Text:span>   -->
-      <select
-        v-model="activeTab"
-        class="bg-white text-gray-800 text-sm rounded border-gray-300 focus:outline-none focus:ring-1 focus:ring-blue-500"
-      >
+  <div ref="wrapperRef" class="table-tabs" :id="activeTab">
+    <div class="tab-header">
+      <span v-if="label" class="label-text">
+        {{ label }}
+      </span>
+      <select v-model="activeTab" class="tab-select">
         <option v-for="key in tabKeys" :key="key" :value="key">
-          {{ key }}
+          {{ formatKey(key) }}
         </option>
       </select>
     </div>
 
-    <div class="tab-content prose prose-sm max-w-none">
+    <div class="tab-content">
       <slot :name="currentTab" />
     </div>
+
+    <div class="bottom-line" />
   </div>
 </template>
 
 
+<style scoped>
+.table-tabs {
+  background: #fff;
+  scroll-margin-top: 4rem;
+}
+
+.tab-header {
+  border-top: 1px solid #d1d5db;
+  padding: 1rem 0;
+}
+
+.label-text {
+  color: #314659;
+}
+
+.tab-select {
+  background-color: #fff;
+  color: #314659;
+  font-size: 0.9rem;
+  padding: 0.25rem 0.25rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.5rem;
+  outline: none;
+}
+
+.tab-select:focus {
+  border-color: #5897fb;
+  box-shadow: 0 0 0 1px #5897fb;
+}
+
+.bottom-line {
+  border-top: 1px solid #d1d5db;
+  margin-top: 1rem; 
+}
+</style>
+

docs/.vuepress/routes.json

@@ -29,5 +29,16 @@
     "/extended-lifecycle-support": "/els-for-os/",
     "/els-for-languages/php/#download-tuxcare-php-windows": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
     "/els-for-languages/php/#configure-php": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
-    "/els-for-languages/php/#add-php-to-the-system-path": "/els-for-languages/php/#download-and-install-tuxcare-php-windows"
+    "/els-for-languages/php/#add-php-to-the-system-path": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
+    "/els-for-languages/php/#additional-configurations-optional": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-default-ini": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-the-configuration-files": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-the-cli": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#listing-enabled-modules-on-a-specific-version": "/els-for-languages/php/#Listing_enabled_modules_on_a_specific_version",
+    "/els-for-languages/php/#location-of-default-ini": "/els-for-languages/php/#Location_of_default.ini",
+    "/els-for-languages/php/#location-of-ini-config-files": "/els-for-languages/php/#Location_of_ini_config_files",
+    "/els-for-languages/php/#running-code-on-a-specific-version-through-the-cli": "/els-for-languages/php/#Running_code_on_a_specific_version_through_the_CLI",
+    "/els-for-languages/php/#modules-and-pecl-extensions": "/els-for-languages/php/#Modules_and_pecl_extensions",
+    "/els-for-languages/php/#the-bin-files": "/els-for-languages/php/#The_bin_files",
+    "/els-for-languages/php/#how-to-use-php-els": "/els-for-languages/php/#Increase_upload_or_memory_limits"
 }