diff options
Diffstat (limited to 'client/src/app/+admin/plugins/shared')
-rw-r--r-- | client/src/app/+admin/plugins/shared/index.ts | 1 | ||||
-rw-r--r-- | client/src/app/+admin/plugins/shared/plugin-api.service.ts | 13 | ||||
-rw-r--r-- | client/src/app/+admin/plugins/shared/plugin-navigation.component.html | 11 | ||||
-rw-r--r-- | client/src/app/+admin/plugins/shared/plugin-navigation.component.scss (renamed from client/src/app/+admin/plugins/shared/toggle-plugin-type.scss) | 7 | ||||
-rw-r--r-- | client/src/app/+admin/plugins/shared/plugin-navigation.component.ts | 11 |
5 files changed, 28 insertions, 15 deletions
diff --git a/client/src/app/+admin/plugins/shared/index.ts b/client/src/app/+admin/plugins/shared/index.ts index de037c437..6d616b372 100644 --- a/client/src/app/+admin/plugins/shared/index.ts +++ b/client/src/app/+admin/plugins/shared/index.ts | |||
@@ -1,2 +1,3 @@ | |||
1 | export * from './plugin-api.service' | 1 | export * from './plugin-api.service' |
2 | export * from './plugin-card.component' | 2 | export * from './plugin-card.component' |
3 | export * from './plugin-navigation.component' | ||
diff --git a/client/src/app/+admin/plugins/shared/plugin-api.service.ts b/client/src/app/+admin/plugins/shared/plugin-api.service.ts index b95ee0c9d..fbfdaea18 100644 --- a/client/src/app/+admin/plugins/shared/plugin-api.service.ts +++ b/client/src/app/+admin/plugins/shared/plugin-api.service.ts | |||
@@ -25,19 +25,6 @@ export class PluginApiService { | |||
25 | private pluginService: PluginService | 25 | private pluginService: PluginService |
26 | ) { } | 26 | ) { } |
27 | 27 | ||
28 | getPluginTypeOptions () { | ||
29 | return [ | ||
30 | { | ||
31 | label: $localize`Plugins`, | ||
32 | value: PluginType.PLUGIN | ||
33 | }, | ||
34 | { | ||
35 | label: $localize`Themes`, | ||
36 | value: PluginType.THEME | ||
37 | } | ||
38 | ] | ||
39 | } | ||
40 | |||
41 | getPluginTypeLabel (type: PluginType) { | 28 | getPluginTypeLabel (type: PluginType) { |
42 | if (type === PluginType.PLUGIN) { | 29 | if (type === PluginType.PLUGIN) { |
43 | return $localize`plugin` | 30 | return $localize`plugin` |
diff --git a/client/src/app/+admin/plugins/shared/plugin-navigation.component.html b/client/src/app/+admin/plugins/shared/plugin-navigation.component.html new file mode 100644 index 000000000..fd298d145 --- /dev/null +++ b/client/src/app/+admin/plugins/shared/plugin-navigation.component.html | |||
@@ -0,0 +1,11 @@ | |||
1 | <div class="root"> | ||
2 | <div class="btn-group" role="group" i18n-aria-label aria-label="Navigate between installed plugins and themes or find new ones"> | ||
3 | <a i18n routerLink="/admin/plugins/list-installed" [queryParams]="{ pluginType: pluginType }" routerLinkActive="active">Installed</a> | ||
4 | <a i18n routerLink="/admin/plugins/search" [queryParams]="{ pluginType: pluginType }" routerLinkActive="active">Search</a> | ||
5 | </div> | ||
6 | |||
7 | <div class="btn-group" role="group" i18n-aria-label aria-label="Navigate between plugins and themes"> | ||
8 | <a [ngClass]="{ active: pluginType === 1 }" routerLink="." [queryParams]="{ pluginType: 1 }" queryParamsHandling="merge" class="">Plugins</a> | ||
9 | <a [ngClass]="{ active: pluginType === 2 }" routerLink="." [queryParams]="{ pluginType: 2 }" queryParamsHandling="merge" class="">Themes</a> | ||
10 | </div> | ||
11 | </div> | ||
diff --git a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss b/client/src/app/+admin/plugins/shared/plugin-navigation.component.scss index 67213ea72..5802acd56 100644 --- a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss +++ b/client/src/app/+admin/plugins/shared/plugin-navigation.component.scss | |||
@@ -1,8 +1,11 @@ | |||
1 | @use '_variables' as *; | 1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | .toggle-plugin-type { | 4 | .root { |
5 | display: flex; | 5 | display: flex; |
6 | justify-content: center; | 6 | justify-content: center; |
7 | margin-bottom: 30px; | 7 | } |
8 | |||
9 | .btn-group:not(:last-child) { | ||
10 | @include margin-right(15px); | ||
8 | } | 11 | } |
diff --git a/client/src/app/+admin/plugins/shared/plugin-navigation.component.ts b/client/src/app/+admin/plugins/shared/plugin-navigation.component.ts new file mode 100644 index 000000000..1c963f521 --- /dev/null +++ b/client/src/app/+admin/plugins/shared/plugin-navigation.component.ts | |||
@@ -0,0 +1,11 @@ | |||
1 | import { Component, Input } from '@angular/core' | ||
2 | import { PluginType } from '@shared/models/plugins' | ||
3 | |||
4 | @Component({ | ||
5 | selector: 'my-plugin-navigation', | ||
6 | templateUrl: './plugin-navigation.component.html', | ||
7 | styleUrls: [ './plugin-navigation.component.scss' ] | ||
8 | }) | ||
9 | export class PluginNavigationComponent { | ||
10 | @Input() pluginType: PluginType | ||
11 | } | ||