Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
arsnova-lite
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
24
Issues
24
List
Boards
Labels
Milestones
Merge Requests
2
Merge Requests
2
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
ARSnova
arsnova-lite
Commits
a40aebb8
Commit
a40aebb8
authored
Aug 07, 2019
by
Lukas Mauß
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Try to animate sorting - not working as expected
parent
d5e9fd07
Pipeline
#29790
passed with stages
in 8 minutes and 7 seconds
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
20 additions
and
3 deletions
+20
-3
comment-list.component.html
...omponents/shared/comment-list/comment-list.component.html
+1
-1
comment-list.component.ts
.../components/shared/comment-list/comment-list.component.ts
+18
-1
comment.component.html
src/app/components/shared/comment/comment.component.html
+1
-1
No files found.
src/app/components/shared/comment-list/comment-list.component.html
View file @
a40aebb8
...
...
@@ -99,7 +99,7 @@
<div
*ngIf=
"!isLoading"
>
<app-comment
*ngFor=
"let current of hideCommentsList ? filteredComments : comments"
[comment]=
"current"
[parseVote]=
"getVote(current)"
></app-comment>
[parseVote]=
"getVote(current)"
[@
sortList
]
></app-comment>
</div>
<div
*ngIf=
"comments && comments.length < 1 && !isLoading"
fxLayout=
"row"
fxLayoutAlign=
"center center"
...
...
src/app/components/shared/comment-list/comment-list.component.ts
View file @
a40aebb8
...
...
@@ -14,11 +14,28 @@ import { Room } from '../../../models/room';
import
{
RoomService
}
from
'
../../../services/http/room.service
'
;
import
{
VoteService
}
from
'
../../../services/http/vote.service
'
;
import
{
NotificationService
}
from
'
../../../services/util/notification.service
'
;
import
{
animate
,
keyframes
,
query
,
stagger
,
state
,
style
,
transition
,
trigger
}
from
'
@angular/animations
'
;
@
Component
({
selector
:
'
app-comment-list
'
,
templateUrl
:
'
./comment-list.component.html
'
,
styleUrls
:
[
'
./comment-list.component.scss
'
]
styleUrls
:
[
'
./comment-list.component.scss
'
],
animations
:
[
trigger
(
'
sortList
'
,
[
transition
(
'
* => *
'
,
[
query
(
'
:enter
'
,
style
({
opacity
:
0
}),
{
optional
:
true
}),
query
(
'
:enter
'
,
stagger
(
'
0.3s
'
,
[
animate
(
'
1s ease-in
'
,
keyframes
([
style
({
opacity
:
0
,
transform
:
'
translateY(-20%)
'
,
offset
:
0
}),
style
({
opacity
:
.
5
,
transform
:
'
translateY(10%)
'
,
offset
:
0.4
}),
style
({
opacity
:
1
,
transform
:
'
translateY(0)
'
,
offset
:
1.0
}),
]))]),
{
optional
:
true
})
])
])
]
})
export
class
CommentListComponent
implements
OnInit
{
@
ViewChild
(
'
searchBox
'
)
searchField
:
ElementRef
;
...
...
src/app/components/shared/comment/comment.component.html
View file @
a40aebb8
<mat-card
id=
"comment-card"
[ngClass]=
"{'highlighted': comment.highlighted,
'': !comment.highlighted}"
[@
slide
]
>
'': !comment.highlighted}"
>
<div
fxLayout=
"column"
>
<div
fxLayout=
"row"
>
<div
class=
"date-container"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment