minor: ability to toggle QOL achievement features

previously, there wasn't an option to disable those small, quality-of-life achievement features
This commit is contained in:
Index 2024-06-30 03:40:40 -05:00
parent e439cc9702
commit 7c586e0984
4 changed files with 55 additions and 8 deletions

View file

@ -89,7 +89,13 @@ const DefaultSettings = {
LeaderboardsOn: true LeaderboardsOn: true
}, },
CollectibleInventoryCatOn: true, CollectibleInventoryCatOn: true,
ShowValueListDataOn: true ShowValueListDataOn: true,
ImprovedAchievements: {
Enabled: true,
ProgressBarOn: true,
PercentageOn: true,
OpacityOn: true
}
} }
// ON EXTENSION INSTALL / RELOAD // ON EXTENSION INSTALL / RELOAD

View file

@ -95,16 +95,24 @@ const Gamepasses = Array.from(GamepassesTab.getElementsByClassName('card')) || [
}); });
} }
if (AchievementsTab.getElementsByClassName('display-3')[0] === undefined) { if (Settings.ImprovedAchievements && Settings.ImprovedAchievements.Enabled === true && AchievementsTab.getElementsByClassName('display-3')[0] === undefined) {
if (Settings.ImprovedAchievements.ProgressBarOn && Settings.ImprovedAchievements.ProgressBarOn === true) {
AchievementProgressBar(); AchievementProgressBar();
AchievementEarnedPercentage(); }
if (Settings.ImprovedAchievements.PercentageOn && Settings.ImprovedAchievements.PercentageOn === true) {
AchievementEarnedPercentage();
}
if (Settings.ImprovedAchievements.OpacityOn && Settings.ImprovedAchievements.OpacityOn === true) {
console.log(Settings)
for (let achievement of Achievements) { for (let achievement of Achievements) {
if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) { if ((achievement.getElementsByClassName('fad fa-check-circle')[0] !== undefined) === false) {
achievement.style.opacity = '0.5'; achievement.style.opacity = '0.5';
} }
} }
} }
}
}); });
})(); })();

View file

@ -109,7 +109,13 @@ export default {
LeaderboardsOn: true LeaderboardsOn: true
}, },
CollectibleInventoryCatOn: true, CollectibleInventoryCatOn: true,
ShowValueListDataOn: true ShowValueListDataOn: true,
ImprovedAchievements: {
Enabled: true,
ProgressBarOn: true,
PercentageOn: true,
OpacityOn: true
}
}, },
Limits: { Limits: {
PinnedGames: 10, PinnedGames: 10,

View file

@ -604,6 +604,33 @@
<option value="35">Min. 35+ Copies</option> <option value="35">Min. 35+ Copies</option>
</select> </select>
</div> </div>
<div class="setting-container" id="improved-achievements">
<span class="badge bg-primary mb-1">Now a Setting!</span>
<br>
<span class="indicator">&nbsp;</span>
<span class="title">
Improved Achievements
</span>
<div class="setting-buttons">
<button class="btn btn-sm toggle-btn" data-setting="Enabled" data-parent="ImprovedAchievements">Toggle</button>
</div>
<br />
<span class="desc">
Quality-of-life improvements to achievements!
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="progress-improved-achievements" data-setting="ProgressBarOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="progress-improved-achievements"> Progress Bar on All Achievements in Place </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="percentage-improved-achievements" data-setting="PercentageOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="percentage-improved-achievements"> Percentage of Players (& difficulty) </label>
</span>
<span class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="opacity-improved-achievements" data-setting="OpacityOn" data-parent="ImprovedAchievements" />
<label class="form-check-label" for="opacity-improved-achievements"> Fade out unowned achievements </label>
</span>
</div>
<div class="setting-container" id="hoarders-list"> <div class="setting-container" id="hoarders-list">
<span class="indicator">&nbsp;</span> <span class="indicator">&nbsp;</span>
<span class="title"> <span class="title">