Ginger Wong
5 years ago
14 changed files with 389 additions and 392 deletions
@ -1,43 +0,0 @@ |
|||||||
// DEPRECATE.
|
|
||||||
import { EmojiButton } from 'https://cdn.skypack.dev/@joeattardi/emoji-button' |
|
||||||
|
|
||||||
fetch('/emoji') |
|
||||||
.then(response => { |
|
||||||
if (!response.ok) { |
|
||||||
throw new Error(`Network response was not ok ${response.ok}`); |
|
||||||
} |
|
||||||
return response.json(); |
|
||||||
}) |
|
||||||
.then(json => { |
|
||||||
setupEmojiPickerWithCustomEmoji(json); |
|
||||||
}) |
|
||||||
.catch(error => { |
|
||||||
this.handleNetworkingError(`Emoji Fetch: ${error}`); |
|
||||||
}); |
|
||||||
|
|
||||||
function setupEmojiPickerWithCustomEmoji(customEmoji) { |
|
||||||
const picker = new EmojiButton({ |
|
||||||
zIndex: 100, |
|
||||||
theme: 'dark', |
|
||||||
custom: customEmoji, |
|
||||||
initialCategory: 'custom', |
|
||||||
showPreview: false, |
|
||||||
position: { |
|
||||||
top: '50%', |
|
||||||
right: '100' |
|
||||||
} |
|
||||||
}); |
|
||||||
const trigger = document.querySelector('#emoji-button'); |
|
||||||
|
|
||||||
trigger.addEventListener('click', () => picker.togglePicker(picker)); |
|
||||||
|
|
||||||
picker.on('emoji', emoji => { |
|
||||||
if (emoji.url) { |
|
||||||
const url = location.protocol + "//" + location.host + "/" + emoji.url; |
|
||||||
const name = url.split('\\').pop().split('/').pop(); |
|
||||||
document.querySelector('#message-body-form').innerHTML += "<img class=\"emoji\" alt=\"" + name + "\" src=\"" + url + "\"/>"; |
|
||||||
} else { |
|
||||||
document.querySelector('#message-body-form').innerHTML += emoji.emoji; |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
@ -0,0 +1,73 @@ |
|||||||
|
|
||||||
|
// x, y pixel psitions of /img/social.gif image.
|
||||||
|
export const SOCIAL_PLATFORMS = { |
||||||
|
default: { |
||||||
|
name: "default", |
||||||
|
imgPos: [0,0], // [row,col]
|
||||||
|
}, |
||||||
|
|
||||||
|
facebook: { |
||||||
|
name: "Facebook", |
||||||
|
imgPos: [0,1], |
||||||
|
}, |
||||||
|
twitter: { |
||||||
|
name: "Twitter", |
||||||
|
imgPos: [0,2], |
||||||
|
}, |
||||||
|
instagram: { |
||||||
|
name: "Instagram", |
||||||
|
imgPos: [0,3], |
||||||
|
}, |
||||||
|
snapchat: { |
||||||
|
name: "Snapchat", |
||||||
|
imgPos: [0,4], |
||||||
|
}, |
||||||
|
tiktok: { |
||||||
|
name: "TikTok", |
||||||
|
imgPos: [0,5], |
||||||
|
}, |
||||||
|
soundcloud: { |
||||||
|
name: "Soundcloud", |
||||||
|
imgPos: [0,6], |
||||||
|
}, |
||||||
|
bandcamp: { |
||||||
|
name: "Bandcamp", |
||||||
|
imgPos: [0,7], |
||||||
|
}, |
||||||
|
patreon: { |
||||||
|
name: "Patreon", |
||||||
|
imgPos: [0,1], |
||||||
|
}, |
||||||
|
youtube: { |
||||||
|
name: "YouTube", |
||||||
|
imgPos: [0,9 ], |
||||||
|
}, |
||||||
|
spotify: { |
||||||
|
name: "Spotify", |
||||||
|
imgPos: [0,10], |
||||||
|
}, |
||||||
|
twitch: { |
||||||
|
name: "Twitch", |
||||||
|
imgPos: [0,11], |
||||||
|
}, |
||||||
|
paypal: { |
||||||
|
name: "Paypal", |
||||||
|
imgPos: [0,12], |
||||||
|
}, |
||||||
|
github: { |
||||||
|
name: "Github", |
||||||
|
imgPos: [0,13], |
||||||
|
}, |
||||||
|
linkedin: { |
||||||
|
name: "LinkedIn", |
||||||
|
imgPos: [0,14], |
||||||
|
}, |
||||||
|
discord: { |
||||||
|
name: "Discord", |
||||||
|
imgPos: [0,15], |
||||||
|
}, |
||||||
|
mastodon: { |
||||||
|
name: "Mastodon", |
||||||
|
imgPos: [0,16], |
||||||
|
}, |
||||||
|
}; |
||||||
Loading…
Reference in new issue