feat(webapp): fully support NS type, offer it in RRset type dropdown

webapp/src/components/Field/RRSetType.vue

@@ -49,6 +49,7 @@ export default {
       'TXT',
       'SPF',
       'CAA',
+      'NS',
       'TLSA',
       'OPENPGPKEY',
       'PTR',

webapp/src/components/Field/Record/MX.vue

@@ -2,7 +2,7 @@
 import { helpers, integer, between } from 'vuelidate/lib/validators';
 import Record from '../Record.vue';
 
-const hostname = helpers.regex('hostname', /^(([a-zA-Z0-9-]+\.?)+)|\.$/);
+const hostname = helpers.regex('hostname', /^((([a-zA-Z0-9-]+\.?)+)|\.)$/);
 const trailingDot = helpers.regex('trailingDot', /[.]$/);
 
 const MAX16 = 65535;

webapp/src/components/Field/Record/NS.vue

@@ -1,13 +1,24 @@
 <script>
+import { helpers } from 'vuelidate/lib/validators';
 import Record from '../Record.vue';
 
+const hostname = helpers.regex('hostname', /^((([a-zA-Z0-9-]+\.?)+)|\.)$/);
+const trailingDot = helpers.regex('trailingDot', /[.]$/);
+
 export default {
   name: 'RecordNS',
   extends: Record,
   data: () => ({
     fields: [
-      { label: 'Hostname', validations: {} },
+      {
+        label: 'Hostname',
+        validations: { hostname, trailingDot },
+      },
     ],
+    errors: {
+      hostname: 'Please enter a valid hostname.',
+      trailingDot: 'Hostname must end with a dot.',
+    },
   }),
 };
 </script>