[VoiceCallHistory]

- implemented VoiceCallHistoryJob for running the jobs
- implement /VoiceCallHistory for displaying, importing the Voice Call History
- added date-range-picker to tt-table (still todo)

Layout/default/VoiceCallHistory/Index.php

@@ -0,0 +1,88 @@
+<?php /** @noinspection PhpUndefinedClassInspection
+ * @var string $mfLayoutPackage
+ * @var TYPE_NAME $git_merge_ts
+ */
+
+//additional css /css/views/RaspberryDisplay.css
+
+$JSGlobals = ["BASE_URL" => self::getUrl("Domain"),
+    "DASHBOARD_URL" => self::getUrl("Dashboard"),
+    "MFAPPNAME" => MFAPPNAME_SLUG,
+    "PAGE_TITLE" => "Domains",
+    "PATH" => [
+        ["text" => MFAPPNAME_SLUG, "href" => self::getUrl("Dashboard")],
+        ["text" => "Voice Calls History", "href" => self::getUrl("VoiceCallHistory")]
+    ],
+    "VOICE_CALL_HISTORY_API_URL" => self::getUrl("VoiceCallHistory/api"),
+];
+
+$additionalJS = ["plugins/vue/vue.js",
+    "plugins/axios/axios.min.js",
+    "plugins/vue/tt-components/tt-page-title.js",
+    "plugins/vue/tt-components/tt-table.js",
+];
+$additionalCSS = [
+    'plugins/vue/tt-components/css/tt-table.css',
+];
+
+include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/header.php"); ?>
+
+<div id="app">
+    <tt-page-title :title="window['TT_CONFIG']['PAGE_TITLE']" :path="window['TT_CONFIG']['PATH']"></tt-page-title>
+
+    <tt-table :fetch-url="window['TT_CONFIG']['VOICE_CALL_HISTORY_API_URL'] + '?do=getCalls'" :table-config="VoiceCallHistoryTableConfig"
+              small ref="table">
+        <template v-slot:top-buttons>
+            <button type="button" class="btn btn-primary" @click="importCallsFromToday">
+                <template v-if="importCallsFromTodayLoading">
+                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+                </template>
+                <template v-else>
+                    <i class="fas fa-sync-alt"></i>
+                    Re-Import Calls from Today
+                </template>
+            </button>
+
+        </template>
+    </tt-table>
+</div>
+
+<!-- TODO: download from cdn to local -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
+
+<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
+
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            window: window,
+            VoiceCallHistoryTableConfig: {
+                headers: [
+                    {text: "UID", key: "uid"},
+                    {text: "Voice Account", key: "voice_account"},
+                    {text: "Start", key: "start", filter: "dateRange"},
+                    {text: "Source", key: "source"},
+                    {text: "Destination", key: "destination"},
+                    {text: "Billable", key: "billable"},
+                    {text: "Duration", key: "duration"},
+                ],
+                tableHeader: 'Voice Call History',
+            },
+            importCallsFromTodayLoading: false,
+        },
+        mounted() {},
+        methods: {
+            async importCallsFromToday() {
+                this.importCallsFromTodayLoading = true;
+                await axios.get(window['TT_CONFIG']['VOICE_CALL_HISTORY_API_URL'] + '?do=importCallsFromToday');
+                this.$refs.table.fetchData();
+                this.importCallsFromTodayLoading = false;
+            },
+        }
+    })
+</script>
+<?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/footer.php"); ?>
+

Layout/default/menu.php

@@ -125,7 +125,8 @@
             </a>
             <ul class="submenu">
               <?php if($me->isAdmin() || $me->can("Voipnumbering")): ?><li><a href="<?=self::getUrl("Voicenumberblock")?>"><i class="fad fa-fw fa-phone-office text-info"></i> Rufnummernblöcke</a></li><?php endif; ?>
-              <?php if($me->isAdmin() || $me->can("Voiceplan")): ?><li><a href="<?=self::getUrl("Voiceplan")?>"><i class="fas fa-fw fa-phone-arrow-up-right text-info"></i> Sprachtarife</a></li><?php endif; ?>
+                <?php if($me->isAdmin() || $me->can("Voiceplan")): ?><li><a href="<?=self::getUrl("Voiceplan")?>"><i class="fas fa-fw fa-phone-arrow-up-right text-info"></i> Sprachtarife</a></li><?php endif; ?>
+                <?php if($me->isAdmin() || $me->can("VoiceCallHistory")): ?><li><a href="<?=self::getUrl("VoiceCallHistory")?>"><i class="fas fa-fw fa-phone-arrow-down-left text-info"></i> Voice Call History</a></li><?php endif; ?>
             </ul>
           </li>
           <?php endif; ?>