diff --git a/package.json b/package.json index 4346161cc..416d678f3 100644 --- a/package.json +++ b/package.json @@ -53,6 +53,7 @@ "uuid": "^3.3.3", "vue": "^2.6.10", "vue-class-component": "^7.2.3", + "vue-color": "^2.7.1", "vue-golden-layout": "^2.0.8", "vue-property-decorator": "^8.3.0", "vue-smooth-dnd": "^0.8.1", diff --git a/src/application/index.js b/src/application/index.js index a7cad06bc..19b3a8beb 100644 --- a/src/application/index.js +++ b/src/application/index.js @@ -169,6 +169,14 @@ export default class ModV { this.store.dispatch("windows/createWindow"); }); + ipcRenderer.on("input-update", (event, { moduleId, prop, data }) => { + this.store.dispatch("modules/updateProp", { + moduleId, + prop, + data + }); + }); + this.ready = true; ipcRenderer.send("modv-ready"); ipcRenderer.send("get-media-manager-state"); diff --git a/src/background.js b/src/background.js index 9c6d01371..1a463b08d 100644 --- a/src/background.js +++ b/src/background.js @@ -27,6 +27,23 @@ let projectNames = ["default"]; let currentProject = "default"; const windowPrefs = { + colorPicker: { + devPath: "colorPicker", + prodPath: "colorPicker.html", + options: { + webPreferences: { + nodeIntegration: true + }, + transparent: true, + frame: false, + alwaysOnTop: true, + resizable: false, + skipTaskbar: true, + fullscreenable: false + }, + unique: true + }, + mainWindow: { devPath: "", prodPath: "index.html", diff --git a/src/components/Control.vue b/src/components/Control.vue index 8dd6e8bcd..d5e4aa78e 100644 --- a/src/components/Control.vue +++ b/src/components/Control.vue @@ -32,7 +32,7 @@