|
|
@@ -14,7 +14,8 @@ |
|
|
|
var TEMPLATE = |
|
|
|
'<ul class="comments">' + |
|
|
|
'</ul>' + |
|
|
|
'<div class="empty hidden">{{emptyResultLabel}}</div>' + |
|
|
|
'<div class="emptycontent hidden"><div class="icon-comment"></div>' + |
|
|
|
'<p>{{emptyResultLabel}}</p></div>' + |
|
|
|
'<input type="button" class="showMore hidden" value="{{moreLabel}}"' + |
|
|
|
' name="show-more" id="show-more" />' + |
|
|
|
'<div class="loading hidden" style="height: 50px"></div>'; |
|
|
@@ -31,8 +32,8 @@ |
|
|
|
'{{/if}}' + |
|
|
|
' </div>' + |
|
|
|
' <form class="newCommentForm">' + |
|
|
|
' <textarea class="message" placeholder="{{newMessagePlaceholder}}">{{{message}}}</textarea>' + |
|
|
|
' <input class="submit" type="submit" value="{{submitText}}" />' + |
|
|
|
' <input type="text" class="message" placeholder="{{newMessagePlaceholder}}" value="{{{message}}}"" />' + |
|
|
|
' <input class="submit icon-confirm" type="submit" value="" />' + |
|
|
|
'{{#if isEditMode}}' + |
|
|
|
' <input class="cancel" type="button" value="{{cancelText}}" />' + |
|
|
|
'{{/if}}' + |
|
|
@@ -113,7 +114,7 @@ |
|
|
|
avatarEnabled: this._avatarsEnabled, |
|
|
|
actorId: currentUser.uid, |
|
|
|
actorDisplayName: currentUser.displayName, |
|
|
|
newMessagePlaceholder: t('comments', 'Type in a new comment...'), |
|
|
|
newMessagePlaceholder: t('comments', 'New comment …'), |
|
|
|
deleteTooltip: t('comments', 'Delete comment'), |
|
|
|
submitText: t('comments', 'Post'), |
|
|
|
cancelText: t('comments', 'Cancel') |
|
|
@@ -162,17 +163,17 @@ |
|
|
|
|
|
|
|
render: function() { |
|
|
|
this.$el.html(this.template({ |
|
|
|
emptyResultLabel: t('comments', 'No other comments available'), |
|
|
|
moreLabel: t('comments', 'More comments...') |
|
|
|
emptyResultLabel: t('comments', 'No comments yet, start the conversation!'), |
|
|
|
moreLabel: t('comments', 'More comments …') |
|
|
|
})); |
|
|
|
this.$el.find('.comments').before(this.editCommentTemplate({})); |
|
|
|
this.$el.find('.has-tooltip').tooltip(); |
|
|
|
this.$container = this.$el.find('ul.comments'); |
|
|
|
if (this._avatarsEnabled) { |
|
|
|
this.$el.find('.avatar').avatar(OC.getCurrentUser().uid, 28); |
|
|
|
this.$el.find('.avatar').avatar(OC.getCurrentUser().uid, 32); |
|
|
|
} |
|
|
|
this.delegateEvents(); |
|
|
|
this.$el.find('textarea').on('keydown input change', this._onTypeComment); |
|
|
|
this.$el.find('.message').on('keydown input change', this._onTypeComment); |
|
|
|
}, |
|
|
|
|
|
|
|
_formatItem: function(commentModel) { |
|
|
@@ -200,7 +201,7 @@ |
|
|
|
_onEndRequest: function(type) { |
|
|
|
var fileInfoModel = this.model; |
|
|
|
this._toggleLoading(false); |
|
|
|
this.$el.find('.empty').toggleClass('hidden', !!this.collection.length); |
|
|
|
this.$el.find('.emptycontent').toggleClass('hidden', !!this.collection.length); |
|
|
|
this.$el.find('.showMore').toggleClass('hidden', !this.collection.hasMoreResults()); |
|
|
|
|
|
|
|
if (type !== 'REPORT') { |
|
|
@@ -238,7 +239,7 @@ |
|
|
|
if(this._avatarsEnabled) { |
|
|
|
$el.find('.avatar').each(function() { |
|
|
|
var $this = $(this); |
|
|
|
$this.avatar($this.attr('data-username'), 28); |
|
|
|
$this.avatar($this.attr('data-username'), 32); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
@@ -360,7 +361,7 @@ |
|
|
|
var currentUser = OC.getCurrentUser(); |
|
|
|
var $submit = $form.find('.submit'); |
|
|
|
var $loading = $form.find('.submitLoading'); |
|
|
|
var $textArea = $form.find('textarea'); |
|
|
|
var $textArea = $form.find('.message'); |
|
|
|
var message = $textArea.val().trim(); |
|
|
|
e.preventDefault(); |
|
|
|
|
|
|
@@ -437,4 +438,3 @@ |
|
|
|
|
|
|
|
OCA.Comments.CommentsTabView = CommentsTabView; |
|
|
|
})(OC, OCA); |
|
|
|
|