mirror of
https://github.com/amiaopensource/ffmprovisr.git
synced 2024-11-10 07:27:23 +01:00
4359d6dd4a
Previously, it would expand the recipe if currently collapsed, and vice versa. Now, if any recipes are currently expanded, it will collapse all; otherwise, all recipes will be expanded. The 'expand all' functionality is necessary for full-text searching.
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
$(document).ready(function() {
|
|
|
|
function appendLink(id) {
|
|
$(id).next('div').find('.link').empty();
|
|
$(id).next('div').find('.link').append("<small>Link to this command: <a href='https://amiaopensource.github.io/ffmprovisr/index.html" + id + "'>https://amiaopensource.github.io/ffmprovisr/index.html" + id + "</a></small>");
|
|
}
|
|
|
|
function moveToRecipe(id) {
|
|
document.getElementById(id.substring(1)).checked = true;
|
|
$('html, body').animate({ scrollTop: $(id).offset().top }, 1000);
|
|
appendLink(id)
|
|
}
|
|
|
|
// open recipe window if a hash is found in URL
|
|
if (window.location.hash) {
|
|
id = window.location.hash
|
|
moveToRecipe(id)
|
|
}
|
|
|
|
// add hash URL when recipe is opened
|
|
$('label[class="recipe"]').on("click", function(){
|
|
id = $(this).attr("for");
|
|
window.location.hash = ('#' + id)
|
|
appendLink('#' + id)
|
|
})
|
|
|
|
// open recipe when clicked
|
|
$('a').on("click", function(){
|
|
intralink = $(this).attr("href")
|
|
if (intralink[0] == "#") {
|
|
moveToRecipe(intralink)
|
|
}
|
|
})
|
|
|
|
// Collapse all recipes when button is clicked
|
|
$('#toggle-expand-collapse-all').on("click", function(){
|
|
var checkboxes = $('input[type=checkbox]');
|
|
var anyRecipesOpen = $(checkboxes).is(':checked');
|
|
|
|
if (anyRecipesOpen) {
|
|
// Collapse all
|
|
$('input[type=checkbox]').each(function() {
|
|
this.checked = false;
|
|
});
|
|
} else new Promise(function(resolve, reject) {
|
|
// Expand all
|
|
$('input[type=checkbox]').each(function() {
|
|
this.checked = true;
|
|
});
|
|
});
|
|
});
|
|
});
|