aboutsummaryrefslogtreecommitdiffstats
path: root/app/Mixer.qml
blob: 18fae4079f92ee7d53fd07bc9656327f85265bfe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
/*
 * Copyright 2016 Konsulko Group
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// BUG: ValueChanged event is raised by sliders when you are moving the caret, should be raised only when you release it.
// TODO: Call mixer.setVolume(sliderName, Value) on value change
// TODO: Call mixer.getVolume(sliderName) on load

import QtQuick 2.6
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.0
import AGL.Demo.Controls 1.0
import Mixer 1.0

ApplicationWindow {
    // ----- Signals

    // ----- Properties
    property Component volumeSlider

    // ----- Setup
    id: root

    // ----- Childs
    Mixer {
        // ----- Signals
        signal sliderVolumeChanged(string role, int value)

        // ----- Properties

        // ----- Setup
        id: mixer

        onSliderVolumeChanged: {
            console.log("======role: " + role + ", volume: " + value);
            mixer.setVolume(role, value);
        }

        Component.onCompleted: {
            root.volumeSlider = Qt.createComponent("VolumeSlider.qml");
            if (root.VolumeSlider.status !== Component.Ready) {
                console.log("Failed to load the VolumeSlider.qml component: " + root.volumeSlider.errorString());
            }
            mixer.open(bindingAddress);
        }

        onRolesChanged: {
            // Remove existing sliders
            for(var i = sliders.children.length; i > 0 ; --i) {
                console.log("destroying: " + i);
                sliders.children[i-1].destroy();
            }

            // Add slider for each role
            for(var j = 0; j < mixer.roles.length; ++j) {
                addSlider(mixer.roles[j]);
            }
        }

        onVolumeChanged: {
            console.log("onVolumeChanged(\"" + name + "\", " + value + ")");
            for(var i = 0; i < sliders.children.length ; i++) {
                var sld = sliders.children[i];
                console.log(i + " - Slider found:" + sld + "[\"" + sld.role + "\"] = " + sld.value);
                if (sld.role === name) {
                    sld.value = value;
                }
            }
        }

        // ----- Functions
        function addSlider(name) {
            var sld = root.volumeSlider.createObject(sliders)
            sld.role = name
            sld.onSliderValueChanged.connect(mixer.sliderVolumeChanged)
            mixer.getVolume(name); // Update volume
        }

        function deleteChilds(item) {
            for(var i = item.children.length; i > 0 ; i--) {
                deleteChilds(item.children[i-1]);
            }
            item.destroy();
        }
    }

    Label {
        id: title
        font.pixelSize: 48
        text: "Mixer"
        anchors.horizontalCenter: parent.horizontalCenter
    }

    ColumnLayout {
        id: sliders
        anchors.margins: 80
        anchors.top: title.bottom
        anchors.left: parent.left
        anchors.right: parent.right
    }
}