{{ ext }}
+
{{ $t('runtime.popularExtension') }}
@@ -44,6 +47,8 @@ const extensions = ref([]);
const supportExtensions = ref([]);
const loading = ref(false);
const taskLogRef = ref();
+const searchName = ref('');
+const data = ref([]);
const handleClose = () => {
open.value = false;
@@ -113,10 +118,21 @@ const search = async () => {
try {
const res = await GetPHPExtensions(runtime.value.id);
extensions.value = res.data.extensions;
- supportExtensions.value = res.data.supportExtensions;
+ data.value = res.data.supportExtensions;
+ searchByName();
} catch (error) {}
};
+const searchByName = () => {
+ if (searchName.value === '') {
+ supportExtensions.value = data.value;
+ return;
+ }
+ supportExtensions.value = data.value.filter((ext) =>
+ ext.name.toLowerCase().includes(searchName.value.toLowerCase()),
+ );
+};
+
const acceptParams = (req: Runtime.Runtime): void => {
open.value = true;
runtime.value = req;
diff --git a/frontend/src/views/website/runtime/php/index.vue b/frontend/src/views/website/runtime/php/index.vue
index 0a80c6775..8c21902d6 100644
--- a/frontend/src/views/website/runtime/php/index.vue
+++ b/frontend/src/views/website/runtime/php/index.vue
@@ -98,7 +98,7 @@
-
+