volto/packages/layout/config/slots.ts at 882e040aaa0db46419d7784e550f1bb44597e9a3 · plone/volto · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import type { ConfigType } from '@plone/registry';
import Header from '../slots/Header/Header';
import Main from '../slots/Main';
import Footer from '../slots/Footer';
import Logo from '../slots/Logo/Logo';
import LanguageSwitcher from '../slots/LanguageSwitcher/LanguageSwitcher';
import Navigation from '../slots/Navigation/Navigation';
import ContentArea from '../slots/ContentArea';
import MainFooter from '../slots/MainFooter/MainFooter';
import Breadcrumbs from '../slots/Breadcrumbs';
import { NotContentTypeCondition } from '../helpers';
import AnonymousTools from '../slots/HeaderTools/AnonymousTools';
import HeaderTools from '../slots/HeaderTools/HeaderTools';
import SearchWidget from '../slots/HeaderTools/SearchWidget';
import Actions from '../slots/HeaderTools/Actions';

export default function install(config: ConfigType) {
  // Main App Slot
  // config.registerSlotComponent({ name: 'App', slot: 'App', component: App });

  // Header Slot
  config.registerSlotComponent({
    name: 'Header',
    slot: 'header',
    component: Header,
  });

  // Logo
  config.registerSlotComponent({
    name: 'Logo',
    slot: 'logo',
    component: Logo,
  });

  // Navigation
  config.registerSlotComponent({
    name: 'Navigation',
    slot: 'navigation',
    component: Navigation,
  });

  // Header Tools
  config.registerSlotComponent({
    name: 'HeaderTools',
    slot: 'headerTools',
    component: HeaderTools,
  });

  config.registerSlotComponent({
    name: 'Actions',
    slot: 'actions',
    component: Actions,
  });

  config.registerSlotComponent({
    name: 'AnonymousTools',
    slot: 'anonymousTools',
    component: AnonymousTools,
  });

  config.registerSlotComponent({
    name: 'SearchWidget',
    slot: 'searchWidget',
    component: SearchWidget,
  });

  config.registerSlotComponent({
    name: 'Language Switcher',
    slot: 'languageSwitcher',
    component: LanguageSwitcher,
  });

  // Breadcrumbs
  config.registerSlotComponent({
    name: 'Breadcrumbs',
    slot: 'header',
    component: Breadcrumbs,
    predicates: [NotContentTypeCondition(config.settings.hideBreadcrumbs)],
  });

  // Main Slot
  config.registerSlotComponent({
    name: 'Main',
    slot: 'main',
    component: Main,
  });

  config.registerSlotComponent({
    name: 'contentArea',
    slot: 'contentArea',
    component: ContentArea,
  });

  // Footer Slot
  config.registerSlotComponent({
    name: 'Footer',
    slot: 'footer',
    component: Footer,
  });

  config.registerSlotComponent({
    name: 'mainFooter',
    slot: 'mainFooter',
    component: MainFooter,
  });

  return config;
}