f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00
Code Wiki Activity

add elderberryInn to emoji syntax

Browse Source
This commit is contained in:
Trevor Buckner
2024-04-18 23:06:21 -04:00
parent 8cbc7a68e5
commit 83103a893a
5 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shared/naturalcrit/codeEditor/autocomplete-emoji.js
View File

@@ -1,7 +1,9 @@
const diceFont = require('../../../themes/fonts/icon fonts/diceFont.js');
const diceFont = require('../../../themes/fonts/icon fonts/diceFont.js');
const elderberryInn = require('../../../themes/fonts/icon fonts/elderberryInn.js');
const emojis = {
...diceFont,
...elderberryInn,
"fas-heart": "fa-solid fa-heart",
"fas-star": "fa-solid fa-star"
};
@@ -20,7 +22,7 @@ const showEmojiAutocomplete = function(CodeMirror, editor) {
const list = Object.keys(emojis).filter(function(emoji) {
return emoji.indexOf(currentWord) >= 0;
return emoji.toLowerCase().indexOf(currentWord.toLowerCase()) >= 0;
}).sort((a, b) => {
const lowerA = a.replace(/\d+/g, function(match) { // Temporarily convert any numbers in emoji string
return match.padStart(4, '0'); // to 4-digits, left-padded with 0's, to aid in
@@ -37,7 +39,7 @@ const showEmojiAutocomplete = function(CodeMirror, editor) {
text: emoji + ":", // Text to output to editor when option is selected
render: function(element, self, data) { // How to display the option in the dropdown
const div = document.createElement('div');
div.innerHTML = `<i class="${emojis[emoji]}"></i> ${emoji}`;
div.innerHTML = `<i class="emojiPreview ${emojis[emoji]}"></i> ${emoji}`;
element.appendChild(div);
}
};

9
shared/naturalcrit/codeEditor/codeEditor.less
View File

@@ -3,7 +3,10 @@
@import (less) 'codemirror/addon/search/matchesonscrollbar.css';
@import (less) 'codemirror/addon/dialog/dialog.css';
@import (less) 'codemirror/addon/hint/show-hint.css';
//Icon fonts included so they can appear in emoji autosuggest dropdown
@import (less) './themes/fonts/icon fonts/diceFont.less';
@import (less) './themes/fonts/icon fonts/elderberryInn.less';
@keyframes sourceMoveAnimation {
50% {background-color: red; color: white;}
@@ -36,6 +39,7 @@
}
}
//.cm-tab {
// background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAQAAACOs/baAAAARUlEQVR4nGJgIAG8JkXxUAcCtDWemcGR1lY4MvgzCEKY7jSBjgxBDAG09UEQzAe0AMwMHrSOAwEGRtpaMIwAAAAA//8DAG4ID9EKs6YqAAAAAElFTkSuQmCC) no-repeat right;
//}
@@ -46,3 +50,8 @@
// }
//}
}
.emojiPreview {
font-size: 1.5em;
line-height: 1.2em;
}