Recording Page Snark Mark

Rameshkumar · March 24, 2023

Hi there, I'm using Vodia Version 68.0.4. When I go to Tenants>>>Status>>>Recorded Calls, I see all recorded calls there, I can play and hear the recordings. After play the recording if I refresh the page I see the icon like Snark Mark. If I click on it I see the detail of browser and IP who listened the recording. How can I disable this icon to not show. Please check the image for reference.

Rameshkumar · March 27, 2023

Any word on this?

Vodia PBX · March 30, 2023

There is no setting for this. You could change the HTML template and just take the icon out.

The point about the information is to see who accessed the recording. It is sensitive information who listened to recordings. Why would you want to hide that information?

Rameshkumar · April 20, 2023

One of my client admin don't want to show who listened the recording. Can you please let me know what change I need to make in HTML file to take out the icon?

Rameshkumar · April 24, 2023

Can you please advise on this.

Vodia PBX · April 25, 2023

I think the easiest would be just to hide the button in the css (recordings.css) with a rule like that:

button[name="info"] {
  display: none;
}

Its a little bit of a hack and if the customer understands CSS they would be able to make it visible again; however if they are really good they could as well use the REST API as well.

Rameshkumar · April 25, 2023

Hi, I don't see any page "recordings.css", Under Template I see two pages with recordings, one is "css/reg_recording.htm" and other is "reg_recording.htm". Which file should I make changes?

Rameshkumar · April 26, 2023

Can you please advise on this.

Vodia PBX · April 28, 2023

It should be css/reg_recording.css. If that's nor properly linked, you can also change the reg_recording.htm and insert a <style> section there with the CSS.

Rameshkumar · May 3, 2023

Sorry I'm confused. I don't see "css/reg_recording.css", it does not exist. Here is "reg_recording.htm", where should I change?

