Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
fib-maxup - npm Package Compare versions
Comparing version 1.4.485 to 1.4.491
132
js/MaxUp.js
| const PostFileProgress = (InputFile, ProgressBar, path) => { | ||
| const formData = new FormData(); | ||
| formData.append(InputFile, document.getElementById(InputFile)[0].files[0]); | ||
| const request = new XMLHttpRequest(); | ||
| request.upload.addEventListener('progress', function (e){ | ||
| const fileSize = document.getElementById(InputFile)[0].files[0].size; | ||
| // const PostFileProgress = (InputFile, ProgressBar, path) => { | ||
| // const formData = new FormData(); | ||
| // formData.append(InputFile, document.getElementById(InputFile)[0].files[0]); | ||
| // const request = new XMLHttpRequest(); | ||
| // request.upload.addEventListener('progress', function (e){ | ||
| // const fileSize = document.getElementById(InputFile)[0].files[0].size; | ||
| if (e.loaded <= fileSize){ | ||
| const percent = Math.round(e.loaded / fileSize * 100); | ||
| document.getElementById(ProgressBar).innerWidth = percent+'%'; | ||
| } | ||
| if (e.loaded === e.total){ | ||
| document.getElementById(ProgressBar).innerWidth = 100+'%'; | ||
| } | ||
| // if (e.loaded <= fileSize){ | ||
| // const percent = Math.round(e.loaded / fileSize * 100); | ||
| // document.getElementById(ProgressBar).innerWidth = percent+'%'; | ||
| // } | ||
| // if (e.loaded === e.total){ | ||
| // document.getElementById(ProgressBar).innerWidth = 100+'%'; | ||
| // } | ||
| }); | ||
| request.open('post', path); | ||
| request.timeout = 45000; | ||
| request.send(formData); | ||
| } | ||
| // }); | ||
| // request.open('post', path); | ||
| // request.timeout = 45000; | ||
| // request.send(formData); | ||
| // } | ||
@@ -42,49 +42,49 @@ export class nav { | ||
| } | ||
| export class xSelect{ | ||
| constructor(select= '.xSelect') { | ||
| this.registerValriables(select); | ||
| this.label.addEventListener('click', this.ToggleSelect.bind(this)) | ||
| this.options.forEach((option)=>{ | ||
| option.querySelector('.xSelect__option__name').addEventListener('click', this.chooseOption.bind(this)); | ||
| }) | ||
| this.searchBar.addEventListener('keyup', this.search.bind(this)) | ||
| document.addEventListener('click', this.checkClick.bind(this)); | ||
| // (this.close) && this.closeSelect.bind(this); | ||
| } | ||
| registerValriables(select){ | ||
| this.select = document.querySelector(select); | ||
| this.label = this.select.querySelector('.xSelect__label'); | ||
| this.title = this.label.querySelector('.xSelect__label__title'); | ||
| this.arrow = this.label.querySelector('.xSelect__label__icon'); | ||
| this.optionsBox = this.select.querySelector('.xSelect__options'); | ||
| this.searchBar = this.select.querySelector('.xSelect__search'); | ||
| this.options = this.optionsBox.querySelectorAll('.xSelect__option'); | ||
| // this.close = false; | ||
| this.arr = []; | ||
| } | ||
| ToggleSelect(){ | ||
| this.optionsBox.classList.toggle('xToggle'); | ||
| this.arrow.classList.toggle('xToggleArrow'); | ||
| } | ||
| closeSelect(){ | ||
| this.optionsBox.classList.remove('xToggle'); | ||
| this.arrow.classList.remove('xToggleArrow'); | ||
| } | ||
| replaceLabel(labelName){ | ||
| this.title.innerHTML = labelName.path[0].innerText | ||
| } | ||
| chooseOption(labelName){ | ||
| this.ToggleSelect() | ||
| this.replaceLabel(labelName) | ||
| } | ||
| search(){ | ||
| const searchBarValue = this.searchBar.value.toUpperCase() | ||
| this.options.forEach((option)=>{ | ||
| const optionName = option.querySelector('.xSelect__option__name').innerHTML; | ||
| option.style.display = (optionName.toUpperCase().indexOf(searchBarValue) > -1) ? '' : 'none' | ||
| }) | ||
| } | ||
| checkClick(el){ | ||
| (!el.contains(e.target)) && this.closeSelect() | ||
| } | ||
| } | ||
| // export class xSelect{ | ||
| // constructor(select= '.xSelect') { | ||
| // this.registerValriables(select); | ||
| // this.label.addEventListener('click', this.ToggleSelect.bind(this)) | ||
| // this.options.forEach((option)=>{ | ||
| // option.querySelector('.xSelect__option__name').addEventListener('click', this.chooseOption.bind(this)); | ||
| // }) | ||
| // this.searchBar.addEventListener('keyup', this.search.bind(this)) | ||
| // document.addEventListener('click', this.checkClick.bind(this)); | ||
| // // (this.close) && this.closeSelect.bind(this); | ||
| // } | ||
| // registerValriables(select){ | ||
| // this.select = document.querySelector(select); | ||
| // this.label = this.select.querySelector('.xSelect__label'); | ||
| // this.title = this.label.querySelector('.xSelect__label__title'); | ||
| // this.arrow = this.label.querySelector('.xSelect__label__icon'); | ||
| // this.optionsBox = this.select.querySelector('.xSelect__options'); | ||
| // this.searchBar = this.select.querySelector('.xSelect__search'); | ||
| // this.options = this.optionsBox.querySelectorAll('.xSelect__option'); | ||
| // // this.close = false; | ||
| // this.arr = []; | ||
| // } | ||
| // ToggleSelect(){ | ||
| // this.optionsBox.classList.toggle('xToggle'); | ||
| // this.arrow.classList.toggle('xToggleArrow'); | ||
| // } | ||
| // closeSelect(){ | ||
| // this.optionsBox.classList.remove('xToggle'); | ||
| // this.arrow.classList.remove('xToggleArrow'); | ||
| // } | ||
| // replaceLabel(labelName){ | ||
| // this.title.innerHTML = labelName.path[0].innerText | ||
| // } | ||
| // chooseOption(labelName){ | ||
| // this.ToggleSelect() | ||
| // this.replaceLabel(labelName) | ||
| // } | ||
| // search(){ | ||
| // const searchBarValue = this.searchBar.value.toUpperCase() | ||
| // this.options.forEach((option)=>{ | ||
| // const optionName = option.querySelector('.xSelect__option__name').innerHTML; | ||
| // option.style.display = (optionName.toUpperCase().indexOf(searchBarValue) > -1) ? '' : 'none' | ||
| // }) | ||
| // } | ||
| // checkClick(el){ | ||
| // (!el.contains(e.target)) && this.closeSelect() | ||
| // } | ||
| // } |
| { | ||
| "name": "fib-maxup", | ||
| "style": "css/index.css", | ||
| "version": "1.4.485", | ||
| "version": "1.4.491", | ||
| "description": "a css framework", | ||
@@ -6,0 +6,0 @@ "main": "js/MaxUp.js", |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.61%
83976
- Number of package files
- increased by14.29%
16
- Lines of code
- increased by2.1%
1653
No dependency changes