ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Refactor emojis

This commit is contained in:
Christian Cueni 2019-11-19 12:59:18 +01:00
parent 066f5259ce
commit 3e606073e2
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/pages/studentSubmission.vue
View File

@ -26,13 +26,10 @@
:saved="!unsaved" :saved="!unsaved"
> >
<div v-if="!final" class="feedback-submission__emojis emojis"> <div v-if="!final" class="feedback-submission__emojis emojis">
<span @click="addEmoji('😀')">😀</span> <span v-for="(emoji, index) in emojis"
<span @click="addEmoji('🤮')">🤮</span> :key="index"
<span @click="addEmoji('🤩')">🤩</span> @click="addEmoji(emoji)"
<span @click="addEmoji('😎')">😎</span> class="emojis__emoji">{{emoji}}</span>
<span @click="addEmoji('🤔')">🤔</span>
<span @click="addEmoji('👍🏻')">👍🏻</span>
<span @click="addEmoji('👎🏻')">👎🏻</span>
</div> </div>
</submission-form> </submission-form>
</div> </div>
@ -189,7 +186,8 @@
} }
}, },
unsaved: false, unsaved: false,
saving: 0 saving: 0,
emojis: ['😀', '🤮', '🤩', '😎', '🤔', '👍🏻', '👎🏻']
} }
} }
} }
@ -211,5 +209,9 @@
.emojis { .emojis {
font-size: toRem(32px); font-size: toRem(32px);
&__emoji {
cursor: pointer;
}
} }
</style> </style>