@rancher/shell 0.1.0 → 0.1.1

package/plugins/dashboard-store/resource-class.js

@@ -1,36 +1,38 @@
-import compact from 'lodash/compact';
-import isEmpty from 'lodash/isEmpty';
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
-import jsyaml from 'js-yaml';
-import forIn from 'lodash/forIn';
-import uniq from 'lodash/uniq';
-import Vue from 'vue';
-
+import { NORMAN_NAME } from '@shell/config/labels-annotations';
+import {
+  _CLONE,
+  _CONFIG,
+  _EDIT,
+  _UNFLAG,
+  _VIEW,
+  _YAML,
+  AS,
+  MODE
+} from '@shell/config/query-params';
+import { DEV } from '@shell/store/prefs';
 import { addObject, addObjects, findBy, removeAt } from '@shell/utils/array';
 import CustomValidators from '@shell/utils/custom-validators';
 import { downloadFile, generateZip } from '@shell/utils/download';
-import { eachLimit } from '@shell/utils/promise';
 import { clone, get } from '@shell/utils/object';
-import { DEV } from '@shell/store/prefs';
+import { eachLimit } from '@shell/utils/promise';
 import { sortableNumericSuffix } from '@shell/utils/sort';
-import {
-  coerceStringTypeToScalarType,
-  escapeHtml,
-  ucFirst
-} from '@shell/utils/string';
+import { coerceStringTypeToScalarType, escapeHtml, ucFirst } from '@shell/utils/string';
 import {
   displayKeyFor,
+  validateBoolean,
   validateChars,
   validateDnsLikeTypes,
   validateLength,
-  validateBoolean
 } from '@shell/utils/validators';
-
-import { NORMAN_NAME } from '@shell/config/labels-annotations';
-import {
-  AS, _YAML, MODE, _CLONE, _EDIT, _VIEW, _UNFLAG, _CONFIG
-} from '@shell/config/query-params';
+import formRulesGenerator from '@shell/utils/validators/formRules';
+import jsyaml from 'js-yaml';
+import compact from 'lodash/compact';
+import forIn from 'lodash/forIn';
+import isEmpty from 'lodash/isEmpty';
+import isFunction from 'lodash/isFunction';
+import isString from 'lodash/isString';
+import uniq from 'lodash/uniq';
+import Vue from 'vue';
 
 import { normalizeType } from './normalize';
 
