mirror of
https://github.com/mail-in-a-box/mailinabox.git
synced 2025-04-03 00:07:05 +00:00
269 lines
9.8 KiB
JavaScript
269 lines
9.8 KiB
JavaScript
/////
|
|
///// This file is part of Mail-in-a-Box-LDAP which is released under the
|
|
///// terms of the GNU Affero General Public License as published by the
|
|
///// Free Software Foundation, either version 3 of the License, or (at
|
|
///// your option) any later version. See file LICENSE or go to
|
|
///// https://github.com/downtownallday/mailinabox-ldap for full license
|
|
///// details.
|
|
/////
|
|
|
|
/*
|
|
details on the activity of a remote sender (envelope from)
|
|
*/
|
|
|
|
import UserSettings from "./settings.js";
|
|
import { MailBvTable, ConnectionDisposition } from "./charting.js";
|
|
|
|
|
|
export default Vue.component('panel-remote-sender-activity', function(resolve, reject) {
|
|
axios.get('reports/ui/panel-remote-sender-activity.html').then((response) => { resolve({
|
|
|
|
template: response.data,
|
|
|
|
props: {
|
|
date_range: Array, // YYYY-MM-DD strings (UTC)
|
|
},
|
|
|
|
data: function() {
|
|
const usersetting_prefix = 'panel-rsa-';
|
|
const sender_type = this.$route.query.email ? 'email' :
|
|
( this.$route.query.server ? 'server' : 'email' );
|
|
|
|
return {
|
|
email: this.$route.query.email || '', /* v-model */
|
|
server: this.$route.query.server || '', /* v-model */
|
|
sender_type: sender_type, /* "email" or "server" only */
|
|
|
|
tab_index: 0, /* v-model */
|
|
|
|
show_only_flagged: false,
|
|
show_only_flagged_filter: null,
|
|
|
|
data_sender: null, /* sender for active table data */
|
|
data_sender_type: null, /* "email" or "server" */
|
|
data_date_range: null, /* date range for active table data */
|
|
|
|
activity: null, /* table data */
|
|
disposition_formatter: ConnectionDisposition.formatter,
|
|
|
|
/* recent list */
|
|
set_prefix: usersetting_prefix,
|
|
recent_senders: UserSettings.get()
|
|
.get_recent_list(usersetting_prefix + sender_type),
|
|
|
|
/* suggestions (from server) */
|
|
select_list: { suggestions: [] }
|
|
};
|
|
},
|
|
|
|
activated: function() {
|
|
const new_email = this.$route.query.email;
|
|
const new_server = this.$route.query.server;
|
|
const new_sender_type = new_email ? 'email' :
|
|
( new_server ? 'server' : null );
|
|
|
|
var load = false;
|
|
if (new_sender_type &&
|
|
new_sender_type != this.sender_type)
|
|
{
|
|
this.sender_type = new_sender_type;
|
|
load = true;
|
|
}
|
|
if (this.sender_type == 'email' &&
|
|
new_email &&
|
|
new_email != this.email)
|
|
{
|
|
this.email = new_email;
|
|
this.getChartData();
|
|
return;
|
|
}
|
|
if (this.sender_type == 'server' &&
|
|
new_server &&
|
|
new_server != this.server)
|
|
{
|
|
this.server = new_server;
|
|
this.getChartData();
|
|
return;
|
|
}
|
|
|
|
// see if props changed when deactive
|
|
if (load || this.date_range &&
|
|
this.date_range !== this.data_date_range)
|
|
{
|
|
this.getChartData();
|
|
}
|
|
else
|
|
{
|
|
// ensure the route query contains the sender
|
|
this.update_route();
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
// watch props for changes
|
|
'date_range': function() {
|
|
this.getChartData();
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
email_changed: function(evt) {
|
|
this.email = evt;
|
|
},
|
|
|
|
server_changed: function(evt) {
|
|
this.server = evt;
|
|
},
|
|
|
|
update_recent_list: function() {
|
|
this.recent_senders = UserSettings.get()
|
|
.get_recent_list(this.set_prefix + this.sender_type);
|
|
},
|
|
|
|
update_route: function() {
|
|
// ensure the route contains query element
|
|
// "email=<data_sender>" or "server=<data_sender>"
|
|
// for the loaded data
|
|
if (this.data_sender && this.data_sender !== this.$route.query[this.sender_type]) {
|
|
var route = Object.assign({}, this.$route);
|
|
route.query = Object.assign({}, this.$route.query);
|
|
delete route.query.sender;
|
|
delete route.query.email;
|
|
route.query[this.sender_type] = this.data_sender;
|
|
this.$router.replace(route);
|
|
}
|
|
},
|
|
|
|
change_sender: function() {
|
|
axios.post('/reports/uidata/select-list-suggestions', {
|
|
type: this.sender_type == 'email' ?
|
|
'envelope_from' : 'remote_host',
|
|
query: this.sender_type == 'email' ?
|
|
this.email.trim() : this.server.trim(),
|
|
start_date: this.date_range[0],
|
|
end_date: this.date_range[1]
|
|
}).then(response => {
|
|
if (response.data.exact) {
|
|
this.getChartData();
|
|
}
|
|
else {
|
|
this.select_list = response.data;
|
|
this.$refs.suggest_modal.show()
|
|
}
|
|
}).catch(error => {
|
|
this.$root.handleError(error);
|
|
});
|
|
},
|
|
|
|
choose_suggestion: function(suggestion) {
|
|
this[this.sender_type] = suggestion;
|
|
this.getChartData();
|
|
this.$refs.suggest_modal.hide();
|
|
},
|
|
|
|
combine_fields: function() {
|
|
// remove these fields...
|
|
this.activity
|
|
.combine_fields([
|
|
'sent_id',
|
|
'sasl_username',
|
|
'spam_score',
|
|
'dkim_reason',
|
|
'dmarc_reason',
|
|
'postgrey_reason',
|
|
'postgrey_delay',
|
|
'category',
|
|
'failure_info',
|
|
]);
|
|
},
|
|
|
|
get_row_limit: function() {
|
|
return UserSettings.get().row_limit;
|
|
},
|
|
|
|
update_activity_rowVariant: function() {
|
|
// there is 1 row for each recipient of a message
|
|
// - give all rows of the same message the same
|
|
// color
|
|
this.activity.apply_rowVariant_grouping('info', (item, idx) => {
|
|
if (this.show_only_flagged && !item._flagged)
|
|
return null;
|
|
return item.sent_id;
|
|
});
|
|
},
|
|
|
|
show_only_flagged_change: function() {
|
|
// 'change' event callback for checkbox
|
|
this.update_activity_rowVariant();
|
|
// trigger BV to filter or not filter via
|
|
// reactive `show_only_flagged_filter`
|
|
this.show_only_flagged_filter=
|
|
(this.show_only_flagged ? 'yes' : null );
|
|
},
|
|
|
|
table_filter_cb: function(item, filter) {
|
|
// when filter is non-null, this is called by BV for
|
|
// each row to determine whether it will be filtered
|
|
// (false) or included in the output (true)
|
|
return item._flagged;
|
|
},
|
|
|
|
getChartData: function() {
|
|
if (!this.date_range || !this[this.sender_type]) {
|
|
return;
|
|
}
|
|
|
|
this.$emit('loading', 1);
|
|
axios.post('reports/uidata/remote-sender-activity', {
|
|
row_limit: this.get_row_limit(),
|
|
sender: this[this.sender_type].trim(),
|
|
sender_type: this.sender_type,
|
|
start_date: this.date_range[0],
|
|
end_date: this.date_range[1]
|
|
|
|
}).then(response => {
|
|
this.data_sender = this[this.sender_type].trim();
|
|
this.data_sender_type = this.sender_type;
|
|
this.data_date_range = this.date_range;
|
|
this.update_route();
|
|
this.recent_senders = UserSettings.get()
|
|
.add_to_recent_list(
|
|
this.set_prefix + this.sender_type,
|
|
this[this.sender_type]
|
|
);
|
|
this.show_only_flagged = false;
|
|
this.show_only_flagged_filter = null;
|
|
|
|
/* setup table data */
|
|
this.activity =
|
|
new MailBvTable(response.data.activity, {
|
|
_showDetails: true
|
|
});
|
|
this.combine_fields();
|
|
this.activity
|
|
.flag_fields()
|
|
.get_field('connect_time')
|
|
.add_tdClass('text-nowrap');
|
|
this.update_activity_rowVariant();
|
|
|
|
}).catch(error => {
|
|
this.$root.handleError(error);
|
|
|
|
}).finally(() => {
|
|
this.$emit('loading', -1);
|
|
});
|
|
|
|
},
|
|
|
|
row_clicked: function(item, index, event) {
|
|
item._showDetails = ! item._showDetails;
|
|
},
|
|
|
|
}
|
|
|
|
})}).catch((e) => {
|
|
reject(e);
|
|
});
|
|
|
|
});
|