video-bubbles/src/renderer-process/js/video-layer-view.js

<img src="images/bubbles-logo.svg" alt="Bubbles logo" width="50%" />

/*
Copyright 2019 Colin Clark

Licensed under the MIT license.
https://github.com/colinbdclark/bubbles/raw/master/LICENSE
*/

"use strict";

fluid.defaults("bubbles.videoLayerView", {
    gradeNames: "fluid.viewComponent",

    modelRelay: [
        {
            namespace: "mapVideoURLToButtonVisibility",
            backward: {
                excludeSource: "*"
            },
            source: "{that}.model.video.url",
            target: "{addVideoButton}.model.isHidden",
            singleTransform: {
                type: "fluid.transforms.stringToBoolean"
            }
        }
    ],

    components: {
        compositor: "{composition}.compositor",

        modulationMatrixView: {
            type: "bubbles.modulationMatrixView",
            options: {
                parentContainer: "{videoLayerView}.container",
                layerIdx: "{videoLayerView}.model.layerIdx"
            }
        },

        videoLayer: {
            type: "bubbles.videoLayer",
            options: {
                model: {
                    layerIdx: "{videoLayerView}.model.layerIdx"
                }
            }
        },

        video: {
            type: "aconite.video",
            options: {
                model: "{videoLayerView}.model.video"
            }
        },

        addVideoButton: {
            type: "bubbles.addVideoButton",
            container: "{that}.container",
            options: {
                listeners: {
                    "onActivate.openFileDialog": {
                        namespace: "addFile",
                        func: "{videoLayerView}.openFileDialog.show"
                    }
                }
            }
        },

        openFileDialog: {
            type: "bubbles.openFileDialog",
            options: {
                listeners: {
                    onFilesSelected: "{videoLayerView}.events.onVideoAdded.fire"
                }
            }
        }
    },

    events: {
        onVideoAdded: null
    },

    listeners: {
        "onCreate.injectVideo": {
            "this": "{that}.container",
            method: "prepend",
            args: "{that}.video.element"
        },

        "onVideoAdded.updateVideoURL": {
            changePath: "video.url",
            value: "{arguments}.0.0"
        }
    }
});