jxpeng98/obsidian-to-NotionNext
1
0
Fork 0
mirror of https://github.com/jxpeng98/obsidian-to-NotionNext synced 2026-07-29 08:08:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

back up for edit modal

Browse Source
This commit is contained in:
Jiaxin Peng
2024-07-04 10:00:46 +01:00
parent 70f30f0713
commit 82529ce56a
1 changed files with 83 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/ui/EditModal.ts
View File

@@ -185,7 +185,6 @@ export class EditModal extends SettingModal {
.setValue(this.dataTemp.customTitleButtonTemp)
.onChange(async (value) => {
this.dataTemp.customTitleButtonTemp = value;
this.updateSettingEl(CustomNameEl, value)
})
@@ -237,23 +236,9 @@ export class EditModal extends SettingModal {
this.createSettingEl(nextTabs, i18nConfig.DatabaseID, i18nConfig.DatabaseIDDesc, 'password', i18nConfig.DatabaseIDText, this.dataTemp.databaseIDTemp, 'dataTemp', 'databaseIDTemp')
// add new property button
const properties = this.dataTemp.customPropertiesTemp;
const propertiesContainer = nextTabs.createDiv("properties-container");
new Setting(nextTabs)
.setName(i18nConfig.NotionCustomValues)
.setDesc(i18nConfig.NotionCustomValuesDesc)
.addButton((button: ButtonComponent) => {
return button
.setTooltip('Add new property')
.setIcon('plus')
.onClick(async () => {
this.createPropertyLine(propertiesContainer, properties);
});
}
);
this.initializePropertyLines(propertiesContainer, properties)
this.initializePropertyLines(propertiesContainer, this.dataTemp.customPropertiesTemp);
}
}
@@ -261,24 +246,28 @@ export class EditModal extends SettingModal {
console.log(properties.length, "properties have been created");
containerEl.innerHTML = '';
new Setting(containerEl)
.setName(i18nConfig.NotionCustomValues)
.setDesc(i18nConfig.NotionCustomValuesDesc)
.addButton((button: ButtonComponent) => {
return button
.setTooltip('Add one more property')
.setButtonText('Add New Property')
.onClick(async () => { this.createOrUpdatePropertyLine(containerEl, null, properties); })
});
// const addButton = document.createElement('button');
// addButton.textContent = "Add New Property";
// addButton.onclick = () => this.createOrUpdatePropertyLine(containerEl, null, properties);
// containerEl.appendChild(addButton);
// Retrieve and display existing properties
// Retrieve and display existing properties below the button
properties.forEach(property => {
createOrUpdatePropertyLine(containerEl, property);
this.createOrUpdatePropertyLine(containerEl, property, properties);
});
// Add a button for creating new properties at the end of the container
const addButton = document.createElement('button');
addButton.textContent = "Add New Property";
addButton.onclick = () => {
createOrUpdatePropertyLine(containerEl, null, properties);
};
containerEl.appendChild(addButton);
}
createOrUpdatePropertyLine(containerEl: HTMLElement, property: null, properties: customProperty[]) {
createOrUpdatePropertyLine(containerEl: HTMLElement, property: customProperty | null, properties: customProperty[]) {
const isExistingProperty = property !== null;
const propertyIndex = isExistingProperty ? property.index : properties.length;
@@ -298,7 +287,7 @@ export class EditModal extends SettingModal {
});
propertyLine.addDropdown((dropdown) => {
const options = {
const options: Record<string, string> = {
'text': 'Text',
'number': 'Number',
'select': 'Select',
@@ -310,9 +299,14 @@ export class EditModal extends SettingModal {
'email': 'Email',
'phone_number': 'Phone Number'
};
if (propertyIndex === 0) {
dropdown.addOption('title', 'Title');
} else {
Object.keys(options).forEach(key => {
dropdown.addOption(key, options[key]);
});
}
dropdown.setValue(isExistingProperty ? property.customType : "")
.onChange(value => {
if (isExistingProperty) {
@@ -324,13 +318,13 @@ export class EditModal extends SettingModal {
});
});
if (isExistingProperty && propertyIndex > 0) {
if (propertyIndex > 0) {
propertyLine.addButton(button => {
return button
.setTooltip("Delete")
.setIcon("trash")
.onClick(() => {
deleteProperty(propertyIndex, properties);
this.deleteProperty(propertyIndex, properties);
});
});
}
@@ -342,12 +336,11 @@ export class EditModal extends SettingModal {
}
deleteProperty(index: number, properties: customProperty[]): void {
const updatedProperties = properties.filter(p => p.index !== index);
properties.length = 0; // Clear existing array
updatedProperties.forEach(p => properties.push(p)); // Re-add filtered properties
initializePropertyLines(document.getElementById('propertiesContainer'), properties); // Reinitialize UI
this.initializePropertyLines(document.getElementById('propertiesContainer'), properties); // Reinitialize UI
}