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

fix bugs

Browse Source
This commit is contained in:
Rohit Tanwar
2018-04-14 15:06:37 +05:30
parent fca193670a
commit de4a932a24
9 changed files with 438 additions and 749 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/2b099881bffae1e3b52c89d955a9ca5f.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
docs/5627c7248f710b16cc31d8c0e3f85d87.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

9
docs/5f91c0bc8070a250376e9b17a0e9bb85.css Normal file
View File

File diff suppressed because one or more lines are too long

30
docs/5f91c0bc8070a250376e9b17a0e9bb85.js Normal file
View File

File diff suppressed because one or more lines are too long

2
docs/index.html
View File

File diff suppressed because one or more lines are too long

1110
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
src/js/components/Sidebar.js
View File

@ -39,11 +39,16 @@ document.addEventListener('click', e => {
})
EventHub.on('Tag.click', data => {
data.type_new = data.type.map(el => el.dataset.type)
sections.forEach(section => {
section.style.display = 'block'
if (section.dataset.type !== data.type && data.type !== 'all') {
//console.log(data.type_new.includes('all'))
if(!data.type_new.includes(section.dataset.type) && !data.type_new.includes('all')) {
section.style.display = 'none'
}
else{
section.style.display = ''
}
})
})

8
src/js/components/Snippet.js
View File

@ -2,12 +2,16 @@ import { selectAll } from '../deps/utils'
const snippets = selectAll('.snippet')
EventHub.on('Tag.click', data => {
data.type_new = data.type.map(el => el.dataset.type)
snippets.forEach(snippet => {
snippet.style.display = 'block'
if (data.type.includes('all')) return
if (data.type_new.includes('all')) return
const tags = selectAll('.tags__tag', snippet)
if (!tags.some(el => data.type.includes(el.dataset.type))) {
if (!tags.some(el => data.type_new.includes(el.dataset.type))) {
snippet.style.display = 'none'
}
else {
snippet.style.display = ''
}
})
})

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

@ -1,15 +1,24 @@
import { select, selectAll, on } from '../deps/utils'
const tagButtons = selectAll('button.tags__tag')
let isShiftSelected = false;
var isShiftSelected = false;
const onClick = function() {
if(isShiftSelected && this.dataset.type === 'all'){
tagButtons.forEach(button => button.classList.remove('is-active'));
this.classList.add('is-active');
}
else if(isShiftSelected) {
select('button[data-type=all]').classList.remove('is-active');
if(this.classList.contains('is-active') && (selectAll('button.tags__tag.is-active').length > 1)){
this.classList.remove('is-active')
}
else if(this.classList.contains('is-active')){
this.classList.remove('is-active')
select('button[data-type=all]').classList.add('is-active')
}
else{
this.classList.add('is-active');
select('button[data-type=all]').classList.reomove('is-active');
}
}
else {
tagButtons.forEach(button => button.classList.remove('is-active'));
@ -22,10 +31,12 @@ const onClick = function() {
onkeydown = e => {
if(e.shiftKey){
isShiftSelected = true;
}};
}
};
onkeyup = e => {
if(e.shiftKey){
if(e.key == 'Shift'){
isShiftSelected = false;
}};
}
};
tagButtons.forEach(button => on(button, 'click', onClick))