@@ -89,6 +91,7 @@ export const STATES_ENUM = {
   DEGRADED:         'degraded',
   DENIED:           'denied',
   DEPLOYED:         'deployed',
+  DEPLOYING:        'deploying',
   DISABLED:         'disabled',
   DISCONNECTED:     'disconnected',
   DRAINED:          'drained',
@@ -162,271 +165,274 @@ export const STATES_ENUM = {
 
 export const STATES = {
   [STATES_ENUM.IN_USE]:           {
-    color: 'success', icon: 'dot-open', label: 'In Use'
+    color: 'success', icon: 'dot-open', label: 'In Use', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.IN_PROGRESS]:      {
-    color: 'info', icon: 'tag', label: 'In Progress'
+    color: 'info', icon: 'tag', label: 'In Progress', compoundIcon: 'info'
   },
   [STATES_ENUM.PENDING_ROLLBACK]: {
-    color: 'info', icon: 'dot-half', label: 'Pending Rollback'
+    color: 'info', icon: 'dot-half', label: 'Pending Rollback', compoundIcon: 'info'
   },
   [STATES_ENUM.PENDING_UPGRADE]:  {
-    color: 'info', icon: 'dot-half', label: 'Pending Update'
+    color: 'info', icon: 'dot-half', label: 'Pending Update', compoundIcon: 'info'
   },
   [STATES_ENUM.ABORTED]:            {
-    color: 'warning', icon: 'error', label: 'Aborted'
+    color: 'warning', icon: 'error', label: 'Aborted', compoundIcon: 'warning'
   },
   [STATES_ENUM.ACTIVATING]:         {
-    color: 'info', icon: 'tag', label: 'Activating'
+    color: 'info', icon: 'tag', label: 'Activating', compoundIcon: 'info'
   },
   [STATES_ENUM.ACTIVE]:             {
-    color: 'success', icon: 'dot-open', label: 'Active'
+    color: 'success', icon: 'dot-open', label: 'Active', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.AVAILABLE]:          {
-    color: 'success', icon: 'dot-open', label: 'Available'
+    color: 'success', icon: 'dot-open', label: 'Available', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.BACKED_UP]:           {
-    color: 'success', icon: 'backup', label: 'Backed Up'
+    color: 'success', icon: 'backup', label: 'Backed Up', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.BOUND]:              {
-    color: 'success', icon: 'dot', label: 'Bound'
+    color: 'success', icon: 'dot', label: 'Bound', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.BUILDING]:           {
-    color: 'success', icon: 'dot-open', label: 'Building'
+    color: 'success', icon: 'dot-open', label: 'Building', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.COMPLETED]:          {
-    color: 'success', icon: 'dot', label: 'Completed'
+    color: 'success', icon: 'dot', label: 'Completed', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.CORDONED]:           {
-    color: 'info', icon: 'tag', label: 'Cordoned'
+    color: 'info', icon: 'tag', label: 'Cordoned', compoundIcon: 'info'
   },
   [STATES_ENUM.COUNT]:              {
-    color: 'success', icon: 'dot-open', label: 'Count'
+    color: 'success', icon: 'dot-open', label: 'Count', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.CREATED]:            {
-    color: 'info', icon: 'tag', label: 'Created'
+    color: 'info', icon: 'tag', label: 'Created', compoundIcon: 'info'
   },
   [STATES_ENUM.CREATING]:           {
-    color: 'info', icon: 'tag', label: 'Creating'
+    color: 'info', icon: 'tag', label: 'Creating', compoundIcon: 'info'
   },
   [STATES_ENUM.DEACTIVATING]:       {
-    color: 'info', icon: 'adjust', label: 'Deactivating'
+    color: 'info', icon: 'adjust', label: 'Deactivating', compoundIcon: 'info'
   },
   [STATES_ENUM.DEGRADED]:           {
-    color: 'warning', icon: 'error', label: 'Degraded'
+    color: 'warning', icon: 'error', label: 'Degraded', compoundIcon: 'warning'
   },
   [STATES_ENUM.DENIED]:             {
-    color: 'error', icon: 'adjust', label: 'Denied'
+    color: 'error', icon: 'adjust', label: 'Denied', compoundIcon: 'error'
   },
   [STATES_ENUM.DEPLOYED]:           {
-    color: 'success', icon: 'dot-open', label: 'Deployed'
+    color: 'success', icon: 'dot-open', label: 'Deployed', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.DISABLED]:           {
-    color: 'warning', icon: 'error', label: 'Disabled'
+    color: 'warning', icon: 'error', label: 'Disabled', compoundIcon: 'warning'
   },
   [STATES_ENUM.DISCONNECTED]:       {
-    color: 'warning', icon: 'error', label: 'Disconnected'
+    color: 'warning', icon: 'error', label: 'Disconnected', compoundIcon: 'warning'
   },
   [STATES_ENUM.DRAINED]:            {
-    color: 'info', icon: 'tag', label: 'Drained'
+    color: 'info', icon: 'tag', label: 'Drained', compoundIcon: 'info'
   },
   [STATES_ENUM.DRAINING]:           {
-    color: 'warning', icon: 'tag', label: 'Draining'
+    color: 'warning', icon: 'tag', label: 'Draining', compoundIcon: 'warning'
   },
   [STATES_ENUM.ERR_APPLIED]:         {
-    color: 'error', icon: 'error', label: 'Error Applied'
+    color: 'error', icon: 'error', label: 'Error Applied', compoundIcon: 'error'
   },
   [STATES_ENUM.ERROR]:              {
-    color: 'error', icon: 'error', label: 'Error'
+    color: 'error', icon: 'error', label: 'Error', compoundIcon: 'error'
   },
   [STATES_ENUM.ERRORING]:           {
-    color: 'error', icon: 'error', label: 'Erroring'
+    color: 'error', icon: 'error', label: 'Erroring', compoundIcon: 'error'
   },
   [STATES_ENUM.ERRORS]:             {
-    color: 'error', icon: 'error', label: 'Errors'
+    color: 'error', icon: 'error', label: 'Errors', compoundIcon: 'error'
   },
   [STATES_ENUM.EXPIRED]:            {
-    color: 'warning', icon: 'error', label: 'Expired'
+    color: 'warning', icon: 'error', label: 'Expired', compoundIcon: 'warning'
   },
   [STATES_ENUM.FAIL]:               {
-    color: 'error', icon: 'error', label: 'Fail'
+    color: 'error', icon: 'error', label: 'Fail', compoundIcon: 'error'
   },
   [STATES_ENUM.FAILED]:             {
-    color: 'error', icon: 'error', label: 'Failed'
+    color: 'error', icon: 'error', label: 'Failed', compoundIcon: 'error'
   },
   [STATES_ENUM.HEALTHY]:            {
-    color: 'success', icon: 'dot-open', label: 'Healthy'
+    color: 'success', icon: 'dot-open', label: 'Healthy', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.INACTIVE]:           {
-    color: 'error', icon: 'dot', label: 'Inactive'
+    color: 'error', icon: 'dot', label: 'Inactive', compoundIcon: 'error'
   },
   [STATES_ENUM.INITIALIZING]:       {
-    color: 'warning', icon: 'error', label: 'Initializing'
+    color: 'warning', icon: 'error', label: 'Initializing', compoundIcon: 'warning'
   },
   [STATES_ENUM.INPROGRESS]:         {
-    color: 'info', icon: 'spinner', label: 'In Progress'
+    color: 'info', icon: 'spinner', label: 'In Progress', compoundIcon: 'info'
   },
   [STATES_ENUM.INFO]:         {
-    color: 'info', icon: 'info', label: 'Info'
+    color: 'info', icon: 'info', label: 'Info', compoundIcon: 'info'
   },
   [STATES_ENUM.LOCKED]:             {
-    color: 'warning', icon: 'adjust', label: 'Locked'
+    color: 'warning', icon: 'adjust', label: 'Locked', compoundIcon: 'warning'
   },
   [STATES_ENUM.MIGRATING]:          {
-    color: 'info', icon: 'info', label: 'Migrated'
+    color: 'info', icon: 'info', label: 'Migrated', compoundIcon: 'info'
   },
   [STATES_ENUM.MISSING]:            {
-    color: 'warning', icon: 'adjust', label: 'Missing'
+    color: 'warning', icon: 'adjust', label: 'Missing', compoundIcon: 'warning'
   },
   [STATES_ENUM.MODIFIED]:           {
-    color: 'warning', icon: 'edit', label: 'Modified'
+    color: 'warning', icon: 'edit', label: 'Modified', compoundIcon: 'warning'
   },
   [STATES_ENUM.NOT_APPLICABLE]:      {
-    color: 'warning', icon: 'tag', label: 'Not Applicable'
+    color: 'warning', icon: 'tag', label: 'Not Applicable', compoundIcon: 'warning'
   },
   [STATES_ENUM.NOT_APLLIED]:         {
-    color: 'warning', icon: 'tag', label: 'Not Applied'
+    color: 'warning', icon: 'tag', label: 'Not Applied', compoundIcon: 'warning'
   },
   [STATES_ENUM.NOT_READY]:           {
-    color: 'warning', icon: 'tag', label: 'Not Ready'
+    color: 'warning', icon: 'tag', label: 'Not Ready', compoundIcon: 'warning'
   },
   [STATES_ENUM.OFF]:                {
     color: 'darker', icon: 'error', label: 'Off'
   },
   [STATES_ENUM.ON_GOING]:           {
-    color: 'info', icon: 'info', label: 'Info'
+    color: 'info', icon: 'info', label: 'Info', compoundIcon: 'info'
   },
   [STATES_ENUM.ORPHANED]:           {
-    color: 'warning', icon: 'tag', label: 'Orphaned'
+    color: 'warning', icon: 'tag', label: 'Orphaned', compoundIcon: 'warning'
   },
   [STATES_ENUM.OTHER]:              {
-    color: 'info', icon: 'info', label: 'Other'
+    color: 'info', icon: 'info', label: 'Other', compoundIcon: 'info'
   },
   [STATES_ENUM.OUT_OF_SYNC]:          {
-    color: 'warning', icon: 'tag', label: 'Out Of Sync'
+    color: 'warning', icon: 'tag', label: 'Out Of Sync', compoundIcon: 'warning'
   },
   [STATES_ENUM.PASS]:               {
-    color: 'success', icon: 'dot-dotfill', label: 'Pass'
+    color: 'success', icon: 'dot-dotfill', label: 'Pass', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.PASSED]:             {
-    color: 'success', icon: 'dot-dotfill', label: 'Passed'
+    color: 'success', icon: 'dot-dotfill', label: 'Passed', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.PAUSED]:             {
-    color: 'info', icon: 'info', label: 'Paused'
+    color: 'info', icon: 'info', label: 'Paused', compoundIcon: 'info'
   },
   [STATES_ENUM.PENDING]:            {
-    color: 'info', icon: 'tag', label: 'Pending'
+    color: 'info', icon: 'tag', label: 'Pending', compoundIcon: 'info'
   },
   [STATES_ENUM.PROVISIONING]:       {
-    color: 'info', icon: 'dot', label: 'Provisioning'
+    color: 'info', icon: 'dot', label: 'Provisioning', compoundIcon: 'info'
   },
   [STATES_ENUM.PROVISIONED]:        {
-    color: 'success', icon: 'dot', label: 'Provisioned'
+    color: 'success', icon: 'dot', label: 'Provisioned', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.PURGED]:             {
-    color: 'error', icon: 'purged', label: 'Purged'
+    color: 'error', icon: 'purged', label: 'Purged', compoundIcon: 'error'
   },
   [STATES_ENUM.PURGING]:            {
-    color: 'info', icon: 'purged', label: 'Purging'
+    color: 'info', icon: 'purged', label: 'Purging', compoundIcon: 'info'
   },
   [STATES_ENUM.READY]:              {
-    color: 'success', icon: 'dot-open', label: 'Ready'
+    color: 'success', icon: 'dot-open', label: 'Ready', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.RECONNECTING]:       {
-    color: 'error', icon: 'error', label: 'Reconnecting'
+    color: 'error', icon: 'error', label: 'Reconnecting', compoundIcon: 'error'
   },
   [STATES_ENUM.REGISTERING]:        {
-    color: 'info', icon: 'tag', label: 'Registering'
+    color: 'info', icon: 'tag', label: 'Registering', compoundIcon: 'info'
   },
   [STATES_ENUM.REINITIALIZING]:     {
-    color: 'warning', icon: 'error', label: 'Reinitializing'
+    color: 'warning', icon: 'error', label: 'Reinitializing', compoundIcon: 'warning'
   },
   [STATES_ENUM.RELEASED]:           {
-    color: 'warning', icon: 'error', label: 'Released'
+    color: 'warning', icon: 'error', label: 'Released', compoundIcon: 'warning'
   },
   [STATES_ENUM.REMOVED]:            {
-    color: 'error', icon: 'trash', label: 'Removed'
+    color: 'error', icon: 'trash', label: 'Removed', compoundIcon: 'error'
   },
   [STATES_ENUM.REMOVING]:           {
-    color: 'info', icon: 'trash', label: 'Removing'
+    color: 'info', icon: 'trash', label: 'Removing', compoundIcon: 'info'
   },
   [STATES_ENUM.REQUESTED]:          {
-    color: 'info', icon: 'tag', label: 'Requested'
+    color: 'info', icon: 'tag', label: 'Requested', compoundIcon: 'info'
   },
   [STATES_ENUM.RESTARTING]:         {
-    color: 'info', icon: 'adjust', label: 'Restarting'
+    color: 'info', icon: 'adjust', label: 'Restarting', compoundIcon: 'info'
   },
   [STATES_ENUM.RESTORING]:          {
-    color: 'info', icon: 'medicalcross', label: 'Restoring'
+    color: 'info', icon: 'medicalcross', label: 'Restoring', compoundIcon: 'info'
   },
   [STATES_ENUM.RESIZING]:           {
-    color: 'warning', icon: 'dot', label: 'Resizing'
+    color: 'warning', icon: 'dot', label: 'Resizing', compoundIcon: 'warning'
   },
   [STATES_ENUM.RUNNING]:            {
-    color: 'success', icon: 'dot-open', label: 'Running'
+    color: 'success', icon: 'dot-open', label: 'Running', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.SKIP]:               {
-    color: 'info', icon: 'dot-open', label: 'Skip'
+    color: 'info', icon: 'dot-open', label: 'Skip', compoundIcon: 'info'
   },
   [STATES_ENUM.SKIPPED]:            {
-    color: 'info', icon: 'dot-open', label: 'Skipped'
+    color: 'info', icon: 'dot-open', label: 'Skipped', compoundIcon: 'info'
   },
   [STATES_ENUM.STARTING]:           {
-    color: 'info', icon: 'adjust', label: 'Starting'
+    color: 'info', icon: 'adjust', label: 'Starting', compoundIcon: 'info'
   },
   [STATES_ENUM.STOPPED]:            {
-    color: 'error', icon: 'dot', label: 'Stopped'
+    color: 'error', icon: 'dot', label: 'Stopped', compoundIcon: 'error'
   },
   [STATES_ENUM.STOPPING]:           {
-    color: 'info', icon: 'adjust', label: 'Stopping'
+    color: 'info', icon: 'adjust', label: 'Stopping', compoundIcon: 'info'
   },
   [STATES_ENUM.SUCCEEDED]:          {
-    color: 'success', icon: 'dot-dotfill', label: 'Succeeded'
+    color: 'success', icon: 'dot-dotfill', label: 'Succeeded', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.SUCCESS]:            {
-    color: 'success', icon: 'dot-open', label: 'Success'
+    color: 'success', icon: 'dot-open', label: 'Success', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.SUCCESSFUL]:            {
     color: 'success', icon: 'dot-open', label: 'Successful'
   },
   [STATES_ENUM.SUPERSEDED]:         {
-    color: 'info', icon: 'dot-open', label: 'Superseded'
+    color: 'info', icon: 'dot-open', label: 'Superseded', compoundIcon: 'info'
   },
   [STATES_ENUM.SUSPENDED]:          {
-    color: 'info', icon: 'pause', label: 'Suspended'
+    color: 'info', icon: 'pause', label: 'Suspended', compoundIcon: 'info'
   },
   [STATES_ENUM.UNAVAILABLE]:        {
-    color: 'error', icon: 'error', label: 'Unavailable'
+    color: 'error', icon: 'error', label: 'Unavailable', compoundIcon: 'error'
   },
   [STATES_ENUM.UNHEALTHY]:          {
-    color: 'error', icon: 'error', label: 'Unhealthy'
+    color: 'error', icon: 'error', label: 'Unhealthy', compoundIcon: 'error'
   },
   [STATES_ENUM.UNINSTALLED]:        {
-    color: 'info', icon: 'trash', label: 'Uninstalled'
+    color: 'info', icon: 'trash', label: 'Uninstalled', compoundIcon: 'info'
   },
   [STATES_ENUM.UNINSTALLING]:       {
-    color: 'info', icon: 'trash', label: 'Uninstalling'
+    color: 'info', icon: 'trash', label: 'Uninstalling', compoundIcon: 'info'
   },
   [STATES_ENUM.UNKNOWN]:            {
-    color: 'warning', icon: 'x', label: 'Unknown'
+    color: 'warning', icon: 'x', label: 'Unknown', compoundIcon: 'warning'
   },
   [STATES_ENUM.UNTRIGGERED]:        {
-    color: 'success', icon: 'tag', label: 'Untriggered'
+    color: 'success', icon: 'tag', label: 'Untriggered', compoundIcon: 'checkmark'
   },
   [STATES_ENUM.UPDATING]:           {
-    color: 'warning', icon: 'tag', label: 'Updating'
+    color: 'warning', icon: 'tag', label: 'Updating', compoundIcon: 'warning'
   },
   [STATES_ENUM.WAIT_APPLIED]:        {
-    color: 'info', icon: 'tag', label: 'Wait Applied'
+    color: 'info', icon: 'tag', label: 'Wait Applied', compoundIcon: 'info'
   },
   [STATES_ENUM.WAIT_CHECKIN]:        {
-    color: 'warning', icon: 'tag', label: 'Wait Checkin'
+    color: 'warning', icon: 'tag', label: 'Wait Checkin', compoundIcon: 'warning'
   },
   [STATES_ENUM.WAITING]:            {
-    color: 'info', icon: 'tag', label: 'Waiting'
+    color: 'info', icon: 'tag', label: 'Waiting', compoundIcon: 'info'
   },
   [STATES_ENUM.WARNING]:            {
-    color: 'warning', icon: 'error', label: 'Warning'
+    color: 'warning', icon: 'error', label: 'Warning', compoundIcon: 'warning'
+  },
+  [STATES_ENUM.DEPLOYING]:          {
+    color: 'info', icon: 'info', label: 'Deploying', compoundIcon: 'info'
   },
 };
 
@@ -767,7 +773,7 @@ export default class Resource {
         console.log('Wait for', msg, 'timed out'); // eslint-disable-line no-console
         clearInterval(interval);
         clearTimeout(timeout);
-        reject(new Error(`Failed while: ${ msg }`));
+        reject(new Error(`Failed waiting for: ${ msg }`));
       }, timeoutMs);
 
       const interval = setInterval(() => {
@@ -1034,17 +1040,35 @@ export default class Resource {
 
   // ------------------------------------------------------------------
 
-  patch(data, opt = {}) {
+  patch(data, opt = {}, merge = false, alertOnError = false) {
     if ( !opt.url ) {
-      opt.url = this.linkFor('self');
+      // Workaround for the links not being correct - view link is the only one that seems correct
+      opt.url = this.linkFor('view') || this.linkFor('self');
     }
 
     opt.method = 'patch';
     opt.headers = opt.headers || {};
-    opt.headers['content-type'] = 'application/json-patch+json';
+
+    if (!opt.headers['content-type']) {
+      const contentType = merge ? 'application/strategic-merge-patch+json' : 'application/json-patch+json';
+
+      opt.headers['content-type'] = contentType;
+    }
     opt.data = data;
 
-    return this.$dispatch('request', { opt, type: this.type } );
+    const dispatch = this.$dispatch('request', { opt, type: this.type } );
+
+    return !alertOnError ? dispatch : dispatch.catch((e) => {
+      const title = this.t('resource.errors.update', { name: this.name });
+
+      console.error(title, e); // eslint-disable-line no-console
+
+      this.$dispatch('growl/error', {
+        title,
+        message: e?.message,
+        timeout: 5000
+      }, { root: true });
+    });
   }
 
   save() {
@@ -1116,11 +1140,17 @@ export default class Resource {
       opt.data.annotations = opt.data._annotations;
     }
 
+    // handle "replace" opt as a query param _replace=true for norman PUT requests
+    if (opt?.replace && opt.method === 'put') {
+      const argParam = opt.url.includes('?') ? '&' : '?';
+
+      opt.url = `${ opt.url }${ argParam }_replace=true`;
+      delete opt.replace;
+    }
+
     try {
       const res = await this.$dispatch('request', { opt, type: this.type } );
 
-      // console.log('### Resource Save', this.type, this.id);
-
       // Steve sometimes returns Table responses instead of the resource you just saved.. ignore
       if ( res && res.kind !== 'Table') {
         await this.$dispatch('load', { data: res, existing: (forNew ? this : undefined ) });
@@ -1460,7 +1490,114 @@ export default class Resource {
     }
   }
 
-  validationErrors(data, ignoreFields) {
+  get modelValidationRules() {
+    const rules = [];
+
+    const customValidationRulesets = this?.customValidationRules
+      .filter(rule => !!rule.validators || !!rule.required)
+      .map((rule) => {
+        const formRules = formRulesGenerator(this.t, { displayKey: rule?.translationKey ? this.t(rule.translationKey) : 'Value' });
+
+        return {
+          path:  rule.path,
+          rules: [
+            ...(rule.validators || []),
+            ...rule.required ? ['required'] : [],
+            ...['dnsLabel', 'dnsLabelRestricted', 'hostname'].includes(rule.type) ? [rule.type] : []
+          ]
+            .map((rule) => {
+              if (rule.includes(':')) {
+                const [ruleKey, ruleArg] = rule.split(':');
+
+                return formRules[ruleKey](ruleArg);
+              }
+
+              return formRules[rule];
+            }
+            )
+            .filter(rule => !!rule)
+        };
+      })
+      .filter(ruleset => ruleset.rules.length > 0);
+
+    rules.push(...customValidationRulesets);
+
+    return rules;
+  }
+
+  customValidationErrors(data, ignorePaths = []) {
+    const errors = [];
+
+    let { customValidationRules } = this;
+
+    if (!isEmpty(customValidationRules)) {
+      if (isFunction(customValidationRules)) {
+        customValidationRules = customValidationRules();
+      }
+
+      customValidationRules.filter(rule => !ignorePaths.includes(rule.path)).forEach((rule) => {
+        const {
+          path,
+          requiredIf: requiredIfPath,
+          validators = [],
+          type: fieldType,
+        } = rule;
+        let pathValue = get(data, path);
+
+        const parsedRules = compact((validators || []));
+        let displayKey = path;
+
+        if (rule.translationKey && this.$rootGetters['i18n/exists'](rule.translationKey)) {
+          displayKey = this.t(rule.translationKey);
+        }
+
+        if (isString(pathValue)) {
+          pathValue = pathValue.trim();
+        }
+        if (requiredIfPath) {
+          const reqIfVal = get(data, requiredIfPath);
+
+          if (!isEmpty(reqIfVal) && (isEmpty(pathValue) && pathValue !== 0)) {
+            errors.push(this.t('validation.required', { key: displayKey }));
+          }
+        }
+
+        validateLength(pathValue, rule, displayKey, this.$rootGetters, errors);
+        validateChars(pathValue, rule, displayKey, this.$rootGetters, errors);
+
+        if ( !isEmpty(pathValue) && DNS_LIKE_TYPES.includes(fieldType) ) {
+          // DNS types should be lowercase
+          const tolower = (pathValue || '').toLowerCase();
+
+          if ( tolower !== pathValue ) {
+            pathValue = tolower;
+
+            Vue.set(data, path, pathValue);
+          }
+
+          errors.push(...validateDnsLikeTypes(pathValue, fieldType, displayKey, this.$rootGetters, errors));
+        }
+
+        parsedRules.forEach((validator) => {
+          const validatorAndArgs = validator.split(':');
+          const validatorName = validatorAndArgs.slice(0, 1);
+          const validatorArgs = validatorAndArgs.slice(1) || null;
+          const validatorExists = Object.prototype.hasOwnProperty.call(CustomValidators, validatorName);
+
+          if (!isEmpty(validatorName) && validatorExists) {
+            CustomValidators[validatorName](pathValue, this.$rootGetters, errors, validatorArgs, displayKey, data);
+          } else if (!isEmpty(validatorName) && !validatorExists) {
+            // eslint-disable-next-line
+            console.warn(this.t('validation.custom.missing', { validatorName }));
+          }
+        });
+      });
+    }
+
+    return errors;
+  }
+
+  validationErrors(data = this, ignoreFields) {
     const errors = [];
     const {
       type: originalType,
@@ -1546,73 +1683,7 @@ export default class Resource {
       errors.push(...fieldErrors);
     }
 
-    let { customValidationRules } = this;
-
-    if (!isEmpty(customValidationRules)) {
-      if (isFunction(customValidationRules)) {
-        customValidationRules = customValidationRules();
-      }
-
-      customValidationRules.forEach((rule) => {
-        const {
-          path,
-          requiredIf: requiredIfPath,
-          validators = [],
-          type: fieldType,
-        } = rule;
-        let pathValue = get(data, path);
-
-        const parsedRules = compact((validators || []));
-        let displayKey = path;
-
-        if (rule.translationKey && this.$rootGetters['i18n/exists'](rule.translationKey)) {
-          displayKey = this.t(rule.translationKey);
-        }
-
-        if (isString(pathValue)) {
-          pathValue = pathValue.trim();
-        }
-        if (requiredIfPath) {
-          const reqIfVal = get(data, requiredIfPath);
-
-          if (!isEmpty(reqIfVal) && (isEmpty(pathValue) && pathValue !== 0)) {
-            errors.push(this.t('validation.required', { key: displayKey }));
-          }
-        }
-
-        validateLength(pathValue, rule, displayKey, this.$rootGetters, errors);
-        validateChars(pathValue, rule, displayKey, this.$rootGetters, errors);
-
-        if ( !isEmpty(pathValue) && DNS_LIKE_TYPES.includes(fieldType) ) {
-          // DNS types should be lowercase
-          const tolower = (pathValue || '').toLowerCase();
-
-          if ( tolower !== pathValue ) {
-            pathValue = tolower;
-
-            Vue.set(data, path, pathValue);
-          }
-
-          errors.push(...validateDnsLikeTypes(pathValue, fieldType, displayKey, this.$rootGetters, errors));
-        }
-
-        parsedRules.forEach((validator) => {
-          const validatorAndArgs = validator.split(':');
-          const validatorName = validatorAndArgs.slice(0, 1);
-          const validatorArgs = validatorAndArgs.slice(1) || null;
-          const validatorExists = Object.prototype.hasOwnProperty.call(CustomValidators, validatorName);
-
-          if (!isEmpty(validatorName) && validatorExists) {
-            CustomValidators[validatorName](pathValue, this.$rootGetters, errors, validatorArgs, displayKey, data);
-          } else if (!isEmpty(validatorName) && !validatorExists) {
-            // eslint-disable-next-line
-            console.warn(this.t('validation.custom.missing', { validatorName }));
-          }
-        });
-      });
-    }
-
-    return uniq(errors);
+    return uniq([...errors, ...this.customValidationErrors(data)]);
   }
 
   get ownersByType() {
@@ -1810,4 +1881,8 @@ export default class Resource {
 
     return out;
   }
+
+  get creationTimestamp() {
+    return this.metadata?.creationTimestamp;
+  }
 }