mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 01:14:24 +03:00
156 lines
4.6 KiB
JavaScript
156 lines
4.6 KiB
JavaScript
/**
|
||
* Add friend
|
||
*
|
||
* @module ls/user/friend
|
||
*
|
||
* @license GNU General Public License, version 2
|
||
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
|
||
* @author Denis Shakhov <denis.shakhov@gmail.com>
|
||
*/
|
||
|
||
(function($) {
|
||
"use strict";
|
||
|
||
$.widget( "livestreet.lsUserFriend", $.livestreet.lsComponent, {
|
||
/**
|
||
* Дефолтные опции
|
||
*/
|
||
options: {
|
||
// Ссылки
|
||
urls: {
|
||
// Добавить в друзья
|
||
add: null,
|
||
|
||
// Удалить из друзей
|
||
remove: null,
|
||
|
||
// Подтвердить
|
||
accept: null,
|
||
|
||
// Модальное окно с формой добавления
|
||
modal: null
|
||
},
|
||
selectors: {
|
||
form: '.js-user-friend-form',
|
||
text: '.js-user-friend-text'
|
||
},
|
||
|
||
params: {}
|
||
},
|
||
|
||
/**
|
||
* Конструктор
|
||
*
|
||
* @constructor
|
||
* @private
|
||
*/
|
||
_create: function () {
|
||
this._super();
|
||
|
||
this.target = this.element.data( 'target' );
|
||
|
||
this._on({ click: 'onClick' });
|
||
},
|
||
|
||
/**
|
||
* Коллбэк вызываемый при клике на кнопку добавления в друзья
|
||
*/
|
||
onClick: function( event ) {
|
||
var status = this.getStatus();
|
||
|
||
if ( status == 'notfriends' ) {
|
||
this.showForm();
|
||
} else if ( status == 'pending' ) {
|
||
this.accept();
|
||
} else if ( status == 'added' ) {
|
||
this.remove();
|
||
} else if ( status == 'linked' ) {
|
||
this.addLinked();
|
||
}
|
||
|
||
event.stopPropagation();
|
||
event.preventDefault();
|
||
},
|
||
|
||
/**
|
||
* Получение статуса
|
||
*/
|
||
getStatus: function() {
|
||
return this.element.attr( 'data-status' );
|
||
},
|
||
|
||
/**
|
||
* Установка статуса
|
||
*/
|
||
setStatus: function( status ) {
|
||
var textElement = this.element.find( this.option( 'selectors.text' ) ),
|
||
textClass = this.option( 'selectors.text' ).slice( 1 );
|
||
|
||
if ( ~ [ 'sent', 'rejected' ].indexOf( status ) ) {
|
||
textElement.replaceWith( '<span class="' + textClass + '">' + ls.lang.get( 'user.friends.status.' + status ) + '</span>' );
|
||
} else {
|
||
textElement.replaceWith( '<a href="#" class="' + textClass + '">' + ls.lang.get( 'user.friends.status.' + status ) + '</a>' );
|
||
}
|
||
|
||
this.element.attr( 'data-status', status );
|
||
},
|
||
|
||
/**
|
||
* Показывает форму
|
||
*/
|
||
showForm: function() {
|
||
var _this = this;
|
||
|
||
ls.modal.load( this.option( 'urls.modal' ), { target: this.target }, {
|
||
aftershow: function( e, modal ) {
|
||
var form = modal.element.find( _this.option( 'selectors.form' ) ),
|
||
textarea = form.find( _this.option( 'selectors.text' ) );
|
||
|
||
textarea.focus();
|
||
|
||
form.on( 'submit', function ( event ) {
|
||
var text = textarea.val();
|
||
|
||
ls.utils.formLock( form );
|
||
|
||
_this._load( 'add', { idUser: _this.target, userText: text }, function( response ) {
|
||
modal.hide();
|
||
_this.setStatus( 'sent' );
|
||
}, {
|
||
onResponse: function () {
|
||
ls.utils.formUnlock( form );
|
||
}
|
||
});
|
||
|
||
event.preventDefault();
|
||
}.bind(this))
|
||
}
|
||
});
|
||
},
|
||
|
||
/**
|
||
* Повторное подтверждение
|
||
*/
|
||
addLinked: function() {
|
||
this.accept( 'add' );
|
||
},
|
||
|
||
/**
|
||
* Подтверждение
|
||
*/
|
||
accept: function( url ) {
|
||
this._load( url || 'accept', { idUser: this.target }, function( response ) {
|
||
this.setStatus( 'added' );
|
||
});
|
||
},
|
||
|
||
/**
|
||
* Удаление из друзей
|
||
*/
|
||
remove: function() {
|
||
this._load( 'remove', { idUser: this.target }, function( response ) {
|
||
this.setStatus( 'linked' );
|
||
});
|
||
}
|
||
});
|
||
})(jQuery); |