mstoeck3/forensic-pathways
2
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Activity

update the editor

Browse Source
This commit is contained in:
overcuriousity 2025-07-17 16:04:55 +02:00
parent aedc529cb3
commit af23c04219
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dfir_yaml_editor.html
View File

@ -178,9 +178,12 @@
margin: 5px 0; margin: 5px 0;
} }
.skill-novice { background: #d5f4e6; color: #158bc2; }
.skill-beginner { background: #d5f4e6; color: #27ae60; } .skill-beginner { background: #d5f4e6; color: #27ae60; }
.skill-intermediate { background: #ffeaa7; color: #e17055; } .skill-intermediate { background: #ffeaa7; color: #e17055; }
.skill-advanced { background: #fab1a0; color: #d63031; } .skill-advanced { background: #fab1a0; color: #d63031; }
.skill-expert { background: #fab1a0; color: #3a1b1b38; }
.form-section { .form-section {
background: #f8f9fa; background: #f8f9fa;
@ -388,9 +391,12 @@
transition: width 0.3s ease; transition: width 0.3s ease;
} }
.skill-fill.novice { background: linear-gradient(90deg, #77b7d3, #2e92cc); }
.skill-fill.beginner { background: linear-gradient(90deg, #27ae60, #2ecc71); } .skill-fill.beginner { background: linear-gradient(90deg, #27ae60, #2ecc71); }
.skill-fill.intermediate { background: linear-gradient(90deg, #f39c12, #e67e22); } .skill-fill.intermediate { background: linear-gradient(90deg, #f39c12, #e67e22); }
.skill-fill.advanced { background: linear-gradient(90deg, #e74c3c, #c0392b); } .skill-fill.advanced { background: linear-gradient(90deg, #e74c3c, #c0392b); }
.skill-fill.expert { background: linear-gradient(90deg, #241513, #422825); }
.skill-count { .skill-count {
min-width: 30px; min-width: 30px;
@ -482,9 +488,11 @@
<label for="skillLevel">Skill Level *</label> <label for="skillLevel">Skill Level *</label>
<select id="skillLevel" required> <select id="skillLevel" required>
<option value="">Select Level</option> <option value="">Select Level</option>
<option value="novice">Novice</option>
<option value="beginner">Beginner</option> <option value="beginner">Beginner</option>
<option value="intermediate">Intermediate</option> <option value="intermediate">Intermediate</option>
<option value="advanced">Advanced</option> <option value="advanced">Advanced</option>
<option value="expert">Expert</option>
</select> </select>
</div> </div>
</div> </div>
@ -835,7 +843,7 @@ phases:
} }
function updateSkillDistribution() { function updateSkillDistribution() {
const skillCounts = { beginner: 0, intermediate: 0, advanced: 0 }; const skillCounts = { novice: 0, beginner: 0, intermediate: 0, advanced: 0, expert: 0 };
if (yamlData && yamlData.tools) { if (yamlData && yamlData.tools) {
yamlData.tools.forEach(tool => { yamlData.tools.forEach(tool => {
@ -1219,8 +1227,8 @@ phases:
return; return;
} }
const skillLevel = prompt('Enter skill level (beginner/intermediate/advanced):'); const skillLevel = prompt('Enter skill level (novice/beginner/intermediate/advanced/expert):');
if (skillLevel && ['beginner', 'intermediate', 'advanced'].includes(skillLevel)) { if (skillLevel && ['novice','beginner', 'intermediate', 'advanced', 'expert'].includes(skillLevel)) {
selectedTools.forEach(index => { selectedTools.forEach(index => {
yamlData.tools[index].skillLevel = skillLevel; yamlData.tools[index].skillLevel = skillLevel;
}); });