<!DOCTYPE html>
<html>
<head>
<title>[[sysadmin]]</title>
[[#file reg_head_css.htm]]
<link type="text/css" href="css/reg_recording.css?v=[[#version]]" rel="stylesheet">
[[#file reg_head_js.htm]]
<script type="text/javascript" src="js/format.js?v=[[#version]]"></script>
<script type="text/javascript" src="js/global_settings.js?v=[[#version]]"></script>
<script type="text/javascript" src="js/reg_recording.js?v=[[#version]]"></script>
<script type="text/javascript" src="js/smhd.js?v=[[#version]]"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-lg-2">
[[#file reg_navbar.htm]]
</div>
<div class="col-sm-9 col-lg-10">
[[#file reg_banner.htm]]
<div class="form-container header-padding">
<div class="container-fluid" id="overview">
<div id="white-background">
<div class="wrapper" id="description">
<div class="container">
<h1>[[reg_settings.htm#cdr_rec]] <span class="help-link" data-source="ASEgen6"></span></h1>
</div>
</div>
</div>

<form id="settings" class="container" data-toggle="validator" data-disable="false" role="form" autocomplete="off">
<input type="password" style="display:none;" readonly>
<div class="row">
<div class="form-group">
<label for="cdr_list_size" class="col-sm-6 control-label">[[reg_settings.htm#32]]</label>
<div class="col-sm-6">
<select class="form-control" id="cdr_list_size">
<option value=""></option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="250">250</option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<label for="cdr_keep" class="col-sm-6 control-label">[[reg_settings.htm#33]]</label>
<div class="col-sm-6">
<div class="input-group">
<input type="hidden" id="cdr_keep" data-smhd="true">
<input type="number" class="form-control">
<span class="input-group-btn">
<select class="btn btn-plus btn-no-border">
<option value="s">[[sec]]</option>
<option value="m">[[min]]</option>
<option value="h">[[hour]]</option>
<option value="d">[[days]]</option>
<option value="w">[[weeks]]</option>
</select>
</span>
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<label for="max_cdr_num" class="col-sm-6 control-label">[[reg_settings.htm#max_cdr_num]]</label>
<div class="col-sm-6">
<select class="form-control" id="max_cdr_num">
<option value="1000">1000</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="25000">25000</option>
<option value="50000">50000</option>
<option value="100000">100000</option>
<option value="500000">500000</option>
<option value="1000000">1000000</option>
<option value="0">[[reg_settings.htm#none]]</option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<label for="last_digits" class="col-sm-6 control-label">[[reg_settings.htm#lastdigits]]</label>
<div class="col-sm-6">
<select class="form-control" id="last_digits">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="soap_cdr_username" class="col-sm-6 control-label">[[reg_settings.htm#cdr_username]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="soap_cdr_username">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="soap_cdr_password" class="col-sm-6 control-label">[[reg_settings.htm#cdr_password]]</label>
<div class="col-sm-6">
<div class="input-group">
<input class="form-control password-click" type="text" id="soap_cdr_password" placeholder="●●●●●" autocomplete="new-password">
<span class="input-group-btn">
<button class="btn btn-plus btn-no-border password-toggle" type="button"><i class="fa fa-eye" aria-hidden="true"></i></button>
</span>
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="cdr_format" class="col-sm-6 control-label">[[reg_settings.htm#cdr_format]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="cdr_format">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="cdr_field_seperator" class="col-sm-6 control-label">[[reg_settings.htm#cdr_field_seperator]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="cdr_field_seperator">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group has-feedback">
<label for="cdr_file_name" class="col-sm-6 control-label">[[reg_settings.htm#cdr_file_name]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="cdr_file_name">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<label for="login_cdr_record" class="col-sm-6 control-label">[[reg_settings.htm#login_cdr_record]]</label>
<div class="col-sm-6">
<input type="checkbox" id="login_cdr_record" data-toggle="toggle" data-on="[[on]]" data-off="[[off]]">
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="rec_default_enabled" class="col-sm-6 control-label">[[rec_default_enabled]]</label>
<div class="col-sm-6">
<input type="checkbox" id="rec_default_enabled" data-toggle="toggle" data-on="[[on]]" data-off="[[off]]">
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="rec_keep" class="col-sm-6 control-label">[[reg_settings.htm#rec_keep]]</label>
<div class="col-sm-6">
<div class="input-group">
<input type="hidden" id="rec_keep" data-smhd="true">
<input type="number" class="form-control">
<span class="input-group-btn">
<select class="btn btn-plus btn-no-border">
<option value="s">[[sec]]</option>
<option value="m">[[min]]</option>
<option value="h">[[hour]]</option>
<option value="d">[[days]]</option>
<option value="w">[[weeks]]</option>
</select>
</span>
</div>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="max_rec_num" class="col-sm-6 control-label">[[reg_settings.htm#max_rec_num]]</label>
<div class="col-sm-6">
<select class="form-control" id="max_rec_num">
<option value="1000">1000</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="25000">25000</option>
<option value="50000">50000</option>
<option value="100000">100000</option>
<option value="500000">500000</option>
<option value="1000000">1000000</option>
<option value="0">[[reg_settings.htm#none]]</option>
</select>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group has-feedback">
<label for="record_location" class="col-sm-6 control-label">[[reg_settings.htm#rec_loc]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="record_location">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="record_compress" class="col-sm-6 control-label">[[reg_settings.htm#rec_compress]]</label>
<div class="col-sm-6">
<select class="form-control" id="record_compress">
<option value="false">G.711</option>
<option value="true">GSM</option>
<option value="linear">Linear Mono</option>
<option value="linear2">Linear Stereo</option>
</select>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="max_rec_duration" class="col-sm-6 control-label">[[reg_settings.htm#39]]</label>
<div class="col-sm-6">
<select class="form-control" id="max_rec_duration">
<option value="">[[default]]</option>
<option value="600">10 [[min]]</option>
<option value="1200">20 [[min]]</option>
<option value="1800">30 [[min]]</option>
<option value="3600">1 [[hour]]</option>
<option value="7200">2 [[hour]]</option>
<option value="10800">3 [[hour]]</option>
<option value="14400">4 [[hour]]</option>
<option value="28800">8 [[hour]]</option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<label for="login_keep" class="col-sm-6 control-label">[[reg_settings.htm#login_keep]]</label>
<div class="col-sm-6">
<div class="input-group">
<input type="hidden" id="login_keep" data-smhd="true">
<input type="number" class="form-control">
<span class="input-group-btn">
<select class="btn btn-plus btn-no-border">
<option value="s">[[sec]]</option>
<option value="m">[[min]]</option>
<option value="h">[[hour]]</option>
<option value="d">[[days]]</option>
<option value="w">[[weeks]]</option>
</select>
</span>
</div>
</div>
</div>
</div>

<div class="row pbx-recording">
<div class="form-group">
<label for="send_recording" class="col-sm-6 control-label">[[send_recording]]</label>
<div class="col-sm-6">
<input type="checkbox" id="send_recording" data-toggle="toggle" data-on="[[on]]" data-off="[[off]]">
</div>
</div>
</div>

<h2>[[truecnam]]</h2>

<div class="row">
<div class="form-group">
<label for="spam_provider" class="col-sm-6 control-label">[[spam_provider]]</label>
<div class="col-sm-6">
<select class="form-control" id="spam_provider">
<option value="">[[none]]</option>
<option value="adrbook">[[menu#adrbook]]</option>
<option value="bulkcnam">Bulk Solutions CNAM</option>
<option value="opencnam">OpenCNAM</option>
<option value="tellows">Tellows</option>
<option value="search.ch">tel.search.ch</option>
<option value="truecnam">TrueCNAM</option>
</select>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="truecnam_hostname" class="col-sm-6 control-label">[[truecnam_hostname]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="truecnam_hostname" placeholder="host.provider.net" pattern="^([a-zA-Z0-9\-]{1,61}\.)*[a-zA-Z0-9\-]{1,61}(:\d+)?$">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="truecnam_username" class="col-sm-6 control-label">[[truecnam_username]]</label>
<div class="col-sm-6">
<input class="form-control" type="text" id="truecnam_username">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="truecnam_password" class="col-sm-6 control-label">[[truecnam_password]]</label>
<div class="col-sm-6">
<div class="input-group">
<input class="form-control password-click" type="text" id="truecnam_password" placeholder="●●●●●" autocomplete="new-password">
<span class="input-group-btn">
<button class="btn btn-plus btn-no-border password-toggle" type="button"><i class="fa fa-eye" aria-hidden="true"></i></button>
</span>
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="truecnam_timeout" class="col-sm-6 control-label">[[truecnam_timeout]]</label>
<div class="col-sm-6">
<input class="form-control" type="number" step="100" min="0" max="30000" id="truecnam_timeout">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group has-feedback">
<label for="spam_threshold" class="col-sm-6 control-label">[[spam_threshold]]</label>
<div class="col-sm-6">
<input class="form-control" type="number" step="1" min="0" max="100" id="spam_threshold" placeholder="0..100">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row no-border">
<div class="form-group has-feedback">
<label for="anonymous_spam_score" class="col-sm-6 control-label">[[anonymous_spam_score]]</label>
<div class="col-sm-6">
<input class="form-control" type="number" step="1" min="0" max="100" id="anonymous_spam_score" placeholder="0..100">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
</div>

<div class="row">
<div class="form-group">
<div class="col-sm-12">
<button type="submit" class="btn btn-primary fancy save-settings"><i class="fa fa-floppy-o" aria-hidden="true"></i> <span><img></span>[[button#save]]</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
[[#file footer.htm]]
</body>
</html>

Vodia PBX · May 10, 2023

It might be easier to just wait for the next build where the CSS can easily be changed through the web interface.

Sign In

Recording Page Snark Mark

Recommended Posts

Rameshkumar

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Vodia PBX

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Vodia PBX

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Vodia PBX

Link to comment

Share on other sites

Rameshkumar

Link to comment

Share on other sites

Vodia PBX

Link to comment

Share on other sites

Join the conversation

Browse

Activity