demo.routes.ts

import { Routes } from '@angular/router';
import { AceDemoComponent } from './ace-demo/ace-demo.component';
import { ApiExplorerComponent } from './api-explorer/api-explorer.component';
import { AssetSelectDemoComponent } from './asset-select/asset-select-demo.component';
import { AssetDemoComponent } from './asset/asset.demo.component';
import { AuthDemoComponent } from './auth/auth-demo.component';
import { CrudDemoComponent } from './crud/crud-demo.component';
import { DataDemoComponent } from './data/data-demo.component';
import { EntryFormDemoComponent } from './entry-form/entry-form.demo.component';
import { EntryListDemoComponent } from './entry-list/entry-list.demo.component';
import { EntryPopDemoComponent } from './entry-pop-demo/entry-pop-demo.component';
import { EntrySelectDemoComponent } from './entry-select/entry-select-demo.component';
import { FileListDemoComponent } from './file-list/file-list-demo.component';
import { DatetimeDemoComponent } from './form/datetime-demo.component';
import { FormDemoComponent } from './form/form-demo.component';
import { IconDemoComponent } from './icon-demo/icon-demo.component';
import { ListTransformsDemoComponent } from './list-transforms/list-transforms-demo.component';
import { ListDemoComponent } from './list/list-demo.component';
import { LoaderDemoComponent } from './loader-demo/loader-demo.component';
import { LocationPickerDemoComponent } from './location/location-picker-demo.component';
import { MediumEditorDemoComponent } from './medium-editor-demo/medium-editor-demo.component';
import { NotificationsDemoComponent } from './notifications-demo/notifications-demo.component';
import { PaginationDemoComponent } from './pagination/pagination-demo.component';
import { PasswordResetDemoComponent } from './password-reset/password-reset-demo.component';
import { PopDemoComponent } from './pop/pop-demo.component';
import { ResourceCrudDemoComponent } from './resource-crud/resource-crud-demo.component';
import { ResourceDeletePopDemoComponent } from './resource-delete-pop/resource-delete-pop-demo.component';
import { ResourceFormDemoComponent } from './resource-form/resource-form-demo.component';
import { ResourceSelectDemoComponent } from './resource-select/resource-select-demo.component';
import { SelectDemoComponent } from './select/select-demo.component';
import { SignupDemoComponent } from './signup/signup-demo.component';
import { SymbolDemoComponent } from './symbol/symbol-demo.component';
import { TabsDemoComponent } from './tabs/tabs-demo.component';
import { TinymceDemoComponent } from './tinymce-demo/tinymce-demo.component';
import { LoginDemoComponent } from './login-demo/login-demo.component';
import { DemoDashboardComponent } from './dashboard.component';
import { ImageSelectPopDemoComponent } from './image-select-pop-demo/image-select-pop-demo.component';
import { ResourceListPopDemoComponent } from './resource-list-pop/resource-list-pop-demo.component';
import { ModalDemoComponent } from './modal/modal-demo.component';
import { EntryListSelectDemoComponent } from './entry-list-select/entry-list-select-demo.component';
import { KeycommandsDemoComponent } from './keycommands/keycommands-demo.component';

