diff options
Diffstat (limited to 'src/components/emoji-input/emoji-input.vue')
| -rw-r--r-- | src/components/emoji-input/emoji-input.vue | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/src/components/emoji-input/emoji-input.vue b/src/components/emoji-input/emoji-input.vue deleted file mode 100644 index 338b77cd..00000000 --- a/src/components/emoji-input/emoji-input.vue +++ /dev/null @@ -1,64 +0,0 @@ -<template> - <div class="emoji-input"> - <input - v-if="type !== 'textarea'" - :class="classname" - :type="type" - :value="value" - :placeholder="placeholder" - @input="onInput" - @click="setCaret" - @keyup="setCaret" - @keydown="onKeydown" - @keydown.down="cycleForward" - @keydown.up="cycleBackward" - @keydown.shift.tab="cycleBackward" - @keydown.tab="cycleForward" - @keydown.enter="replaceEmoji" - /> - <textarea - v-else - :class="classname" - :value="value" - :placeholder="placeholder" - @input="onInput" - @click="setCaret" - @keyup="setCaret" - @keydown="onKeydown" - @keydown.down="cycleForward" - @keydown.up="cycleBackward" - @keydown.shift.tab="cycleBackward" - @keydown.tab="cycleForward" - @keydown.enter="replaceEmoji" - ></textarea> - <div class="autocomplete-panel" v-if="suggestions"> - <div class="autocomplete-panel-body"> - <div - v-for="(emoji, index) in suggestions" - :key="index" - @click="replace(emoji.utf || (emoji.shortcode + ' '))" - class="autocomplete-item" - :class="{ highlighted: emoji.highlighted }" - > - <span v-if="emoji.img"> - <img :src="emoji.img" /> - </span> - <span v-else>{{emoji.utf}}</span> - <span>{{emoji.shortcode}}</span> - </div> - </div> - </div> - </div> -</template> - -<script src="./emoji-input.js"></script> - -<style lang="scss"> -@import '../../_variables.scss'; - -.emoji-input { - .form-control { - width: 100%; - } -} -</style> |
