archive/blender-cloud
0
1
Fork 1
Code Issues 24 Pull Requests Projects Releases Wiki Activity

Update Search Bar. Fix dropdown menus.

Browse Source
This commit is contained in:
Sam Lu
2018-08-04 01:40:27 -05:00
parent bd2c8893dd
commit 0f5c409c04
4 changed files with 133 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
cloud/static/assets/js/layout.min.js vendored
View File

@@ -1,26 +1,56 @@
/* Variables
================================================================== */
var searchToggleStatus = false
/* Selectors
================================================================== */
var searchButton = document.querySelector('#searchButton')
var searchCloseButton = document.querySelector('#searchCloseButton')
var searchNav = document.querySelector('#searchNav')
var searchNavInput = document.querySelector('#searchNav input')
var navbarNav = document.querySelector('#navbarNav')
var profileMenu = document.querySelector('#navbarNav .navbar-nav').lastElementChild
/* Interactions
================================================================== */
$('#searchButton').click(function(){
showSearch()
})
$('#searchCloseButton').click(function(){
closeSearch()
})
searchButton.addEventListener('click', showSearch)
searchCloseButton.addEventListener('click', closeSearch)
/* Functions
================================================================== */
function showSearch() {
$('#searchbarNav').addClass('active')
$('#searchbarNav input').focus()
$('#navbarNav').addClass('invisible')
searchToggleStatus = true
searchNav.classList.add('active')
searchNavInput.focus()
navbarNav.classList.add('invisible')
profileMenu.classList.add('visible')
// $('#search-overlay').addClass('active')
// if (searchToggleStatus == true) {
// // $(document.body).click(function() {
// // console.log('detect click outside');
// // searchToggleStatus = false
// // })
// console.log(searchToggleStatus);
// console.log('detect click outside');
// searchToggleStatus = false
// console.log(searchToggleStatus);
// } else {
// console.log(searchToggleStatus);
// console.log('not detecting clicks');
// }
// $(document.body).click(function () {
// console.log('detected click outside');
// searchToggleStatus == false
// }) else {
// }
}
function closeSearch() {
$('#searchbarNav').removeClass('active')
$('#navbarNav').removeClass('invisible')
console.log('close button working')
searchNav.classList.remove('active')
navbarNav.classList.remove('invisible')
profileMenu.classList.remove('visible')
// $('#search-overlay').removeClass('active')
}