`,
headerControls: {
minimize: "remove",
smallify: "remove",
close: "remove"
},
onclosed: action(() => {
if (this.dockOption == "float") {
this.isVisible = false;
}
})
}
});
model.modalDialog = result[0];
}
} else {
if (model.modalDialog) {
model.modalDialog.close();
model.modalDialog = undefined;
}
}
this.save();
});
}
get destinationProjectStore() {
if (
ProjectEditor.homeTabs?.activeTab instanceof
ProjectEditor.ProjectEditorTabClass
) {
return ProjectEditor.homeTabs.activeTab.projectStore;
}
return undefined;
}
save() {
window.localStorage.setItem(
"ScrapbookManagerConf",
JSON.stringify({
files: this.files,
selectedFile: this.selectedFile,
isVisible: this.isVisible,
dockOption: this.dockOption
})
);
}
async createNewScrapbookFile() {
const result = await showGenericDialog({
dialogDefinition: {
title: "New Scrapbook File",
fields: [
{
name: "name",
displayName: "Scrabook file name",
type: "string",
validators: [
validators.required,
function (object: any, ruleName: string) {
const value = object[ruleName];
if (value == undefined) {
return null;
}
if (
model.files.find(
filePath =>
path.parse(filePath).name == value
)
) {
return "Scrapbook file with the same name already exists";
}
return null;
}
]
}
]
},
values: {
name: ""
}
});
this.openScrapbookFile(
getUserDataPath(
`scrapbooks${path.sep}${result.values.name}.eez-scrapbook`
)
);
}
async selectScrapbookFile() {
const result = await dialog.showOpenDialog(getCurrentWindow(), {
properties: ["openFile"],
filters: [
{
name: "EEZ Scrapbook files",
extensions: ["eez-scrapbook"]
},
{ name: "All Files", extensions: ["*"] }
]
});
const filePaths = result.filePaths;
if (filePaths && filePaths[0]) {
this.openScrapbookFile(filePaths[0]);
}
}
async openScrapbookFile(filePath: string) {
console.log(filePath);
await this.store.load(filePath);
if (
!this.files.find(existingFilePath => existingFilePath == filePath)
) {
runInAction(() => {
this.files.push(filePath);
});
}
runInAction(() => {
this.selectedFile = filePath;
});
this.save();
}
deleteScrapbookFile(filePath: string) {
confirm("Are you sure?", undefined, () => {
this.files = this.files.filter(
existingFilePath => existingFilePath != filePath
);
if (this.selectedFile == filePath) {
this.openScrapbookFile(DEFAULT_SCRAPBOOK_FILE_PATH);
}
});
}
pasteIntoNewItem(pasteModelSourceProjectStore: ProjectStore) {
pasteWithDependenciesIntoNewStorebookItem(
pasteModelSourceProjectStore,
(destinationProjectStore: ProjectStore) => {
const item = new ScrapbookItem();
item.id = guid();
// find unique item name
let name: string;
let i = 1;
while (true) {
name = `Item ${i}`;
if (
!this.store.project.items.find(
item => item.name == name
)
) {
break;
}
i++;
}
item.name = name;
item.description = "";
item.eezProject = getJSON(destinationProjectStore);
this.store.addNewItem(item);
}
);
}
pasteIntoExistingItem(
item: ScrapbookItem,
pasteModelSourceProjectStore: ProjectStore
) {
const projectStore = ProjectStore.create({
type: "project-editor"
});
const project = loadProject(projectStore, item.eezProject, false);
projectStore.setProject(project, model.getItemUrl(item));
pasteWithDependenciesIntoExistingStorebookItem(
pasteModelSourceProjectStore,
projectStore,
() => {
model.store.setItemEezProject(item, getJSON(projectStore));
}
);
}
insertItemIntoProject(
item: ScrapbookItem,
destinationProjectStore: ProjectStore
) {
const projectStore = ProjectStore.create({
type: "project-editor"
});
const project = loadProject(projectStore, item.eezProject, false);
projectStore.setProject(project, model.getItemUrl(item));
const sourceObjects: EezObject[] = [];
getAllObjects(project).forEach(group => {
group.objects.forEach(objectInfo => {
sourceObjects.push(objectInfo.object);
});
});
copyObjects(projectStore, sourceObjects, destinationProjectStore);
}
getItemUrl(item: ScrapbookItem) {
return `${SCRAPBOOK_ITEM_FILE_PREFIX}${this.selectedFile}|${item.id}`;
}
parseItemUrl(itemUrl: string) {
if (!itemUrl.startsWith(SCRAPBOOK_ITEM_FILE_PREFIX)) {
return undefined;
}
let filePathAndItemId = itemUrl.substring(
SCRAPBOOK_ITEM_FILE_PREFIX.length
);
const index = filePathAndItemId.indexOf("|");
if (index == -1) {
return undefined;
}
let filePath = filePathAndItemId.substring(0, index);
let itemId = filePathAndItemId.substring(index + 1);
return {
filePath,
itemId
};
}
openItemProject(item: ScrapbookItem) {
if (!ProjectEditor.homeTabs) {
return;
}
const itemUrl = this.getItemUrl(item);
let projectTab = ProjectEditor.homeTabs.findProjectEditorTab(
itemUrl,
false
);
if (!projectTab) {
projectTab = ProjectEditor.homeTabs.addProjectTab(itemUrl, false);
}
ProjectEditor.homeTabs.makeActive(projectTab);
}
}
export const model = new ScrapbookManagerModel();
////////////////////////////////////////////////////////////////////////////////
const Items = observer(
class Items extends React.Component {
render() {
return (