H1K0-dev/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): introduce saving and discarding changes

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-31 02:08:42 +03:00
parent 70ac14a17a
commit fefff3ce45
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/public/js/tfm-database.js Normal file
View File

@ -0,0 +1,22 @@
$(document).on("click", "#btn-save", function (e) {
e.preventDefault();
let resp = tdb_query("$TFM", 4, "");
if (resp.status) {
alert("Successfully saved!");
} else {
alert("Something went wrong!");
}
});
$(document).on("click", "#btn-discard", function (e) {
e.preventDefault();
if (!confirm("All unsaved changes will be lost permanently. Are you sure?")) {
return;
}
let resp = tdb_query("$TFM", 2, "");
if (resp.status) {
alert("Successfully reloaded database!");
} else {
alert("Something went wrong!");
}
});

8
web/public/tfm/index.html
View File

@ -24,16 +24,22 @@
<link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/general.css"> <link rel="stylesheet" href="/css/general.css">
<script src="/js/jquery-3.6.0.min.js"></script> <script src="/js/jquery-3.6.0.min.js"></script>
<script src="/js/tdbms.js"></script>
</head> </head>
<body> <body>
<h1>Welcome to Tanabata File Manager!</h1> <h1>Welcome to Tanabata File Manager!</h1>
<main> <main>
<h2>Files or tags?</h2> <h2>Come on, what to do?</h2>
<div class="contents-wrapper"> <div class="contents-wrapper">
<a href="/tfm/files" class="btn btn-primary">Files</a> <a href="/tfm/files" class="btn btn-primary">Files</a>
<a href="/tfm/tags" class="btn btn-primary">Tags</a> <a href="/tfm/tags" class="btn btn-primary">Tags</a>
<a href="/" class="btn btn-outline-secondary">Home</a> <a href="/" class="btn btn-outline-secondary">Home</a>
</div> </div>
<div class="contents-wrapper">
<button class="btn btn-success" id="btn-save">Save changes</button>
<button class="btn btn-danger" id="btn-discard">Discard changes</button>
</div>
</main> </main>
<script src="/js/tfm-database.js"></script>
</body> </body>
</html> </html>