diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-01 16:17:32 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-01 16:17:32 +0100 |
commit | 2bbb34127fccd187ed690949b6791e49fdd77194 (patch) | |
tree | d9ebcc72ab5e1d439f08e73881dc62baecb3bc36 /client/src/app/shared | |
parent | 9bf9d2a5c223bf006496ae7adf0c0bd7a7975108 (diff) | |
download | PeerTube-2bbb34127fccd187ed690949b6791e49fdd77194.tar.gz PeerTube-2bbb34127fccd187ed690949b6791e49fdd77194.tar.zst PeerTube-2bbb34127fccd187ed690949b6791e49fdd77194.zip |
Add auto scroll to videos list
Diffstat (limited to 'client/src/app/shared')
-rw-r--r-- | client/src/app/shared/misc/from-now.pipe.ts | 2 | ||||
-rw-r--r-- | client/src/app/shared/search/search.component.ts | 33 | ||||
-rw-r--r-- | client/src/app/shared/shared.module.ts | 7 |
3 files changed, 6 insertions, 36 deletions
diff --git a/client/src/app/shared/misc/from-now.pipe.ts b/client/src/app/shared/misc/from-now.pipe.ts index 25e5d6a85..80dab02ba 100644 --- a/client/src/app/shared/misc/from-now.pipe.ts +++ b/client/src/app/shared/misc/from-now.pipe.ts | |||
@@ -1,6 +1,6 @@ | |||
1 | import { Pipe, PipeTransform } from '@angular/core' | 1 | import { Pipe, PipeTransform } from '@angular/core' |
2 | 2 | ||
3 | // Thanks: https://github.com/danrevah/ngx-pipes/blob/master/src/pipes/math/bytes.ts | 3 | // Thanks: https://stackoverflow.com/questions/3177836/how-to-format-time-since-xxx-e-g-4-minutes-ago-similar-to-stack-exchange-site |
4 | 4 | ||
5 | @Pipe({name: 'fromNow'}) | 5 | @Pipe({name: 'fromNow'}) |
6 | export class FromNowPipe implements PipeTransform { | 6 | export class FromNowPipe implements PipeTransform { |
diff --git a/client/src/app/shared/search/search.component.ts b/client/src/app/shared/search/search.component.ts index 6ef19c97a..f49ecc8ad 100644 --- a/client/src/app/shared/search/search.component.ts +++ b/client/src/app/shared/search/search.component.ts | |||
@@ -1,8 +1,6 @@ | |||
1 | import { Component, OnInit } from '@angular/core' | 1 | import { Component, OnInit } from '@angular/core' |
2 | import { Router } from '@angular/router' | 2 | import { Router } from '@angular/router' |
3 | |||
4 | import { Search } from './search.model' | 3 | import { Search } from './search.model' |
5 | import { SearchField } from './search-field.type' | ||
6 | import { SearchService } from './search.service' | 4 | import { SearchService } from './search.service' |
7 | 5 | ||
8 | @Component({ | 6 | @Component({ |
@@ -12,12 +10,6 @@ import { SearchService } from './search.service' | |||
12 | }) | 10 | }) |
13 | 11 | ||
14 | export class SearchComponent implements OnInit { | 12 | export class SearchComponent implements OnInit { |
15 | fieldChoices = { | ||
16 | name: 'Name', | ||
17 | account: 'Account', | ||
18 | host: 'Host', | ||
19 | tags: 'Tags' | ||
20 | } | ||
21 | searchCriteria: Search = { | 13 | searchCriteria: Search = { |
22 | field: 'name', | 14 | field: 'name', |
23 | value: '' | 15 | value: '' |
@@ -40,30 +32,11 @@ export class SearchComponent implements OnInit { | |||
40 | ) | 32 | ) |
41 | } | 33 | } |
42 | 34 | ||
43 | get choiceKeys () { | ||
44 | return Object.keys(this.fieldChoices) | ||
45 | } | ||
46 | |||
47 | choose ($event: MouseEvent, choice: SearchField) { | ||
48 | $event.preventDefault() | ||
49 | $event.stopPropagation() | ||
50 | |||
51 | this.searchCriteria.field = choice | ||
52 | |||
53 | if (this.searchCriteria.value) { | ||
54 | this.doSearch() | ||
55 | } | ||
56 | } | ||
57 | |||
58 | doSearch () { | 35 | doSearch () { |
59 | if (this.router.url.indexOf('/videos/list') === -1) { | 36 | // if (this.router.url.indexOf('/videos/list') === -1) { |
60 | this.router.navigate([ '/videos/list' ]) | 37 | // this.router.navigate([ '/videos/list' ]) |
61 | } | 38 | // } |
62 | 39 | ||
63 | this.searchService.searchUpdated.next(this.searchCriteria) | 40 | this.searchService.searchUpdated.next(this.searchCriteria) |
64 | } | 41 | } |
65 | |||
66 | getStringChoice (choiceKey: SearchField) { | ||
67 | return this.fieldChoices[choiceKey] | ||
68 | } | ||
69 | } | 42 | } |
diff --git a/client/src/app/shared/shared.module.ts b/client/src/app/shared/shared.module.ts index c7ea6e603..7618748e9 100644 --- a/client/src/app/shared/shared.module.ts +++ b/client/src/app/shared/shared.module.ts | |||
@@ -6,21 +6,20 @@ import { RouterModule } from '@angular/router' | |||
6 | 6 | ||
7 | import { BsDropdownModule } from 'ngx-bootstrap/dropdown' | 7 | import { BsDropdownModule } from 'ngx-bootstrap/dropdown' |
8 | import { ModalModule } from 'ngx-bootstrap/modal' | 8 | import { ModalModule } from 'ngx-bootstrap/modal' |
9 | import { PaginationModule } from 'ngx-bootstrap/pagination' | ||
10 | import { ProgressbarModule } from 'ngx-bootstrap/progressbar' | 9 | import { ProgressbarModule } from 'ngx-bootstrap/progressbar' |
11 | import { BytesPipe, KeysPipe } from 'ngx-pipes' | 10 | import { BytesPipe, KeysPipe } from 'ngx-pipes' |
12 | import { SharedModule as PrimeSharedModule } from 'primeng/components/common/shared' | 11 | import { SharedModule as PrimeSharedModule } from 'primeng/components/common/shared' |
13 | import { DataTableModule } from 'primeng/components/datatable/datatable' | 12 | import { DataTableModule } from 'primeng/components/datatable/datatable' |
14 | 13 | ||
15 | import { AUTH_INTERCEPTOR_PROVIDER } from './auth' | 14 | import { AUTH_INTERCEPTOR_PROVIDER } from './auth' |
15 | import { FromNowPipe } from './misc/from-now.pipe' | ||
16 | import { LoaderComponent } from './misc/loader.component' | 16 | import { LoaderComponent } from './misc/loader.component' |
17 | import { NumberFormatterPipe } from './misc/number-formatter.pipe' | ||
17 | import { RestExtractor, RestService } from './rest' | 18 | import { RestExtractor, RestService } from './rest' |
18 | import { SearchComponent, SearchService } from './search' | 19 | import { SearchComponent, SearchService } from './search' |
19 | import { UserService } from './users' | 20 | import { UserService } from './users' |
20 | import { VideoAbuseService } from './video-abuse' | 21 | import { VideoAbuseService } from './video-abuse' |
21 | import { VideoBlacklistService } from './video-blacklist' | 22 | import { VideoBlacklistService } from './video-blacklist' |
22 | import { NumberFormatterPipe } from './misc/number-formatter.pipe' | ||
23 | import { FromNowPipe } from './misc/from-now.pipe' | ||
24 | 23 | ||
25 | @NgModule({ | 24 | @NgModule({ |
26 | imports: [ | 25 | imports: [ |
@@ -32,7 +31,6 @@ import { FromNowPipe } from './misc/from-now.pipe' | |||
32 | 31 | ||
33 | BsDropdownModule.forRoot(), | 32 | BsDropdownModule.forRoot(), |
34 | ModalModule.forRoot(), | 33 | ModalModule.forRoot(), |
35 | PaginationModule.forRoot(), | ||
36 | ProgressbarModule.forRoot(), | 34 | ProgressbarModule.forRoot(), |
37 | 35 | ||
38 | DataTableModule, | 36 | DataTableModule, |
@@ -57,7 +55,6 @@ import { FromNowPipe } from './misc/from-now.pipe' | |||
57 | 55 | ||
58 | BsDropdownModule, | 56 | BsDropdownModule, |
59 | ModalModule, | 57 | ModalModule, |
60 | PaginationModule, | ||
61 | ProgressbarModule, | 58 | ProgressbarModule, |
62 | DataTableModule, | 59 | DataTableModule, |
63 | PrimeSharedModule, | 60 | PrimeSharedModule, |