aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared')
-rw-r--r--client/src/app/shared/forms/markdown-textarea.component.html13
-rw-r--r--client/src/app/shared/misc/help.component.html3
-rw-r--r--client/src/app/shared/shared.module.ts27
-rw-r--r--client/src/app/shared/video/video-feed.component.html13
-rw-r--r--client/src/app/shared/video/video-feed.component.scss1
5 files changed, 28 insertions, 29 deletions
diff --git a/client/src/app/shared/forms/markdown-textarea.component.html b/client/src/app/shared/forms/markdown-textarea.component.html
index 802562dd7..3de3b6fcd 100644
--- a/client/src/app/shared/forms/markdown-textarea.component.html
+++ b/client/src/app/shared/forms/markdown-textarea.component.html
@@ -5,8 +5,13 @@
5 id="description" name="description"> 5 id="description" name="description">
6 </textarea> 6 </textarea>
7 7
8 <tabset *ngIf="arePreviewsDisplayed()" class="previews"> 8 <ngb-tabset *ngIf="arePreviewsDisplayed()" class="previews" type="pills">
9 <tab *ngIf="truncate !== undefined" i18n-heading heading="Truncated preview" [innerHTML]="truncatedPreviewHTML"></tab> 9 <ngb-tab *ngIf="truncate !== undefined" i18n-title title="Truncated preview">
10 <tab i18n-heading heading="Complete preview" [innerHTML]="previewHTML"></tab> 10 <ng-template ngbTabContent><div [innerHTML]="truncatedPreviewHTML"></div></ng-template>
11 </tabset> 11 </ngb-tab>
12
13 <ngb-tab i18n-title title="Complete preview">
14 <ng-template ngbTabContent><div [innerHTML]="previewHTML"></div></ng-template>
15 </ngb-tab>
16 </ngb-tabset>
12</div> 17</div>
diff --git a/client/src/app/shared/misc/help.component.html b/client/src/app/shared/misc/help.component.html
index 1c3863e52..42a92d7f0 100644
--- a/client/src/app/shared/misc/help.component.html
+++ b/client/src/app/shared/misc/help.component.html
@@ -18,9 +18,8 @@
18 title="Get help" 18 title="Get help"
19 i18n-title 19 i18n-title
20 [attr.aria-pressed]="isPopoverOpened" 20 [attr.aria-pressed]="isPopoverOpened"
21 [popover]="tooltipTemplate" 21 [ngbPopover]="tooltipTemplate"
22 [placement]="tooltipPlacement" 22 [placement]="tooltipPlacement"
23 [outsideClick]="true"
24 (onHidden)="onPopoverHidden()" 23 (onHidden)="onPopoverHidden()"
25 (onShown)="onPopoverShown()" 24 (onShown)="onPopoverShown()"
26></span> 25></span>
diff --git a/client/src/app/shared/shared.module.ts b/client/src/app/shared/shared.module.ts
index 94de3af9f..ea7f2c887 100644
--- a/client/src/app/shared/shared.module.ts
+++ b/client/src/app/shared/shared.module.ts
@@ -8,11 +8,6 @@ import { HelpComponent } from '@app/shared/misc/help.component'
8import { InfiniteScrollerDirective } from '@app/shared/video/infinite-scroller.directive' 8import { InfiniteScrollerDirective } from '@app/shared/video/infinite-scroller.directive'
9import { MarkdownService } from '@app/videos/shared' 9import { MarkdownService } from '@app/videos/shared'
10 10
11import { BsDropdownModule } from 'ngx-bootstrap/dropdown'
12import { ModalModule } from 'ngx-bootstrap/modal'
13import { PopoverModule } from 'ngx-bootstrap/popover'
14import { TabsModule } from 'ngx-bootstrap/tabs'
15import { TooltipModule } from 'ngx-bootstrap/tooltip'
16import { BytesPipe, KeysPipe, NgPipesModule } from 'ngx-pipes' 11import { BytesPipe, KeysPipe, NgPipesModule } from 'ngx-pipes'
17import { SharedModule as PrimeSharedModule } from 'primeng/components/common/shared' 12import { SharedModule as PrimeSharedModule } from 'primeng/components/common/shared'
18 13
@@ -53,6 +48,7 @@ import { VideoCaptionService } from '@app/shared/video-caption'
53import { PeertubeCheckboxComponent } from '@app/shared/forms/peertube-checkbox.component' 48import { PeertubeCheckboxComponent } from '@app/shared/forms/peertube-checkbox.component'
54import { VideoImportService } from '@app/shared/video-import/video-import.service' 49import { VideoImportService } from '@app/shared/video-import/video-import.service'
55import { ActionDropdownComponent } from '@app/shared/buttons/action-dropdown.component' 50import { ActionDropdownComponent } from '@app/shared/buttons/action-dropdown.component'
51import { NgbDropdownModule, NgbModalModule, NgbPopoverModule, NgbTabsetModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap'
56 52
57@NgModule({ 53@NgModule({
58 imports: [ 54 imports: [
@@ -62,11 +58,11 @@ import { ActionDropdownComponent } from '@app/shared/buttons/action-dropdown.com
62 RouterModule, 58 RouterModule,
63 HttpClientModule, 59 HttpClientModule,
64 60
65 BsDropdownModule.forRoot(), 61 NgbDropdownModule.forRoot(),
66 ModalModule.forRoot(), 62 NgbModalModule.forRoot(),
67 PopoverModule.forRoot(), 63 NgbPopoverModule.forRoot(),
68 TabsModule.forRoot(), 64 NgbTabsetModule.forRoot(),
69 TooltipModule.forRoot(), 65 NgbTooltipModule.forRoot(),
70 66
71 PrimeSharedModule, 67 PrimeSharedModule,
72 NgPipesModule 68 NgPipesModule
@@ -97,11 +93,12 @@ import { ActionDropdownComponent } from '@app/shared/buttons/action-dropdown.com
97 RouterModule, 93 RouterModule,
98 HttpClientModule, 94 HttpClientModule,
99 95
100 BsDropdownModule, 96 NgbDropdownModule,
101 ModalModule, 97 NgbModalModule,
102 PopoverModule, 98 NgbPopoverModule,
103 TabsModule, 99 NgbTabsetModule,
104 TooltipModule, 100 NgbTooltipModule,
101
105 PrimeSharedModule, 102 PrimeSharedModule,
106 BytesPipe, 103 BytesPipe,
107 KeysPipe, 104 KeysPipe,
diff --git a/client/src/app/shared/video/video-feed.component.html b/client/src/app/shared/video/video-feed.component.html
index 5ef13e1ed..2e687a7b9 100644
--- a/client/src/app/shared/video/video-feed.component.html
+++ b/client/src/app/shared/video/video-feed.component.html
@@ -1,13 +1,10 @@
1<div class="video-feed"> 1<div class="video-feed">
2 <span *ngIf="syndicationItems.length !== 0" class="icon icon-syndication" 2 <span
3 [popover]="feedsList" 3 *ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" placement="bottom"
4 placement="bottom" 4 class="icon icon-syndication" role="button"
5 [outsideClick]="true"> 5 ></span>
6 </span>
7 6
8 <ng-template #feedsList> 7 <ng-template #feedsList>
9 <div *ngFor="let item of syndicationItems"> 8 <a *ngFor="let item of syndicationItems" [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
10 <a [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
11 </div>
12 </ng-template> 9 </ng-template>
13</div> \ No newline at end of file 10</div> \ No newline at end of file
diff --git a/client/src/app/shared/video/video-feed.component.scss b/client/src/app/shared/video/video-feed.component.scss
index 2efeb405e..a5d1aabf7 100644
--- a/client/src/app/shared/video/video-feed.component.scss
+++ b/client/src/app/shared/video/video-feed.component.scss
@@ -5,6 +5,7 @@
5 @include disable-default-a-behaviour; 5 @include disable-default-a-behaviour;
6 6
7 color: black; 7 color: black;
8 display: block;
8 } 9 }
9 10
10 .icon { 11 .icon {