monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-05 21:33:40 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1442 from g-thome/master

Browse source 
Expand settings group on quick navbar click
This commit is contained in:
Jack 2021-05-18 19:53:09 +01:00 committed by GitHub
commit 4a36e0643f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 49 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

87
src/js/settings.js
View file

@ -562,6 +562,46 @@ export function update() {
}
}
function toggleSettingsGroup(groupName) {
$(`.pageSettings .settingsGroup.${groupName}`)
.stop(true, true)
.slideToggle(250)
.toggleClass("slideup");
if ($(`.pageSettings .settingsGroup.${groupName}`).hasClass("slideup")) {
$(`.pageSettings .sectionGroupTitle[group=${groupName}] .fas`)
.stop(true, true)
.animate(
{
deg: -90,
},
{
duration: 250,
step: function (now) {
$(this).css({
transform: "rotate(" + now + "deg)",
});
},
}
);
} else {
$(`.pageSettings .sectionGroupTitle[group=${groupName}] .fas`)
.stop(true, true)
.animate(
{
deg: 0,
},
{
duration: 250,
step: function (now) {
$(this).css({
transform: "rotate(" + now + "deg)",
});
},
}
);
}
}
$(document).on(
"focusout",
".pageSettings .section.paceCaret input.customPaceCaretSpeed",
@ -763,44 +803,7 @@ $("#exportSettingsButton").click((e) => {
});
$(".pageSettings .sectionGroupTitle").click((e) => {
let group = $(e.currentTarget).attr("group");
$(`.pageSettings .settingsGroup.${group}`)
.stop(true, true)
.slideToggle(250)
.toggleClass("slideup");
if ($(`.pageSettings .settingsGroup.${group}`).hasClass("slideup")) {
$(`.pageSettings .sectionGroupTitle[group=${group}] .fas`)
.stop(true, true)
.animate(
{
deg: -90,
},
{
duration: 250,
step: function (now) {
$(this).css({
transform: "rotate(" + now + "deg)",
});
},
}
);
} else {
$(`.pageSettings .sectionGroupTitle[group=${group}] .fas`)
.stop(true, true)
.animate(
{
deg: 0,
},
{
duration: 250,
step: function (now) {
$(this).css({
transform: "rotate(" + now + "deg)",
});
},
}
);
}
toggleSettingsGroup($(e.currentTarget).attr("group"));
});
$(".pageSettings #resetPersonalBestsButton").on("click", (e) => {
@ -854,3 +857,11 @@ $(".pageSettings .section.customLayoutfluid .inputAndSave .input").keypress(
}
}
);
$(".quickNav .links a").on("click", (e) => {
const settingsGroup = e.target.innerText;
const isOpen = $(`.pageSettings .settingsGroup.${settingsGroup}`).hasClass(
"slideup"
);
isOpen && toggleSettingsGroup(settingsGroup);
});