livecodingspace-app/public/multipixel/appui.js

function createApp() {

    let self = this

  function createCameraButton(camNum) {

        let label = "Camera " + camNum;
        let camID = "/multicam/camera"+ camNum + "/cameraNode/cam";

      return {
        $cell: true,
        $type: "button",
        class: "mdc-button mdc-button--raised",
        $text: label,
        onclick: function (e) {
            let nodeID = vwf.find("",camID)[0];
            let avatarID = vwf.moniker_;
            vwf_view.kernel.callMethod(nodeID, "setCameraToActive", [avatarID]);
        }
    }

    }


    return {
        $cell: true,
        $type: "div",
        class: "propGrid max-width mdc-layout-grid mdc-layout-grid--align-left",
        $components: [
            {
                $cell: true,
                $type: "div",
                class: "mdc-layout-grid__inner",
                $components: [
                    {
                        $cell: true,
                        $type: "div",
                        class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-12",
                        $components: [
                          
                            {
                                $cell: true,
                                $type: "button",
                                class: "mdc-button mdc-button--raised",
                                $text: "Camera 1",
                                onclick: function (e) {
                                    let nodeID = vwf.find("","/multicam/camera1/cameraNode/cam")[0];
                                    let avatarID = vwf.moniker_;
                                    vwf_view.kernel.callMethod(nodeID, "setCameraToActive", [avatarID]);
                                }

                            },
                            {
                                $cell: true,
                                $type: "button",
                                class: "mdc-button mdc-button--raised",
                                $text: "Camera 2",
                                onclick: function (e) {
                                    let nodeID = vwf.find("","/multicam/camera2/cameraNode/cam")[0];
                                    let avatarID = vwf.moniker_;
                                    vwf_view.kernel.callMethod(nodeID, "setCameraToActive", [avatarID]);
                                }

                            },
                            {
                                $cell: true,
                                $type: "button",
                                class: "mdc-button mdc-button--raised",
                                $text: "Camera 3",
                                onclick: function (e) {
                                    let nodeID = vwf.find("","/multicam/camera3/cameraNode/cam")[0];
                                    let avatarID = vwf.moniker_;
                                    vwf_view.kernel.callMethod(nodeID, "setCameraToActive", [avatarID]);
                                }

                            },
                            createCameraButton("4"),
                            createCameraButton("5"),
                            createCameraButton("6"),
                            createCameraButton("7"),
                            createCameraButton("8"),
                            createCameraButton("9")

                        ]
                    }


                ]
            }
        ]
    }
}