Dump everything (unstyled) into the review panel

This commit is contained in:
James Allen
2016-11-16 13:51:30 +00:00
parent 711f282575
commit 479ea83e36
3 changed files with 113 additions and 4 deletions
@@ -44,16 +44,20 @@ div.full-size(
scroll-events="scrollEvents",
track-changes-enabled="trackChangesFeatureFlag",
track-new-changes= "reviewPanel.trackNewChanges",
changes-tracker="reviewPanel.changesTracker"
changes-tracker="reviewPanel.changesTracker",
doc-id="editor.open_doc_id"
)
#review-panel
.review-panel-toolbar
| Track Changes
input(type="checkbox", ng-model="reviewPanel.trackNewChanges")
.review-panel-scroller
.rp-entry-list(review-panel-sorted, review-panel-sorted-entry-class="ui.reviewPanelOpen ? 'rp-entry' : 'rp-entry-indicator'")
.rp-entry-list(
review-panel-sorted
ng-if="reviewPanel.subView === SubViews.CUR_FILE"
)
.rp-entry-wrapper(
ng-repeat="(entry_id, entry) in reviewPanel.entries"
ng-repeat="(entry_id, entry) in reviewPanel.entries[editor.open_doc_id]"
)
.rp-entry-callout(
ng-class="'rp-entry-callout-' + entry.type"
@@ -146,6 +150,108 @@ div.full-size(
i.fa.fa-comment
|  Comment
.rp-overview-entry-list(
ng-if="reviewPanel.subView === SubViews.OVERVIEW"
)
.rp-overview-file(
ng-repeat="(doc_id, entries) in reviewPanel.entries"
)
.rp-overview-file-header
| {{ doc_id }}
.rp-entry-wrapper(
ng-repeat="(entry_id, entry) in entries"
)
.rp-entry-callout(
ng-class="'rp-entry-callout-' + entry.type"
)
div(ng-switch="entry.type")
.rp-entry-indicator(ng-switch-when="insert", ng-class="{ 'rp-entry-indicator-focused': entry.focused }")
i.fa.fa-pencil
.rp-entry-indicator(ng-switch-when="delete", ng-class="{ 'rp-entry-indicator-focused': entry.focused }")
i.rp-icon-delete
.rp-entry-indicator(ng-switch-when="comment", ng-class="{ 'rp-entry-indicator-focused': entry.focused }")
i.fa.fa-comment
.rp-entry-indicator(
ng-switch-when="add-comment"
ng-if="!commentState.adding"
ng-click="startNewComment(); toggleReviewPanel();"
)
i.fa.fa-commenting
.rp-entry(
ng-class="[ 'rp-entry-' + entry.type, (commentState.adding ? 'rp-entry-adding-comment' : ''), (entry.focused ? 'rp-entry-focused' : '')]"
)
div(ng-if="entry.type == 'insert' || entry.type == 'delete'")
.rp-entry-header
.rp-entry-action-icon(ng-switch="entry.type")
i.fa.fa-pencil(ng-switch-when="insert")
i.rp-icon-delete(ng-switch-when="delete")
.rp-entry-metadata
p.rp-entry-metadata-line(style="color: hsl({{ users[entry.metadata.user_id].hue }}, 70%, 50%);") {{ users[entry.metadata.user_id].name }}
p.rp-entry-metadata-line {{ entry.metadata.ts | date : 'MMM d, y h:mm a' }}
.rp-avatar(style="background-color: hsl({{ users[entry.metadata.user_id].hue }}, 70%, 50%);") {{ users[entry.metadata.user_id].avatar_text }}
.rp-entry-body(ng-switch="entry.type")
span(ng-switch-when="insert") Added 
ins.rp-content-highlight {{ entry.content }}
span(ng-switch-when="delete") Delete 
del.rp-content-highlight {{ entry.content }}
.rp-entry-actions
a.rp-entry-button(href, ng-click="rejectChange(entry_id)")
i.fa.fa-times
|  Reject
a.rp-entry-button(href, ng-click="acceptChange(entry_id)")
i.fa.fa-check
|  Accept
div(ng-if="entry.type == 'comment'")
.rp-comment(
ng-repeat="comment in entry.thread"
ng-class="users[comment.user_id].isSelf ? 'rp-comment-self' : '';"
)
.rp-avatar(
ng-if="!users[comment.user_id].isSelf;"
style="background-color: hsl({{ users[comment.user_id].hue }}, 70%, 50%);"
) {{ users[comment.user_id].avatar_text }}
.rp-comment-body(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 90%);")
p.rp-comment-content {{ comment.content }}
p.rp-comment-metadata
| {{ comment.ts | date : 'MMM d, y h:mm a' }}
|  • 
span(style="color: hsl({{ users[comment.user_id].hue }}, 70%, 40%);") {{ users[comment.user_id].name }}
.rp-comment-reply
textarea.rp-comment-input(
ng-model="entry.replyContent"
ng-keypress="handleCommentReplyKeyPress($event, entry);"
placeholder="Hit \"Enter\" to reply"
)
.rp-entry-actions
a.rp-entry-button(href)
i.fa.fa-check
|  Mark as resolved
div(ng-if="entry.type == 'add-comment'")
a.rp-add-comment-btn(
href
ng-if="!commentState.adding"
ng-click="startNewComment()"
)
i.fa.fa-comment
|  Add comment
div(ng-if="commentState.adding")
.rp-new-comment
textarea.rp-comment-input(
ng-model="commentState.content"
placeholder="Add your comment here"
)
.rp-entry-actions
a.rp-entry-button(href, ng-click="cancelNewComment()")
i.fa.fa-times
|  Cancel
a.rp-entry-button(href, ng-click="submitNewComment()")
i.fa.fa-comment
|  Comment
.rp-nav
a.rp-nav-item(
href
@@ -58,6 +58,7 @@ define [
trackNewChanges: "="
trackChangesEnabled: "="
changesTracker: "="
docId: "="
}
link: (scope, element, attrs) ->
# Don't freak out if we're already in an apply callback
@@ -308,7 +308,9 @@ define [
@$scope.$apply()
_getCurrentDocEntries: () ->
return @$scope.reviewPanel.entries
doc_id = @$scope.docId
entries = @$scope.reviewPanel.entries[doc_id] ?= {}
return entries
_makeZeroWidthRange: (position) ->
ace_range = new Range(position.row, position.column, position.row, position.column)