First update
This commit is contained in:
@ -1100,7 +1100,25 @@ ul {
|
||||
color: #cecece;
|
||||
}
|
||||
|
||||
.no-alerts-to-show {
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
background-color: #f7f8f9;
|
||||
border: 1px dashed #eee;
|
||||
border-radius: 5px;
|
||||
font-size: 25px;
|
||||
color: #CFCFCF;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.no-alerts-to-show>.main-text {
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.no-alerts-to-show>.second-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.icon-usb {
|
||||
background: url('../assets/icon_usb.svg') no-repeat 0 0;
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "Mittel",
|
||||
"low": "Niedrig",
|
||||
"uncat_coms_table" : "Kommunikation nicht kategorisiert",
|
||||
"whitelisted_coms_table" : "Kommunikation auf der Whitelist",
|
||||
"no_alerts_title" : "Die Analyse der Kommunikation Ihres Geräts hat zu keinen Warnungen geführt.",
|
||||
"no_alerts_subtext" : "Unten können Sie die von ihm während der Erfassung ausgegebenen Mitteilungen sehen.",
|
||||
"protocol" : "Protokoll",
|
||||
"domain_name" : "Domain",
|
||||
"ip_address": "IP-Adresse:",
|
||||
@ -77,7 +80,7 @@
|
||||
"please_connect": "Bitte schließen Sie einen USB-Stick an, um Ihre Aufnahme zu speichern.",
|
||||
"we_are_saving": "Wir speichern Ihre Aufnahme.",
|
||||
"tap_msg": "Sie können den USB-Stick antippen, um eine neue Aufnahme zu starten.",
|
||||
"capture_download": "Der Download der Aufnahme beginnt …",
|
||||
"capture_download": "Der Download der Aufnahme beginnt…",
|
||||
"start_capture_btn": "Noch eine Aufnahme starten"
|
||||
},
|
||||
"modals": {
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "moderate",
|
||||
"low": "low",
|
||||
"uncat_coms_table" : "Uncategorized communications",
|
||||
"whitelisted_coms_table" : "Whitelisted communications",
|
||||
"no_alerts_title" : "Analysis of your smartphone's communications did not cause any alerts.",
|
||||
"no_alerts_subtext" : "You can see below the communications issued by it during the capture.",
|
||||
"protocol" : "Protocol",
|
||||
"domain_name" : "Domain",
|
||||
"ip_address" : "IP Address",
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "moderada",
|
||||
"low": "bajo",
|
||||
"uncat_coms_table" : "Sin categorizar Comunicaciones",
|
||||
"whitelisted_coms_table": "Comunicaciones incluidas en la lista blanca",
|
||||
"no_alerts_title": "El análisis de las comunicaciones de su dispositivo no generó ninguna alerta.",
|
||||
"no_alerts_subtext": "Puedes ver a continuación las comunicaciones emitidas por éste durante la captura.",
|
||||
"protocol" : "Protocolo",
|
||||
"domain_name" : "Dominio",
|
||||
"ip_address" : "Dirección IP ",
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "moyenne",
|
||||
"low": "basse",
|
||||
"uncat_coms_table" : "Communications non catégorisées",
|
||||
"whitelisted_coms_table": "Communications sur liste blanche",
|
||||
"no_alerts_title": "L'analyse des communications de votre appareil n'a provoqué aucune alerte.",
|
||||
"no_alerts_subtext": "Vous pouvez voir ci-dessous les communications émises par celui-ci lors de la capture.",
|
||||
"protocol" : "Protocole",
|
||||
"domain_name" : "Domaine",
|
||||
"ip_address" : "Adresse IP",
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "moderata",
|
||||
"low": "bassa",
|
||||
"uncat_coms_table" : "Comunicazioni non categorizzate",
|
||||
"whitelisted_coms_table": "Comunicazioni autorizzate",
|
||||
"no_alerts_title": "L'analisi delle comunicazioni del tuo dispositivo non ha causato alcun avviso.",
|
||||
"no_alerts_subtext": "Di seguito puoi vedere le comunicazioni emesse da esso durante la cattura.",
|
||||
"protocol" : "Protocollo",
|
||||
"domain_name" : "Dominio",
|
||||
"ip_address" : "Indirizzo IP",
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "moderado",
|
||||
"low": "leve",
|
||||
"uncat_coms_table" : "Comunicações não categorizadas",
|
||||
"whitelisted_coms_table" : "Comunicações na lista branca",
|
||||
"no_alerts_title" : "A análise das comunicações do seu dispositivo não causou nenhum alerta.",
|
||||
"no_alerts_subtext" : "Você pode ver abaixo as comunicações emitidas por ele durante a captura.",
|
||||
"protocol" : "Protocolo",
|
||||
"domain_name" : "Domínio",
|
||||
"ip_address": "Endereço IP:",
|
||||
|
@ -62,6 +62,9 @@
|
||||
"moderate": "средний",
|
||||
"low": "низкий",
|
||||
"uncat_coms_table" : "Несекретные сообщения",
|
||||
"whitelisted_coms_table": "Связь в белом списке",
|
||||
"no_alerts_title": "Анализ сообщений вашего устройства не вызвал никаких предупреждений.",
|
||||
"no_alerts_subtext": "Ниже вы можете увидеть сообщения, отправленные им во время захвата.",
|
||||
"protocol" : "Протокол",
|
||||
"domain_name" : "домен",
|
||||
"ip_address": "IP-адрес:",
|
||||
|
@ -29,7 +29,7 @@
|
||||
<button class="btn btn-report-low" @click="show_report=true;results=false;">{{ $t("report.show_full_report") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="none-wrapper">
|
||||
<div v-else class="none-wrapper">
|
||||
<div class="center">
|
||||
<h1 class="warning-title" v-html="$t('report.fine_msg')"></h1>
|
||||
<button class="btn btn-report-low-light" @click="show_report=true;results=false;">{{ $t("report.show_full_report") }}</button>
|
||||
@ -48,41 +48,47 @@
|
||||
{{ $t("report.detection_methods") }} {{ detection_methods }}
|
||||
</div>
|
||||
</div>
|
||||
<ul class="alerts">
|
||||
<li class="alert" v-for="alert in alerts.high" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="high-label">{{ $t("report.high") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="alert" v-for="alert in alerts.moderate" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="moderate-label">{{ $t("report.moderate") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="alert" v-for="alert in alerts.low" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="moderate-label">{{ $t("report.low") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div v-if="alerts.length>0">
|
||||
<ul class="alerts">
|
||||
<li class="alert" v-for="alert in alerts.high" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="high-label">{{ $t("report.high") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="alert" v-for="alert in alerts.moderate" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="moderate-label">{{ $t("report.moderate") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="alert" v-for="alert in alerts.low" :key="alert.message">
|
||||
<div class="alert-header">
|
||||
<span class="moderate-label">{{ $t("report.low") }}</span>
|
||||
<span class="alert-id">{{ alert.id }}</span>
|
||||
<span class="btn-whitelist" v-on:click="add_whitelist(alert.host)">Add to the whitelist</span>
|
||||
</div>
|
||||
<div class="alert-body">
|
||||
<span class="title">{{ alert.title }}</span>
|
||||
<p class="description">{{ alert.description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="no-alerts-to-show" v-else>
|
||||
<span class="main-text">{{ $t("report.no_alerts_title") }}</span>
|
||||
<span class="second-text">{{ $t("report.no_alerts_subtext") }}</span>
|
||||
</div>
|
||||
<h5 class="title-report" v-if="uncategorized_records.length>0">{{ $t("report.uncat_coms_table") }}</h5>
|
||||
<div v-if="uncategorized_records.length>0">
|
||||
<table class="table-uncat">
|
||||
@ -102,6 +108,25 @@
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<h5 class="title-report" v-if="uncategorized_records.length>0">{{ $t("report.whitelisted_coms_table") }}</h5>
|
||||
<div v-if="whitelisted_records.length>0">
|
||||
<table class="table-uncat">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ $t("report.protocol") }}</td>
|
||||
<td>{{ $t("report.domain_name") }}</td>
|
||||
<td>{{ $t("report.ip_address") }}</td>
|
||||
<td>{{ $t("report.port") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr v-for="record in whitelisted_records" :key="record.ip_dst">
|
||||
<td>{{ Object.keys(record.protocols).map(key => record.protocols[key].name).join(", ") }}</td>
|
||||
<td>{{ record.domains.join(", ") }}</td>
|
||||
<td>{{ record.ip_dst }}</td>
|
||||
<td>{{ Object.keys(record.protocols).map(key => record.protocols[key].port).join(", ") }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="controls-analysis">
|
||||
<div class="column col-6">
|
||||
<button class="btn btn btn-primary width-100" v-on:click="save_capture()">{{ $t("report.save") }}</button>
|
||||
@ -133,7 +158,8 @@ export default {
|
||||
return {
|
||||
results: true,
|
||||
detection_methods: "",
|
||||
uncategorized_records: []
|
||||
uncategorized_records: [],
|
||||
whitelisted_records: []
|
||||
}
|
||||
},
|
||||
props: {
|
||||
@ -178,10 +204,12 @@ export default {
|
||||
add_whitelist: function(host){
|
||||
EventBus.$emit("showModal", {"action" : "whitelist", "host" : host})
|
||||
},
|
||||
get_uncategorized_records: function(){
|
||||
get_records: function(){
|
||||
this.records.forEach( r => {
|
||||
if (!r.suspicious && !r.whitelisted){
|
||||
this.uncategorized_records.push(r);
|
||||
} else if (r.whitelisted){
|
||||
this.whitelisted_records.push(r);
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -189,7 +217,7 @@ export default {
|
||||
created: function() {
|
||||
console.log("[report.vue] Showing report.vue");
|
||||
this.get_detection_methods();
|
||||
this.get_uncategorized_records();
|
||||
this.get_records();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user