Make class methods actual class methods instead of setting them in the constructor
This commit is contained in:
Max Berger
@@ -39,332 +39,339 @@ export class CreateEditShareScene {
|
||||
* @param {Share} [share] If provided, the scene will be in edit mode.
|
||||
*/
|
||||
constructor(user, password, collection, shareType, share) {
|
||||
let self = this;
|
||||
let edit = !!share;
|
||||
let pathMapped = collection.href;
|
||||
/** @type {HTMLElement} */ let html_scene = get_element_by_id("newshare");
|
||||
/** @type {HTMLFormElement} */ let form = /** @type {HTMLFormElement} */ (get_element(html_scene, "form"));
|
||||
/** @type {HTMLElement} */ let sharemapfields = get_element(html_scene, "[data-name=sharemapfields]");
|
||||
/** @type {HTMLInputElement} */ let shareuser_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=shareuser]"));
|
||||
/** @type {HTMLInputElement} */ let sharehref_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=sharehref]"));
|
||||
/** @type {HTMLInputElement} */ let enabled_checkbox = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=enabled]"));
|
||||
/** @type {HTMLInputElement} */ let hidden_checkbox = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=hidden]"));
|
||||
let permissions_ro_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_ro"));
|
||||
let permissions_rw_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_rw"));
|
||||
/** @type {HTMLDetailsElement} */ let conversions_details = /** @type {HTMLDetailsElement} */ (get_element(html_scene, "[data-name=conversions]"));
|
||||
/** @type {HTMLElement} */ let conversions_container = get_element(html_scene, "[data-name=conversions_container]");
|
||||
this._user = user;
|
||||
this._password = password;
|
||||
this._collection = collection;
|
||||
this._shareType = shareType;
|
||||
this._share = share;
|
||||
this._edit = !!share;
|
||||
this._pathMapped = collection.href;
|
||||
|
||||
/** @type {HTMLDetailsElement} */ let properties_fieldset = /** @type {HTMLDetailsElement} */ (get_element(html_scene, "[data-name=properties_override]"));
|
||||
/** @type {HTMLInputElement} */ let displayname_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=displayname_override_enabled]"));
|
||||
/** @type {HTMLInputElement} */ let displayname_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=displayname_override]"));
|
||||
/** @type {HTMLInputElement} */ let description_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=description_override_enabled]"));
|
||||
/** @type {HTMLInputElement} */ let description_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=description_override]"));
|
||||
/** @type {HTMLInputElement} */ let color_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=color_override_enabled]"));
|
||||
/** @type {HTMLInputElement} */ let color_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=color_override]"));
|
||||
this._html_scene = get_element_by_id("newshare");
|
||||
this._form = /** @type {HTMLFormElement} */ (get_element(this._html_scene, "form"));
|
||||
this._sharemapfields = get_element(this._html_scene, "[data-name=sharemapfields]");
|
||||
this._shareuser_input = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=shareuser]"));
|
||||
this._sharehref_input = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=sharehref]"));
|
||||
this._enabled_checkbox = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=enabled]"));
|
||||
this._hidden_checkbox = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=hidden]"));
|
||||
this._permissions_ro_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_ro"));
|
||||
this._permissions_rw_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_rw"));
|
||||
this._conversions_details = /** @type {HTMLDetailsElement} */ (get_element(this._html_scene, "[data-name=conversions]"));
|
||||
this._conversions_container = get_element(this._html_scene, "[data-name=conversions_container]");
|
||||
|
||||
/** @type {HTMLElement} */ let error_form = get_element(html_scene, "[data-name=error]");
|
||||
/** @type {HTMLElement} */ let submit_btn = get_element(html_scene, "[data-name=submit]");
|
||||
/** @type {HTMLElement} */ let cancel_btn = get_element(html_scene, "[data-name=cancel]");
|
||||
this._properties_fieldset = /** @type {HTMLDetailsElement} */ (get_element(this._html_scene, "[data-name=properties_override]"));
|
||||
this._displayname_override_enabled = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=displayname_override_enabled]"));
|
||||
this._displayname_override_input = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=displayname_override]"));
|
||||
this._description_override_enabled = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=description_override_enabled]"));
|
||||
this._description_override_input = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=description_override]"));
|
||||
this._color_override_enabled = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=color_override_enabled]"));
|
||||
this._color_override_input = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=color_override]"));
|
||||
|
||||
let errorHandler = new ErrorHandler(error_form);
|
||||
let map_validator = new FormValidator(errorHandler);
|
||||
this._error_form = get_element(this._html_scene, "[data-name=error]");
|
||||
this._submit_btn = get_element(this._html_scene, "[data-name=submit]");
|
||||
this._cancel_btn = get_element(this._html_scene, "[data-name=cancel]");
|
||||
|
||||
map_validator.addValidator(shareuser_input, function () {
|
||||
let conversion = get_selected_conversion();
|
||||
this._errorHandler = new ErrorHandler(this._error_form);
|
||||
this._map_validator = new FormValidator(this._errorHandler);
|
||||
|
||||
this._map_validator.addValidator(this._shareuser_input, () => {
|
||||
let conversion = this._get_selected_conversion();
|
||||
if (conversion === "bday") {
|
||||
return validate_non_empty(shareuser_input, "Share User")();
|
||||
return validate_non_empty(this._shareuser_input, "Share User")();
|
||||
} else {
|
||||
return validate_not_empty_or_equals(shareuser_input, user, "Share User")();
|
||||
return validate_not_empty_or_equals(this._shareuser_input, user, "Share User")();
|
||||
}
|
||||
});
|
||||
map_validator.addValidator(sharehref_input, validate_href(sharehref_input, "Share Href"));
|
||||
this._map_validator.addValidator(this._sharehref_input, validate_href(this._sharehref_input, "Share Href"));
|
||||
|
||||
sharehref_input.addEventListener("input", onCleanHREFinput);
|
||||
this._sharehref_input.addEventListener("input", onCleanHREFinput);
|
||||
|
||||
displayname_override_enabled.onchange = function () {
|
||||
displayname_override_input.disabled = !displayname_override_enabled.checked;
|
||||
this._displayname_override_enabled.onchange = () => {
|
||||
this._displayname_override_input.disabled = !this._displayname_override_enabled.checked;
|
||||
};
|
||||
description_override_enabled.onchange = function () {
|
||||
description_override_input.disabled = !description_override_enabled.checked;
|
||||
this._description_override_enabled.onchange = () => {
|
||||
this._description_override_input.disabled = !this._description_override_enabled.checked;
|
||||
};
|
||||
color_override_enabled.onchange = function () {
|
||||
color_override_input.disabled = !color_override_enabled.checked;
|
||||
this._color_override_enabled.onchange = () => {
|
||||
this._color_override_input.disabled = !this._color_override_enabled.checked;
|
||||
};
|
||||
function get_selected_conversion() {
|
||||
/** @type {HTMLInputElement | null} */
|
||||
let checked = conversions_container.querySelector("input[name=conversion]:checked");
|
||||
return checked ? checked.value : "none";
|
||||
}
|
||||
|
||||
_get_selected_conversion() {
|
||||
/** @type {HTMLInputElement | null} */
|
||||
let checked = this._conversions_container.querySelector("input[name=conversion]:checked");
|
||||
return checked ? checked.value : "none";
|
||||
}
|
||||
|
||||
_on_conversion_change() {
|
||||
let conversion = this._get_selected_conversion();
|
||||
if (conversion === "bday") {
|
||||
this._permissions_ro_radio.checked = true;
|
||||
this._permissions_rw_radio.checked = false;
|
||||
this._permissions_ro_radio.disabled = true;
|
||||
this._permissions_rw_radio.disabled = true;
|
||||
this._enabled_checkbox.checked = true;
|
||||
this._hidden_checkbox.checked = false;
|
||||
} else {
|
||||
this._permissions_ro_radio.disabled = false;
|
||||
this._permissions_rw_radio.disabled = false;
|
||||
}
|
||||
if (this._shareType === "map") {
|
||||
this._map_validator.validate();
|
||||
}
|
||||
}
|
||||
|
||||
function on_conversion_change() {
|
||||
let conversion = get_selected_conversion();
|
||||
if (conversion === "bday") {
|
||||
permissions_ro_radio.checked = true;
|
||||
permissions_rw_radio.checked = false;
|
||||
permissions_ro_radio.disabled = true;
|
||||
permissions_rw_radio.disabled = true;
|
||||
enabled_checkbox.checked = true;
|
||||
hidden_checkbox.checked = false;
|
||||
_oncancel() {
|
||||
try {
|
||||
pop_scene();
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
_onsubmit() {
|
||||
try {
|
||||
if (this._shareType === "map") {
|
||||
if (!this._map_validator.validate()) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
let conversion = this._get_selected_conversion();
|
||||
let is_birthday = conversion === "bday";
|
||||
let enabled_by_owner = is_birthday ? true : this._enabled_checkbox.checked;
|
||||
let hidden_by_owner = is_birthday ? false : this._hidden_checkbox.checked;
|
||||
let permissions = is_birthday ? "r" : (this._permissions_rw_radio.checked ? "rw" : "r");
|
||||
/** @type {string} */ let conversion_value = conversion;
|
||||
|
||||
/** @type {Object<string, string>} */ let properties = {};
|
||||
if (this._displayname_override_enabled.checked) {
|
||||
let key = get_property_key(this._collection.type, "DISPLAYNAME");
|
||||
if (key) properties[key] = this._displayname_override_input.value;
|
||||
}
|
||||
if (this._description_override_enabled.checked) {
|
||||
let key = get_property_key(this._collection.type, "DESCRIPTION");
|
||||
if (key) properties[key] = this._description_override_input.value;
|
||||
}
|
||||
if (this._color_override_enabled.checked) {
|
||||
let key = get_property_key(this._collection.type, "COLOR");
|
||||
if (key) properties[key] = this._color_override_input.value + (this._color_override_input.value ? "ff" : "");
|
||||
}
|
||||
|
||||
let callback = (/** @type {?string} */ error) => {
|
||||
if (!is_current_scene(this)) {
|
||||
return;
|
||||
}
|
||||
if (error) {
|
||||
this._errorHandler.setError(error);
|
||||
} else {
|
||||
// On any share-to-self (currently only bday conversion), invalidate the
|
||||
// collections cache so the virtual calendar appears immediately.
|
||||
if (this._shareuser_input.value === this._user) {
|
||||
collectionsCache.invalidate();
|
||||
}
|
||||
pop_scene();
|
||||
}
|
||||
};
|
||||
|
||||
let new_share = new Share({
|
||||
ShareType: this._shareType,
|
||||
PathMapped: this._pathMapped,
|
||||
Permissions: permissions,
|
||||
EnabledByOwner: enabled_by_owner,
|
||||
EnabledByUser: (this._edit && this._share) ? this._share.EnabledByUser : null,
|
||||
HiddenByOwner: hidden_by_owner,
|
||||
HiddenByUser: (this._edit && this._share) ? this._share.HiddenByUser : null,
|
||||
Properties: properties,
|
||||
User: (this._edit && this._share) ? this._share.User : this._shareuser_input.value,
|
||||
PathOrToken: (this._edit && this._share) ? this._share.PathOrToken : (this._shareType === "map" ? "/" + this._shareuser_input.value + "/" + this._sharehref_input.value + "/" : ""),
|
||||
Conversion: conversion_value,
|
||||
});
|
||||
|
||||
if (this._edit) {
|
||||
if (this._shareType === "map") {
|
||||
update_share_by_map(this._user, this._password, new_share, callback);
|
||||
} else {
|
||||
update_share_by_token(this._user, this._password, new_share, callback);
|
||||
}
|
||||
} else {
|
||||
permissions_ro_radio.disabled = false;
|
||||
permissions_rw_radio.disabled = false;
|
||||
}
|
||||
if (shareType === "map") {
|
||||
map_validator.validate();
|
||||
if (this._shareType === "map") {
|
||||
add_share_by_map(this._user, this._password, new_share, callback);
|
||||
} else {
|
||||
add_share_by_token(this._user, this._password, new_share, callback);
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function oncancel() {
|
||||
try {
|
||||
pop_scene();
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
show() {
|
||||
this.release();
|
||||
this._html_scene.classList.remove("hidden");
|
||||
this._html_scene.querySelectorAll("details").forEach(function (details) {
|
||||
if (details.dataset.name !== "properties_override") {
|
||||
details.open = true;
|
||||
} else {
|
||||
details.open = false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
this._cancel_btn.onclick = () => this._oncancel();
|
||||
this._form.onsubmit = () => this._onsubmit();
|
||||
|
||||
function onsubmit() {
|
||||
try {
|
||||
if (shareType === "map") {
|
||||
if (!map_validator.validate()) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
let conversion = get_selected_conversion();
|
||||
let is_birthday = conversion === "bday";
|
||||
let enabled_by_owner = is_birthday ? true : enabled_checkbox.checked;
|
||||
let hidden_by_owner = is_birthday ? false : hidden_checkbox.checked;
|
||||
let permissions = is_birthday ? "r" : (permissions_rw_radio.checked ? "rw" : "r");
|
||||
/** @type {string} */ let conversion_value = conversion;
|
||||
/** @type {HTMLHeadingElement} */ let title = /** @type {HTMLHeadingElement} */ (get_element(this._html_scene, "h1"));
|
||||
title.textContent = this._edit ? "Edit Share" : "New Share";
|
||||
this._submit_btn.textContent = this._edit ? "Save" : "Create";
|
||||
|
||||
/** @type {Object<string, string>} */ let properties = {};
|
||||
if (displayname_override_enabled.checked) {
|
||||
let key = get_property_key(collection.type, "DISPLAYNAME");
|
||||
if (key) properties[key] = displayname_override_input.value;
|
||||
}
|
||||
if (description_override_enabled.checked) {
|
||||
let key = get_property_key(collection.type, "DESCRIPTION");
|
||||
if (key) properties[key] = description_override_input.value;
|
||||
}
|
||||
if (color_override_enabled.checked) {
|
||||
let key = get_property_key(collection.type, "COLOR");
|
||||
if (key) properties[key] = color_override_input.value + (color_override_input.value ? "ff" : "");
|
||||
}
|
||||
this._shareuser_input.value = (this._edit && this._share) ? this._share.User : "";
|
||||
this._shareuser_input.disabled = this._edit;
|
||||
this._enabled_checkbox.checked = (this._edit && this._share && this._share.EnabledByOwner !== null) ? this._share.EnabledByOwner : true;
|
||||
this._hidden_checkbox.checked = (this._edit && this._share && this._share.HiddenByOwner !== null) ? this._share.HiddenByOwner : false;
|
||||
|
||||
let callback = function (/** @type {?string} */ error) {
|
||||
if (!is_current_scene(self)) {
|
||||
return;
|
||||
}
|
||||
if (error) {
|
||||
errorHandler.setError(error);
|
||||
let initial_conversion = (this._edit && this._share && this._share.Conversion) ? this._share.Conversion : "none";
|
||||
|
||||
collectionsCache.getServerFeatures(this._user, this._password, this._errorHandler.setError, (features) => {
|
||||
this._conversions_container.innerHTML = "";
|
||||
let supported = (features.sharing && features.sharing.SupportedConversions) || [];
|
||||
if (supported.length > 0) {
|
||||
let options = ["none", ...supported.filter(opt => opt !== "none")];
|
||||
options.forEach(opt => {
|
||||
let id = "newshare_conv_" + opt;
|
||||
let radio = document.createElement("input");
|
||||
radio.type = "radio";
|
||||
radio.name = "conversion";
|
||||
radio.value = opt;
|
||||
radio.id = id;
|
||||
radio.checked = (opt === initial_conversion);
|
||||
radio.onchange = () => this._on_conversion_change();
|
||||
|
||||
let label = document.createElement("label");
|
||||
label.htmlFor = id;
|
||||
if (opt === "bday") {
|
||||
label.textContent = "Birthday";
|
||||
} else {
|
||||
// On any share-to-self (currently only bday conversion), invalidate the
|
||||
// collections cache so the virtual calendar appears immediately.
|
||||
if (shareuser_input.value === user) {
|
||||
collectionsCache.invalidate();
|
||||
}
|
||||
pop_scene();
|
||||
label.textContent = opt.charAt(0).toUpperCase() + opt.slice(1);
|
||||
}
|
||||
};
|
||||
|
||||
let new_share = new Share({
|
||||
ShareType: shareType,
|
||||
PathMapped: pathMapped,
|
||||
Permissions: permissions,
|
||||
EnabledByOwner: enabled_by_owner,
|
||||
EnabledByUser: (edit && share) ? share.EnabledByUser : null,
|
||||
HiddenByOwner: hidden_by_owner,
|
||||
HiddenByUser: (edit && share) ? share.HiddenByUser : null,
|
||||
Properties: properties,
|
||||
User: (edit && share) ? share.User : shareuser_input.value,
|
||||
PathOrToken: (edit && share) ? share.PathOrToken : (shareType === "map" ? "/" + shareuser_input.value + "/" + sharehref_input.value + "/" : ""),
|
||||
Conversion: conversion_value,
|
||||
this._conversions_container.appendChild(radio);
|
||||
this._conversions_container.appendChild(label);
|
||||
});
|
||||
|
||||
if (edit) {
|
||||
if (shareType === "map") {
|
||||
update_share_by_map(user, password, new_share, callback);
|
||||
} else {
|
||||
update_share_by_token(user, password, new_share, callback);
|
||||
}
|
||||
let is_addressbook = this._collection.type === CollectionType.ADDRESSBOOK;
|
||||
if (is_addressbook) {
|
||||
this._conversions_details.classList.remove("hidden");
|
||||
this._conversions_details.open = true;
|
||||
} else {
|
||||
if (shareType === "map") {
|
||||
add_share_by_map(user, password, new_share, callback);
|
||||
} else {
|
||||
add_share_by_token(user, password, new_share, callback);
|
||||
}
|
||||
this._conversions_details.classList.add("hidden");
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
} else {
|
||||
this._conversions_details.classList.add("hidden");
|
||||
}
|
||||
this._on_conversion_change();
|
||||
});
|
||||
|
||||
let displayname = this._collection.displayname || "";
|
||||
let description = this._collection.description || "";
|
||||
let color = this._collection.color || "#ffffff";
|
||||
let displayname_override_enabled_value = false;
|
||||
let description_override_enabled_value = false;
|
||||
let color_override_enabled_value = false;
|
||||
|
||||
if (this._edit && this._share && this._share.Properties) {
|
||||
let displayname_key = get_property_key(this._collection.type, "DISPLAYNAME");
|
||||
if (displayname_key && this._share.Properties[displayname_key] !== undefined) {
|
||||
displayname = this._share.Properties[displayname_key];
|
||||
displayname_override_enabled_value = true;
|
||||
}
|
||||
let description_key = get_property_key(this._collection.type, "DESCRIPTION");
|
||||
if (description_key && this._share.Properties[description_key] !== undefined) {
|
||||
description = this._share.Properties[description_key];
|
||||
description_override_enabled_value = true;
|
||||
}
|
||||
let color_key = get_property_key(this._collection.type, "COLOR");
|
||||
if (color_key && this._share.Properties[color_key] !== undefined) {
|
||||
color = this._share.Properties[color_key];
|
||||
if (color.length === 9 && color.endsWith("ff")) {
|
||||
color = color.substring(0, 7);
|
||||
}
|
||||
color_override_enabled_value = true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
this.show = function () {
|
||||
this.release();
|
||||
html_scene.classList.remove("hidden");
|
||||
html_scene.querySelectorAll("details").forEach(function (details) {
|
||||
if (details.dataset.name !== "properties_override") {
|
||||
details.open = true;
|
||||
} else {
|
||||
details.open = false;
|
||||
}
|
||||
});
|
||||
cancel_btn.onclick = oncancel;
|
||||
form.onsubmit = onsubmit;
|
||||
this._displayname_override_enabled.checked = displayname_override_enabled_value;
|
||||
this._displayname_override_input.value = displayname;
|
||||
this._displayname_override_input.disabled = !displayname_override_enabled_value;
|
||||
|
||||
/** @type {HTMLHeadingElement} */ let title = /** @type {HTMLHeadingElement} */ (get_element(html_scene, "h1"));
|
||||
title.textContent = edit ? "Edit Share" : "New Share";
|
||||
submit_btn.textContent = edit ? "Save" : "Create";
|
||||
this._description_override_enabled.checked = description_override_enabled_value;
|
||||
this._description_override_input.value = description;
|
||||
this._description_override_input.disabled = !description_override_enabled_value;
|
||||
|
||||
shareuser_input.value = (edit && share) ? share.User : "";
|
||||
shareuser_input.disabled = edit;
|
||||
enabled_checkbox.checked = (edit && share && share.EnabledByOwner !== null) ? share.EnabledByOwner : true;
|
||||
hidden_checkbox.checked = (edit && share && share.HiddenByOwner !== null) ? share.HiddenByOwner : false;
|
||||
this._color_override_enabled.checked = color_override_enabled_value;
|
||||
this._color_override_input.value = color;
|
||||
this._color_override_input.disabled = !color_override_enabled_value;
|
||||
|
||||
let initial_conversion = (edit && share && share.Conversion) ? share.Conversion : "none";
|
||||
this._properties_fieldset.classList.remove("hidden");
|
||||
if (displayname_override_enabled_value || description_override_enabled_value || color_override_enabled_value) {
|
||||
this._properties_fieldset.open = true;
|
||||
}
|
||||
|
||||
collectionsCache.getServerFeatures(user, password, errorHandler.setError, (features) => {
|
||||
conversions_container.innerHTML = "";
|
||||
let supported = (features.sharing && features.sharing.SupportedConversions) || [];
|
||||
if (supported.length > 0) {
|
||||
let options = ["none", ...supported.filter(opt => opt !== "none")];
|
||||
options.forEach(opt => {
|
||||
let id = "newshare_conv_" + opt;
|
||||
let radio = document.createElement("input");
|
||||
radio.type = "radio";
|
||||
radio.name = "conversion";
|
||||
radio.value = opt;
|
||||
radio.id = id;
|
||||
radio.checked = (opt === initial_conversion);
|
||||
radio.onchange = on_conversion_change;
|
||||
|
||||
let label = document.createElement("label");
|
||||
label.htmlFor = id;
|
||||
if (opt === "bday") {
|
||||
label.textContent = "Birthday";
|
||||
} else {
|
||||
label.textContent = opt.charAt(0).toUpperCase() + opt.slice(1);
|
||||
}
|
||||
|
||||
conversions_container.appendChild(radio);
|
||||
conversions_container.appendChild(label);
|
||||
});
|
||||
|
||||
let is_addressbook = collection.type === CollectionType.ADDRESSBOOK;
|
||||
if (is_addressbook) {
|
||||
conversions_details.classList.remove("hidden");
|
||||
conversions_details.open = true;
|
||||
} else {
|
||||
conversions_details.classList.add("hidden");
|
||||
}
|
||||
} else {
|
||||
conversions_details.classList.add("hidden");
|
||||
}
|
||||
on_conversion_change();
|
||||
});
|
||||
|
||||
let displayname = collection.displayname || "";
|
||||
let description = collection.description || "";
|
||||
let color = collection.color || "#ffffff";
|
||||
let displayname_override_enabled_value = false;
|
||||
let description_override_enabled_value = false;
|
||||
let color_override_enabled_value = false;
|
||||
|
||||
if (edit && share && share.Properties) {
|
||||
let displayname_key = get_property_key(collection.type, "DISPLAYNAME");
|
||||
if (displayname_key && share.Properties[displayname_key] !== undefined) {
|
||||
displayname = share.Properties[displayname_key];
|
||||
displayname_override_enabled_value = true;
|
||||
}
|
||||
let description_key = get_property_key(collection.type, "DESCRIPTION");
|
||||
if (description_key && share.Properties[description_key] !== undefined) {
|
||||
description = share.Properties[description_key];
|
||||
description_override_enabled_value = true;
|
||||
}
|
||||
let color_key = get_property_key(collection.type, "COLOR");
|
||||
if (color_key && share.Properties[color_key] !== undefined) {
|
||||
color = share.Properties[color_key];
|
||||
if (color.length === 9 && color.endsWith("ff")) {
|
||||
color = color.substring(0, 7);
|
||||
}
|
||||
color_override_enabled_value = true;
|
||||
}
|
||||
let displayname_key = get_property_key(this._collection.type, "DISPLAYNAME");
|
||||
if (!displayname_key) {
|
||||
if (this._displayname_override_enabled.parentElement) {
|
||||
this._displayname_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
|
||||
displayname_override_enabled.checked = displayname_override_enabled_value;
|
||||
displayname_override_input.value = displayname;
|
||||
displayname_override_input.disabled = !displayname_override_enabled_value;
|
||||
|
||||
description_override_enabled.checked = description_override_enabled_value;
|
||||
description_override_input.value = description;
|
||||
description_override_input.disabled = !description_override_enabled_value;
|
||||
|
||||
color_override_enabled.checked = color_override_enabled_value;
|
||||
color_override_input.value = color;
|
||||
color_override_input.disabled = !color_override_enabled_value;
|
||||
|
||||
properties_fieldset.classList.remove("hidden");
|
||||
if (displayname_override_enabled_value || description_override_enabled_value || color_override_enabled_value) {
|
||||
properties_fieldset.open = true;
|
||||
} else {
|
||||
if (this._displayname_override_enabled.parentElement) {
|
||||
this._displayname_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
let description_key = get_property_key(this._collection.type, "DESCRIPTION");
|
||||
if (!description_key) {
|
||||
if (this._description_override_enabled.parentElement) {
|
||||
this._description_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
} else {
|
||||
if (this._description_override_enabled.parentElement) {
|
||||
this._description_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
let displayname_key = get_property_key(collection.type, "DISPLAYNAME");
|
||||
if (!displayname_key) {
|
||||
if (displayname_override_enabled.parentElement) {
|
||||
displayname_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
let color_key = get_property_key(this._collection.type, "COLOR");
|
||||
if (!color_key) {
|
||||
if (this._color_override_enabled.parentElement) {
|
||||
this._color_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
} else {
|
||||
if (this._color_override_enabled.parentElement) {
|
||||
this._color_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
if (this._shareType === "map") {
|
||||
if (this._edit && this._share) {
|
||||
this._sharehref_input.value = this._share.PathOrToken.split("/").filter(Boolean).pop() || "";
|
||||
} else {
|
||||
if (displayname_override_enabled.parentElement) {
|
||||
displayname_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
this._sharehref_input.value = random_uuid();
|
||||
}
|
||||
let description_key = get_property_key(collection.type, "DESCRIPTION");
|
||||
if (!description_key) {
|
||||
if (description_override_enabled.parentElement) {
|
||||
description_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
} else {
|
||||
if (description_override_enabled.parentElement) {
|
||||
description_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
let color_key = get_property_key(collection.type, "COLOR");
|
||||
if (!color_key) {
|
||||
if (color_override_enabled.parentElement) {
|
||||
color_override_enabled.parentElement.classList.add("hidden");
|
||||
}
|
||||
} else {
|
||||
if (color_override_enabled.parentElement) {
|
||||
color_override_enabled.parentElement.classList.remove("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
if (shareType === "map") {
|
||||
if (edit && share) {
|
||||
sharehref_input.value = share.PathOrToken.split("/").filter(Boolean).pop() || "";
|
||||
} else {
|
||||
sharehref_input.value = random_uuid();
|
||||
}
|
||||
sharehref_input.disabled = edit;
|
||||
sharemapfields.classList.remove("hidden");
|
||||
map_validator.validate();
|
||||
} else {
|
||||
sharehref_input.value = "";
|
||||
sharemapfields.classList.add("hidden");
|
||||
errorHandler.clearError();
|
||||
}
|
||||
};
|
||||
|
||||
this.hide = function () {
|
||||
html_scene.classList.add("hidden");
|
||||
cancel_btn.onclick = null;
|
||||
form.onsubmit = null;
|
||||
};
|
||||
|
||||
this.release = function () {
|
||||
};
|
||||
this.is_transient = function () { return false; };
|
||||
this._sharehref_input.disabled = this._edit;
|
||||
this._sharemapfields.classList.remove("hidden");
|
||||
this._map_validator.validate();
|
||||
} else {
|
||||
this._sharehref_input.value = "";
|
||||
this._sharemapfields.classList.add("hidden");
|
||||
this._errorHandler.clearError();
|
||||
}
|
||||
}
|
||||
|
||||
hide() {
|
||||
this._html_scene.classList.add("hidden");
|
||||
this._cancel_btn.onclick = null;
|
||||
this._form.onsubmit = null;
|
||||
}
|
||||
|
||||
release() {
|
||||
}
|
||||
|
||||
is_transient() { return false; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user