{"id":380,"date":"2020-09-21T13:44:58","date_gmt":"2020-09-21T11:44:58","guid":{"rendered":"https:\/\/recordings.xinixinsurance.co.za\/?page_id=380"},"modified":"2022-02-13T10:40:39","modified_gmt":"2022-02-13T08:40:39","slug":"recording-user","status":"publish","type":"page","link":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/recording-user\/","title":{"rendered":"Recording User"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"recordings.xinixinsurance.co.za\/?\">Logout<\/a><\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>\n<\/code><\/pre>\n\n\n\n<br\/>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <title>Syfinity AppSite<\/title>\n\n\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/4.1.3\/css\/bootstrap.css\" rel=\"stylesheet\" \/>\n    <!--<link href=\"https:\/\/cdn.datatables.net\/1.10.21\/css\/dataTables.bootstrap4.min.css\" rel=\"stylesheet\" \/>-->\n\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.js\"><\/script>\n\n    <!--<script src=\"https:\/\/cdn.jsdelivr.net\/jquery\/3.2.1\/jquery.min.js\"><\/script>-->\n    <!--<script src=\"vendor\/datatables\/jquery.dataTables.js\"><\/script>-->\n    <script src=\"https:\/\/cdn.datatables.net\/1.10.21\/js\/jquery.dataTables.min.js\"><\/script>\n    <link href=\"https:\/\/cdn.datatables.net\/1.10.21\/css\/jquery.dataTables.min.css\" rel=\"stylesheet\" \/>\n\n\n    <!--<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>-->\n\n    <script type=\"text\/javascript\">\n\n\n\n        $(document).ready(function () {\n            \/\/var Token = \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4MWRhM2ZlZS0wNDI0LTQ5NTEtOTU2ZC1iZjc0MTY0MGJkZTMiLCJ2YWxpZCI6IjEiLCJ1c2VyaWQiOiIxIiwibmFtZSI6IlhJTklYIiwiZXhwIjoxNjAwMzI0MTc3LCJpc3MiOiJodHRwczovL3NlcnZpY2VzLnhpbml4YXBwLnhpbml4aW5zdXJhbmNlLmNvLnphIiwiYXVkIjoiaHR0cHM6Ly9zZXJ2aWNlcy54aW5peGFwcC54aW5peGluc3VyYW5jZS5jby56YSJ9.KTHy6BPg2UKnF5TjqMZTLl1rd4JAzek9Ey1xuyUcHKY\";\n            var Token = sessionStorage.getItem(\"setToken\");\n            if (Token == null) {\n                window.location = \"https:\/\/recordings.xinixinsurance.co.za\/?\";\n            }\n            else {\n                \/\/console.log(Token);\n                $.ajax({\n                    \/\/'url': 'https:\/\/xinixapp.services.xinixinsurance.co.za\/Api\/AgentDashboard\/GetAgentDashboard?DealerId=' + \"8620\" + '&LogUserId=' + \"1\",\n                    \/\/'url': 'https:\/\/xinixapp.services.xinixinsurance.co.za\/Api\/AppInformation\/GetAppDetailsFull',\n                    'url': 'https:\/\/xinix.services.xinixinsurance.co.za\/Api\/Recording\/GetRecordingDetails',\n\n                    'method': \"GET\",\n                    'contentType': 'application\/json',\n                    'headers': {\n                        'Authorization': 'bearer ' + Token\n                    }\n                }).done(function (data) {\n                    $('#example').dataTable({\n                        \/\/this code makes the first column invisible and none searchable\n                        \"columnDefs\": [{\n                            \"targets\": [0],\n                            \"visible\": false,\n                            \"searchable\": false\n                        }],\n                        \/\/===============================================================\n                        \"aaData\": data,\n                        \"aaSorting\": [[0, \"desc\"]],\n                        \"columns\": [\n                            { \"data\": \"Id\" },\n\n                            { \"data\": \"CallerNumber\" },\n                            { \"data\": \"CalleeNumber\" },\n                            { \"data\": \"CallDuration\" },\n                            { \"data\": \"TalkDuration\" },\n                            { \"data\": \"CommunicationType\" },\n                            { \"data\": \"TrackingNumber\" },\n                            { \"data\": \"Time\" },\n                            {\n                                data: null,\n                                render: function (data, type, row) {\n                                    return \"<a href='#' class='btn btn-info' onclick=\\\"PlayData('\" + row.FilePath + \"');\\\">Play<\/a>\"\n                                }\n\n                            },\n\n\n                        ]\n                    })\n                })\n            }\n        });\n\n\n\n        function PlayData(FileUrl) {\n            audio_player.src = \"https:\/\/xinix.services.xinixinsurance.co.za\/Api\/Media\/Play?FileUrl=\" + FileUrl;\n            audio_player.type = \"audio\/wav\";\n            audio_player.load();\n            audio_player.play();\n        }\n\n    <\/script>\n<\/head>\n<body class=\"fixed-nav sticky-footer bg-dark\" id=\"page-top\">\n    <!-- Navigation-->\n    <div class=\"content-wrapper\">\n        <div class=\"container-fluid\">\n            <!-- Breadcrumbs-->\n            <!--<ol class=\"breadcrumb\">\n                <li class=\"breadcrumb-item\">\n                    <a href=\"#\">Dashboard<\/a>\n                <\/li>\n                <li class=\"breadcrumb-item active\">Tables<\/li>\n            <\/ol>-->\n            <!-- Example DataTables Card-->\n            <div class=\"card mb-3\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-table\"><\/i> Recording Data Table\n\n                    <!--<button style=\"text-align:right\">Test<\/button>-->\n                <\/div>\n                <div class=\"card-body\">\n                    <div class=\"table-responsive\">\n                        <div class=\"containerBlock\">\n                            <!--<input type=\"file\" id=\"input\" \/>-->\n                            <!--<audio id=\"sound\" controls controlsList=\"nodownload\"><\/audio>-->\n                            <audio id=\"audio_player\" controls preload=\"auto\" type=\"audio\/wav\" controlsList=\"nodownload\"><\/audio>\n\n                            <table id=\"example\" class=\"table table-striped table-bordered\" style=\"width:100%\">\n                                <thead>\n                                    <tr>\n                                        <th>Id<\/th>\n                                        <th>From<\/th>\n                                        <th>To<\/th>\n                                        <th>Call Duration<\/th>\n                                        <th>Talk Duration<\/th>\n                                        <th>Call Type<\/th>\n                                        <th>Tracking Number<\/th>\n                                        <th>Time<\/th>\n                                        <th>Play<\/th>\n                                    <\/tr>\n                                <\/thead>\n                                <tfoot>\n                                    <tr>\n                                        <th>Id<\/th>\n                                        <th>From<\/th>\n                                        <th>To<\/th>\n                                        <th>Call Duration<\/th>\n                                        <th>Talk Duration<\/th>\n                                        <th>Call Type<\/th>\n                                        <th>Tracking Number<\/th>\n                                        <th>Time<\/th>\n                                        <th>Play<\/th>\n                                    <\/tr>\n                                <\/tfoot>\n                            <\/table>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n                <div class=\"card-footer small text-muted\">Recording Records<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Syfinity AppSite Recording Data Table Id From To Call Duration Talk Duration Call Type Tracking Number Time Play Id From To Call Duration Talk Duration Call Type Tracking Number Time Play Recording Records<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"class_list":["post-380","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/pages\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":4,"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/pages\/380\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/pages\/380\/revisions\/471"}],"wp:attachment":[{"href":"https:\/\/recordings.xinixinsurance.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}