You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

193 lines
8.9 KiB

require([
'splunkjs/mvc/simplexml/ready!'
], function() {
require([
'splunkjs/mvc',
], function(mvc) {
// console.log('hello');
$(".panel-body").css("min-height", "1150px").css("min-width", "1600px")
function _getClosest(value) {
var closest = null;
$.each(values, function(_key, _value) {
if (closest == null || Math.abs(this - value) < Math.abs(closest - value)) {
closest = this;
drawstage(_key + 1)
}
});
return closest;
}
drawstage(1);
$("#stage1").on("click", function() {
drawstage(1);
});
$("#stage2").on("click", function() {
drawstage(2);
});
$("#stage3").on("click", function() {
drawstage(3);
});
$("#stage4").on("click", function() {
drawstage(4);
});
$("#stage5").on("click", function() {
drawstage(5);
});
$("#stage6").on("click", function() {
drawstage(6);
});
if (window.location.href.indexOf("stage=") > -0) {
drawstage(parseInt(window.location.href.replace(/^.*?\?/, "").replace(/^.*?stage=/, "").replace(/[^\d].*$/, "")))
}
$("#panel1").css("min-width", "1400px")
$("body").css("min-width", "1420px")
function drawstage(stage) {
$("#numbercircle").html(stage);
drawallharveys([0, 0, 0, 0, 0, 0, 0, 0, 0]);
switch (stage) {
case 1:
$("#stage1").removeClass("stage1dark");
$("#stage2").addClass("stage2dark");
$("#stage3").addClass("stage3dark");
$("#stage4").addClass("stage4dark");
$("#stage5").addClass("stage5dark");
$("#stage6").addClass("stage6dark");
drawallharveys([25, 25, 25, 25, 0, 0, 25, 0, 0]);
$("#stagedesccontent").html($("#stage1description").html());
$("#stagemilestonecontent").html($("#stage1milestone").html());
$("#stagechallengecontent").html($("#stage1challenge").html());
$("#stagedatasourcecontent").html($("#stage1datasource").html());
break;
case 2:
$("#stage1").removeClass("stage1dark");
$("#stage2").removeClass("stage2dark");
$("#stage3").addClass("stage3dark");
$("#stage4").addClass("stage4dark");
$("#stage5").addClass("stage5dark");
$("#stage6").addClass("stage6dark");
drawallharveys([25, 25, 25, 25, 25, 25, 25, 0, 0]);
$("#stagedesccontent").html($("#stage2description").html());
$("#stagemilestonecontent").html($("#stage2milestone").html());
$("#stagechallengecontent").html($("#stage2challenge").html());
$("#stagedatasourcecontent").html($("#stage2datasource").html());
break;
case 3:
$("#stage1").removeClass("stage1dark");
$("#stage2").removeClass("stage2dark");
$("#stage3").removeClass("stage3dark");
$("#stage4").addClass("stage4dark");
$("#stage5").addClass("stage5dark");
$("#stage6").addClass("stage6dark");
drawallharveys([50, 25, 50, 50, 25, 50, 25, 0, 0]);
$("#stagedesccontent").html($("#stage3description").html());
$("#stagemilestonecontent").html($("#stage3milestone").html());
$("#stagechallengecontent").html($("#stage3challenge").html());
$("#stagedatasourcecontent").html($("#stage3datasource").html());
break;
case 4:
$("#stage1").removeClass("stage1dark");
$("#stage2").removeClass("stage2dark");
$("#stage3").removeClass("stage3dark");
$("#stage4").removeClass("stage4dark");
$("#stage5").addClass("stage5dark");
$("#stage6").addClass("stage6dark");
drawallharveys([75, 25, 75, 75, 50, 75, 25, 0, 0]);
$("#stagedesccontent").html($("#stage4description").html());
$("#stagemilestonecontent").html($("#stage4milestone").html());
$("#stagechallengecontent").html($("#stage4challenge").html());
$("#stagedatasourcecontent").html($("#stage4datasource").html());
break;
case 5:
$("#stage1").removeClass("stage1dark");
$("#stage2").removeClass("stage2dark");
$("#stage3").removeClass("stage3dark");
$("#stage4").removeClass("stage4dark");
$("#stage5").removeClass("stage5dark");
$("#stage6").addClass("stage6dark");
drawallharveys([100, 50, 100, 100, 100, 75, 25, 0, 0]);
$("#stagedesccontent").html($("#stage5description").html());
$("#stagemilestonecontent").html($("#stage5milestone").html());
$("#stagechallengecontent").html($("#stage5challenge").html());
$("#stagedatasourcecontent").html($("#stage5datasource").html());
break;
case 6:
$("#stage1").removeClass("stage1dark");
$("#stage2").removeClass("stage2dark");
$("#stage3").removeClass("stage3dark");
$("#stage4").removeClass("stage4dark");
$("#stage5").removeClass("stage5dark");
$("#stage6").removeClass("stage6dark");
drawallharveys([100, 50, 100, 100, 100, 100, 100, 0, 0]);
$("#stagedesccontent").html($("#stage6description").html());
$("#stagemilestonecontent").html($("#stage6milestone").html());
$("#stagechallengecontent").html($("#stage6challenge").html());
$("#stagedatasourcecontent").html($("#stage6datasource").html());
break;
}
}
function drawallharveys(percvector) {
$("#security_monitoring_fh").html(drawflatharvey(percvector[0]));
$("#compliance_fh").html(drawflatharvey(percvector[1]));
$("#incident_investigation_fh").html(drawflatharvey(percvector[2]));
$("#incident_response_fh").html(drawflatharvey(percvector[3]));
$("#soc_automation").html(drawflatharvey(percvector[4]));
$("#advanced_threat_fh").html(drawflatharvey(percvector[5]));
$("#insider_threat_fh").html(drawflatharvey(percvector[6]));
$("#fraud_fh").html(drawflatharvey(percvector[7]));
$("#application_security_fh").html(drawflatharvey(percvector[8]));
}
function drawflatharvey(perc) {
var html = "";
switch (perc) {
case 0:
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
break;
case 25:
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
break;
case 50:
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashgray"></div>'
html += '<div class="flatharveydashgray"></div>'
break;
case 75:
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashgray"></div>'
break;
case 100:
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
html += '<div class="flatharveydashblue"></div>'
break;
}
return html;
}
})
$("#cim_user_overview").find("a").attr("href",window.makeHelpLinkURL("Splunk_Security_Essentials", "journey.cim.user.overview", "latest"))
})