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

567
assets/3rdparty/twemoji/2/twemoji.js vendored Executable file

File diff suppressed because one or more lines are too long

2
assets/3rdparty/twemoji/2/twemoji.min.js vendored Executable file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,12 @@
/**
* Emojies parser
*
* @author Pierre HUBERT
*/
/**
* Emoji images global style
*/
.emoji {
height: 2em;
}

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

View File

@ -10,146 +10,157 @@ $config['pathAssets'] = $config['siteURL']."assets/";
//CSS files to include
$config['CSSfiles'] = array(
//CSS files - adminLTE distribution / bootstrap / plugins
"%PATH_ASSETS%3rdparty/adminLTE/bootstrap/css/bootstrap.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/font-awesome/css/font-awesome.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/ionicons/css/ionicons.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/square/blue.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/flat/blue.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/select2/select2.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/dist/css/AdminLTE.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/dist/css/skins/_all-skins.min.css",
//CSS files - adminLTE distribution / bootstrap / plugins
"%PATH_ASSETS%3rdparty/adminLTE/bootstrap/css/bootstrap.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/font-awesome/css/font-awesome.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/ionicons/css/ionicons.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/square/blue.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/flat/blue.css",
"%PATH_ASSETS%3rdparty/adminLTE/plugins/select2/select2.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/dist/css/AdminLTE.min.css",
"%PATH_ASSETS%3rdparty/adminLTE/dist/css/skins/_all-skins.min.css",
//App stylesheets - common stylesheets
"%PATH_ASSETS%css/common/global.css",
"%PATH_ASSETS%css/common/page/waitSplashScreen.css",
"%PATH_ASSETS%css/common/network/networkError.css",
//App stylesheets - common stylesheets
"%PATH_ASSETS%css/common/global.css",
"%PATH_ASSETS%css/common/page/waitSplashScreen.css",
"%PATH_ASSETS%css/common/network/networkError.css",
//Components stylesheets
//Menubar stylesheet
"%PATH_ASSETS%css/components/menuBar.css",
//Searchform stylesheet
"%PATH_ASSETS%css/components/searchForm.css",
//Friendbar stylesheet
"%PATH_ASSETS%css/components/friends/friendsBar.css",
//Conversations stylesheet
"%PATH_ASSETS%css/components/conversations/manager.css",
"%PATH_ASSETS%css/components/conversations/windows.css",
"%PATH_ASSETS%css/components/conversations/list.css",
//User selector stylesheet
"%PATH_ASSETS%css/components/userSelect/userSelect.css",
//Components stylesheets
//Menubar stylesheet
"%PATH_ASSETS%css/components/menuBar.css",
//Searchform stylesheet
"%PATH_ASSETS%css/components/searchForm.css",
//Friendbar stylesheet
"%PATH_ASSETS%css/components/friends/friendsBar.css",
//Conversations stylesheet
"%PATH_ASSETS%css/components/conversations/manager.css",
"%PATH_ASSETS%css/components/conversations/windows.css",
"%PATH_ASSETS%css/components/conversations/list.css",
//User selector stylesheet
"%PATH_ASSETS%css/components/userSelect/userSelect.css",
//Emojies
"%PATH_ASSETS%css/components/emoji/parser.css",
);
//JS files to include (at the end of the page)
$config['JSfiles'] = array(
//Framework inclusions
//Jquery
"%PATH_ASSETS%3rdparty/adminLTE/plugins/jQuery/jquery-2.2.3.min.js",
//Bootstrap
"%PATH_ASSETS%3rdparty/adminLTE/bootstrap/js/bootstrap.min.js",
//JQuery UI
"%PATH_ASSETS%3rdparty/adminLTE/plugins/jquery-ui/jquery-ui.min.js",
//iCheck
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/icheck.min.js",
//Slimscroll
"%PATH_ASSETS%3rdparty/adminLTE/plugins/slimScroll/jquery.slimscroll.min.js",
//Select2
"%PATH_ASSETS%3rdparty/adminLTE/plugins/select2/select2.min.js",
//adminLTE script
"%PATH_ASSETS%3rdparty/adminLTE/dist/js/app.min.js",
//Framework inclusions
//Jquery
"%PATH_ASSETS%3rdparty/adminLTE/plugins/jQuery/jquery-2.2.3.min.js",
//Bootstrap
"%PATH_ASSETS%3rdparty/adminLTE/bootstrap/js/bootstrap.min.js",
//JQuery UI
"%PATH_ASSETS%3rdparty/adminLTE/plugins/jquery-ui/jquery-ui.min.js",
//iCheck
"%PATH_ASSETS%3rdparty/adminLTE/plugins/iCheck/icheck.min.js",
//Slimscroll
"%PATH_ASSETS%3rdparty/adminLTE/plugins/slimScroll/jquery.slimscroll.min.js",
//Select2
"%PATH_ASSETS%3rdparty/adminLTE/plugins/select2/select2.min.js",
//adminLTE script
"%PATH_ASSETS%3rdparty/adminLTE/dist/js/app.min.js",
//Bootstrap notify
"%PATH_ASSETS%3rdparty/bootstrap-notify-3.1.3.min.js",
//Bootstrap notify
"%PATH_ASSETS%3rdparty/bootstrap-notify-3.1.3.min.js",
//Utilities
"%PATH_ASSETS%js/common/utils.js",
//Twitter emojies
"%PATH_ASSETS%3rdparty/twemoji/2/twemoji.min.js",
//Functions schema
"%PATH_ASSETS%js/common/functionsSchema.js",
//Utilities
"%PATH_ASSETS%js/common/utils.js",
//Pages list
"%PATH_ASSETS%js/pagesList.js",
//Functions schema
"%PATH_ASSETS%js/common/functionsSchema.js",
//App scripts -- common scripts
"%PATH_ASSETS%js/common/cacheManager.js",
"%PATH_ASSETS%js/common/network.js",
"%PATH_ASSETS%js/common/api.js",
"%PATH_ASSETS%js/common/errors.js",
"%PATH_ASSETS%js/common/messages.js",
"%PATH_ASSETS%js/common/langs.js",
"%PATH_ASSETS%js/common/url.js",
"%PATH_ASSETS%js/common/jsFiles.js",
"%PATH_ASSETS%js/common/debug.js",
"%PATH_ASSETS%js/common/page.js",
"%PATH_ASSETS%js/common/notifications.js",
"%PATH_ASSETS%js/common/formChecker.js",
"%PATH_ASSETS%js/common/date.js",
"%PATH_ASSETS%js/common/system.js",
//Pages list
"%PATH_ASSETS%js/pagesList.js",
//Default langage
"%PATH_ASSETS%js/langs/en.inc.js",
//Components
//Mail caching
"%PATH_ASSETS%js/components/mailCaching.js",
//Search form
"%PATH_ASSETS%js/components/searchForm/searchForm.js",
//Main menubar
"%PATH_ASSETS%js/components/menuBar/common.js",
"%PATH_ASSETS%js/components/menuBar/notAuthenticated.js",
"%PATH_ASSETS%js/components/menuBar/authenticated.js",
//Friends components
"%PATH_ASSETS%js/components/friends/friendsList.js",
"%PATH_ASSETS%js/components/friends/friendsBar.js",
//Private conversations
"%PATH_ASSETS%js/components/conversations/manager.js",
"%PATH_ASSETS%js/components/conversations/list.js",
"%PATH_ASSETS%js/components/conversations/windows.js",
"%PATH_ASSETS%js/components/conversations/chatWindows.js",
"%PATH_ASSETS%js/components/conversations/interface.js",
"%PATH_ASSETS%js/components/conversations/service.js",
"%PATH_ASSETS%js/components/conversations/cachingOpened.js",
"%PATH_ASSETS%js/components/conversations/utils.js",
//User selector
"%PATH_ASSETS%js/components/userSelect/userSelect.js",
//App scripts -- common scripts
"%PATH_ASSETS%js/common/cacheManager.js",
"%PATH_ASSETS%js/common/network.js",
"%PATH_ASSETS%js/common/api.js",
"%PATH_ASSETS%js/common/errors.js",
"%PATH_ASSETS%js/common/messages.js",
"%PATH_ASSETS%js/common/langs.js",
"%PATH_ASSETS%js/common/url.js",
"%PATH_ASSETS%js/common/jsFiles.js",
"%PATH_ASSETS%js/common/debug.js",
"%PATH_ASSETS%js/common/page.js",
"%PATH_ASSETS%js/common/notifications.js",
"%PATH_ASSETS%js/common/formChecker.js",
"%PATH_ASSETS%js/common/date.js",
"%PATH_ASSETS%js/common/system.js",
//User scripts
"%PATH_ASSETS%js/user/loginTokens.js",
"%PATH_ASSETS%js/user/userLogin.js",
"%PATH_ASSETS%js/user/userInfos.js",
//Default langage
"%PATH_ASSETS%js/langs/en.inc.js",
//Pages scripts
//Home page
"%PATH_ASSETS%js/pages/home/home.js",
"%PATH_ASSETS%js/pages/home/landingPage.js",
//Login page
"%PATH_ASSETS%js/pages/login.js",
//Logout page
"%PATH_ASSETS%js/pages/logout.js",
//Components
//Mail caching
"%PATH_ASSETS%js/components/mailCaching.js",
//Search form
"%PATH_ASSETS%js/components/searchForm/searchForm.js",
//Main menubar
"%PATH_ASSETS%js/components/menuBar/common.js",
"%PATH_ASSETS%js/components/menuBar/notAuthenticated.js",
"%PATH_ASSETS%js/components/menuBar/authenticated.js",
//Friends components
"%PATH_ASSETS%js/components/friends/friendsList.js",
"%PATH_ASSETS%js/components/friends/friendsBar.js",
//Private conversations
"%PATH_ASSETS%js/components/conversations/manager.js",
"%PATH_ASSETS%js/components/conversations/list.js",
"%PATH_ASSETS%js/components/conversations/windows.js",
"%PATH_ASSETS%js/components/conversations/chatWindows.js",
"%PATH_ASSETS%js/components/conversations/interface.js",
"%PATH_ASSETS%js/components/conversations/service.js",
"%PATH_ASSETS%js/components/conversations/cachingOpened.js",
"%PATH_ASSETS%js/components/conversations/utils.js",
//User selector
"%PATH_ASSETS%js/components/userSelect/userSelect.js",
//Create shortcuts for common functions
"%PATH_ASSETS%js/common/shorcuts.js",
"%PATH_ASSETS%js/common/helpers.js",
//Emojies
"%PATH_ASSETS%js/components/emoji/parser.js",
//Init script
"%PATH_ASSETS%js/init.js",
//User scripts
"%PATH_ASSETS%js/user/loginTokens.js",
"%PATH_ASSETS%js/user/userLogin.js",
"%PATH_ASSETS%js/user/userInfos.js",
//Pages scripts
//Home page
"%PATH_ASSETS%js/pages/home/home.js",
"%PATH_ASSETS%js/pages/home/landingPage.js",
//Login page
"%PATH_ASSETS%js/pages/login.js",
//Logout page
"%PATH_ASSETS%js/pages/logout.js",
//Create shortcuts for common functions
"%PATH_ASSETS%js/common/shorcuts.js",
"%PATH_ASSETS%js/common/helpers.js",
//Init script
"%PATH_ASSETS%js/init.js",
);
//JS language path