Webbserverprogrammering 1

Show sourcecode

The following files exists in this folder. Click to view.

Webserver1/Ovningar/Slutprojekt/

.env
DEBUG/
Media/
account.js
account.php
callback_log.txt
change_account_details.php
composer.json
composer.lock
forgot_pass.php
forgot_pass_new_pass.php
header.php
index.php
login.php
mediaplayer.php
node_modules/
package-lock.json
package.json
signup.php
style.css
upload.js
upload_callback.php
upload_callback_simulated.php
upload_chunk.php
upload_errors.log
upload_form.php
upload_handler.php
upload_success.log
vendor/
verify_file.php
verifypage.php

account.js

55 lines UTF-8 Windows (CRLF)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
// @ts-check

const uploadedRows = /**@type {NodeListOf<HTMLTableRowElement>} */ (
  document.querySelectorAll("#uploaded-media-table tr.row")
);
const watchedRows = /**@type {NodeListOf<HTMLTableRowElement>} */ (
  document.querySelectorAll("#watched-media-table tr.row")
);
const manageWindow = /** @type {HTMLDivElement} */ (
  document.getElementById("manage-window")
);
const updateTitle = /** @type {HTMLInputElement} */ (
  document.getElementById("update-title")
);
const manageThumb = /** @type {HTMLImageElement} */ (
  document.getElementById("manage-thumb")
);
const updateDesc = /** @type {HTMLInputElement} */ (
  document.getElementById("update-desc")
);
const manageVideolink = /** @type {HTMLAnchorElement} */ (
  document.getElementById("manage-videolink")
);
const updateId = /** @type {HTMLInputElement} */ (
  document.getElementById("update-row-id")
);

const MediaplayerURL = "mediaplayer.php?id=";

uploadedRows.forEach(row => {
  row.addEventListener("click", () => {
    updateTitle.value = row.dataset.title || "N/A";
    updateDesc.value = row.dataset.desc || "N/A";
    updateId.value = row.dataset.row_id || "-1";
    manageThumb.src = row.dataset.href_thumb || "";
    manageVideolink.href = MediaplayerURL + row.dataset.row_id || "";

    if (manageWindow.classList.contains("hidden")) {
      manageWindow.classList.remove("hidden");
    }
  })
});

watchedRows.forEach(row => {
  row.addEventListener("click", () => {
    window.location.href = MediaplayerURL + row.dataset.row_id || "";
  })
});

const deleteBtn = /** @type {HTMLInputElement} */ (document.getElementById("delete-btn"));
deleteBtn.addEventListener("click", (e) => {
  if (!confirm("Är du säker?")) {
    e.preventDefault();
  }
});