export const demoRoutes: Routes = [
  {
    path: '',
    component: DemoDashboardComponent,
    data: { title: 'ec.components' }
  },
  {
    path: 'ui',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'icons',
      },
      {
        path: 'icons',
        component: IconDemoComponent,
        data: {
          paths: ['icon-demo/icon-demo.component.html', 'icon-demo/icon-demo.component.ts', 'icon-demo/icon.pipe.ts'],
          links: [
            'modules/IconModule.html',
            'additional-documentation/ui/icons.html',
          ]
        },
      },
      {
        path: 'symbols',
        component: SymbolDemoComponent,
        data: {
          paths: ['symbol/symbol-demo.component.html', 'symbol/symbol-demo.component.ts'],
          links: [
            'modules/SymbolModule.html'
          ]
        }
      },
      {
        path: 'list-basic',
        component: ListDemoComponent,
        data: {
          paths: ['list/list-demo.component.ts'], // , 'list/unsplash-image.component.ts'
          links: [
            'components/ListComponent.html#readme',
            'modules/ListModule.html'
          ]
        }
      },
      {
        path: 'list-transforms',
        component: ListTransformsDemoComponent,
        data: {
          paths: ['list-transforms/list-transforms-demo.component.ts'],
          links: [
            'additional-documentation/project-setup-tutorial/custom-entry-list.html#create-custom-cells-via-transform-methods',
            'modules/ListModule.html'
          ]
        }
      },
      {
        path: 'list-pagination',
        component: PaginationDemoComponent,
        data: {
          paths: ['pagination/pagination-demo.component.html', 'pagination/pagination-demo.component.ts'],
          links: [
            'additional-documentation/project-setup-tutorial/custom-entry-list.html#seperated-header-items-pagination-markup',
            'modules/ListModule.html']
        }
      },
      {
        path: 'form',
        component: FormDemoComponent,
        data: {
          paths: [
            'form/form-demo.component.ts',
            'form/form-demo.component.html',
            'form/cool-string.component.ts',
            'form/cool-string.component.html',
            'form/counter.component.ts'],
          links: ['modules/FormModule.html',
            'components/DefaultInputComponent.html#template',
            'additional-documentation/project-setup-tutorial/custom-entry-forms.html']
        }
      }, {
        path: 'select',
        component: SelectDemoComponent,
        data: {
          paths: ['select/select-demo.component.html', 'select/select-demo.component.ts'],
          links: [
            'modules/SelectModule.html'
          ]
        }
      },
      {
        path: 'datetime',
        component: DatetimeDemoComponent,
        data: {
          paths: ['form/datetime-demo.component.ts'],
          links: [
            'components/CalendarComponent.html',
            'components/DatetimeComponent.html',
            'components/MonthComponent.html',
            'components/HeatmapComponent.html'
          ]
        }
      },
      {
        path: 'pop',
        component: PopDemoComponent,
        data: {
          paths: ['pop/pop-demo.component.html', 'pop/pop-demo.component.ts', 'pop/pop-trigger.component.ts', 'pop/pop.markup.html'],
          links: ['components/PopComponent.html#readme', 'modules/PopModule.html'] // TODO: enhance readme
        }
      },
      {
        path: 'modal',
        component: ModalDemoComponent,
        data: {
          paths: ['modal/modal-demo.component.html', 'modal/modal-demo.component.ts'],
          links: ['components/ModalComponent.html#readme', 'modules/PopModule.html'] // TODO: add readme
        }
      },
      {
        path: 'notifications',
        component: NotificationsDemoComponent,
        data: {
          paths: ['notifications-demo/notifications-demo.component.html', 'notifications-demo/notifications-demo.component.ts'],
          links: ['components/NotificationsComponent.html#readme', 'modules/NotificationsModule.html'] // TODO: enhance readme
        }
      },
      {
        path: 'loader',
        component: LoaderDemoComponent,
        data: {
          paths: ['loader-demo/loader-demo.component.html', 'loader-demo/loader-demo.component.ts'],
          links: ['components/LoaderComponent.html#readme', 'modules/LoaderModule.html'] // TODO: enhance readme
        }
      },
      {
        path: 'tabs',
        children: [
          {
            path: '',
            component: TabsDemoComponent,
            data: {
              paths: ['tabs/tabs-demo.component.html', 'tabs/tabs-demo.component.ts'],
              links: ['components/TabsComponent.html#readme', 'modules/UtilityModule.html'] // TODO: enhance readme
            }
          },
          {
            path: 'foo',
            component: TabsDemoComponent,
            data: {
              paths: ['tabs/tabs-demo.component.html', 'tabs/tabs-demo.component.ts'],
              links: ['components/TabsComponent.html#readme', 'modules/UtilityModule.html'] // TODO: enhance readme
            }
          },
          {
            path: 'bar',
            component: TabsDemoComponent,
            data: {
              paths: ['tabs/tabs-demo.component.html', 'tabs/tabs-demo.component.ts'],
              links: ['components/TabsComponent.html#readme', 'modules/UtilityModule.html'] // TODO: enhance readme
            }
          },
        ]
      },
      {
        path: 'login-form',
        component: LoginDemoComponent,
        data: {
          paths: ['login-demo/login-demo.component.ts']
        }
      },
    ]
  },
  {
    path: 'resources',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'api-explorer'
      },
      {
        path: 'api-explorer',
        component: ApiExplorerComponent,
        data: {
          paths: ['api-explorer/api-explorer.component.html', 'api-explorer/api-explorer.component.ts'],
          links: ['components/ResourceListComponent.html', 'components/ResourceFormComponent.html', 'modules/ResourceModule.html']
        }
      },
      {
        path: 'resource-form',
        component: ResourceFormDemoComponent,
        data: {
          paths: ['resource-form/resource-form-demo.component.html', 'resource-form/resource-form-demo.component.ts'],
          links: ['components/ResourceFormComponent.html', 'modules/ResourceModule.html']
        }
      },
      {
        path: 'resource-crud',
        component: ResourceCrudDemoComponent,
        data: {
          paths: ['resource-crud/resource-crud-demo.component.html', 'resource-crud/resource-crud-demo.component.ts'],
          links: ['components/ResourceCrudComponent.html', 'modules/ResourceModule.html']
        }
      },
      {
        path: 'resource-delete-pop',
        component: ResourceDeletePopDemoComponent,
        data: {
          paths: ['resource-delete-pop/resource-delete-pop-demo.component.html',
            'resource-delete-pop/resource-delete-pop-demo.component.ts'],
          links: ['components/ResourceDeletePopComponent.html', 'modules/ResourceModule.html']
        }
      },
      {
        path: 'resource-select',
        component: ResourceSelectDemoComponent,
        data: {
          paths: ['resource-select/resource-select-demo.component.html', 'resource-select/resource-select-demo.component.ts'],
          links: ['components/ResourceSelectComponent.html']
        }
      },
      {
        path: 'resource-list-pop',
        component: ResourceListPopDemoComponent,
        data: {
          paths: ['resource-list-pop/resource-list-pop-demo.component.ts', 'resource-list-pop/resource-list-pop-demo.component.html'],
          links: ['components/ResourceListPopComponent.html']
        }
      }
    ]
  },
  {
    path: 'entries',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'entries'
      },
      {
        path: 'entries',
        component: DataDemoComponent,
        data: {
          paths: ['data/data-demo.component.html', 'data/data-demo.component.ts'],
          links: ['directives/EntriesDirective.html#readme', 'directives/EntryDirective.html#readme']
        }
      },
      {
        path: 'entry-list',
        component: EntryListDemoComponent,
        data: {
          paths: ['entry-list/entry-list-demo.component.html', 'entry-list/entry-list.demo.component.ts'],
          links: ['components/EntryListComponent.html#readme', 'modules/DataModule.html']
        }
      },
      {
        path: 'entry-form',
        component: EntryFormDemoComponent,
        data: {
          paths: ['entry-form/entry-form-demo.component.html', 'entry-form/entry-form.demo.component.ts'],
          links: ['components/EntryFormComponent.html#readme', 'modules/DataModule.html']
        }
      },
      {
        path: 'entry-pop',
        children: [
          {
            path: '',
            component: EntryPopDemoComponent,
            data: {
              paths: ['entry-pop-demo/entry-pop-demo.component.html', 'entry-pop-demo/entry-pop-demo.component.ts'],
              links: ['components/EntryPopComponent.html']
            }
          },
          {
            path: 'muffin/:muffinID',
            component: EntryPopDemoComponent,
            data: {
              paths: ['entry-pop-demo/entry-pop-demo.component.html', 'entry-pop-demo/entry-pop-demo.component.ts'],
              links: ['components/EntryPopComponent.html']
            }
          },
          {
            path: 'muffin/create',
            component: EntryPopDemoComponent,
            data: {
              paths: ['entry-pop-demo/entry-pop-demo.component.html', 'entry-pop-demo/entry-pop-demo.component.ts'],
              links: ['components/EntryPopComponent.html']
            }
          }
        ]
      },
      {
        path: 'entry-select',
        component: EntrySelectDemoComponent,
        data: {
          paths: ['entry-select/entry-select-demo.component.html', 'entry-select/entry-select-demo.component.ts'],
          links: ['components/EntrySelectComponent.html']
        }
      },
      {
        path: 'entry-list-select',
        component: EntryListSelectDemoComponent,
        data: {
          paths: ['entry-list-select/entry-list-select-demo.component.html', 'entry-list-select/entry-list-select-demo.component.ts'],
          links: ['components/EntryListSelectComponent.html#readme', 'modules/DataModule.html']
        }
      },
      {
        path: 'crud',
        component: CrudDemoComponent,
        data: {
          paths: ['crud/crud-demo.component.html', 'crud/crud-demo.component.ts'],
          links: ['components/CrudComponent.html']
        }
      },
    ]
  },
  {
    path: 'assets',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'asset'
      },
      {
        path: 'asset',
        component: AssetDemoComponent,
        data: {
          paths: ['asset/asset-demo.component.html', 'asset/asset.demo.component.ts'],
          links: ['directives/AssetDirective.html#readme', 'directives/ImageDirective.html#info', 'modules/FilesModule.html']
        }
      },
      /* {
        path: 'asset-list',
        component: AssetListDemoComponent,
        data: {
          paths: ['asset-list/asset-list-demo.component.html', 'asset-list/asset-list.demo.component.ts'],
          links: ['components/AssetListComponent.html', 'modules/FilesModule.html']
        }
      }, */
      {
        path: 'asset-select',
        component: AssetSelectDemoComponent,
        data: {
          paths: ['asset-select/asset-select-demo.component.html', 'asset-select/asset-select-demo.component.ts'],
          links: ['components/AssetSelectComponent.html']
        }
      },
      {
        path: 'image-select-pop',
        component: ImageSelectPopDemoComponent,
        data: {
          paths: ['image-select-pop-demo/image-select-pop-demo.component.ts'],
          links: ['components/ImageSelectPopComponent.html']
        }
      },
      {
        path: 'asset-crud',
        component: FileListDemoComponent,
        data: {
          paths: ['file-list/file-list-demo.component.html', 'file-list/file-list-demo.component.ts']
        }
      },
    ]

  },
  {
    path: 'auth',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'auth'
      },
      /* {
         path: 'login',
         component: PublicLoginComponent
       },
       {
         path: 'signup',
         component: PublicSignupComponent
       },*/
      {
        path: 'auth',
        component: AuthDemoComponent,
        data: {
          paths: ['auth/auth-demo.component.html', 'auth/auth-demo.component.ts'],
          links: ['modules/AuthModule.html']
        }
      },
      {
        path: 'password-reset',
        component: PasswordResetDemoComponent,
        data: {
          paths: ['password-reset/password-reset-demo.component.html', 'password-reset/password-reset-demo.component.ts'],
          links: ['components/PasswordResetComponent.html', 'modules/AuthModule.html']
        }
      },
      {
        path: 'signup',
        component: SignupDemoComponent,
        data: {
          paths: ['signup/signup-demo.component.html', 'signup/signup-demo.component.ts'],
          links: ['components/SignupComponent.html', 'modules/AuthModule.html']
        }
      },
    ]
  },
  {
    path: 'misc',
    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'medium-editor'
      },
      {
        path: 'medium-editor',
        component: MediumEditorDemoComponent,
        data: {
          paths: ['medium-editor-demo/medium-editor-demo.component.html', 'medium-editor-demo/medium-editor-demo.component.ts']
        }
      },
      {
        path: 'tinymce',
        component: TinymceDemoComponent,
        data: {
          paths: [
            'tinymce-demo/tinymce-demo.component.html',
            'tinymce-demo/tinymce-demo.component.ts',
            'tinymce-demo/tiny-input.component.ts']
        }
      },
      {
        path: 'ace',
        component: AceDemoComponent,
        data: {
          paths: ['ace-demo/ace-demo.component.ts']
        }
      },
      {
        path: 'location',
        component: LocationPickerDemoComponent,
        data: {
          paths: ['location/location-picker-demo.component.html', 'location/location-picker-demo.component.ts']
        }
      },
      {
        path: 'keycommands',
        component: KeycommandsDemoComponent,
        data: {
          paths: ['keycommands/keycommands-demo.component.ts']
        }
      }
    ]
  }
];