tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-09-25 10:59:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed several issues on chrome extension

Browse Source
This commit is contained in:
fermin831 2017-11-27 16:29:32 +01:00
parent 13e0221013
commit 5ea9edf132
4 changed files with 324 additions and 311 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

401
extras/chrome_extension/js/background.js
View File

@ -1,29 +1,27 @@
var timer = null; var refreshTimer = null;
var allEvents=new Array(); var isFetching = null;
var newEvents=new Array(); var storedEvents=new Array();
var oldEvents=new Array();
var api_div_numbers=21;
$(window).load(function() { $(window).load(function() {
initilise(); initilise();
if(timer) { // Wait some ms to throw main function
clearTimeout(timer); var delay = setTimeout(main, 100);
} resetInterval();
timer =setTimeout(main , 100 );
}); });
function fetchEvents() {
return storedEvents;
function fetchEvents(){
return oldEvents;
} }
function main() { function main() {
var url=localStorage["ip_address"]+'/include/api.php?op=get&op2=events&return_type=csv&apipass='+localStorage["api_pass"]+'&user='+localStorage["user_name"]+'&pass='+localStorage["pass"];
var feedUrl = url; chrome.runtime.sendMessage({text: "FETCH_EVENTS"});
localStorage["data_check"]="true"; // Do not fetch if is fetching now
if (isFetching) return;
isFetching = true;
var feedUrl = localStorage["ip_address"]+'/include/api.php?op=get&op2=events&return_type=csv&apipass='+localStorage["api_pass"]+'&user='+localStorage["user_name"]+'&pass='+localStorage["pass"];
req = new XMLHttpRequest(); req = new XMLHttpRequest();
req.onload = handleResponse; req.onload = handleResponse;
req.onerror = handleError; req.onerror = handleError;
@ -32,96 +30,68 @@ function main() {
} }
function handleError() { function handleError() {
localStorage["data_check"]="false"; chrome.runtime.sendMessage({text: "FETCH_EVENTS_URL_ERROR"});
if(timer) { isFetching = false;
clearTimeout(timer);
}
timer =setTimeout(main , 1000);
} }
function handleResponse() { function handleResponse() {
var doc = req.responseText; var doc = req.responseText;
if (doc=="auth error") { if (doc=="auth error") {
localStorage["data_check"]="false"; chrome.runtime.sendMessage({text: "FETCH_EVENTS_URL_ERROR"});
if(timer) { } else {
clearTimeout(timer); var n = doc.search("404 Not Found");
} if (n>0) {
timer =setTimeout(main , 1000); chrome.runtime.sendMessage({text: "FETCH_EVENTS_DATA_ERROR"});
} } else {
else{
var n=doc.search("404 Not Found");
if(n>0){
localStorage["data_check"]="false";
if(timer) {
clearTimeout(timer);
}
timer =setTimeout(main , 1000);
}
else{
localStorage["data_check"]="true"
getEvents(doc); getEvents(doc);
chrome.runtime.sendMessage({text: "FETCH_EVENTS_SUCCESS"});
} }
} }
isFetching = false;
} }
function getEvents(reply){ function getEvents(reply){
if(check()){ var fetchedEvents = parseReplyEvents(reply);
all_event_array=reply.split("\n");
allEvents=divideArray(all_event_array); // If there is no events requested, mark all as visited
if(oldEvents.length==0){ if (storedEvents.length == 0) {
oldEvents=allEvents; for(var k=0;k<fetchedEvents.length;k++){
fetchedEvents[k]['visited'] = true;
} }
newEvents=fetchNewEvents(allEvents,oldEvents); storedEvents = fetchedEvents;
if(newEvents.length!=0){ return;
for(var k=0;k<newEvents.length;k++){ }
localStorage["new_events"]++;
showNotification(k); // Discriminate the new events
} newEvents=fetchNewEvents(fetchedEvents,storedEvents);
}
oldEvents=allEvents; // Display the notifications
if(localStorage["new_events"]!=0){ for(var k=0;k<newEvents.length;k++){
showBadge(localStorage["new_events"]); localStorage["new_events"]++;
} displayNotification (newEvents[k])
else{ alertsSound(newEvents[k]);
hideBadge(); }
}
storedEvents = fetchedEvents;
if(timer) { updateBadge();
clearTimeout(timer); }
}
timer =setTimeout(main , localStorage["refresh"]*1000 ); function updateBadge() {
if (localStorage["new_events"] != 0) {
chrome.browserAction.setBadgeBackgroundColor({color:[0,200,0,255]});
chrome.browserAction.setBadgeText({ text: localStorage["new_events"] });
} else {
chrome.browserAction.setBadgeText({ text: "" });
} }
} }
function showBadge(txt) {
chrome.browserAction.setBadgeBackgroundColor({color:[0,200,0,255]});
chrome.browserAction.setBadgeText({ text: txt });
}
function hideBadge() {
chrome.browserAction.setBadgeText({ text: "" });
}
function divideArray(e_array){
var Events=new Array();
for(var i=0;i<e_array.length;i++){
var event=e_array[i].split(";");
Events.push(event);
}
return Events;
}
function hideNotification(){
}
function fetchNewEvents(A,B){ function fetchNewEvents(A,B){
var arrDiff = new Array(); var arrDiff = new Array();
for(var i = 0; i < A.length; i++) { for(var i = 0; i < A.length; i++) {
var id = false; var id = false;
for(var j = 0; j < B.length; j++) { for(var j = 0; j < B.length; j++) {
if(A[i][0] == B[j][0]) { if(A[i]['id'] == B[j]['id']) {
id = true; id = true;
break; break;
} }
@ -134,115 +104,182 @@ function fetchNewEvents(A,B){
} }
function showNotification(eventId){ function parseReplyEvents (reply) {
var Severity;
if(localStorage["sound_alert"]=="on"){ // Split the API request
if(newEvents[eventId][19]=="Critical"){ var e_array = reply.split("\n");
// Form a properly object
var fetchedEvents=new Array();
for(var i=0;i<e_array.length;i++){
// Avoid to parse empty lines
if (e_array[i].length == 0) continue;
var event=e_array[i].split(";");
fetchedEvents.push({
'id' : event[0],
'title' : event[6],
'date' : event[5],
'agent' : event[2],
'agent_name' : event[1],
'module' : event[9],
'type' : event[14],
'source' : event[17],
'severity' : event[19],
'visited' : false
});
}
// Return the events
return fetchedEvents;
}
function alertsSound(pEvent){
if(localStorage["sound_alert"]!="on"){
return;
}
switch (pEvent['severity']) {
case "Critical":
playSound(localStorage["critical"]); playSound(localStorage["critical"]);
} break;
if(newEvents[eventId][19]=="Informational"){ case "Informational":
playSound(localStorage["informational"]); playSound(localStorage["critical"]);
} break;
if(newEvents[eventId][19]=="Maintenance"){ case "Maintenance":
playSound(localStorage["maintenance"]); playSound(localStorage["maintenance"]);
} break;
if(newEvents[eventId][19]=="Normal"){ case "Normal":
playSound(localStorage["normal"]); playSound(localStorage["normal"]);
} break;
if(newEvents[eventId][19]=="Warning"){ case "Warning":
playSound(localStorage["warning"]); playSound(localStorage["warning"]);
} break;
} }
var notification = webkitNotifications.createHTMLNotification(
"notification.html?event="+eventId
);
notification.show();
} }
function getNotification(eventId){ function displayNotification (pEvent) {
var title=newEvents[eventId][6];
var id; // Check if the user is okay to get some notification
if(newEvents[eventId][9]==0){ if (Notification.permission === "granted") {
id="."; // If it's okay create a notification
getNotification(pEvent);
} }
else {
id= " in the module with Id "+ newEvents[eventId][9] + ".";
}
var event = newEvents[eventId][14]+" : "+newEvents[eventId][17]+". Event occured at "+ newEvents[eventId][5]+id;
return '<a>' + title + '</a> <br/> <span style="font-size:80%">' + event + '</span>';
// Otherwise, we need to ask the user for permission
// Note, Chrome does not implement the permission static property
// So we have to check for NOT 'denied' instead of 'default'
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
// Whatever the user answers, we make sure we store the information
if(!('permission' in Notification)) {
Notification.permission = permission;
}
// If the user is okay, let's create a notification
if (permission === "granted") getNotification(pEvent);
});
}
} }
function check(){ function getNotification(pEvent){
if (localStorage["data_check"]=="true" && localStorage["ip_address"] != null && localStorage["api_pass"] != null &&localStorage["user_name"]!=null &&localStorage["pass"]!=null && localStorage["ip_address"] != "" && localStorage["api_pass"] != "" &&localStorage["user_name"]!="" &&localStorage["pass"]!=""){
return true; // Build the event text
var even = pEvent['type'];
if (pEvent['source'] != '') even += " : " + pEvent['source'];
even += ". Event occured at " + pEvent['date'];
if(pEvent['module'] != 0) even += " in the module with Id "+ pEvent['module'];
even += ".";
var url = (pEvent['agent']=="")
? localStorage["ip_address"]+"/index.php?sec=eventos&sec2=operation/events/events"
: localStorage["ip_address"]+"/index.php?sec=estado&sec2=operation/agentes/ver_agente&id_agente=" + pEvent['agent'];
var notification = new Notification(
pEvent['title'],
{
body: even,
icon: "images/icon.png"
}
);
// Add the link
notification.onclick = function (event) {
event.preventDefault();
window.open(url, '_blank');
} }
else
return false; // Close notification after 10 secs
setTimeout(function() {notification.close()}, 10000);
}
function resetInterval () {
if (refreshTimer) clearInterval(refreshTimer);
refreshTimer = setInterval(main, localStorage["refresh"]*1000);
} }
function initilise(){ function initilise(){
if(localStorage["ip_address"]==undefined){ if (isFetching == null) isFetching = false;
localStorage["ip_address"]="http://firefly.artica.es/pandora_demo"; if(localStorage["ip_address"]==undefined){
localStorage["ip_address"]="http://firefly.artica.es/pandora_demo";
} }
if(localStorage["api_pass"]==undefined){ if(localStorage["api_pass"]==undefined){
localStorage["api_pass"]="doreik0"; localStorage["api_pass"]="doreik0";
} }
if(localStorage["user_name"]==undefined){ if(localStorage["user_name"]==undefined){
localStorage["user_name"]="demo"; localStorage["user_name"]="demo";
} }
if(localStorage["pass"]==undefined){ if(localStorage["pass"]==undefined){
localStorage["pass"]="demo"; localStorage["pass"]="demo";
} }
if(localStorage["critical"]==null){ if(localStorage["critical"]==null){
localStorage["critical"]="11"; localStorage["critical"]="11";
} }
if(localStorage["informational"]==null){ if(localStorage["informational"]==null){
localStorage["informational"]="1"; localStorage["informational"]="1";
} }
if(localStorage["maintenance"]==null){ if(localStorage["maintenance"]==null){
localStorage["maintenance"]="10"; localStorage["maintenance"]="10";
} }
if(localStorage["normal"]==null){ if(localStorage["normal"]==null){
localStorage["normal"]="6"; localStorage["normal"]="6";
} }
if(localStorage["warning"]==null){ if(localStorage["warning"]==null){
localStorage["warning"]="2"; localStorage["warning"]="2";
} }
if(localStorage["events"]==null){ if(localStorage["events"]==null){
localStorage["events"]=20; localStorage["events"]=20;
} }
if(localStorage["refresh"]==null){ if(localStorage["refresh"]==null){
localStorage["refresh"]="10"; localStorage["refresh"]="10";
} }
if(localStorage["ip_address"]==null){ if(localStorage["ip_address"]==null){
localStorage["ip_address"]="http://firefly.artica.es/pandora_demo"; localStorage["ip_address"]="http://firefly.artica.es/pandora_demo";
} }
if(localStorage["api_pass"]==null){ if(localStorage["api_pass"]==null){
localStorage["api_pass"]="doreik0"; localStorage["api_pass"]="doreik0";
} }
if(localStorage["user_name"]==null){ if(localStorage["user_name"]==null){
localStorage["user_name"]="demo"; localStorage["user_name"]="demo";
} }
if(localStorage["pass"]==null){ if(localStorage["pass"]==null){
localStorage["pass"]="demo"; localStorage["pass"]="demo";
} }
if(localStorage["sound_alert"]==null){ if(localStorage["sound_alert"]==null){
localStorage["sound_alert"]="on"; localStorage["sound_alert"]="on";
} }
if(localStorage["changed"]==null){ if(localStorage["changed"]==null){
localStorage["changed"]="false"; localStorage["changed"]="false";
} }
if(localStorage["new_events"]==null){ if(localStorage["new_events"]==null){
localStorage["new_events"]=parseInt(localStorage["events"]); localStorage["new_events"]=parseInt(localStorage["events"]);
} }
if(localStorage["error"]==null) {
localStorage["error"] = true;
}
} }

206
extras/chrome_extension/js/popup.js
View File

@ -1,5 +1,3 @@
var timer = null;
var event_array;
var max_events; var max_events;
var bg; var bg;
$(document).ready(function(){ $(document).ready(function(){
@ -8,66 +6,68 @@ $(document).ready(function(){
localStorage["events"]="20"; localStorage["events"]="20";
} }
bg=chrome.extension.getBackgroundPage(); bg=chrome.extension.getBackgroundPage();
if(timer) {
clearTimeout(timer);
}
timer =setTimeout(mainPoP , 2000 );
});
function mainPoP(){ // Display the information
if(bg.check()){ if (bg.fetchEvents().length == 0) {
showError("Error in fetching data!! Check your internet connection");
} else {
showEvents(); showEvents();
} }
else
{ // Adding buttons listeners
showUrlError(); document.getElementById("m_refresh").addEventListener("click", mrefresh);
}
} // Added listener to background messages
function showUrlError(){ chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
var res=document.createDocumentFragment(); switch (message.text) {
var r = document.getElementById('e'); case "FETCH_EVENTS":
var eve=document.createElement('div'); setSpinner();
eve.id="event_temp"; //$('div.b').hide();
eve.setAttribute("class","b"); break;
case "FETCH_EVENTS_SUCCESS":
var p = document.createElement('a'); unsetSpinner();
p.href="options.html"; showEvents();
p.target="_blank"; break;
p.innerText="Configure ip address,API password, user name and password with correct values"; case "FETCH_EVENTS_DATA_ERROR":
eve.appendChild(p); unsetSpinner();
res.appendChild(eve); showError("Error in fetching data!! Check your internet connection");
r.parentNode.insertBefore(res,r); break;
$('.loader').hide(); case "FETCH_EVENTS_URL_ERROR":
$('div.b').show(); unsetSpinner();
showError("Configure ip address,API password, user name and password with correct values");
if(timer) { break;
clearTimeout(timer); default:
} console.log("Unrecognized message: ", message.text);
timer =setTimeout(refresh , 1000 ); break;
}
});
});
function setSpinner () {
$('#refr_img_id').attr("src", "images/spinny.gif");
} }
function showDataError(){ function unsetSpinner() {
var res=document.createDocumentFragment(); $('#refr_img_id').attr("src", "images/refresh.png");
var r = document.getElementById('e'); }
var eve=document.createElement('div');
eve.id="event_temp"; function clearError() {
eve.setAttribute("class","b"); $('.error').hide();
$('.error a').text("");
var p = document.createElement('a'); }
p.innerText="Error in fetching data!! Check your internet connection";
eve.appendChild(p); function showError(text){
res.appendChild(eve); $('.error a').text(text);
r.parentNode.insertBefore(res,r); $('.error').show();
$('.loader').hide();
$('div.b').show();
if(timer) {
clearTimeout(timer);
}
timer =setTimeout(refresh , 1000 );
} }
function showEvents(){ function showEvents(){
clearError();
var wrapper = document.getElementById('event');
var e_refr = document.getElementById('event_temp');
if(e_refr){
wrapper.removeChild(e_refr);
}
var allEvents=bg.fetchEvents(); var allEvents=bg.fetchEvents();
var r = document.getElementById('e'); var r = document.getElementById('e');
var res=document.createDocumentFragment(); var res=document.createDocumentFragment();
@ -77,7 +77,7 @@ function showEvents(){
var i=0; var i=0;
if(allEvents.length>0){ if(allEvents.length>0){
while(i<max_events){ while(i<max_events && i<allEvents.length){
var eve_title=document.createElement('div'); var eve_title=document.createElement('div');
var img = document.createElement('img'); var img = document.createElement('img');
img.src = 'images/plus.gif'; img.src = 'images/plus.gif';
@ -90,59 +90,50 @@ function showEvents(){
var temp_style; var temp_style;
var agent_url; var agent_url;
if(allEvents[i][1]==""){; if (allEvents[i]["agent_name"] == 0) {
agent_url=localStorage["ip_address"]+"/index.php?sec=eventos&sec2=operation/events/events" ; agent_url=localStorage["ip_address"]+"/index.php?sec=eventos&sec2=operation/events/events";
}else{ } else {
agent_url=localStorage["ip_address"]+"/index.php?sec=estado&sec2=operation/agentes/ver_agente&id_agente="+allEvents[i][1]; agent_url=localStorage["ip_address"]+"/index.php?sec=estado&sec2=operation/agentes/ver_agente&id_agente="+allEvents[i]['agent_name'];
} }
a.setAttribute("href",agent_url); a.setAttribute("href",agent_url);
a.target="_blank"; a.target="_blank";
a.innerText = allEvents[i][6]; a.innerText = allEvents[i]['title'];
if(i<localStorage["new_events"]){ switch (allEvents[i]['severity']){
var temp_style="font-weight:bold;"; case "Warning":
} eve_title.setAttribute("style","background:#FCED7E; margin-bottom:-12px;"+temp_style);
else{ break;
var temp_style="font-weight:normal;"; case "Critical":
eve_title.setAttribute("style","background:#FA7A7A; margin-bottom:-12px;"+temp_style);
break;
case "Informational":
eve_title.setAttribute("style","background:#7FB9FA; margin-bottom:-12px;"+temp_style);
break;
case "Normal":
eve_title.setAttribute("style","background:#A8D96C; margin-bottom:-12px;"+temp_style);
break;
case "Maintenance":
eve_title.setAttribute("style","background:#BABDB6; margin-bottom:-12px;"+temp_style);
break;
} }
if(allEvents[i][19]=="Warning"){
eve_title.setAttribute("style","background:#FCED7E; margin-bottom:-12px;"+temp_style);
}
if(allEvents[i][19]=="Critical"){
eve_title.setAttribute("style","background:#FA7A7A; margin-bottom:-12px;"+temp_style);
}
if(allEvents[i][19]=="Informational"){
eve_title.setAttribute("style","background:#7FB9FA; margin-bottom:-12px;"+temp_style);
}
if(allEvents[i][19]=="Normal"){
eve_title.setAttribute("style","background:#A8D96C; margin-bottom:-12px;"+temp_style);
}
if(allEvents[i][19]=="Maintenance"){
eve_title.setAttribute("style","background:#BABDB6; margin-bottom:-12px;"+temp_style);
}
eve_title.appendChild(a); eve_title.appendChild(a);
eve.appendChild(eve_title); eve.appendChild(eve_title);
var b = document.createElement('br'); var b = document.createElement('br');
eve.appendChild(b); eve.appendChild(b);
var time=allEvents[i][5].split(" "); var time=allEvents[i]['date'].split(" ");
var time_text = time[0]+" "+time[1]; var time_text = time[0]+" "+time[1];
var p = document.createElement('p'); var p = document.createElement('p');
var id; var id = (allEvents[i]['module']==0)
if(allEvents[i][9]==0){ ? "."
id="."; : " in the module with Id "+ allEvents[i]['module'] + ".";
}
else {
id= " in the module with Id "+ allEvents[i][9] + ".";
}
p.innerText = allEvents[i][14]+" : "+allEvents[i][17]+". Event occured at "+ time_text+id; p.innerText = allEvents[i]['type']+" : "+allEvents[i]['source']+". Event occured at "+ time_text+id;
p.id = 'p_' + i; p.id = 'p_' + i;
eve.appendChild(p); eve.appendChild(p);
i++; i++;
@ -152,19 +143,13 @@ function showEvents(){
r.parentNode.insertBefore(res,r); r.parentNode.insertBefore(res,r);
$('img.pm').click(showHide); $('img.pm').click(showHide);
$('.loader').hide();
$('div.b').show(); $('div.b').show();
} } else {
else{ showDataError();
showDataError();
} }
localStorage["new_events"]=0; localStorage["new_events"]=0;
bg.hideBadge(); bg.updateBadge();
if(timer) {
clearTimeout(timer);
}
timer =setTimeout(refresh , 30*1000 );
} }
function showHide() { function showHide() {
@ -181,25 +166,10 @@ function showHide() {
} }
} }
function refresh(){
localStorage["new_events"]=0;
bg.hideBadge();
var e = document.getElementById('event_temp');
if(e){
e.parentNode.removeChild(e);
}
mainPoP();
}
function mrefresh(){ function mrefresh(){
localStorage["new_events"]=0; localStorage["new_events"]=0;
bg.hideBadge(); bg.updateBadge();
var bg=chrome.extension.getBackgroundPage(); clearError();
bg.location.reload(); bg.resetInterval();
var e = document.getElementById('event_temp'); bg.main();
if(e){
e.parentNode.removeChild(e);
}
mainPoP();
} }

8
extras/chrome_extension/manifest.json
View File

@ -20,10 +20,10 @@
}, },
"options_page": "options.html", "options_page": "options.html",
"permissions": [ "permissions": [
"tabs", "tabs",
"notifications", "notifications",
"http://*/*", "http://*/*",
"background" "background"
], ],
"default_locale": "en" "default_locale": "en"
} }

20
extras/chrome_extension/popup.html
View File

@ -7,17 +7,23 @@
<body> <body>
<div> <div>
<div id="head"> <div id="head">
<a href=""><img src="images/logo.png" border="0"/></a><a href="options.html" target="_blank"><img src="images/gear.png" style='float:right;padding:5px 5px 0 0;border:0px' title="Options"></a> <a href=""><img src="images/logo.png" border="0"/></a>
<a onclick="mrefresh();" style="cursor:pointer" id="m_refresh"><img src="images/refresh.png" style='float:right;padding:5px 5px 0 0;border:0px' title="Refresh"></a> <a href="options.html" target="_blank">
</div> <img src="images/gear.png" style='float:right;padding:5px 5px 0 0;border:0px' title="Options">
</a>
<a style="cursor:pointer" id="m_refresh">
<img src="images/refresh.png" id="refr_img_id" style='float:right;padding:5px 5px 0 0;border:0px' title="Refresh">
</a>
</div>
<div class="loader"> <img src='images/spinny.gif'/> Loading... </div> <div class="error">
<h1>Error</h1>
<a href="options.html" target="_blank" />
</div>
<div class="result" id="result" > <div class="result" id="result" >
<div class="b" id="event"> <div class="b" id="event">
<h1>Events</h1> <h1>Events</h1>
<div class="e" id="e"> <div class="e" id="e" />
</div>
</div> </div>
</div> </div>
</body> </body>