mirror of
https://github.com/pierre42100/ComunicWeb
synced 2025-06-19 04:15:17 +00:00
First implementation of emoji system
This commit is contained in:
@ -580,7 +580,21 @@ var ComunicWeb = {
|
||||
*/
|
||||
userSelect:{
|
||||
//TODO : implement
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Emoji functions
|
||||
*/
|
||||
emoji:{
|
||||
|
||||
/**
|
||||
* Emoji parser system
|
||||
*/
|
||||
parser: {
|
||||
//TODO : implement
|
||||
},
|
||||
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
|
51
assets/js/components/emoji/parser.js
Normal file
51
assets/js/components/emoji/parser.js
Normal 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;
|
||||
},
|
||||
|
||||
}
|
@ -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
|
||||
|
Reference in New Issue
Block a user