andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Tag.js

Browse Source
This commit is contained in:
Rohit Tanwar
2018-03-07 18:52:36 +05:30
committed by GitHub
parent f9b0bd2e7b
commit 7ec6a73242
1 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/js/components/Tag.js
View File

@ -3,16 +3,35 @@ import { select, selectAll, on } from '../deps/utils'
const tagButtons = selectAll('button.tags__tag')
let isShiftSelected = false;
const onClick = function() {
if(isShiftSelected){
document.querySelector.classList.remove('is-active')
let currentElements = [...document.querySelector('button.tags__tag.is-active')]
if(isShiftSelected && this.dataset.type === 'all'){
tagButtons.forEach(button => button.classList.remove('is-active'))
}
else{
tagButtons.forEach(button => button.classList.remove('is-active'))
else if(isShiftSelected){
document.querySelector('button[type=all]').classList.remove('is-active')
}
else {
tagButtons.forEach(button => button.classList.remove('is-active'))
}
if(this.classList.contains('is-active') && this.dataset.type === 'all'){
this.classList.add('is-active')
currentElements = [this]
}
else if(this.classList.contains('is-active')){
this.classList.remove('is-active')
currentElements.splice(currentElements.indexOf(this),1)
}
else {
this.classList.add('is-active');
if(isShiftSelected){
currentElements.push(this)
}
else{
currentElements = [this]
}
}
this.classList.add('is-active')
EventHub.emit('Tag.click', {
type: this.dataset.type
type: currentElements.map(el => el.dataset.type)
})
}
onkeydown = e => (