101 lines
3.6 KiB
HTML
101 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Bootstrap demo</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="css/style2.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<table class="wide"><tr><td>
|
|
|
|
|
|
<label for="left-basedir">Left Basedir:</label>
|
|
|
|
<select name="left_dir" id="left_dir" onchange="set_base_dir('left')">
|
|
<option value="media">tmp</option>
|
|
<option value="media">movies</option>
|
|
<option value="media">tvseries</option>
|
|
<option value="download">nzb</option>
|
|
</select>
|
|
<label for="left-filter">Filter</label>
|
|
<input type="text" id="left_filter" name="left_filter" onkeyup="filter_files('left')">
|
|
</td><td>
|
|
<label for="right-basedir">Reght Basedir::</label>
|
|
|
|
<select name="right_dir" id="right_dir" onchange="set_base_dir('right')">
|
|
<option value="media">tmp</option>
|
|
<option value="media">movies</option>
|
|
<option value="media">tvseries</option>
|
|
<option value="download">nzb</option>
|
|
</select>
|
|
<label for="right-filter">Filter</label>
|
|
<input type="text" id="right_filter" name="right_filter" onkeyup="filter_files('right')" >
|
|
</td></tr><tr><td>
|
|
<div>
|
|
|
|
|
|
<div class="beside scrollable col-md4 bg-light p-4 m-2 left" >
|
|
<div id="hierarchy-left" data-folder="tmp">
|
|
<div class="foldercontainer" data-folder="tmp">
|
|
<span class="folder fa-folder-o" data-isexpanded="false">tmp</span>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div>
|
|
|
|
<div class="beside scrollable right-align col-md4 bg-light p-4 m-2 right">
|
|
<div id="hierarchy-right" data-folder="tmp">
|
|
<div class="foldercontainer" data-folder="tmp">
|
|
<span class="folder fa-folder-o" data-isexpanded="false">tmp</span>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="beside info col-md4 bg-light p-4 m-2" id="info-left"></div>
|
|
<div id="convert-button-left"></div>
|
|
</td>
|
|
<td>
|
|
<div class="beside info col-md4 bg-light p-4 m-2" id="info-right"></div>
|
|
<div id="convert-button-right"></div>
|
|
</td>
|
|
</tr>
|
|
</tr></tr><td>
|
|
<div id="merge-button-div"></div>
|
|
</td></tr> </table>
|
|
<script src="file_structure.js" defer></script>
|
|
<script src="table_builder.js" defer></script>
|
|
<script src="merge_button.js" defer></script>
|
|
<script src="mkvdatefetcher.js"></script>
|
|
<script src="media_info_presenter.js"></script>
|
|
<script src="filter.js"></script>
|
|
<script src="convert_button.js"></script>
|
|
<script>
|
|
function set_base_dir(side) {
|
|
let text = document.getElementById(side+"_filter");
|
|
text.setAttribute('value', '')
|
|
let base_dir_select = document.getElementById(side+"_dir");
|
|
let value = base_dir_select.options[base_dir_select.selectedIndex].text;
|
|
|
|
let base_hier = document.getElementById("hierarchy-"+side);
|
|
base_hier.dataset.folder=value;
|
|
base_hier.innerHTML = "";
|
|
base_hier.appendChild(create_folder(value));
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|