Skip to content

Commit a3c390c

Browse files
authored
Fixing JS exceptions on profiles page (#9904)
1 parent 8033d34 commit a3c390c

1 file changed

Lines changed: 27 additions & 20 deletions

File tree

src/NuGetGallery/Scripts/gallery/page-list-packages.js

Lines changed: 27 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -48,42 +48,49 @@ $(function() {
4848
collapsible.addEventListener('click', toggleCollapsible);
4949
}
5050

51-
const advancedSearchToggleButton = document.getElementById('advancedSearchToggleButton');
52-
advancedSearchToggleButton.addEventListener('click', toggleAdvancedSearchPanel);
5351
var resized = false;
5452
var initialScreenSize = window.innerWidth;
5553
const chevronIcon = document.getElementById('advancedSearchToggleChevron');
5654

55+
const advancedSearchToggleButton = document.getElementById('advancedSearchToggleButton');
56+
57+
if (advancedSearchToggleButton) {
58+
advancedSearchToggleButton.addEventListener('click', toggleAdvancedSearchPanel);
59+
}
60+
61+
window.addEventListener('resize', () => {
62+
resized = true;
63+
toggleAdvancedSearchPanel();
64+
});
65+
5766
/* For narrow screens only */
5867
function toggleAdvancedSearchPanel() {
5968

6069
const filtersContent = document.getElementById('advancedSearchPanel');
61-
var computedStyle = window.getComputedStyle(filtersContent);
6270

63-
if (window.innerWidth <= 992 && !resized) {
64-
filtersContent.style.display = (computedStyle.display === 'none') ? 'block' : 'none';
65-
chevronIcon.classList.toggle('ms-Icon--ChevronDown');
66-
chevronIcon.classList.toggle('ms-Icon--ChevronUp');
67-
}
68-
else if (window.innerWidth <= 992 && initialScreenSize > 992 && resized) {
69-
filtersContent.style.display = 'none';
70-
chevronIcon.classList.add('ms-Icon--ChevronDown');
71-
chevronIcon.classList.remove('ms-Icon--ChevronUp');
71+
if (filtersContent) {
72+
var computedStyle = window.getComputedStyle(filtersContent);
7273

73-
}
74-
else if (window.innerWidth > 992) {
75-
filtersContent.style.display = 'block';
74+
if (window.innerWidth <= 992 && !resized) {
75+
filtersContent.style.display = (computedStyle.display === 'none') ? 'block' : 'none';
76+
chevronIcon.classList.toggle('ms-Icon--ChevronDown');
77+
chevronIcon.classList.toggle('ms-Icon--ChevronUp');
78+
}
79+
else if (window.innerWidth <= 992 && initialScreenSize > 992 && resized) {
80+
filtersContent.style.display = 'none';
81+
chevronIcon.classList.add('ms-Icon--ChevronDown');
82+
chevronIcon.classList.remove('ms-Icon--ChevronUp');
83+
84+
}
85+
else if (window.innerWidth > 992) {
86+
filtersContent.style.display = 'block';
87+
}
7688
}
7789

7890
initialScreenSize = window.innerWidth;
7991
resized = false;
8092
}
8193

82-
window.addEventListener('resize', () => {
83-
resized = true;
84-
toggleAdvancedSearchPanel();
85-
});
86-
8794
function toggleCollapsible() {
8895
var dataTab = document.getElementById(this.getAttribute('tab') + 'tab');
8996
var expandButton = document.getElementById(this.getAttribute('tab') + 'button');

0 commit comments

Comments
 (0)