github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Add collapsing behaviour to resolved comments.

Browse source
This commit is contained in:
Paulo Reis 2017-01-13 15:37:24 +00:00
parent 5eece9f5d9
commit 3968761ac8
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
services/web/app/views/project/editor/review-panel.jade
View file

@ -206,7 +206,13 @@ script(type='text/ng-template', id='resolvedCommentEntryTemplate')
.rp-resolved-comment-context
| Quoted text on 
span.rp-resolved-comment-context-file {{ thread.docName }}
p.rp-resolved-comment-context-quote {{ thread.content }}
p.rp-resolved-comment-context-quote
span {{ thread.content | limitTo:(isCollapsed ? contentLimit : thread.content.length)}}
a.rp-collapse-toggle(
href
ng-if="needsCollapsing"
ng-click="toggleCollapse();"
)  {{ isCollapsed ? '(more)' : '(less)' }}
.rp-comment(
ng-repeat="comment in thread.messages track by comment.id"
)

11
services/web/public/coffee/ide/review-panel/directives/resolvedCommentEntry.coffee
View file

@ -8,4 +8,13 @@ define [
thread: "="
permissions: "="
onUnresolve: "&"
onDelete: "&"
onDelete: "&"
link: (scope, element, attrs) ->
scope.contentLimit = 40
scope.needsCollapsing = scope.thread.content.length > scope.contentLimit
scope.isCollapsed = true
scope.toggleCollapse = () ->
scope.isCollapsed = !scope.isCollapsed
$timeout () ->
scope.$emit "review-panel:layout"