mirror of
https://bitbucket.org/skobkin/chrome_point_plus.git
synced 2024-11-23 18:56:04 +00:00
Показывать уведомление при успешной рекомендации без комментария; Fixes #86
This commit is contained in:
parent
d45df7d629
commit
af70f93ec0
|
@ -188,5 +188,8 @@
|
||||||
},
|
},
|
||||||
"msg_saving_post_draft":{
|
"msg_saving_post_draft":{
|
||||||
"message": "Saving the post..."
|
"message": "Saving the post..."
|
||||||
|
},
|
||||||
|
"msg_success_recommendation": {
|
||||||
|
"message": "is recommended"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -189,5 +189,8 @@
|
||||||
},
|
},
|
||||||
"msg_saving_post_draft":{
|
"msg_saving_post_draft":{
|
||||||
"message": "Сохранение поста..."
|
"message": "Сохранение поста..."
|
||||||
|
},
|
||||||
|
"msg_success_recommendation": {
|
||||||
|
"message": "рекомендовано"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -503,6 +503,9 @@ function PointPlus(ppVersion) {
|
||||||
if (options.is('option_ajax')) {
|
if (options.is('option_ajax')) {
|
||||||
// Comments
|
// Comments
|
||||||
if (options.is('option_ajax_comments')) {
|
if (options.is('option_ajax_comments')) {
|
||||||
|
messenger.css({
|
||||||
|
file: 'modules/ajax-comments.css'
|
||||||
|
});
|
||||||
messenger.js({
|
messenger.js({
|
||||||
file: 'modules/ajax-comments.js'
|
file: 'modules/ajax-comments.js'
|
||||||
}, function() {
|
}, function() {
|
||||||
|
|
27
chrome_point_plus/modules/ajax-comments.css
Normal file
27
chrome_point_plus/modules/ajax-comments.css
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
.pp-notification {
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
top: 40px;
|
||||||
|
right: 40px;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 20px;
|
||||||
|
transition: all 10s ease-in;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pp-notification a,
|
||||||
|
.pp-notification a:visited, {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pp-notification-success {
|
||||||
|
background: #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pp-notification.pp-fade {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
|
@ -193,9 +193,12 @@ AjaxCommentProcessor.prototype.onSuccess = function(data, textStatus) {
|
||||||
if (textStatus === 'success') {
|
if (textStatus === 'success') {
|
||||||
if (data.error) {
|
if (data.error) {
|
||||||
this.onError(null, null, data.error);
|
this.onError(null, null, data.error);
|
||||||
|
} else {
|
||||||
|
if (this.isRecommendation() && this._text.trim().length === 0) {
|
||||||
|
this.showSuccessRecommendation();
|
||||||
} else {
|
} else {
|
||||||
this.createComment(data);
|
this.createComment(data);
|
||||||
|
}
|
||||||
this.hideForm();
|
this.hideForm();
|
||||||
|
|
||||||
// Cleaning textarea
|
// Cleaning textarea
|
||||||
|
@ -277,3 +280,32 @@ AjaxCommentProcessor.prototype.setProgress = function(isProgress) {
|
||||||
this._$textarea.prop('disabled', isProgress);
|
this._$textarea.prop('disabled', isProgress);
|
||||||
this._$form.toggleClass('pp-progress', isProgress);
|
this._$form.toggleClass('pp-progress', isProgress);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
AjaxCommentProcessor.prototype.getRecommendationLink = function() {
|
||||||
|
var url = '//point.im/' + this._postId;
|
||||||
|
var text = '#' + this._postId;
|
||||||
|
|
||||||
|
if (this._commentId) {
|
||||||
|
url += '#' + this._commentId;
|
||||||
|
text += '/' + this._commentId;
|
||||||
|
}
|
||||||
|
|
||||||
|
return '<a href="' + url + '">' + text + '</a>';
|
||||||
|
};
|
||||||
|
|
||||||
|
AjaxCommentProcessor.prototype.showSuccessRecommendation = function() {
|
||||||
|
var $notification = $('<div>')
|
||||||
|
.addClass('pp-notification pp-notification-success');
|
||||||
|
|
||||||
|
$notification.html(this.getRecommendationLink() + ' ' + chrome.i18n.getMessage('msg_success_recommendation'));
|
||||||
|
|
||||||
|
$notification.on('transitionend', function() {
|
||||||
|
$notification.remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('body').append($notification);
|
||||||
|
|
||||||
|
window.requestAnimationFrame(function() {
|
||||||
|
$notification.addClass('pp-fade');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
Loading…
Reference in a new issue