refactor(navItems): add pro components docs links

Author: xidedix

src/app/icons/icon-subset.ts

@@ -46,6 +46,7 @@ import {
   cilDrop,
   cilEnvelopeClosed,
   cilEnvelopeOpen,
+  cilExternalLink,
   cilFile,
   cilGrid,
   cilHome,
@@ -147,6 +148,7 @@ export const iconSubset = {
   cilDrop,
   cilEnvelopeClosed,
   cilEnvelopeOpen,
+  cilExternalLink,
   cilFile,
   cilGrid,
   cilHome,
@@ -247,6 +249,7 @@ export enum IconSubset {
   cilDrop = 'cilDrop',
   cilEnvelopeClosed = 'cilEnvelopeClosed',
   cilEnvelopeOpen = 'cilEnvelopeOpen',
+  cilExternalLink = 'cilExternalLink',
   cilFile = 'cilFile',
   cilGrid = 'cilGrid',
   cilHome = 'cilHome',

src/app/layout/default-layout/_nav.ts

@@ -44,6 +44,16 @@ export const navItems: INavData[] = [
         url: '/base/breadcrumbs',
         icon: 'nav-icon-bullet'
       },
+      {
+        name: 'Calendar',
+        url: 'https://coreui.io/angular/docs/components/calendar/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
       {
         name: 'Cards',
         url: '/base/cards',
@@ -79,6 +89,26 @@ export const navItems: INavData[] = [
         url: '/base/placeholder',
         icon: 'nav-icon-bullet'
       },
+      {
+        name: 'Smart Table',
+        url: 'https://coreui.io/angular/docs/components/smart-table/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Smart Pagination',
+        url: 'https://coreui.io/angular/docs/components/smart-pagination/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
       {
         name: 'Popovers',
         url: '/base/popovers',
@@ -130,6 +160,16 @@ export const navItems: INavData[] = [
         name: 'Dropdowns',
         url: '/buttons/dropdowns',
         icon: 'nav-icon-bullet'
+      },
+      {
+        name: 'Loading Button',
+        url: 'https://coreui.io/angular/docs/components/loading-button/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
       }
     ]
   },
@@ -143,19 +183,34 @@ export const navItems: INavData[] = [
         url: '/forms/form-control',
         icon: 'nav-icon-bullet'
       },
-      {
-        name: 'Select',
-        url: '/forms/select',
-        icon: 'nav-icon-bullet'
-      },
       {
         name: 'Checks & Radios',
         url: '/forms/checks-radios',
         icon: 'nav-icon-bullet'
       },
       {
-        name: 'Range',
-        url: '/forms/range',
+        name: 'Date Picker',
+        url: 'https://coreui.io/angular/docs/forms/date-picker/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Date Range Picker',
+        url: 'https://coreui.io/angular/docs/forms/date-range-picker/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Floating Labels',
+        url: '/forms/floating-labels',
         icon: 'nav-icon-bullet'
       },
       {
@@ -164,10 +219,75 @@ export const navItems: INavData[] = [
         icon: 'nav-icon-bullet'
       },
       {
-        name: 'Floating Labels',
-        url: '/forms/floating-labels',
+        name: 'Multi Select',
+        url: 'https://coreui.io/angular/docs/forms/multi-select/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Password Input',
+        url: 'https://coreui.io/angular/docs/forms/password-input/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Range',
+        url: '/forms/range',
         icon: 'nav-icon-bullet'
       },
+      {
+        name: 'Range Slider',
+        url: 'https://coreui.io/angular/docs/forms/range-slider/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Rating',
+        url: 'https://coreui.io/angular/docs/forms/rating/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Select',
+        url: '/forms/select',
+        icon: 'nav-icon-bullet'
+      },
+      {
+        name: 'Stepper',
+        url: 'https://coreui.io/angular/docs/forms/stepper/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
+      {
+        name: 'Time Picker',
+        url: 'https://coreui.io/angular/docs/forms/time-picker/',
+        icon: 'nav-icon-bullet',
+        badge: {
+          color: 'danger',
+          text: 'PRO'
+        },
+        attributes: { target: '_blank' }
+      },
       {
         name: 'Layout',
         url: '/forms/layout',