mirror of
https://github.com/thelounge/thelounge.git
synced 2024-06-03 06:12:22 +02:00
238e894377
- There is no client caching of the changelog/version anymore. Instead, server returns the expiration date of its cache, and that is used by the client as well. - There is now a "Check now" button on the client that appears when data is stale. This means that info is fetched only once and never refreshed (it was refreshed every hour before) unless the user explicitly wants to check latest version, which in turn is as stale as server info is, i.e. 15 minutes max. - Button style is shared with the "Join a channel" feature, `.btn-small` (not `.btn-sm` to be explicit that this is not a Bootstrap thing). - Version checker content is now centralized in the `version_checker` template, instead of being partially in the checker template, partially in the Help template, and partially in the code. - A "Try again" button lets user attempt to fetch info instead of forcing them to reload the page. - Use Flexbox to display a nicer version checker: icon is slightly bigger, and button is always aligned on the right. - Changelog logic has been removed from `lounge.js` and moved into the component file. - Changelog template is only passed what it needs instead of everything the server gives us. - Public version now displays version checker, since server is caching things. - Cleaner code overall.
64 lines
1.7 KiB
JavaScript
64 lines
1.7 KiB
JavaScript
"use strict";
|
|
|
|
const $ = require("jquery");
|
|
const socket = require("../socket");
|
|
const templates = require("../../views");
|
|
|
|
module.exports = {
|
|
requestIfNeeded,
|
|
};
|
|
|
|
// Requests version information if it hasn't been retrieved before (or if it has
|
|
// been removed from the page, i.e. when clicking on "Check now". Displays a
|
|
// loading state until received.
|
|
function requestIfNeeded() {
|
|
if ($("#version-checker").is(":empty")) {
|
|
renderVersionChecker({status: "loading"});
|
|
socket.emit("changelog");
|
|
}
|
|
}
|
|
|
|
socket.on("changelog", function(data) {
|
|
// 1. Release notes window for the current version
|
|
$("#changelog").html(templates.windows.changelog(data.current));
|
|
|
|
// 2. Version checker visible in Help window
|
|
let status;
|
|
|
|
if (data.latest) {
|
|
status = "new-version";
|
|
} else if (data.current.changelog) {
|
|
status = "up-to-date";
|
|
} else {
|
|
status = "error";
|
|
}
|
|
|
|
renderVersionChecker({
|
|
latest: data.latest,
|
|
status,
|
|
});
|
|
|
|
// When there is a button to refresh the checker available, display it when
|
|
// data is expired. Before that, server would return same information anyway.
|
|
if (data.expiresAt) {
|
|
setTimeout(
|
|
() => $("#version-checker #check-now").show(),
|
|
data.expiresAt - Date.now()
|
|
);
|
|
}
|
|
});
|
|
|
|
// When clicking the "Check now" button, remove current checker information and
|
|
// request a new one. Loading will be displayed in the meantime.
|
|
$("#help").on("click", "#check-now", () => {
|
|
$("#version-checker").empty();
|
|
requestIfNeeded();
|
|
});
|
|
|
|
// Given a status and latest release information, update the version checker
|
|
// (CSS class and content)
|
|
function renderVersionChecker({status, latest}) {
|
|
$("#version-checker").attr("class", status)
|
|
.html(templates.version_checker({latest, status}));
|
|
}
|