895 lines
27 KiB
JavaScript
895 lines
27 KiB
JavaScript
tooltipBackedUp = "This backup has been uploaded to Google Drive."
|
|
tooltipDriveOnly = "This backup is only in Google Drive. Select \"Upload\" from the actions menu to Upload it to Home Assistant."
|
|
tooltipHassio = "This backup is only in Home Assistant. Change the number of backups you keep in Drive to get it to upload."
|
|
tooltipWaiting = "This backup is waiting to upload to Google Drive."
|
|
tooltipLoading = "This backup is being downloaded from Google Drive to Home Assistant. Soon it will be available to restore."
|
|
tooltipPending = "This backup is being created. If it takes a long time, see the addon's FAQ on GitHub"
|
|
tooltipUploading = "This backup is being uploaded to Google Drive."
|
|
|
|
var github_bug_desc = `
|
|
Please add some information about your configuration and the problem you ran into here.
|
|
More info really helps speed up debugging, if you don't even read this and help me understand what happened, I probably won't help you.
|
|
Remember that its just one guy back here doing all of this.
|
|
If english isn't your first language, don't sweat it. Just try to be clear and I'll do the same for you. Some things you might consider including:
|
|
* What were you doing when the problem happened?
|
|
* A screenshot if its something visual.
|
|
* What configuration options are you using with the add-on?
|
|
* What logs is the add-on printing out? You can see the detailed logs by clicking "Logs" at the right of the web-UI.
|
|
* Are there any problematic looking logs from the supervisor? You can get to them from the Home Assistant Interface from "Supervisor" > "System" > "System Log"
|
|
\n\n`;
|
|
var name_keys = {}
|
|
|
|
function toggleSlide(checkbox, target) {
|
|
if ($(checkbox).is(':checked')) {
|
|
$('#' + target).slideDown(400);
|
|
} else {
|
|
$('#' + target).slideUp(400);
|
|
}
|
|
}
|
|
|
|
function toggleLinkSlide(checkbox, target) {
|
|
target = $('#' + target);
|
|
if (target.is(":visible")) {
|
|
target.slideUp(400);
|
|
} else {
|
|
target.slideDown(400);
|
|
}
|
|
}
|
|
|
|
function sourceToName(source) {
|
|
if (source == "GoogleDrive") {
|
|
return "Google Drive";
|
|
} else if (source == "HomeAssistant") {
|
|
return "Home Assistant";
|
|
} else {
|
|
return "Unknown";
|
|
}
|
|
}
|
|
|
|
function restoreClick(target) {
|
|
$('#restore_help_card').fadeIn(500);
|
|
//window.top.location.replace($(target).data('url'))
|
|
}
|
|
|
|
function setInputValue(id, value) {
|
|
if (value == null) {
|
|
// Leave at default
|
|
return;
|
|
}
|
|
if (typeof (value) == 'boolean') {
|
|
$('#' + id).prop('checked', value);
|
|
} else {
|
|
$('#' + id).val(value);
|
|
}
|
|
}
|
|
|
|
function test(target) {
|
|
console.log(target);
|
|
}
|
|
|
|
function downloadBackup(target) {
|
|
window.location.assign('download?slug=' + encodeURIComponent($(target).data('backup').slug));
|
|
}
|
|
|
|
function uploadBackup(target) {
|
|
var slug = $(target).data('backup').slug;
|
|
var name = $(target).data('backup').name;
|
|
$("#do_upload_button").attr("onClick", "doUpload('" + slug + "', '" + name + "')");
|
|
}
|
|
|
|
function doUpload(slug, name) {
|
|
message = "Uploading '" + name + "'";
|
|
url = "upload?slug=" + encodeURIComponent(slug);
|
|
postJson(url, {}, refreshstats, null, message);
|
|
}
|
|
|
|
function configureDetailBadge(name, text, show) {
|
|
let container = $('.' + name);
|
|
let span = $('.detail-name', container);
|
|
if (show) {
|
|
span.html(text);
|
|
container.show();
|
|
} else {
|
|
container.hide();
|
|
}
|
|
}
|
|
var SIZE_SI = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]
|
|
function asSizeString(size) {
|
|
current = size * 1.0;
|
|
for (let id in SIZE_SI) {
|
|
if (current < 1024) {
|
|
return (Math.round(current * 10) / 10) + " " + SIZE_SI[id];
|
|
}
|
|
current /= 1024
|
|
}
|
|
return "Beyond mortal comprehension"
|
|
}
|
|
|
|
function errorReports(send) {
|
|
var jqxhr = $.get("errorreports?send=" + send)
|
|
$('#error_reports_card').fadeOut(500)
|
|
}
|
|
hideIngress = false;
|
|
function exposeServer(expose) {
|
|
var url = "exposeserver?expose=" + expose;
|
|
postJson(url, {}, function (data) {
|
|
$('#ingress_upgrade_card').fadeOut(500);
|
|
if (expose == "true") {
|
|
refreshstats();
|
|
} else {
|
|
if (data.hasOwnProperty("redirect")) {
|
|
// Reqirect to the url
|
|
window.location.assign(data.redirect.replace("{host}", window.location.hostname))
|
|
}
|
|
}
|
|
}, null, "Saving setting...");
|
|
}
|
|
|
|
function callBackupSnapshot(doSwitch) {
|
|
var url = "callbackupsnapshot?switch=" + doSwitch;
|
|
postJson(url, {}, function (data) {
|
|
$('#backup_upgrade_card').fadeOut(500);
|
|
refreshstats();
|
|
}, null, "Saving...");
|
|
}
|
|
|
|
function dismissIgnoredBackupWarning(doSwitch) {
|
|
var url = "ignoredbackupswitch?switch=" + doSwitch;
|
|
postJson(url, {}, function (data) {
|
|
$('#warn_upgrade_backups_card').fadeOut(500);
|
|
refreshstats();
|
|
}, null, "Saving settings...");
|
|
}
|
|
|
|
function ackCheckIgnoredBackups() {
|
|
postJson("ackignorecheck", {}, function (data) {
|
|
$('#ignore_helper_card').fadeOut(500);
|
|
}, null, "Acknowledging...");
|
|
|
|
}
|
|
|
|
function aknowledgeooboauth() {
|
|
var url = "aknowledgeooboauth";
|
|
postJson(url, {}, function (data) {
|
|
$('#warn_creds_deprecated_card').fadeOut(500);
|
|
refreshstats();
|
|
}, null, "Acknowledging...");
|
|
}
|
|
|
|
function resolvefolder(use_existing) {
|
|
var url = "resolvefolder?use_existing=" + use_existing;
|
|
postJson(url, {}, refreshstats, null, null);
|
|
setErrorWatermark();
|
|
$('#existing_backup_folder').hide();
|
|
refreshstats();
|
|
}
|
|
|
|
function allowImmediateBackup(use_existing) {
|
|
var url = "ignorestartupcooldown";
|
|
postJson("ignorestartupcooldown", {}, refreshstats, null, "Ignoring delay...");
|
|
$('#backups_boot_waiting_card').hide();
|
|
refreshstats();
|
|
}
|
|
|
|
function sync(dialog_class) {
|
|
postJsonCloseErrorDialog("startSync", dialog_class);
|
|
}
|
|
|
|
function postJsonCloseErrorDialog(url, dialog_class) {
|
|
postJson(url, {},
|
|
function (data) {
|
|
if (dialog_class) {
|
|
// Hide the error dialog
|
|
$("." + dialog_class).hide();
|
|
setErrorWatermark();
|
|
}
|
|
refreshstats(data);
|
|
}, null)
|
|
}
|
|
|
|
function toast(text) {
|
|
M.toast({ html: text });
|
|
}
|
|
|
|
function htmlEntities(str) {
|
|
return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace("'", "'");
|
|
}
|
|
|
|
function postJson(path, json, onSuccess, onFail = null, toastWhile = null) {
|
|
var notification = null
|
|
var returned = false
|
|
if (toastWhile) {
|
|
setTimeout(function () {
|
|
if (!returned) {
|
|
notification = M.toast({ html: toastWhile, displayLength: 99999999 });
|
|
}
|
|
}, 1000);
|
|
}
|
|
$.post({
|
|
url: path,
|
|
data: JSON.stringify(json),
|
|
success: function (data) {
|
|
returned = true;
|
|
if (notification != null) {
|
|
notification.dismiss();
|
|
}
|
|
if (data.hasOwnProperty("message")) {
|
|
toast(data.message);
|
|
}
|
|
if (data.hasOwnProperty("reload_page") && data.reload_page) {
|
|
// Reload the page
|
|
window.location.assign(getInnerHomeUri());
|
|
}
|
|
if (onSuccess) {
|
|
onSuccess(data);
|
|
}
|
|
},
|
|
dataType: "json",
|
|
contentType: 'application/json'
|
|
}).fail(
|
|
function (e) {
|
|
returned = true;
|
|
if (notification != null) {
|
|
notification.dismiss();
|
|
}
|
|
var info = parseErrorInfo(e);
|
|
if (onFail) {
|
|
onFail(info);
|
|
}
|
|
button_text = " <a class='btn-flat' target='_blank' onClick=\"$('#error_details_card').fadeIn(400);return false;\">Details</a>"
|
|
$('#error_details_paragraph').text(info.details);
|
|
|
|
M.toast({ html: info.message + button_text, displayLength: 10000 });
|
|
}
|
|
)
|
|
}
|
|
|
|
|
|
function parseErrorInfo(e) {
|
|
if (e.hasOwnProperty("message") && e.hasOwnProperty("details")) {
|
|
return {
|
|
message: e.message,
|
|
details: e.details
|
|
}
|
|
}
|
|
|
|
if (e.hasOwnProperty("responseText")) {
|
|
try {
|
|
return JSON.parse(e.responseText)
|
|
} catch (err) {
|
|
// Try something else
|
|
}
|
|
}
|
|
|
|
if (e.hasOwnProperty("status") && e.hasOwnProperty("statusText") && e.hasOwnProperty("responseText")) {
|
|
// Its an HTTP error, so format appropriately
|
|
return {
|
|
message: "Got unexpected HTTP error " + e.status + ": " + e.statusText,
|
|
details: e.responseText
|
|
}
|
|
}
|
|
return {
|
|
message: "Got an unexpected error",
|
|
details: JSON.stringify(error, undefined, 2)
|
|
}
|
|
}
|
|
|
|
function getInnerHomeUri() {
|
|
return normalizeAddonUrl(URI(window.location.href));
|
|
}
|
|
|
|
function getOutterHomeUri() {
|
|
if (parent !== window) {
|
|
return normalizeAddonUrl(URI(parent.location.href), false);
|
|
} else {
|
|
return getInnerHomeUri()
|
|
}
|
|
}
|
|
|
|
function getHomeAssistantUrl(path, alt_host) {
|
|
if (parent !== window) {
|
|
// Probably this is an ingress window
|
|
var start = URI(normalizeAddonUrl(URI(parent.location.href), false));
|
|
return start.pathname(path).toString();
|
|
} else {
|
|
// Probably this is the addon on a custom port
|
|
var host = URI(window.location.href).hostname();
|
|
return URI(alt_host.replace("{host}", host)).pathname(path).toString();
|
|
}
|
|
}
|
|
|
|
|
|
function normalizeAddonUrl(uri, add_trailing_slash = true) {
|
|
path = uri.pathname();
|
|
endings = [
|
|
/\/reauthenticate$/g,
|
|
/\/reauthenticate\/$/g,
|
|
/\/index$/g,
|
|
/\/index\/$/g,
|
|
/\/index.html$/g,
|
|
/\/index.html\/$/g
|
|
]
|
|
for (var i = 0; i < endings.length; i++) {
|
|
path = path.replace(endings[i], "/");
|
|
}
|
|
if (add_trailing_slash) {
|
|
path = path + "/";
|
|
}
|
|
path = path.replace("//", "/");
|
|
return uri.pathname(path).search("").fragment("").hash("").toString();
|
|
}
|
|
|
|
function cancelSync() {
|
|
postJson("cancelSync", {}, refreshstats, null, "Canceling...")
|
|
}
|
|
|
|
function setErrorWatermark() {
|
|
error_minimum = last_data.last_error_count
|
|
}
|
|
|
|
function bugReport() {
|
|
postJson("makeanissue", {}, openBugDialog, null, "Generating Bug Info...")
|
|
}
|
|
|
|
function openBugDialog(resp) {
|
|
$("#bug_markdown_display").val(resp.markdown);
|
|
renderMarkdown();
|
|
tabs = M.Tabs.getInstance(document.querySelector("#bug_report_tabs"));
|
|
M.Modal.getInstance(document.querySelector('#bug_modal')).open();
|
|
tabs.select("bug_markdown");
|
|
tabs.select("bug_preview");
|
|
tabs.updateTabIndicator();
|
|
}
|
|
|
|
function doBugDetailCopy() {
|
|
tabs.select("bug_markdown");
|
|
var copyText = document.getElementById("bug_markdown_display");
|
|
copyText.select();
|
|
document.execCommand("copy");
|
|
M.toast({ html: "Copied! Now go to GitHub" });
|
|
}
|
|
|
|
function renderMarkdown() {
|
|
$("#bug_preview_display").html(window.markdownit().render($("#bug_markdown_display").val()));
|
|
}
|
|
|
|
sync_toast = null;
|
|
error_toast = null
|
|
last_data = null;
|
|
error_minimum = 0
|
|
// Refreshes the display with stats from the server.
|
|
function refreshstats() {
|
|
var jqxhr = $.get("getstatus", processStatusUpdate, "json").fail(
|
|
function (e) {
|
|
console.log("Status update failed: ");
|
|
console.log(e);
|
|
$("#backups_loading").show();
|
|
if (error_toast == null) {
|
|
M.Toast.dismissAll();
|
|
sync_toast = null;
|
|
error_toast = M.toast({ html: 'Lost connection to add-on, will keep trying to connect...', displayLength: 9999999 })
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
function processSourcesUpdate(sources) {
|
|
sources_div = $('#sources');
|
|
for (var key in sources) {
|
|
if (!sources.hasOwnProperty(key)) {
|
|
continue;
|
|
}
|
|
let source = sources[key];
|
|
|
|
if (!source.enabled) {
|
|
continue;
|
|
}
|
|
let template = $(".source_" + key);
|
|
let isNew = false;
|
|
if (template.length == 0) {
|
|
isNew = true;
|
|
template = $('#source-template').find(".source-ui").clone();
|
|
template.addClass("source_" + key);
|
|
template.addClass("active_source");
|
|
template.data("source", key);
|
|
}
|
|
|
|
$(".source_title", template).html("in " + source.title );
|
|
$(".source-detail", template).html(source.detail);
|
|
if (source.detail.length > 0) {
|
|
$(".source-detail-label", template).show();
|
|
} else {
|
|
$(".source-detail-label", template).hide();
|
|
}
|
|
$("use", template).attr('xlink:href', "#" + source.icon);
|
|
|
|
if (source.retained > 0) {
|
|
$(".source_retain_count", template).html(source.retained);
|
|
$(".source_retain_label", template).show();
|
|
} else {
|
|
$(".source_retain_label", template).hide();
|
|
}
|
|
if (source.ignored > 0) {
|
|
$(".source_ignored_count", template).html(source.ignored);
|
|
$(".source_ignored_size", template).html(source.ignored_size);
|
|
$(".source_ignored_label", template).show();
|
|
} else {
|
|
$(".source_ignored_label", template).hide();
|
|
}
|
|
$(".source_backup_count", template).html(source.backups + " (" + source.size + ")");
|
|
|
|
if (source.hasOwnProperty("free_space")) {
|
|
$('.source_free_space_text', template).html(source.free_space + " remaining");
|
|
$('.source_free_space_tooltip', template).attr("data-tooltip", "An estimate of the space available in " + source.title + ".");
|
|
$('.source_free_space', template).show();
|
|
} else {
|
|
$('.source_free_space', template).hide();
|
|
}
|
|
|
|
if (isNew) {
|
|
sources_div.append(template);
|
|
}
|
|
}
|
|
$(".active_source").each(function () {
|
|
let source = $(this);
|
|
let key = source.data('source');
|
|
if (!(sources.hasOwnProperty(source.data('source')) && sources[key].enabled)) {
|
|
source.remove();
|
|
}
|
|
});
|
|
}
|
|
|
|
function processBackupsUpdate(data) {
|
|
let detail_modal = document.getElementById('details_modal');
|
|
let detail_modal_slug = $("#details_modal").data('slug');
|
|
detail_modal = M.Modal.getInstance(detail_modal);
|
|
|
|
let regular_backups = [];
|
|
let ignored_backups = [];
|
|
for (var key in data.backups) {
|
|
if (data.backups.hasOwnProperty(key)) {
|
|
backup = data.backups[key];
|
|
if (backup.ignored) {
|
|
ignored_backups.push(backup);
|
|
} else {
|
|
regular_backups.push(backup);
|
|
}
|
|
|
|
// Update the detail modal is necessary
|
|
if (detail_modal_slug == backup.slug && detail_modal && detail_modal.isOpen) {
|
|
setValuesForBackupUpdate(backup);
|
|
}
|
|
}
|
|
}
|
|
|
|
let count_regular = populateBackupDiv($('#backups'), regular_backups, "archive");
|
|
let count_ignored = populateBackupDiv($('#backups_ignored'), ignored_backups, "cloud_off");
|
|
|
|
if (count_ignored == 0) {
|
|
$(".ignored_backup_slider").addClass("default-hidden");
|
|
} else {
|
|
$(".ignored_backup_slider").removeClass("default-hidden");
|
|
}
|
|
if (count_ignored > 1) {
|
|
$(".ignored_backup_plural").removeClass("default-hidden");
|
|
} else {
|
|
$(".ignored_backup_plural").addClass("default-hidden");
|
|
}
|
|
|
|
$(".ignored_backup_count").html(count_ignored);
|
|
return count_regular + count_ignored;
|
|
}
|
|
|
|
function populateBackupDiv(backup_div, backups, icon) {
|
|
slugs = []
|
|
count = 0;
|
|
for (var key in backups) {
|
|
if (backups.hasOwnProperty(key)) {
|
|
count++;
|
|
backup = backups[key];
|
|
// try to find the item
|
|
var template = $(".slug" + backup.slug, backup_div);
|
|
slugs.push(backup.slug);
|
|
var isNew = false;
|
|
if (template.length == 0) {
|
|
var template = $('#backup-template').find(".backup-ui").clone();
|
|
template.addClass("slug" + backup.slug);
|
|
template.addClass("active-backup");
|
|
template.data("slug", backup.slug);
|
|
template.data("timestamp", backup.timestamp);
|
|
$("#backup_card", template).attr('id', "backup_card" + backup.slug);
|
|
$("#loading", template).attr('id', "loading" + backup.slug);
|
|
$(".backup_icon", template).html(icon);
|
|
isNew = true;
|
|
}
|
|
|
|
$("#size", template).html(backup['size']);
|
|
if (backup['type'].toLowerCase() == 'full') {
|
|
$("#type", template).html("Full backup");
|
|
} else if (backup['type'].toLowerCase() == 'partial') {
|
|
$("#type", template).html( "Partial backup");
|
|
} else {
|
|
$("#type", template).html('');
|
|
}
|
|
|
|
$("#createdAt", template).html(backup['createdAt']);
|
|
$("#name", template).html(backup['name']);
|
|
$("#name", template).attr('title', backup['name']);
|
|
$("#status", template).html(backup['status']);
|
|
let note = $("#note", template);
|
|
if (backup.note) {
|
|
note.html(backup['note']);
|
|
note.attr('data-tooltip', backup['note']);
|
|
note.addClass('tooltipped');
|
|
} else {
|
|
note.html(" ");
|
|
note.attr('data-tooltip', '');
|
|
note.removeClass('tooltipped');
|
|
}
|
|
if (backup.status_detail) {
|
|
$("#gen_detail", template).show();
|
|
tooltip = "Kept generationally for " + backup.status_detail[0];
|
|
$("#gen_detail", template).attr('data-tooltip', tooltip);
|
|
} else {
|
|
$("#gen_detail", template).hide();
|
|
}
|
|
|
|
|
|
if (backup.protected) {
|
|
$(".icon-protected", template).show();
|
|
} else {
|
|
$(".icon-protected", template).hide();
|
|
}
|
|
|
|
delete_next = [];
|
|
retained = false;
|
|
for (let source of backup.sources){
|
|
if (source.delete_next) {
|
|
delete_next.push(source);
|
|
}
|
|
if (source.retained) {
|
|
retained = true;
|
|
}
|
|
}
|
|
if (delete_next.length > 1) {
|
|
$(".icon-warn-delete", template).show();
|
|
$(".icon-warn-delete", template).attr("data-tooltip", "This backup will be deleted next from " + delete_next.length + " places when a new backup is created.");
|
|
} else if (delete_next.length == 1) {
|
|
$(".icon-warn-delete", template).show();
|
|
$(".icon-warn-delete", template).attr("data-tooltip", "This backup will be deleted next from " + sourceToName(delete_next[0].key) + " when a new backup is created.");
|
|
} else {
|
|
$(".icon-warn-delete", template).hide();
|
|
}
|
|
|
|
if (retained) {
|
|
$(".icon-retain", template).show();
|
|
} else {
|
|
$(".icon-retain", template).hide();
|
|
}
|
|
|
|
tip = "Help unavailable";
|
|
|
|
if (backup.status.includes("Drive")) {
|
|
tip = tooltipDriveOnly;
|
|
} else if (backup.status.includes("Backed Up")) {
|
|
tip = tooltipBackedUp;
|
|
} else if (backup.status.includes("Loading")) {
|
|
tip = tooltipLoading;
|
|
} else if (backup.status.includes("HA Only")) {
|
|
tip = tooltipHassio;
|
|
} else if (backup.status.includes("Pending")) {
|
|
tip = tooltipPending;
|
|
} else if (backup.status.includes("Upload")) {
|
|
tip = tooltipUploading;
|
|
} else if (backup.status.includes("aiting")) {
|
|
tip = tooltipWaiting;
|
|
}
|
|
$("#status-help", template).attr("data-tooltip", tip);
|
|
|
|
if (isNew) {
|
|
before = null;
|
|
// Find where the backup should be inserted, which is almost always at the top.
|
|
// This is an inefficient way of sorting but prevents juggling DOM entities around
|
|
// and the "search" is almsot always O(1) in practice.
|
|
$(".active-backup", backup_div).each(function () {
|
|
if (template.data('timestamp') > $(this).data('timestamp')) {
|
|
before = $(this);
|
|
return false;
|
|
}
|
|
});
|
|
if (before != null) {
|
|
template.insertBefore(before);
|
|
} else {
|
|
backup_div.append(template);
|
|
}
|
|
}
|
|
|
|
if (backup.isPending) {
|
|
$("#loading" + backup.slug).show();
|
|
$("#backup_card" + backup.slug).css("cursor", "auto");
|
|
} else {
|
|
$("#loading" + backup.slug).hide();
|
|
$("#backup_card" + backup.slug).css("cursor", "pointer");
|
|
}
|
|
|
|
// Set up context
|
|
$("#backup_card" + backup.slug).data('backup', backup);
|
|
}
|
|
}
|
|
// Remove the backup card if the backup was deleted.
|
|
$(".active-backup", backup_div).each(function () {
|
|
var backup = $(this)
|
|
if (!slugs.includes(backup.data('slug'))) {
|
|
backup.remove();
|
|
}
|
|
});
|
|
return count;
|
|
}
|
|
|
|
function processStatusUpdate(data) {
|
|
name_keys = data.backup_name_keys;
|
|
$('#last_backup').empty().append(data.last_backup_text);
|
|
$('#last_backup').attr("datetime", data.last_backup_machine);
|
|
$('#last_backup').attr("title", data.last_backup_detail);
|
|
|
|
$('#next_backup').empty().append(data.next_backup_text);
|
|
$('#next_backup').attr("datetime", data.next_backup_machine);
|
|
$('#next_backup').attr("title", data.next_backup_detail);
|
|
|
|
if (data.sources.GoogleDrive.enabled && data.folder_id && data.folder_id.length > 0 ) {
|
|
$('.open_drive_link').attr("href", "https://drive.google.com/drive/u/0/folders/" + data.folder_id);
|
|
$('.open_drive_menu').show()
|
|
} else {
|
|
$('.open_drive_menu').hide()
|
|
}
|
|
|
|
processSourcesUpdate(data.sources);
|
|
count = processBackupsUpdate(data);
|
|
|
|
// Update the "syncing" toast message
|
|
if (data.syncing) {
|
|
if (sync_toast == null) {
|
|
sync_toast = M.toast({ html: '<span>Syncing...</span><a class="btn-flat toast-action" onclick="cancelSync()">Cancel</button>', displayLength: 999999999 })
|
|
}
|
|
} else {
|
|
// Make sure the toast isn't up
|
|
if (sync_toast != null) {
|
|
sync_toast.dismiss();
|
|
sync_toast = null
|
|
}
|
|
}
|
|
|
|
|
|
if (count == 0) {
|
|
if (!data.firstSync) {
|
|
$("#no_backups_block").show();
|
|
$("#backups_loading").hide();
|
|
} else {
|
|
$("#backups_loading").show();
|
|
$("#no_backups_block").hide();
|
|
}
|
|
} else {
|
|
$("#no_backups_block").hide();
|
|
$("#backups_loading").hide();
|
|
}
|
|
|
|
var found = false;
|
|
var error = data.last_error;
|
|
$('.error_card').each(function (i) {
|
|
var item = $(this);
|
|
let id = item.attr('id');
|
|
if (id == "error_card" || id == "error_details_card") {
|
|
// This card gets handled separately because it catches any other error.
|
|
return;
|
|
}
|
|
if (data.last_error == null) {
|
|
if (item.is(":visible")) {
|
|
item.hide();
|
|
}
|
|
} else if (item.hasClass(error.error_type) && data.last_error_count != error_minimum && !data.ignore_errors_for_now && !data.ignore_sync_error) {
|
|
found = true;
|
|
if (data.hasOwnProperty('dns_info')) {
|
|
var dns_div = $('.dns_info', item)
|
|
if (dns_div.length > 0) {
|
|
populateDnsInfo(dns_div, data.dns_info)
|
|
}
|
|
}
|
|
if (error.data != null) {
|
|
for (key in error.data) {
|
|
if (!error.data.hasOwnProperty(key)) {
|
|
continue;
|
|
}
|
|
var value = error.data[key];
|
|
var index = key.lastIndexOf("#");
|
|
if (index > 0) {
|
|
var attr = key.slice(index + 1);
|
|
key = key.slice(0, index);
|
|
$("#data_" + key, item).attr(attr, value);
|
|
} else {
|
|
$("#data_" + key, item).html(value);
|
|
}
|
|
}
|
|
}
|
|
if (item.is(":hidden")) {
|
|
item.show()
|
|
}
|
|
} else {
|
|
item.hide();
|
|
}
|
|
});
|
|
|
|
if (data.last_error != null && !found && data.last_error_count != error_minimum && !data.ignore_errors_for_now && !data.ignore_sync_error) {
|
|
var card = $("#error_card")
|
|
if (!card.is(":visible")) {
|
|
card.fadeIn();
|
|
}
|
|
populateGitHubInfo(card, data.last_error);
|
|
} else {
|
|
$("#error_card").hide();
|
|
}
|
|
|
|
// Only show one of the "question" cards at a TimeRanges, ir order to prevent the UI from blowing up
|
|
let question_card = null;
|
|
if (data.notify_check_ignored) {
|
|
question_card = "ignore_helper_card";
|
|
} else if (data.backup_cooldown_active) {
|
|
question_card = "backups_boot_waiting_card";
|
|
} else if(data.warn_ingress_upgrade && !hideIngress) {
|
|
question_card = "ingress_upgrade_card";
|
|
} else if (data.ask_error_reports && !found) {
|
|
question_card = "error_reports_card";
|
|
} else if (data.warn_backup_upgrade && !found) {
|
|
question_card = "backup_upgrade_card";
|
|
} else if (data.warn_upgrade_backups) {
|
|
question_card = "warn_upgrade_backups_card";
|
|
} else if (data.warn_oob_oauth) {
|
|
question_card = "warn_creds_deprecated_card";
|
|
}
|
|
|
|
$('.question-card').each(function (i) {
|
|
let item = $(this);
|
|
let id = item.attr('id');
|
|
let visible = item.is(":visible");
|
|
if (id == question_card && !visible) {
|
|
item.fadeIn(500);
|
|
item.slideDown(1000);
|
|
} else if (id != question_card && visible) {
|
|
item.slideUp(1000);
|
|
item.fadeOut(500);
|
|
}
|
|
});
|
|
|
|
if (data.is_custom_creds) {
|
|
$(".hide-for-custom-creds").hide();
|
|
$(".hide-for-default-creds").show();
|
|
} else {
|
|
$(".hide-for-custom-creds").show();
|
|
$(".hide-for-default-creds").hide();
|
|
}
|
|
|
|
|
|
$("#restore_hard_link").attr("href", getHomeAssistantUrl(data.restore_backup_path, data.ha_url_base));
|
|
|
|
last_data = data;
|
|
|
|
$('.tooltipped').tooltip({ "exitDelay": 1000 });
|
|
if (error_toast != null) {
|
|
error_toast.dismiss();
|
|
error_toast = null;
|
|
}
|
|
}
|
|
|
|
function populateDnsInfo(target, data) {
|
|
if (data == null) {
|
|
target.html("No DNS info is available")
|
|
} else if (data.hasOwnProperty('error')) {
|
|
target.html(JSON.stringify(data.error))
|
|
} else {
|
|
var html = "";
|
|
for (var host in data) {
|
|
if (data.hasOwnProperty(host)) {
|
|
html += "<div class='col s12 m6 row'> <h6>Host: " + host + "</h6>";
|
|
var ips = data[host];
|
|
for (var ip in ips) {
|
|
if (ips.hasOwnProperty(ip)) {
|
|
result = ips[ip];
|
|
html += "<div class='col s7'>" + ip + "</div><div class='col s5'>" + result + "</div>";
|
|
}
|
|
}
|
|
html += "</div>";
|
|
}
|
|
}
|
|
target.html(html);
|
|
}
|
|
}
|
|
|
|
function populateGitHubInfo(target, error) {
|
|
$('#generic_error_title', target).text(error.message);
|
|
$('#generic_error_details', target).text(error.details);
|
|
$('#error_github_search', target).attr("href", "https://github.com/sabeechen/hassio-google-drive-backup/issues?q=" + encodeURIComponent("\"" + error.message.replace("\"", "\\\"") + "\""));
|
|
}
|
|
|
|
function simulateError() {
|
|
$.get("simerror?error=This%20is%20a%20fake%20error.%20Select%20'Stop%20Simulated%20Error'%20from%20the%20menu%20to%20stop%20it.",
|
|
function (data) {
|
|
sync()
|
|
})
|
|
}
|
|
|
|
function stopSimulateError() {
|
|
$.get("simerror?error=",
|
|
function (data) {
|
|
sync()
|
|
})
|
|
}
|
|
|
|
function newBackupClick() {
|
|
setInputValue("retain_drive_one_off", false);
|
|
setInputValue("retain_ha_one_off", false);
|
|
setInputValue("backup_name_one_off", "");
|
|
setInputValue("backup_note_one_off", "");
|
|
backupNameOneOffExample();
|
|
M.Modal.getInstance(document.querySelector('#backupmodal')).open();
|
|
}
|
|
|
|
function doNewBackup() {
|
|
var drive = $("#retain_drive_one_off").prop('checked');
|
|
var ha = $("#retain_ha_one_off").prop('checked');
|
|
var name = $("#backup_name_one_off").val()
|
|
let note = $("#backup_note_one_off").val()
|
|
var url = "backup?custom_name=" + encodeURIComponent(name) + "&retain_drive=" + drive + "&retain_ha=" + ha + "¬e=" + encodeURIComponent(note);
|
|
postJson(url, {}, refreshstats, null, "Requesting backup (takes a few seconds)...");
|
|
return false;
|
|
}
|
|
|
|
function allowDeletion(always) {
|
|
var url = "confirmdelete?always=" + always;
|
|
postJson(url, {}, refreshstats, null, "Allowing deletion and syncing...");
|
|
}
|
|
|
|
function chooseBackupFolder() {
|
|
window.open(last_data.choose_folder_url);
|
|
}
|
|
|
|
function skipLowSpaceWarning() {
|
|
postJsonCloseErrorDialog("skipspacecheck", "low_space");
|
|
}
|
|
|
|
|
|
|
|
$(document).ready(function () {
|
|
if (window.top.location === window.location) {
|
|
// We're in a standard webpage, show the full header
|
|
$(".ingress-only").hide();
|
|
$(".nav-wrapper .right").addClass("hide-on-med-and-down")
|
|
} else {
|
|
// We're in an ingress iframe.
|
|
$(".non-ingress").hide();
|
|
$(".nav-wrapper .brand-logo").addClass("hide-on-med-and-down")
|
|
}
|
|
M.Tabs.init(document.querySelector("#bug_report_tabs"), { "onShow": renderMarkdown });
|
|
});
|
|
|
|
|
|
function copyFromInput(id) {
|
|
var copyText = document.getElementById(id);
|
|
copyText.select();
|
|
document.execCommand("copy");
|
|
}
|
|
|
|
function saveFolder(id) {
|
|
url = "changefolder?id=" + id
|
|
postJson(url, {}, refreshstats, null, "Setting backup folder...");
|
|
}
|
|
|
|
function exampleBackupName(backup_type, template) {
|
|
name_keys["{type}"] = $("#partial_backups").is(':checked') ? "Partial" : "Full";
|
|
if (template.length == 0) {
|
|
template = last_data.backup_name_template;
|
|
}
|
|
for (key in name_keys) {
|
|
template = template.replace(key, name_keys[key]);
|
|
}
|
|
return template;
|
|
}
|