aboutsummaryrefslogtreecommitdiffstats
path: root/htdocs/index.html
blob: f322881aef36266ff612c756256ad7e7e8fea06b (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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<html>

<head>
    <title>VSHL CAPABILITIES API Test</title>
    <link rel="stylesheet" href="binding.css">
    <script type="text/javascript" src="AFB.js"></script>
    <script type="text/javascript" src="binding.js"></script>
</head>

<body class="page-content" onload="connect()">

    <h1>Voice Service High Level Support API Tester</h1>

    <button id="connected" onclick="init()">Binder WS Fail</button>
    <button id="monitoring" onclick="window.open('/monitoring/monitor.html','_monitor_ctl')">Debug/Monitoring</a>
    </button>
    <button onclick="clearPre('question'); clearPre('output'); clearPre('outevt');">Clear</button> <br><br>
    VSHL CAPABILITIES URL: <input type="text" id="vshl-capabilities-address" value="localhost:1111" onchange="connectVshlCapabilities()">
    <br>
    <br>

    <div>
        <P>Phone Connection Status UI</p>
        <button onclick="triggerPhoneConnectionStateChanged('CONNECTED')">Connected</button>
        <button onclick="triggerPhoneConnectionStateChanged('DISCONNECTED')">Disconnected</button>
        <P>Phone Call Control Inbound Ringing UI</p>
        <button onclick="triggerCallStateInBoundRingingAction()">Simulate Inbound Ringing</button>
        <P>Phone Call Control UI</p>        
        <button onclick="triggerCallStateChangedAction('ACTIVE')">Accept</button>
        <button onclick="triggerCallStateChangedAction('IDLE')">Reject</button>
        </div>
    <div>
        <p>Playback Controller UI</p>
        <button onclick="triggerButtonPressedAction('play')">play</button>
        <button onclick="triggerButtonPressedAction('pause')">pause</button>
        <button onclick="triggerButtonPressedAction('next')">next</button>
        <button onclick="triggerButtonPressedAction('previous')">previous</button>
        <button onclick="triggerButtonPressedAction('skip-forward')">skip-forward</button>
        <button onclick="triggerButtonPressedAction('skip-backward')">skip-backward</button>
    </div>

    <dialog id="templateui-event-chooser">
        <h3 class="dialogheader">Subscribe to the following GUI Metadata Messages</h3>
        <div>
            <ol>
                <li>
                    <input type="checkbox" id="render_template" checked>
                    <label>render_template</label>
                </li>
                <li>
                    <input type="checkbox" id="clear_template" checked>
                    <label>clear_template</label>
                </li>
                <li>
                    <input type="checkbox" id="render_player_info" checked>
                    <label>render_player_info</label>
                </li>
                <li>
                    <input type="checkbox" id="clear_player_info" checked>
                    <label>clear_player_info</label>
                </li>
            </ol>
        </div>
        <footer>
            <button id="templateui-subscribe-btn" type="button" style="margin: 10px">Subscribe</button>
        </footer>
    </dialog>

    <dialog id="phonecontrol-event-chooser">
        <h3 class="dialogheader">Subscribe to the following phone control messages</h3>
        <div>
            <ol>
                <li>
                    <input type="checkbox" id="phonecontrol-dial" checked>
                    <label>phonecontrol/dial</label>
                </li>
                <li>
                    <input type="checkbox" id="phonecontrol-redial" checked>
                    <label>phonecontrol/redial</label>
                </li>
                <li>
                    <input type="checkbox" id="phonecontrol-answer" checked>
                    <label>phonecontrol/answer</label>
                </li>
                <li>
                    <input type="checkbox" id="phonecontrol-stop" checked>
                    <label>phonecontrol/stop</label>
                </li>
                <li>
                    <input type="checkbox" id="phonecontrol-send_dtmf" checked>
                    <label>phonecontrol/send_dtmf</label>
                </li>
            </ol>
        </div>
        <footer>
            <button id="phonecontrol-subscribe-btn" type="button" style="margin: 10px">Subscribe</button>
        </footer>
    </dialog>

    <dialog id="navigation-event-chooser">
        <h3 class="dialogheader">Subscribe to the following navigation messages</h3>
        <div>
            <ol>
                <li>
                    <input type="checkbox" id="set_destination" checked>
                    <label>set_destination</label>
                </li>
                <li>
                    <input type="checkbox" id="cancel_navigation" checked>
                    <label>cancel_navigation</label>
                </li>
            </ol>
        </div>
        <footer>
            <button id="navigation-subscribe-btn" type="button" style="margin: 10px">Subscribe</button>
        </footer>
    </dialog>

    <div id="top" class="row">
    <div id='actions' class="col1">
        <div>
          <h2>VSHL CAPABILITIES APIs</h2>
          <p>Speech framework's VSHL Capabilities APIs</p>
          <button onclick="showTemplateUIEventChooserDialog();">Subscribe to GUI Metadata</button>
          <button onclick="showPhoneControlEventChooserDialog();">Subscribe to Phonecontrol messages</button>
          <button onclick="showNavigationEventCHooserDialod();">Subscribe to Navigation messages</button>          
        </div>

        <div id="agentsDiv">
        </div>
    </div>

    <div id="main" style="visibility:hidden" class="col2">
        <ol>
            <li>Question <pre id="question"></pre>
            <li>Response <pre id="output"></pre>
            <li>Events: <pre id="outevt"></pre>
        </ol>
    </div>
    </div>

</body>