Fix pathing

This commit is contained in:
Tyler Vigario 2020-05-20 15:05:25 -07:00
parent f098702d2f
commit ede56ebe22
No known key found for this signature in database
GPG Key ID: 4D670648A0376AA4
4 changed files with 25 additions and 25 deletions

View File

@ -344,9 +344,9 @@ function switchTheme() {
function setPageTheme(theme) { function setPageTheme(theme) {
return; return;
if (theme === "light") if (theme === "light")
document.getElementById("pagestyle").setAttribute("href", "../assets/css/bootstrap.min.css"); document.getElementById("pagestyle").setAttribute("href", "web/build/assets/css/bootstrap.min.css");
else if (theme === "dark") else if (theme === "dark")
document.getElementById("pagestyle").setAttribute("href", "../assets/css/bootstrap.darkly.min.css"); document.getElementById("pagestyle").setAttribute("href", "web/build/assets/css/bootstrap.darkly.min.css");
} }
// --------------------- // ---------------------

View File

@ -6,16 +6,16 @@
<title>botamusique web interface</title> <title>botamusique web interface</title>
<link rel="icon" href="../assets/image/favicon.ico" /> <link rel="icon" href="web/build/assets/image/favicon.ico" />
<link rel="stylesheet" href="../assets/css/main.css"> <link rel="stylesheet" href="web/build/assets/css/main.css">
</head> </head>
<body> <body>
<div class="container page-header mb-5" id="banner"> <div class="container page-header mb-5" id="banner">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<img src="../assets/image/logo.png" height="200px"> <img src="web/build/assets/image/logo.png" height="200px">
</div> </div>
<div class="col my-auto"> <div class="col my-auto">
<h1>botamusique Web Interface</h1> <h1>botamusique Web Interface</h1>
@ -89,12 +89,12 @@
<tbody id="playlist-table" class="playlist-table"> <tbody id="playlist-table" class="playlist-table">
<tr id="playlist-loading"> <tr id="playlist-loading">
<td colspan="4" class="text-center"> <td colspan="4" class="text-center">
<img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
</td> </td>
</tr> </tr>
<tr id="playlist-empty" class="d-none"> <tr id="playlist-empty" class="d-none">
<td colspan="4" class="text-center"> <td colspan="4" class="text-center">
<img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
</td> </td>
</tr> </tr>
<tr class="playlist-expand table-dark d-none"> <tr class="playlist-expand table-dark d-none">
@ -109,7 +109,7 @@
<td> <td>
<input hidden type="text" class="playlist-item-id" value="" /> <input hidden type="text" class="playlist-item-id" value="" />
<div class="float-left"> <div class="float-left">
<img width="80" class="playlist-item-thumbnail" src="../assets/image/unknown-album.png" /> <img width="80" class="playlist-item-thumbnail" src="web/build/assets/image/unknown-album.png" />
</div> </div>
<div class="playlist-artwork"> <div class="playlist-artwork">
<b class="playlist-item-title"></b> <b class="playlist-item-title"></b>
@ -208,10 +208,10 @@
<div class="card-body"> <div class="card-body">
<div id="library-group" class="list-group library-group" style="overflow: auto;"> <div id="library-group" class="list-group library-group" style="overflow: auto;">
<div id="library-item-loading" class="list-group-item library-item"> <div id="library-item-loading" class="list-group-item library-item">
<img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
</div> </div>
<div id="library-item-empty" style="display: none" class="list-group-item library-item"> <div id="library-item-empty" style="display: none" class="list-group-item library-item">
<img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
</div> </div>
<div id="library-item" style="display: none;" class="list-group-item library-item"> <div id="library-item" style="display: none;" class="list-group-item library-item">
<input hidden type="text" class="library-item-id" value="" /> <input hidden type="text" class="library-item-id" value="" />
@ -219,7 +219,7 @@
<div class="library-thumb-col"> <div class="library-thumb-col">
<div class="library-thumb-img"> <div class="library-thumb-img">
<img class="library-item-thumb library-thumb-img" <img class="library-item-thumb library-thumb-img"
src="../assets/image/unknown-album.png" /> src="web/build/assets/image/unknown-album.png" />
</div> </div>
<div class="btn-group-vertical library-thumb-grp"> <div class="btn-group-vertical library-thumb-grp">
<div class="library-item-play btn btn-secondary library-thumb-btn-up" title="Play"> <div class="library-item-play btn btn-secondary library-thumb-btn-up" title="Play">
@ -252,10 +252,10 @@
<div id="library-group" class="list-group library-group" style="overflow: auto;"> <div id="library-group" class="list-group library-group" style="overflow: auto;">
<div id="library-item-loading" class="list-group-item library-item"> <div id="library-item-loading" class="list-group-item library-item">
<img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
</div> </div>
<div id="library-item-empty" style="display: none" class="list-group-item library-item"> <div id="library-item-empty" style="display: none" class="list-group-item library-item">
<img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" /> <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
</div> </div>
<div id="library-item" style="display: none;" class="list-group-item library-item"> <div id="library-item" style="display: none;" class="list-group-item library-item">
<input hidden type="text" class="library-item-id" value="" /> <input hidden type="text" class="library-item-id" value="" />
@ -457,8 +457,8 @@
</button> </button>
</div> </div>
<div class="toast-body" id="playerContainer"> <div class="toast-body" id="playerContainer">
<img id="playerArtworkIdle" src="../assets/image/empty_box.svg" /> <img id="playerArtworkIdle" src="web/build/assets/image/empty_box.svg" />
<img id="playerArtwork" src="../assets/image/unknown-album.png" style="display: none;" /> <img id="playerArtwork" src="web/build/assets/image/unknown-album.png" style="display: none;" />
<div id="playerInfo"> <div id="playerInfo">
<div id="playerActionBox"> <div id="playerActionBox">
<button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none" <button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none"
@ -575,7 +575,7 @@
<input type="hidden" id="maxUploadFileSize" value="{{ max_upload_file_size }}" /> <input type="hidden" id="maxUploadFileSize" value="{{ max_upload_file_size }}" />
<script src="../assets/js/main.js"></script> <script src="web/build/assets/js/main.js"></script>
</body> </body>
</html> </html>

View File

@ -6,10 +6,10 @@
<title>botamusique web interface</title> <title>botamusique web interface</title>
<link rel="icon" href="../assets/image/favicon.ico" /> <link rel="icon" href="web/build/assets/image/favicon.ico" />
<link id="pagestyle" rel="stylesheet" href="../assets/css/bootstrap.min.css"> <link id="pagestyle" rel="stylesheet" href="web/build/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/main.css"> <link rel="stylesheet" href="web/build/assets/css/main.css">
</head> </head>
<body> <body>
@ -40,10 +40,10 @@
</div> </div>
<script src="../assets/js/jquery-3.5.1.min.js"></script> <script src="web/build/assets/js/jquery-3.5.1.min.js"></script>
<script src="../assets/js/popper.min.js"></script> <script src="web/build/assets/js/popper.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script> <script src="web/build/assets/js/bootstrap.min.js"></script>
<script src="../assets/js/fontawesome.all.min.js"></script> <script src="web/build/assets/js/fontawesome.all.min.js"></script>
</body> </body>
</html> </html>

View File

@ -5,8 +5,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = { module.exports = {
entry: { entry: {
main: [ main: [
'./src/js/app.js', './src/js/app.js',
'./src/sass/app.scss', './src/sass/app.scss',
], ],
}, },
output: { output: {