203 lines
9.9 KiB
JavaScript
Executable File
203 lines
9.9 KiB
JavaScript
Executable File
HTMLTextAreaElement.prototype.insertAtCaret = function(text){
|
|
text = text || '';
|
|
if(document.selection){
|
|
// IE
|
|
this.focus();
|
|
var sel = document.selection.createRange();
|
|
sel.text = text;
|
|
} else if(this.selectionStart || this.selectionStart === 0){
|
|
// Others
|
|
var startPos = this.selectionStart;
|
|
var endPos = this.selectionEnd;
|
|
this.value = this.value.substring(0, startPos) +
|
|
text +
|
|
this.value.substring(endPos, this.value.length);
|
|
this.selectionStart = startPos + text.length;
|
|
this.selectionEnd = startPos + text.length;
|
|
} else {
|
|
this.value += text;
|
|
}
|
|
};
|
|
|
|
var Emic = {
|
|
container: document.getElementById("emic"),
|
|
textarea: document.getElementById("form_input"),
|
|
emic_btn: document.getElementById("emic_btn"),
|
|
|
|
db: {
|
|
"grinning-face": "Grinning Face",
|
|
"grinning-face-with-smiling-eyes": "Grinning Face With Smiling Eyes",
|
|
"face-with-tears-of-joy": "Face With Tears of Joy",
|
|
"rolling-on-the-floor-laughing": "Rolling On The Floor Laughing",
|
|
"smiling-face-with-open-mouth": "Smiling Face With Open Mouth",
|
|
"smiling-face-with-open-mouth-and-smiling-eyes": "Smiling Face With Open Mouth and Smiling Eyes",
|
|
"smiling-face-with-open-mouth-and-cold-sweat": "Smiling Face With Open Mouth and Cold Sweat",
|
|
"smiling-face-with-open-mouth-and-tightly-closed-eyes": "Smiling Face With Open Mouth and Tightly-Closed Eyes",
|
|
"winking-face": "Winking Face",
|
|
"smiling-face-with-smiling-eyes": "Smiling Face With Smiling Eyes",
|
|
"face-savouring-delicious-food": "Face Savouring Delicious Food",
|
|
"smiling-face-with-sunglasses": "Smiling Face With Sunglasses",
|
|
"smiling-face-with-heart-shaped-eyes": "Smiling Face With Heart-Shaped Eyes",
|
|
"face-throwing-a-kiss": "Face Throwing a Kiss",
|
|
"kissing-face": "Kissing Face",
|
|
"kissing-face-with-smiling-eyes": "Kissing Face With Smiling Eyes",
|
|
"kissing-face-with-closed-eyes": "Kissing Face With Closed Eyes",
|
|
"white-smiling-face": "White Smiling Face",
|
|
"slightly-smiling-face": "Slightly Smiling Face",
|
|
"hugging-face": "Hugging Face",
|
|
"thinking-face": "Thinking Face",
|
|
"neutral-face": "Neutral Face",
|
|
"expressionless-face": "Expressionless Face",
|
|
"face-without-mouth": "Face Without Mouth",
|
|
"face-with-rolling-eyes": "Face With Rolling Eyes",
|
|
"smirking-face": "Smirking Face",
|
|
"persevering-face": "Persevering Face",
|
|
"disappointed-but-relieved-face": "Disappointed but Relieved Face",
|
|
"face-with-open-mouth": "Face With Open Mouth",
|
|
"zipper-mouth-face": "Zipper-Mouth Face",
|
|
"hushed-face": "Hushed Face",
|
|
"sleepy-face": "Sleepy Face",
|
|
"tired-face": "Tired Face",
|
|
"sleeping-face": "Sleeping Face",
|
|
"relieved-face": "Relieved Face",
|
|
"nerd-face": "Nerd Face",
|
|
"face-with-stuck-out-tongue": "Face With Stuck-Out Tongue",
|
|
"face-with-stuck-out-tongue-and-winking-eye": "Face With Stuck-Out Tongue and Winking Eye",
|
|
"face-with-stuck-out-tongue-and-tightly-closed-eyes": "Face With Stuck-Out Tongue and Tightly-Closed Eyes",
|
|
"drooling-face": "Drooling Face",
|
|
"unamused-face": "Unamused Face",
|
|
"face-with-cold-sweat": "Face With Cold Sweat",
|
|
"pensive-face": "Pensive Face",
|
|
"confused-face": "Confused Face",
|
|
"upside-down-face": "Upside-Down Face",
|
|
"money-mouth-face": "Money-Mouth Face",
|
|
"astonished-face": "Astonished Face",
|
|
"white-frowning-face": "White Frowning Face",
|
|
"slightly-frowning-face": "Slightly Frowning Face",
|
|
"confounded-face": "Confounded Face",
|
|
"disappointed-face": "Disappointed Face",
|
|
"worried-face": "Worried Face",
|
|
"face-with-look-of-triumph": "Face With Look of Triumph",
|
|
"crying-face": "Crying Face",
|
|
"loudly-crying-face": "Loudly Crying Face",
|
|
"frowning-face-with-open-mouth": "Frowning Face With Open Mouth",
|
|
"anguished-face": "Anguished Face",
|
|
"fearful-face": "Fearful Face",
|
|
"weary-face": "Weary Face",
|
|
"grimacing-face": "Grimacing Face",
|
|
"face-with-open-mouth-and-cold-sweat": "Face With Open Mouth and Cold Sweat",
|
|
"face-screaming-in-fear": "Face Screaming in Fear",
|
|
"flushed-face": "Flushed Face",
|
|
"dizzy-face": "Dizzy Face",
|
|
"pouting-face": "Pouting Face",
|
|
"angry-face": "Angry Face",
|
|
"smiling-face-with-halo": "Smiling Face With Halo",
|
|
"face-with-cowboy-hat": "Face With Cowboy Hat",
|
|
"clown-face": "Clown Face",
|
|
"lying-face": "Lying Face",
|
|
"face-with-medical-mask": "Face With Medical Mask",
|
|
"face-with-thermometer": "Face With Thermometer",
|
|
"face-with-head-bandage": "Face With Head-Bandage",
|
|
"nauseated-face": "Nauseated Face",
|
|
"sneezing-face": "Sneezing Face",
|
|
"smiling-face-with-horns": "Smiling Face With Horns",
|
|
"imp": "Imp",
|
|
"japanese-ogre": "Japanese Ogre",
|
|
"japanese-goblin": "Japanese Goblin",
|
|
"skull": "Skull",
|
|
"skull-and-crossbones": "Skull and Crossbones",
|
|
"ghost": "Ghost",
|
|
"extraterrestrial-alien": "Extraterrestrial Alien",
|
|
"alien-monster": "Alien Monster",
|
|
"robot-face": "Robot Face",
|
|
"pile-of-poo": "Pile of Poo",
|
|
"smiling-cat-face-with-open-mouth": "Smiling Cat Face With Open Mouth",
|
|
"grinning-cat-face-with-smiling-eyes": "Grinning Cat Face With Smiling Eyes",
|
|
"cat-face-with-tears-of-joy": "Cat Face With Tears of Joy",
|
|
"smiling-cat-face-with-heart-shaped-eyes": "Smiling Cat Face With Heart-Shaped Eyes",
|
|
"cat-face-with-wry-smile": "Cat Face With Wry Smile",
|
|
"kissing-cat-face-with-closed-eyes": "Kissing Cat Face With Closed Eyes",
|
|
"weary-cat-face": "Weary Cat Face",
|
|
"crying-cat-face": "Crying Cat Face",
|
|
"pouting-cat-face": "Pouting Cat Face",
|
|
"see-no-evil-monkey": "See-No-Evil Monkey",
|
|
"hear-no-evil-monkey": "Hear-No-Evil Monkey",
|
|
"speak-no-evil-monkey": "Speak-No-Evil Monkey",
|
|
"heavy-black-heart": "Heavy Black Heart",
|
|
"avocado": "Avocado",
|
|
"banana": "Banana"
|
|
},
|
|
|
|
replace: function(str){
|
|
str = ' ' + str;
|
|
|
|
str = str.replace(/\*dog\*/g, '<img src="static/images/dog.png" width="128px" height="128px" style="vertical-align:middle;">');
|
|
str = str.replace(/\*bender\*/g, '<img src="static/images/bender.png" width="128px" height="182px" style="vertical-align:middle;">');
|
|
|
|
str = str.replace(/ [O|o]:-?\)+/g, ' *smiling-face-with-halo* '); // O:)
|
|
str = str.replace(/ \>:-?\)+/g, ' *smiling-face-with-horns* '); // >:)
|
|
str = str.replace(/ \>:-?\(+/g, ' *imp* '); // >:(
|
|
str = str.replace(/ :-?D+/g, ' *grinning-face* '); // :D
|
|
str = str.replace(/ =-?D+/g, ' *grinning-face-with-smiling-eyes* '); // =D
|
|
str = str.replace(/ :-?\)+/g, ' *slightly-smiling-face* '); // :)
|
|
str = str.replace(/☻/g, ' *slightly-smiling-face* '); // ☻
|
|
str = str.replace(/ =-?\)+/g, ' *smiling-face-with-open-mouth* '); // =)
|
|
str = str.replace(/☺/g, ' *smiling-face-with-open-mouth* '); // ☺
|
|
str = str.replace(/ :-?\(+/g, ' *slightly-frowning-face* '); // :(
|
|
str = str.replace(/ :-?\/+/g, ' *confused-face* '); // :/
|
|
str = str.replace(/ :-?[Ppb]+/g, ' *face-with-stuck-out-tongue* '); // :P
|
|
str = str.replace(/ ;-?[Ppb]+/g, ' *face-with-stuck-out-tongue-and-winking-eye* '); // ;P
|
|
str = str.replace(/ =-?[Ppb]+/g, ' *face-with-stuck-out-tongue-and-tightly-closed-eyes* '); // =P
|
|
str = str.replace(/ ;-?\)+/g, ' *winking-face* '); // ;)
|
|
str = str.replace(/ :-?\|+/g, ' *neutral-face* '); // :|
|
|
str = str.replace(/ :-?O+/g, ' *face-with-open-mouth* '); // :O
|
|
str = str.replace(/ :-?o+/g, ' *hushed-face* '); // :o
|
|
str = str.replace(/ :-?\>+/g, ' *smiling-face-with-open-mouth-and-tightly-closed-eyes* '); // :>
|
|
str = str.replace(/ 8-?\)+/g, ' *smiling-face-with-sunglasses* '); // 8)
|
|
str = str.replace(/ :-?\*+/g, ' *kissing-face* '); // :*
|
|
str = str.replace(/ ;-?\*+/g, ' *face-throwing-a-kiss* '); // ;*
|
|
str = str.replace(/ <3+/g, ' *heavy-black-heart* '); // <3
|
|
str = str.replace(/♥/g, ' *heavy-black-heart* '); // ♥
|
|
str = str.replace(/ \^_\^/g, ' *smiling-face-with-smiling-eyes* '); // ^_^
|
|
str = str.replace(/ -_-/g, ' *expressionless-face* '); // -_-
|
|
str = str.replace(/ -\.-/g, ' *pensive-face* '); // -.-
|
|
str = str.replace(/ \.[-_]\./g, ' *unamused-face* '); // .-.
|
|
str = str.replace(/ :-?c+/g, ' *weary-cat-face* '); // :c
|
|
str = str.replace(/ c-?:/g, ' *smiling-cat-face-with-open-mouth* '); // c:
|
|
str = str.replace(/ :-?3+/g, ' *grinning-cat-face-with-smiling-eyes* '); // :3
|
|
str = str.replace(/ [Hh]mm[m]+/g, ' *thinking-face* '); // Hmmm
|
|
|
|
str = str.replace(/\*([a-z0-9-]+)\*/g, '<img src="static/emic/$1.png" width="28px" height="28px" style="vertical-align:middle;">');
|
|
|
|
return str;
|
|
},
|
|
|
|
init: function(){
|
|
for(var slug in Emic.db){
|
|
var obj = document.createElement('li');
|
|
obj.innerHTML = '<img src="static/emic/' + slug + '.png" width="28px" height="28px" style="vertical-align:middle;">';
|
|
obj.dataset.slug = slug;
|
|
obj.onclick = function(){
|
|
Emic.textarea.insertAtCaret(' *' + this.dataset.slug + '* ');
|
|
Emic.textarea.focus();
|
|
};
|
|
|
|
Emic.container.onmousedown = function(e){
|
|
e.preventDefault();
|
|
};
|
|
Emic.container.appendChild(obj);
|
|
}
|
|
|
|
var toggle = Emic.container.style.display;
|
|
Emic.emic_btn.onclick = function(){
|
|
if(toggle == "none"){
|
|
Emic.container.style.display = "inline-block";
|
|
toggle = "block";
|
|
} else {
|
|
Emic.container.style.display = "none";
|
|
toggle = "none";
|
|
}
|
|
};
|
|
}
|
|
};
|