First implementation of emoji system

This commit is contained in:
Pierre
2017-06-20 13:29:15 +02:00
parent e59efad29b
commit 2601da21ad
7 changed files with 793 additions and 124 deletions

View File

@ -580,7 +580,21 @@ var ComunicWeb = {
*/
userSelect:{
//TODO : implement
}
},
/**
* Emoji functions
*/
emoji:{
/**
* Emoji parser system
*/
parser: {
//TODO : implement
},
},
},
/**

View File

@ -0,0 +1,51 @@
/**
* Emoji parser system
*
* Based on the work of Twitter Emoji
* https://github.com/twitter/twemoji
*
* @author Pierre HUBERT
*/
ComunicWeb.components.emoji.parser = {
/**
* Define twemoji base
*/
__twemojiBase: ComunicWeb.__config.assetsURL + "3rdparty/twemoji/2/",
/**
* Parse emojies
*
* @param {Object} infos Informations about the area to parse
* @info {HTMLElement} element The element to parser
* @return {Boolean} True for a success
*/
parse: function(infos){
//Perform Twitter parsing
this.twitterEmojiesParsing(infos.element);
//Success
return true;
},
/**
* Perform Twitter emojies parsing
*
* @param {Object} target The target of the parsing
* @return {Boolean} True for a success
*/
twitterEmojiesParsing: function(target){
//Call Twitter
twemoji.parse(target, {
base: this.__twemojiBase
});
//Success
return true;
},
}

View File

@ -28,6 +28,18 @@ ComunicWeb.pages.home.home = {
loginButton.innerHTML="Logout";
targetElement.appendChild(loginButton);
//Dev feature emojies
var emojiesArea = createElem2({
appendTo: targetElement,
type: "p",
innerHTML: "Emoji test : :) 🇬🇫 🎅🏻"
});
//Parse emojies
ComunicWeb.components.emoji.parser.parse({
element: emojiesArea,
});
}
else{
//Display landing page