feat: add DNS records page (#4)

NethServer · Mar 14, 2024 · a42d2b2 · a42d2b2
1 parent 748ba78
commit a42d2b2
Show file tree

Hide file tree

Showing 4 changed files with 444 additions and 3 deletions.
diff --git a/ui/public/i18n/en/translation.json b/ui/public/i18n/en/translation.json
@@ -2,7 +2,14 @@
   "common": {
     "required": "Required",
     "work_in_progress": "Work in progress",
-    "processing": "Processing..."
+    "processing": "Processing...",
+    "cancel": "Cancel",
+    "edit": "Edit",
+    "delete": "Delete",
+    "close": "Close",
+    "clear_search": "Clear search",
+    "no_search_results": "No results",
+    "no_search_results_description": "Try changing your search query"
   },
   "status": {
     "title": "Status",
@@ -26,9 +33,27 @@
     "save": "Save",
     "test_field": "Test field"
   },
+  "dns_records": {
+    "title": "DNS records",
+    "add_dns_record": "Add DNS record",
+    "delete_dns_record": "Delete DNS record",
+    "domain": "Hostname",
+    "address": "IP address",
+    "search_record": "Search record",
+    "no_records": "No DNS records",
+    "no_records_description": "There is no DNS record"
+  },
   "about": {
     "title": "About"
   },
+  "pagination": {
+    "items_per_page": "Items per page:",
+    "range_of_total_items": "{range} of {total} items",
+    "of_total_pages": "of {total} pages",
+    "previous_page": "Previous page",
+    "next_page": "Next page",
+    "page_number": "Page number"
+  },
   "task": {
     "cannot_create_task": "Cannot create task {action}"
   },
@@ -40,7 +65,9 @@
     "get-name": "Get name",
     "list-backup-repositories": "List backup repositories",
     "list-backups": "List backups",
-    "list-installed-modules": "List installed modules"
+    "list-installed-modules": "List installed modules",
+    "get-dns-records": "Get DNS records",
+    "set-dns-records": "Set DNS records"
   },
   "error": {
     "error": "Error",
@@ -52,6 +79,7 @@
     "403": "Operation not authorized",
     "404": "Resource not found",
     "cannot_retrieve_module_info": "Cannot retrieve module info",
-    "cannot_retrieve_installed_modules": "Cannot retrieve installed modules"
+    "cannot_retrieve_installed_modules": "Cannot retrieve installed modules",
+    "records_format": "Invalid format"
   }
 }
diff --git a/ui/src/components/AppSideMenuContent.vue b/ui/src/components/AppSideMenuContent.vue
@@ -28,6 +28,13 @@
         <template v-slot:nav-icon><Settings20 /></template>
         <span>{{ $t("settings.title") }}</span>
       </cv-side-nav-link>
+      <cv-side-nav-link
+        @click="goToAppPage(instanceName, 'dnsrecords')"
+        :class="{ 'current-page': isLinkActive('dnsrecords') }"
+      >
+        <template v-slot:nav-icon><List20 /></template>
+        <span>{{ $t("dns_records.title") }}</span>
+      </cv-side-nav-link>
       <cv-side-nav-link
         @click="goToAppPage(instanceName, 'about')"
         :class="{ 'current-page': isLinkActive('about') }"
@@ -43,6 +50,7 @@
 import Settings20 from "@carbon/icons-vue/es/settings/20";
 import Information20 from "@carbon/icons-vue/es/information/20";
 import Activity20 from "@carbon/icons-vue/es/activity/20";
+import List20 from "@carbon/icons-vue/es/list/20";
 import { mapState } from "vuex";
 import { QueryParamService, UtilService } from "@nethserver/ns8-ui-lib";
 
@@ -52,6 +60,7 @@ export default {
     Settings20,
     Information20,
     Activity20,
+    List20,
   },
   mixins: [QueryParamService, UtilService],
   data() {

diff --git a/ui/src/router/index.js b/ui/src/router/index.js
@@ -6,6 +6,7 @@ import Vue from "vue";
 import VueRouter from "vue-router";
 import Status from "../views/Status.vue";
 import Settings from "../views/Settings.vue";
+import DNSRecords from "../views/DNSRecords.vue";
 
 Vue.use(VueRouter);
 
@@ -21,6 +22,11 @@ const routes = [
     name: "Settings",
     component: Settings,
   },
+  {
+    path: "/dnsrecords",
+    name: "DNS records",
+    component: DNSRecords,
+  },
   {
     path: "/about",
     name: "About",