(function ($) {
const selectables = function(obj) {
$(obj).append(`<div class="emoji-picker">
<div class="emoji-selectables">
<span class="picker-emoji-sel emoji-smileys active" data-emoji="smileys">?</span>
<span class="picker-emoji-sel emoji-gestures" data-emoji="gestures">?</span>
<span class="picker-emoji-sel emoji-peoples" data-emoji="peoples">?</span>
<span class="picker-emoji-sel emoji-symbos" data-emoji="symbos">??</span>
<span class="picker-emoji-sel emoji-nature" data-emoji="nature">?</span>
<span class="picker-emoji-sel emoji-food" data-emoji="food">?</span>
<span class="picker-emoji-sel emoji-activity" data-emoji="activity">?</span>
<span class="picker-emoji-sel emoji-travel" data-emoji="travel">??</span>
</div>
<div class="emoji-content">
<div id="emoji-smileys" class="picker-emoji active picker-emoji-content emoji-smileys"></div>
<div id="emoji-gestures" class="picker-emoji picker-emoji-content emoji-gestures"></div>
<div id="emoji-peoples" class="picker-emoji picker-emoji-content emoji-peoples"></div>
<div id="emoji-symbos" class="picker-emoji picker-emoji-content emoji-symbos"></div>
<div id="emoji-natures" class="picker-emoji picker-emoji-content emoji-nature"></div>
<div id="emoji-foods" class="picker-emoji picker-emoji-content emoji-food"></div>
<div id="emoji-activity" class="picker-emoji picker-emoji-content emoji-activity"></div>
<div id="emoji-travel" class="picker-emoji picker-emoji-content emoji-travel"></div>
</div>
<div>`);
return this;
}
$.fn.disMojiPicker = function () {
selectables(this);
const smileys = "? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
const getures = "? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
const peoples = "? ? ? ? ? ? ? ? ??? ??? ??? ??? ? ??? ??? ??? ??? ??? ??? ??? ??? ???? ???? ? ? ? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ???? ???? ???? ??? ??? ??? ??? ??? ??? ???? ???? ???? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???? ???? ???? ??? ??? ??? ??? ??? ??? ? ???? ???? ? ????? ????? ? ???? ???? ? ???? ???? ? ? ? ???? ???? ? ? ? ? ? ? ? ? ? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? ???? ???? ? ? ? ? ???? ???? ? ???? ???? ? ????? ? ? ? ? ???????? ???????? ? ?????? ?????? ? ????? ????? ??????? ??????? ??????? ????? ????? ??????? ??????? ??????? ????? ????? ??????? ??????? ??????? ??? ????? ??? ????? ????? ??? ????? ??? ????? ????? ? ? ? ?".split(" ")
const natures = "? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ?? ?? ? ? ? ? ?? ? ?? ? ?? ? ? ? ? ? ?? ?? ?? ? ? ? ? ?? ?? ? ?".split(" ");
const foods = "? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
const activitys = "?? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ????? ????? ? ???? ???? ???? ? ???? ?? ????? ????? ? ? ???? ???? ?? ????? ????? ? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ???? ???? ? ? ? ? ? ? ? ? ? ? ? ? ???? ???? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
const travels = "? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ?? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
const symbos = "?? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ?? ?? ?? ? ?? ?? ? ? ?? ?? ? ? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ? ?? ? ?? ?? ? ? ? ?? ? ? ?? ?? ? ? ? ?? ?? ? ? ? ? ?? ?? ? ? ?? ? ? ?? ? ?? ? ? ? ? ?? ? ? ? ? ? ? ? ?? ? ? ? ?? ?? ? ? ?? ?? ? ? ?? ? ?? ? ?? ? ?? ?? ? ? ? ?? ? ? ? ? ?? ?? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? 0?? 1?? 2?? 3?? 4?? 5?? 6?? 7?? 8?? 9?? ? ? #?? *?? ?? ?? ? ? ? ? ? ? ? ? ? ? ?? ? ? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ?? ©? ®? ?? ? ? ? ? ? ? ? ?? ?? ? ? ? ? ? ? ? ?? ?? ? ? ? ? ? ? ? ? ? ?? ?? ?? ?? ?? ?? ? ? ? ? ? ? ?? ?? ? ? ? ? ? ? ? ? ? ??? ? ? ? ?? ?? ?? ?? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?".split(" ");
smileys.map(emoji => $('#emoji-smileys').append(`<span>${emoji}</span>`));
natures.map(emoji => $('#emoji-natures').append(`<span>${emoji}</span>`));
getures.map(emoji => $('#emoji-gestures').append(`<span>${emoji}</span>`));
foods.map(emoji => $('#emoji-foods').append(`<span>${emoji}</span>`));
activitys.map(emoji => $('#emoji-activity').append(`<span>${emoji}</span>`));
travels.map(emoji => $('#emoji-travel').append(`<span>${emoji}</span>`));
peoples.map(emoji => $('#emoji-peoples').append(`<span>${emoji}</span>`));
symbos.map(emoji => $('#emoji-symbos').append(`<span>${emoji}</span>`));
$('.emoji-selectables span').click(function() {
$(`.picker-emoji-sel`).removeClass('active')
$(`.picker-emoji`).removeClass('active');
$(`.emoji-${$(this)[0].dataset.emoji}`).addClass('active');
$(`.picker-emoji-sel.emoji-${$(this)[0].dataset.emoji}`).addClass('active');
});
return this;
}
$.fn.picker = function(emoji) {
$('.picker-emoji-content span').click(function(e) {
//emoji($($(this).children()).attr('alt'));
//console.log(emoji);
//alert('uh test3');
//return 'uh test2';
//alert($(this).html());
//console.log($(this).html());
$('#message').append($(this).html());
})
}
})(jQuery);
|