+
+
+
+
+
+
+
diff --git a/section_report/src/assets/.gitkeep b/section_report/src/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/section_report/src/background.ts b/section_report/src/background.ts
new file mode 100644
index 00000000..56957cac
--- /dev/null
+++ b/section_report/src/background.ts
@@ -0,0 +1,89 @@
+'use strict';
+
+import { app, protocol, BrowserWindow, Menu } from 'electron';
+import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
+import { createProtocol } from 'vue-cli-plugin-electron-builder/lib';
+const isDevelopment = process.env.NODE_ENV !== 'production';
+
+// Keep a global reference of the window object, if you don't, the window will
+// be closed automatically when the JavaScript object is garbage collected.
+let win: BrowserWindow | null;
+
+// Scheme must be registered before the app is ready
+protocol.registerSchemesAsPrivileged([{ scheme: 'app', privileges: { secure: true, standard: true } }]);
+
+function createWindow () {
+ // Create the browser window.
+ win = new BrowserWindow({
+ width: 1500,
+ height: 1000,
+ webPreferences: {
+ nodeIntegration: true
+ }
+ });
+
+ if (process.env.WEBPACK_DEV_SERVER_URL) {
+ // Load the url of the dev server if in development mode
+ win.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
+ if (!process.env.IS_TEST) win.webContents.openDevTools();
+ } else {
+ createProtocol('app');
+ // Load the index.html when not in development
+ win.loadURL('app://./index.html');
+ }
+
+ win.on('closed', () => {
+ win = null;
+ });
+
+ if (!isDevelopment) {
+ Menu.setApplicationMenu(null);
+ }
+}
+
+// Quit when all windows are closed.
+app.on('window-all-closed', () => {
+ // On macOS it is common for applications and their menu bar
+ // to stay active until the user quits explicitly with Cmd + Q
+ if (process.platform !== 'darwin') {
+ app.quit();
+ }
+});
+
+app.on('activate', () => {
+ // On macOS it's common to re-create a window in the app when the
+ // dock icon is clicked and there are no other windows open.
+ if (win === null) {
+ createWindow();
+ }
+});
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.on('ready', async () => {
+ if (isDevelopment && !process.env.IS_TEST) {
+ // Install Vue Devtools
+ try {
+ await installExtension(VUEJS_DEVTOOLS);
+ } catch (e) {
+ console.error('Vue Devtools failed to install:', e.toString());
+ }
+ }
+ createWindow();
+});
+
+// Exit cleanly on request from parent process in development mode.
+if (isDevelopment) {
+ if (process.platform === 'win32') {
+ process.on('message', data => {
+ if (data === 'graceful-exit') {
+ app.quit();
+ }
+ });
+ } else {
+ process.on('SIGTERM', () => {
+ app.quit();
+ });
+ }
+}
diff --git a/section_report/src/components/FontPreloader.vue b/section_report/src/components/FontPreloader.vue
new file mode 100644
index 00000000..a37dafbc
--- /dev/null
+++ b/section_report/src/components/FontPreloader.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
diff --git a/section_report/src/components/LayerItemDragger.vue b/section_report/src/components/LayerItemDragger.vue
new file mode 100755
index 00000000..83c3218d
--- /dev/null
+++ b/section_report/src/components/LayerItemDragger.vue
@@ -0,0 +1,159 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/section_report/src/components/LayerItemDrawer.vue b/section_report/src/components/LayerItemDrawer.vue
new file mode 100755
index 00000000..17b33e0e
--- /dev/null
+++ b/section_report/src/components/LayerItemDrawer.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/section_report/src/components/PropertyPane.vue b/section_report/src/components/PropertyPane.vue
new file mode 100755
index 00000000..6016ee8f
--- /dev/null
+++ b/section_report/src/components/PropertyPane.vue
@@ -0,0 +1,62 @@
+
+