You've already forked VARAM_classification_schema
Import UAPF package
Upload files to "/"
This commit is contained in:
985
DVS_Namejs_V1_vs_V2_prototype.html
Normal file
985
DVS_Namejs_V1_vs_V2_prototype.html
Normal file
@@ -0,0 +1,985 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="lv">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DVS Namejs — Klasifikācijas piešķiršana (V1 vs V2 salīdzinājums)</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');
|
||||
|
||||
:root {
|
||||
--bg: #f0f2f5;
|
||||
--surface: #ffffff;
|
||||
--border: #d0d5dd;
|
||||
--text: #1d2939;
|
||||
--text2: #475467;
|
||||
--text3: #98a2b3;
|
||||
--blue: #1570ef;
|
||||
--blue-bg: #eff8ff;
|
||||
--blue-border: #b2ddff;
|
||||
--green: #12b76a;
|
||||
--green-bg: #ecfdf3;
|
||||
--orange: #f79009;
|
||||
--orange-bg: #fffaeb;
|
||||
--red: #f04438;
|
||||
--red-bg: #fef3f2;
|
||||
--purple: #7a5af8;
|
||||
--purple-bg: #f4f3ff;
|
||||
--tag-project: #0086c9;
|
||||
--tag-programme: #6941c6;
|
||||
--tag-audience: #c4320a;
|
||||
}
|
||||
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
font-family: 'Source Sans 3', -apple-system, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: #0c111d;
|
||||
color: white;
|
||||
padding: 16px 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
}
|
||||
.header h1 { font-size: 18px; font-weight: 600; }
|
||||
.header .subtitle { color: #98a2b3; font-size: 14px; }
|
||||
.header .logo {
|
||||
width: 36px; height: 36px;
|
||||
background: var(--blue);
|
||||
border-radius: 8px;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-weight: 700; font-size: 14px;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
background: var(--surface);
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.tab {
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--text2);
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.tab:hover { color: var(--text); }
|
||||
.tab.active { color: var(--blue); border-bottom-color: var(--blue); }
|
||||
.tab .badge {
|
||||
display: inline-block;
|
||||
background: var(--bg);
|
||||
border-radius: 10px;
|
||||
padding: 1px 8px;
|
||||
font-size: 12px;
|
||||
margin-left: 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.tab.active .badge { background: var(--blue-bg); color: var(--blue); }
|
||||
|
||||
.content { padding: 24px; max-width: 1400px; margin: 0 auto; }
|
||||
|
||||
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
|
||||
@media (max-width: 1000px) { .compare { grid-template-columns: 1fr; } }
|
||||
|
||||
.panel {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.panel-header {
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.panel-header h2 { font-size: 16px; font-weight: 700; }
|
||||
.panel-header .version-badge {
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 6px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.v1-badge { background: var(--orange-bg); color: var(--orange); }
|
||||
.v2-badge { background: var(--green-bg); color: var(--green); }
|
||||
|
||||
.panel-body { padding: 20px; }
|
||||
|
||||
/* DVS Form simulation */
|
||||
.dvs-form { display: flex; flex-direction: column; gap: 16px; }
|
||||
.form-row { display: flex; flex-direction: column; gap: 6px; }
|
||||
.form-row label {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--text2);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.form-row input, .form-row select, .form-row textarea {
|
||||
padding: 10px 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-family: inherit;
|
||||
color: var(--text);
|
||||
background: var(--surface);
|
||||
}
|
||||
.form-row input:focus, .form-row select:focus, .form-row textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--blue);
|
||||
box-shadow: 0 0 0 3px rgba(21,112,239,0.12);
|
||||
}
|
||||
.form-row textarea { resize: vertical; min-height: 60px; }
|
||||
|
||||
/* Classification selector */
|
||||
.cls-selector {
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cls-search {
|
||||
padding: 10px 12px;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--border);
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
font-family: inherit;
|
||||
background: var(--bg);
|
||||
}
|
||||
.cls-search:focus { outline: none; background: var(--blue-bg); }
|
||||
|
||||
.cls-tree {
|
||||
max-height: 360px;
|
||||
overflow-y: auto;
|
||||
padding: 4px 0;
|
||||
}
|
||||
.cls-tree::-webkit-scrollbar { width: 6px; }
|
||||
.cls-tree::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
|
||||
|
||||
.cls-item {
|
||||
padding: 7px 12px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
transition: background 0.1s;
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.cls-item:hover { background: var(--bg); }
|
||||
.cls-item.selected {
|
||||
background: var(--blue-bg);
|
||||
border-left-color: var(--blue);
|
||||
}
|
||||
.cls-item.group {
|
||||
font-weight: 600;
|
||||
color: var(--text2);
|
||||
cursor: default;
|
||||
}
|
||||
.cls-item.group:hover { background: transparent; }
|
||||
.cls-item .code {
|
||||
font-family: 'SF Mono', 'Consolas', monospace;
|
||||
font-size: 12px;
|
||||
color: var(--text3);
|
||||
min-width: 80px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cls-item .name { flex: 1; }
|
||||
.cls-item .ret {
|
||||
font-size: 11px;
|
||||
color: var(--text3);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cls-item[data-level="0"] { padding-left: 12px; }
|
||||
.cls-item[data-level="1"] { padding-left: 28px; }
|
||||
.cls-item[data-level="2"] { padding-left: 44px; }
|
||||
.cls-item[data-level="3"] { padding-left: 60px; }
|
||||
.cls-item[data-level="4"] { padding-left: 76px; }
|
||||
|
||||
.cls-counter {
|
||||
padding: 8px 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text3);
|
||||
background: var(--bg);
|
||||
border-top: 1px solid var(--border);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* Tags for V2 */
|
||||
.tag-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
.tag-select {
|
||||
padding: 6px 10px;
|
||||
border: 1px dashed var(--border);
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
background: var(--surface);
|
||||
cursor: pointer;
|
||||
color: var(--text2);
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.tag-select:hover { border-color: var(--blue); color: var(--blue); }
|
||||
.tag-select.filled {
|
||||
border-style: solid;
|
||||
background: var(--blue-bg);
|
||||
color: var(--blue);
|
||||
border-color: var(--blue-border);
|
||||
}
|
||||
.tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 10px;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.tag-project { background: #ecfeff; color: var(--tag-project); }
|
||||
.tag-programme { background: var(--purple-bg); color: var(--tag-programme); }
|
||||
.tag-audience { background: #fff6ed; color: var(--tag-audience); }
|
||||
.tag .remove {
|
||||
cursor: pointer;
|
||||
margin-left: 2px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.tag .remove:hover { opacity: 1; }
|
||||
|
||||
/* Buttons */
|
||||
.btn {
|
||||
padding: 10px 18px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
font-family: inherit;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--surface);
|
||||
color: var(--text);
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.btn:hover { background: var(--bg); }
|
||||
.btn-primary {
|
||||
background: var(--blue);
|
||||
color: white;
|
||||
border-color: var(--blue);
|
||||
}
|
||||
.btn-primary:hover { background: #1260cc; }
|
||||
.btn-primary:disabled {
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.btn-row { display: flex; gap: 8px; justify-content: flex-end; }
|
||||
|
||||
/* Selected category display */
|
||||
.selected-category {
|
||||
padding: 12px 16px;
|
||||
background: var(--blue-bg);
|
||||
border: 1px solid var(--blue-border);
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.selected-category .sc-code {
|
||||
font-family: 'SF Mono', 'Consolas', monospace;
|
||||
font-weight: 700;
|
||||
color: var(--blue);
|
||||
}
|
||||
.selected-category .sc-name { margin-left: 8px; }
|
||||
.selected-category .sc-meta {
|
||||
font-size: 12px;
|
||||
color: var(--text2);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* Stats comparison */
|
||||
.stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 12px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.stat-card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 10px;
|
||||
padding: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.stat-card .number {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.stat-card .label {
|
||||
font-size: 12px;
|
||||
color: var(--text2);
|
||||
margin-top: 4px;
|
||||
}
|
||||
.stat-card.bad .number { color: var(--red); }
|
||||
.stat-card.good .number { color: var(--green); }
|
||||
.stat-card.neutral .number { color: var(--blue); }
|
||||
|
||||
/* Scenario steps */
|
||||
.scenario {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.scenario h3 { font-size: 15px; margin-bottom: 12px; }
|
||||
.scenario p { font-size: 14px; color: var(--text2); margin-bottom: 8px; }
|
||||
.scenario .step {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
align-items: flex-start;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.scenario .step-num {
|
||||
width: 24px; height: 24px;
|
||||
background: var(--blue);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.scenario .step-text { font-size: 14px; }
|
||||
|
||||
/* Highlight differences */
|
||||
.highlight {
|
||||
background: #fef9c3;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Dropdown overlay for tags */
|
||||
.dropdown-overlay {
|
||||
position: fixed;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
.dropdown-overlay.show { display: block; }
|
||||
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
|
||||
max-height: 240px;
|
||||
overflow-y: auto;
|
||||
z-index: 100;
|
||||
min-width: 280px;
|
||||
}
|
||||
.dropdown-item {
|
||||
padding: 8px 12px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.dropdown-item:hover { background: var(--bg); }
|
||||
.dropdown-item .di-code { color: var(--text3); font-size: 12px; }
|
||||
|
||||
.section-title {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid var(--border);
|
||||
}
|
||||
.section-title:first-child { margin-top: 0; }
|
||||
|
||||
.note {
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.note-warn { background: var(--orange-bg); color: #93370d; }
|
||||
.note-good { background: var(--green-bg); color: #05603a; }
|
||||
.note-info { background: var(--blue-bg); color: #175cd3; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="logo">DVS</div>
|
||||
<div>
|
||||
<h1>DVS Namejs — Klasifikācijas piešķiršanas salīdzinājums</h1>
|
||||
<div class="subtitle">Lietveža darba vieta: V1 (pašreizējā shēma) vs V2 (ierosinātā shēma)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="tab active" onclick="showTab('compare')">Salīdzinājums <span class="badge">V1 vs V2</span></div>
|
||||
<div class="tab" onclick="showTab('scenario')">Scenārijs <span class="badge">piemērs</span></div>
|
||||
<div class="tab" onclick="showTab('stats')">Statistika</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- TAB: Compare -->
|
||||
<div id="tab-compare">
|
||||
<div class="scenario" style="margin-bottom:20px">
|
||||
<h3>📋 Uzdevums: Lietvedis izveido jaunu dokumentu</h3>
|
||||
<p>Darbinieks ir saņēmis vēstuli no CFLA par ES projektu Nr. 2.2.1.1/19/I/004 "Atvērtie dati" un vēlas to reģistrēt DVS Namejs sistēmā. Viņam jāpiešķir klasifikācijas kategorija.</p>
|
||||
</div>
|
||||
|
||||
<div class="compare">
|
||||
<!-- V1 Panel -->
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>V1 — Pašreizējā shēma</h2>
|
||||
<span class="version-badge v1-badge">AS-IS · 647 ieraksti</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="dvs-form">
|
||||
<div class="form-row">
|
||||
<label>Dokumenta nosaukums</label>
|
||||
<input type="text" value="CFLA vēstule par projekta progresu" readonly>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>Klasifikācijas kategorija ⚠️</label>
|
||||
<div class="cls-selector">
|
||||
<input class="cls-search" type="text" placeholder="Meklēt ~496 kategorijās..." id="v1-search" oninput="filterV1()">
|
||||
<div class="cls-tree" id="v1-tree"></div>
|
||||
<div class="cls-counter">
|
||||
<span id="v1-showing">Rāda: 496 kategorijas</span>
|
||||
<span id="v1-scroll-hint">↕ ritiniet lai atrastu</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="v1-selected" style="display:none"></div>
|
||||
<div class="note note-warn">
|
||||
⚠️ Lietvedim jāzina, ka šis projekts ir I2-2, nevis I2-1 vai I2-3.
|
||||
Jāritina cauri ~166 investīciju projektu ierakstiem.
|
||||
Korespondence ir I2-2-1, nevis I2-2-2 (līgumi) vai I2-2-3 (rīkojumi).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- V2 Panel -->
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>V2 — Ierosinātā shēma</h2>
|
||||
<span class="version-badge v2-badge">PROPOSED · ~50 ieraksti</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="dvs-form">
|
||||
<div class="form-row">
|
||||
<label>Dokumenta nosaukums</label>
|
||||
<input type="text" value="CFLA vēstule par projekta progresu" readonly>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>Klasifikācijas kategorija ✓</label>
|
||||
<div class="cls-selector">
|
||||
<input class="cls-search" type="text" placeholder="Meklēt ~50 kategorijās..." id="v2-search" oninput="filterV2()">
|
||||
<div class="cls-tree" id="v2-tree"></div>
|
||||
<div class="cls-counter">
|
||||
<span id="v2-showing">Rāda: ~50 kategorijas</span>
|
||||
<span>✓ pārskatāms saraksts</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="v2-selected" style="display:none"></div>
|
||||
</div>
|
||||
<div class="form-row" id="v2-tags-section" style="display:none">
|
||||
<label>Projekts <span style="font-weight:400;text-transform:none">(metadata — DVS aizpilda automātiski vai lietvedis izvēlas)</span></label>
|
||||
<div class="tag-row" id="v2-tags">
|
||||
<span class="tag-select" onclick="showProjectPicker(this)">+ Pievienot projektu</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row" id="v2-programme-section" style="display:none">
|
||||
<label>Programma</label>
|
||||
<div class="tag-row" id="v2-programme-tags">
|
||||
<span class="tag-select" onclick="showProgrammePicker(this)">+ Pievienot programmu</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="v2-retention-display" style="display:none" class="form-row">
|
||||
<label>Glabāšanas termiņš (automātiski no kategorijas + projekta)</label>
|
||||
<div id="v2-ret-value" class="selected-category" style="background:var(--green-bg);border-color:#a6f4c5"></div>
|
||||
</div>
|
||||
<div class="note note-good" id="v2-note" style="display:none">
|
||||
✓ Lietvedis izvēlas funkciju (ko dokuments dara), nevis meklē konkrētu projektu
|
||||
starp 33 līdzīgiem ierakstiem. Projektu pievieno kā tagu — vai DVS to
|
||||
var aizpildīt automātiski no dokumenta konteksta.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TAB: Scenario -->
|
||||
<div id="tab-scenario" style="display:none">
|
||||
<h2 class="section-title">Scenārijs: Korespondence par ES projektu</h2>
|
||||
<div class="compare">
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>V1 — Lietveža ceļš</h2>
|
||||
<span class="version-badge v1-badge">7-12 soļi</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="scenario" style="border:none;padding:0">
|
||||
<div class="step"><div class="step-num">1</div><div class="step-text">Noklikšķina <b>Izveidot dokumentu</b></div></div>
|
||||
<div class="step"><div class="step-num">2</div><div class="step-text">Ievada nosaukumu, datumu, sūtītāju</div></div>
|
||||
<div class="step"><div class="step-num">3</div><div class="step-text">Atver klasifikācijas sarakstu — redz <span class="highlight">647 ierakstus</span></div></div>
|
||||
<div class="step"><div class="step-num">4</div><div class="step-text">Zina, ka tas ir investīciju projekts → meklē "I2" sadaļu</div></div>
|
||||
<div class="step"><div class="step-num">5</div><div class="step-text">Ritina cauri <span class="highlight">33 projektu grupām</span> (I2-1 ... I2-33), meklējot pareizo projektu</div></div>
|
||||
<div class="step"><div class="step-num">6</div><div class="step-text">Atrod I2-2 "Atvērto datu..." — bet projektu nosaukumi ir <span class="highlight">garās, līdzīgas rindas</span></div></div>
|
||||
<div class="step"><div class="step-num">7</div><div class="step-text">Atver I2-2 apakškategorijas</div></div>
|
||||
<div class="step"><div class="step-num">8</div><div class="step-text">Izvēlas I2-2-1 "Korespondence" (nevis I2-2-2 "Līgumi")</div></div>
|
||||
<div class="step"><div class="step-num">9</div><div class="step-text">Pārbauda — vai pareizais projekts? Vai pareizā apakškategorija?</div></div>
|
||||
<div class="step"><div class="step-num">🕐</div><div class="step-text"><b>~2-5 minūtes</b>, augsts kļūdu risks</div></div>
|
||||
</div>
|
||||
<div class="note note-warn" style="margin-top:16px">
|
||||
<b>Bieži kļūdas:</b> Izvēlas nepareizu projektu (I2-3 nevis I2-2),
|
||||
jo nosaukumi ir līdzīgi. Vai izvēlas I1 (programmu vadība) nevis I2
|
||||
(projektu ieviešana). Apakškategorijas ir identiskas visos 33 projektos —
|
||||
nav orientiera.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>V2 — Lietveža ceļš</h2>
|
||||
<span class="version-badge v2-badge">3-4 soļi</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="scenario" style="border:none;padding:0">
|
||||
<div class="step"><div class="step-num">1</div><div class="step-text">Noklikšķina <b>Izveidot dokumentu</b></div></div>
|
||||
<div class="step"><div class="step-num">2</div><div class="step-text">Ievada nosaukumu, datumu, sūtītāju</div></div>
|
||||
<div class="step"><div class="step-num">3</div><div class="step-text">Atver klasifikāciju — redz <span class="highlight">~50 ierakstus</span>.
|
||||
Uzreiz atrod <b>I2 → Korespondence</b>. Viena izvēle.</div></div>
|
||||
<div class="step"><div class="step-num">4</div><div class="step-text">Dropdown vai autocomplete: izvēlas <b>projektu</b> kā tagu.
|
||||
<br>Vai — <span class="highlight">DVS aizpilda automātiski</span> no sūtītāja/temata konteksta.</div></div>
|
||||
<div class="step"><div class="step-num">✓</div><div class="step-text"><b>~30 sekundes</b>, minimāls kļūdu risks</div></div>
|
||||
</div>
|
||||
<div class="note note-good" style="margin-top:16px">
|
||||
<b>Kāpēc labāk:</b> Lietvedis domā "šī ir korespondence par projektu" —
|
||||
tieši tā viņš arī izvēlas. Nevis "kurš no 33 projektiem" → "kura apakškategorija".
|
||||
Funkcija (korespondence) ir struktūra, projekts ir metadati.
|
||||
</div>
|
||||
<div class="note note-info" style="margin-top:8px">
|
||||
<b>AI palīgs (nākotne):</b> MCP serviss nolasa dokumenta saturu un
|
||||
automātiski iesaka kategoriju + projektu. Lietvedis tikai apstiprina.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">DVS Namejs ekrāna maketi</h2>
|
||||
<div class="compare">
|
||||
<div class="panel">
|
||||
<div class="panel-header"><h2>V1 ekrāns — Kategoriju izvēle</h2></div>
|
||||
<div class="panel-body" style="background:#f8f9fc;font-size:13px">
|
||||
<div style="background:white;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:12px">
|
||||
<div style="font-weight:600;margin-bottom:8px;color:#333">Dokumenta klasifikācija</div>
|
||||
<select style="width:100%;padding:8px;font-size:13px;border:1px solid #ccc;font-family:inherit" size="12">
|
||||
<option disabled>── P — PĀRVALDE ──</option>
|
||||
<option>P-1 · Iestādes vadība</option>
|
||||
<option> P-1-1 · Nolikums/reglaments...</option>
|
||||
<option> P-1-2 · Rīkojumi un to pielikumi...</option>
|
||||
<option disabled> ...</option>
|
||||
<option> P-1-13 · Sarakste</option>
|
||||
<option> P-1-13-1 · Sarakste ar republikas iestādēm...</option>
|
||||
<option> P-1-13-2 · Sarakste ar valsts pārvaldes iestādēm...</option>
|
||||
<option> P-1-13-3 · Sarakste ar ārvalstu institūcijām</option>
|
||||
<option> P-1-13-4 · Sarakste starp struktūrvienībām</option>
|
||||
<option> P-1-13-5 · Sarakste ar valsts pārvaldes iestādēm DIENESTA...</option>
|
||||
<option disabled>── I1 — INVESTĪCIJU PROGRAMMAS ──</option>
|
||||
<option disabled> ... 327 ieraksti ...</option>
|
||||
<option disabled>── I2 — INVESTĪCIJU PROJEKTI ──</option>
|
||||
<option>I2-1 · Projekta "Informācijas sistēmu..." dok.</option>
|
||||
<option> I2-1-1 · Korespondence</option>
|
||||
<option> I2-1-2 · Līgumi, grozījumi...</option>
|
||||
<option> I2-1-3 · Rīkojumi, protokoli</option>
|
||||
<option> I2-1-4 · Komunikācijas materiāli</option>
|
||||
<option style="background:#fff3cd">I2-2 · Projekta "Atvērto datu..." dok. ← ŠEIT</option>
|
||||
<option style="background:#d4edda"> I2-2-1 · Korespondence ← ŠEIT</option>
|
||||
<option> I2-2-2 · Līgumi, grozījumi...</option>
|
||||
<option> I2-2-3 · Rīkojumi, protokoli</option>
|
||||
<option> I2-2-4 · Komunikācijas materiāli</option>
|
||||
<option>I2-3 · Projekta "Valsts pārvaldes..." dok.</option>
|
||||
<option> I2-3-1 · Korespondence</option>
|
||||
<option disabled> ... vēl 30 projekti ar identiskām apakškategorijām ...</option>
|
||||
</select>
|
||||
<div style="color:#666;font-size:11px;margin-top:4px">Izvēlieties vienu no 496 kategorijām</div>
|
||||
</div>
|
||||
<div style="color:#dc3545;font-size:12px">
|
||||
⚠ Lietvedim jāatpazīst pareizais projekts pēc garā nosaukuma un jāizvēlas pareizā
|
||||
apakškategorija starp 4 identiskām opcijām, kas atkārtojas 33 reizes.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-header"><h2>V2 ekrāns — Funkcija + Tags</h2></div>
|
||||
<div class="panel-body" style="background:#f8f9fc;font-size:13px">
|
||||
<div style="background:white;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:12px">
|
||||
<div style="font-weight:600;margin-bottom:8px;color:#333">Dokumenta klasifikācija</div>
|
||||
<select style="width:100%;padding:8px;font-size:13px;border:1px solid #ccc;font-family:inherit" size="8">
|
||||
<option disabled>── P — PĀRVALDE ──</option>
|
||||
<option>P-1-7 · Sarakste</option>
|
||||
<option disabled>── I1 — INVESTĪCIJU PROGRAMMAS ──</option>
|
||||
<option>I1-5-1 · Sarakste ar EK un starpniekinstitūcijām</option>
|
||||
<option disabled>── I2 — INVESTĪCIJU PROJEKTI ──</option>
|
||||
<option style="background:#d4edda">I2-1 · Korespondence ← ŠEIT</option>
|
||||
<option>I2-2 · Līgumi, grozījumi, pieņemšanas akti</option>
|
||||
<option>I2-3 · Rīkojumi un protokoli</option>
|
||||
<option>I2-4 · Komunikācijas materiāli</option>
|
||||
</select>
|
||||
<div style="color:#666;font-size:11px;margin-top:4px">Izvēlieties funkciju (~50 kategorijas)</div>
|
||||
</div>
|
||||
<div style="background:white;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:12px">
|
||||
<div style="font-weight:600;margin-bottom:8px;color:#333">Projekts</div>
|
||||
<select style="width:100%;padding:8px;font-size:13px;border:1px solid #ccc;font-family:inherit">
|
||||
<option value="">— Izvēlieties projektu —</option>
|
||||
<option>PRJ-001 · IS uzturēšana (2.2.1.1/17/I/012)</option>
|
||||
<option style="background:#d4edda">PRJ-002 · Atvērtie dati (2.2.1.1/19/I/004) ← ŠEIT</option>
|
||||
<option>PRJ-003 · Valsts pārvaldes pakalpojumi...</option>
|
||||
<option>PRJ-004 · Datu analītikas platforma...</option>
|
||||
<option disabled>... (projektu reģistrs)</option>
|
||||
</select>
|
||||
<div style="color:#666;font-size:11px;margin-top:4px">
|
||||
Vai — DVS aizpilda automātiski no dokumenta konteksta / AI ieteikuma
|
||||
</div>
|
||||
</div>
|
||||
<div style="background:white;border:1px solid #ddd;border-radius:4px;padding:12px">
|
||||
<div style="font-weight:600;margin-bottom:4px;color:#333">Automātiski noteikts</div>
|
||||
<div style="font-size:12px;color:#666">
|
||||
Glabāšanas termiņš: <b style="color:#0a7">5 gadi pēc projekta noslēguma</b> (no kategorijas + projekta)<br>
|
||||
Atbildīgā struktūrvienība: <b>PPD</b> (no kategorijas)<br>
|
||||
Informācijas nesējs: <b>Elektroniski</b>
|
||||
</div>
|
||||
</div>
|
||||
<div style="color:#198754;font-size:12px;margin-top:8px">
|
||||
✓ Divi vienkārši dropdown: funkcija + projekts. Pārējais automātiski.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TAB: Stats -->
|
||||
<div id="tab-stats" style="display:none">
|
||||
<h2 class="section-title">Skaitļi</h2>
|
||||
<div class="stats">
|
||||
<div class="stat-card bad">
|
||||
<div class="number">496</div>
|
||||
<div class="label">V1: Kategorijas, no kurām jāizvēlas</div>
|
||||
</div>
|
||||
<div class="stat-card good">
|
||||
<div class="number">~50</div>
|
||||
<div class="label">V2: Kategorijas, no kurām jāizvēlas</div>
|
||||
</div>
|
||||
<div class="stat-card neutral">
|
||||
<div class="number">90%</div>
|
||||
<div class="label">Samazinājums lietveža izvēlē</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat-card bad">
|
||||
<div class="number">33×</div>
|
||||
<div class="label">V1: Identiskas apakšstruktūras (I2 projekti)</div>
|
||||
</div>
|
||||
<div class="stat-card good">
|
||||
<div class="number">1×</div>
|
||||
<div class="label">V2: Viena struktūra + projekta tags</div>
|
||||
</div>
|
||||
<div class="stat-card neutral">
|
||||
<div class="number">33</div>
|
||||
<div class="label">Projekti pārvietoti uz metadatiem</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat-card bad">
|
||||
<div class="number">2-5 min</div>
|
||||
<div class="label">V1: Laiks kategorijas piešķiršanai</div>
|
||||
</div>
|
||||
<div class="stat-card good">
|
||||
<div class="number">~30 sek</div>
|
||||
<div class="label">V2: Laiks kategorijas piešķiršanai</div>
|
||||
</div>
|
||||
<div class="stat-card neutral">
|
||||
<div class="number">~5×</div>
|
||||
<div class="label">Ātrāk</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">Kas mainās DVS Namejs sistēmā</h2>
|
||||
<div class="compare">
|
||||
<div class="panel">
|
||||
<div class="panel-header"><h2>V1 — DVS implementācija</h2><span class="version-badge v1-badge">AS-IS</span></div>
|
||||
<div class="panel-body" style="font-size:14px">
|
||||
<p><b>Klasifikācijas dropdown:</b> Viens liels select ar 496+ opcijām</p>
|
||||
<p style="margin-top:8px"><b>DVS datubāze:</b> Katram dokumentam — viens lauks <code>classification_code</code></p>
|
||||
<p style="margin-top:8px"><b>Piemērs:</b></p>
|
||||
<pre style="background:var(--bg);padding:12px;border-radius:6px;font-size:12px;margin-top:8px;overflow-x:auto">document_id: 12345
|
||||
title: "CFLA vēstule par projekta progresu"
|
||||
classification_code: "I2-2-1"
|
||||
-- Viss pārējais ir iekodēts ŠAJĀ kodā:
|
||||
-- projekts = "Atvērtie dati" (no I2-2)
|
||||
-- dok.tips = "Korespondence" (no -1)
|
||||
-- termiņš = "5 gadi pēc noslēguma" (no shēmas)
|
||||
-- dept = "PPD" (no shēmas)</pre>
|
||||
<div class="note note-warn" style="margin-top:12px">
|
||||
Viss atkarīgs no viena koda. Ja lietvedis izvēlas I2-3-1 nevis I2-2-1 —
|
||||
dokuments ir piešķirts nepareizam projektam, bet DVS to neredz kā kļūdu.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="panel-header"><h2>V2 — DVS implementācija</h2><span class="version-badge v2-badge">PROPOSED</span></div>
|
||||
<div class="panel-body" style="font-size:14px">
|
||||
<p><b>Klasifikācijas dropdown:</b> Mazs select ar ~50 opcijām (funkcijas)</p>
|
||||
<p style="margin-top:8px"><b>Projekta dropdown:</b> Atsevišķs select no projektu reģistra</p>
|
||||
<p style="margin-top:8px"><b>DVS datubāze:</b> Dokumentam — <code>classification_code</code> + <code>project_id</code> + <code>programme_id</code></p>
|
||||
<p style="margin-top:8px"><b>Piemērs:</b></p>
|
||||
<pre style="background:var(--bg);padding:12px;border-radius:6px;font-size:12px;margin-top:8px;overflow-x:auto">document_id: 12345
|
||||
title: "CFLA vēstule par projekta progresu"
|
||||
classification_code: "I2-1" -- funkcija: Korespondence
|
||||
project_id: "PRJ-002" -- atsevišķs lauks
|
||||
programme_id: "ERAF-2.2.1" -- atsevišķs lauks
|
||||
-- Retention, dept, media — automātiski no kategorijas
|
||||
-- Projekta specifika — no projektu reģistra</pre>
|
||||
<div class="note note-good" style="margin-top:12px">
|
||||
Katra dimensija ir atsevišķs lauks. DVS var validēt katru neatkarīgi.
|
||||
Var meklēt "visi dokumenti par projektu PRJ-002" neatkarīgi no kategorijas.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// V1 data — real from Excel
|
||||
const V1_DATA = [
|
||||
{code:"P",name:"PĀRVALDE",level:0,group:true},
|
||||
{code:"P-1",name:"Iestādes vadība",level:1,group:true},
|
||||
{code:"P-1-1",name:"Nolikums/reglaments, struktūrvienību reglamenti",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-2",name:"Rīkojumi un to pielikumi pamatdarbības jautājumos",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-3",name:"Iekšējie normatīvie akti un metodiskie dokumenti",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-4",name:"Publiskais gada pārskats, darba plāni un atskaites",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-5",name:"Dienesta ziņojumi, rezolūcijas",level:2,ret:"5 gadi",dept:"LN"},
|
||||
{code:"P-1-13",name:"Sarakste",level:2,group:true},
|
||||
{code:"P-1-13-1",name:"Sarakste ar republikas iestādēm un organizācijām ministrijas pamatdarbības jautājumos",level:3,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-13-2",name:"Sarakste ar valsts pārvaldes iestādēm, fiziskām un juridiskām personām (tai skaitā e-pasta sarakste)",level:3,ret:"5 gadi",dept:"LN"},
|
||||
{code:"P-1-13-3",name:"Sarakste ar ārvalstu institūcijām",level:3,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-13-4",name:"Sarakste starp struktūrvienībām",level:3,ret:"5 gadi",dept:"LN"},
|
||||
{code:"P-1-13-5",name:"Sarakste ar valsts pārvaldes iestādēm DIENESTA VAJADZĪBĀM",level:3,ret:"5 gadi",dept:"KD, LN"},
|
||||
{code:"P-1-13-6",name:"Sarakste informācijas drošības un personas datu aizsardzības jautājumos",level:3,ret:"5 gadi",dept:"VARAM"},
|
||||
{code:"P-1-13-7",name:"Fizisko personu iesniegumi",level:3,ret:"3 gadi",dept:"LN"},
|
||||
{code:"P-1-13-8",name:"Sarakste ar kapitālsabiedrībām",level:3,ret:"5 gadi",dept:"JD"},
|
||||
{code:"P-1-13-9",name:"Sarakste par valsts noslēpumu",level:3,ret:"5 gadi",dept:"KD, LN"},
|
||||
{code:"...",name:"... vēl ~130 P kategorijas ...",level:1,group:true},
|
||||
{code:"I1",name:"INVESTĪCIJU PROGRAMMU VADĪBA",level:0,group:true},
|
||||
{code:"I1-1",name:"Investīciju programmu vadība",level:1,group:true},
|
||||
{code:"...",name:"... 327 I1 kategorijas ...",level:1,group:true},
|
||||
{code:"I2",name:"INVESTĪCIJU PROJEKTU IEVIEŠANA",level:0,group:true},
|
||||
{code:"I2-1",name:'Dokumenti projekta "Informācijas sistēmu uzturēšana un attīstība" ietvaros',level:1,group:true},
|
||||
{code:"I2-1-1",name:"Korespondence",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-1-2",name:"Līgumi, to grozījumi, pieņemšanas–nodošanas akti, rēķini",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-1-3",name:"Rīkojumi, protokoli",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-1-4",name:"Komunikācijas materiāli un citi dokumenti",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-2",name:'Dokumenti projekta "Atvērto datu platforma" Nr.2.2.1.1/19/I/004 ietvaros',level:1,group:true,highlight:true},
|
||||
{code:"I2-2-1",name:"Korespondence",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD",highlight:true},
|
||||
{code:"I2-2-2",name:"Līgumi, to grozījumi, pieņemšanas–nodošanas akti, rēķini",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-2-3",name:"Rīkojumi, protokoli",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-2-4",name:"Komunikācijas materiāli un citi dokumenti",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-3",name:'Dokumenti projekta "Valsts pārvaldes pakalpojumu..." ietvaros',level:1,group:true},
|
||||
{code:"I2-3-1",name:"Korespondence",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-3-2",name:"Līgumi, to grozījumi...",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-3-3",name:"Rīkojumi, protokoli",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-3-4",name:"Komunikācijas materiāli...",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"...",name:"... vēl 30 projekti ar identiskām apakškategorijām ...",level:1,group:true},
|
||||
{code:"I2-33",name:'Dokumenti projekta "Valsts pārvaldes vienota finanšu..." ietvaros',level:1,group:true},
|
||||
{code:"I2-33-1",name:"Korespondence",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-33-2",name:"Līgumi, to grozījumi...",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-33-3",name:"Rīkojumi, protokoli",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
{code:"I2-33-4",name:"Komunikācijas materiāli...",level:2,ret:" 5 gadi pēc projekta noslēguma",dept:"PPD"},
|
||||
];
|
||||
|
||||
// V2 data — proposed functional
|
||||
const V2_DATA = [
|
||||
{code:"P",name:"PĀRVALDE",level:0,group:true},
|
||||
{code:"P-1",name:"Iestādes vadība",level:1,group:true},
|
||||
{code:"P-1-1",name:"Normatīvie dokumenti",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-2",name:"Rīkojumi pamatdarbības jautājumos",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-3",name:"Iekšējie normatīvie akti",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-4",name:"Plānošana un pārskati",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-5",name:"Sanāksmes un protokoli",level:2,ret:"Pastāvīgi",dept:"LN"},
|
||||
{code:"P-1-6",name:"Sarakste",level:2,ret:"5 gadi",dept:"LN",hasTag:"audience"},
|
||||
{code:"P-1-7",name:"Lēmumi un pilnvaras",level:2,ret:"Pastāvīgi",dept:"VARAM"},
|
||||
{code:"P-2",name:"Budžets",level:1,group:true},
|
||||
{code:"P-2-1",name:"Budžeta pieprasījumi un tāmes",level:2,ret:"Pastāvīgi",dept:"BFD"},
|
||||
{code:"P-3",name:"Personālvadība",level:1,group:true},
|
||||
{code:"P-3-1",name:"Darba līgumi un personāla lietas",level:2,ret:"75 gadi",dept:"PN"},
|
||||
{code:"P-3-2",name:"Rīkojumi personāla jautājumos",level:2,ret:"75 gadi",dept:"PN"},
|
||||
{code:"P-3-3",name:"Apmācības un novērtēšana",level:2,ret:"5 gadi",dept:"PN"},
|
||||
{code:"P-4",name:"Saimnieciskie jautājumi",level:1,group:true},
|
||||
{code:"P-4-1",name:"Īpašuma un telpu dokumenti",level:2,ret:"Pastāvīgi",dept:"SAN"},
|
||||
{code:"P-5",name:"Iepirkumi",level:1,group:true},
|
||||
{code:"P-5-1",name:"Iepirkumu dokumentācija",level:2,ret:"10 gadi",dept:"IUD"},
|
||||
{code:"P-5-2",name:"Līgumi un akti",level:2,ret:"10 gadi",dept:"IUD"},
|
||||
{code:"P-6",name:"Juridiskā funkcija",level:1,group:true},
|
||||
{code:"P-6-1",name:"Tiesvedība un atzinumi",level:2,ret:"10 gadi",dept:"JD"},
|
||||
{code:"P-7",name:"Komunikācija",level:1,group:true},
|
||||
{code:"P-7-1",name:"Preses relīzes un publikācijas",level:2,ret:"Pastāvīgi",dept:"KD"},
|
||||
{code:"P-8",name:"Audits",level:1,group:true},
|
||||
{code:"P-8-1",name:"Audita ziņojumi",level:2,ret:"10 gadi",dept:"AD"},
|
||||
{code:"P-9",name:"Finanšu vadība",level:1,group:true},
|
||||
{code:"P-9-1",name:"Grāmatvedības dokumenti",level:2,ret:"10 gadi",dept:"BFD"},
|
||||
{code:"I1",name:"INVESTĪCIJU PROGRAMMU VADĪBA",level:0,group:true},
|
||||
{code:"I1-1",name:"Programmu plānošana",level:1,group:true},
|
||||
{code:"I1-1-1",name:"Programmu apraksti un vadlīnijas",level:2,ret:"Pastāvīgi",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I1-2",name:"Uzraudzība un kontrole",level:1,group:true},
|
||||
{code:"I1-2-1",name:"Uzraudzības komiteju protokoli",level:2,ret:"Pastāvīgi",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I1-2-2",name:"Pārbaužu dokumenti",level:2,ret:"Pastāvīgi",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I1-3",name:"Finanšu pārvaldība",level:1,group:true},
|
||||
{code:"I1-3-1",name:"Maksājumi un sertifikācija",level:2,ret:"*per programme",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I1-4",name:"Ziņojumi",level:1,group:true},
|
||||
{code:"I1-4-1",name:"Progresa un noslēguma pārskati",level:2,ret:"*per programme",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I1-5",name:"Sarakste un lēmumi",level:1,group:true},
|
||||
{code:"I1-5-1",name:"Sarakste ar EK un starpniekinstitūcijām",level:2,ret:"*per programme",dept:"IPD",hasTag:"programme"},
|
||||
{code:"I2",name:"INVESTĪCIJU PROJEKTU IEVIEŠANA",level:0,group:true},
|
||||
{code:"I2-1",name:"Korespondence",level:1,ret:"*per project",dept:"PPD",hasTag:"project",highlight:true},
|
||||
{code:"I2-2",name:"Līgumi, grozījumi, pieņemšanas akti",level:1,ret:"*per project",dept:"PPD",hasTag:"project"},
|
||||
{code:"I2-3",name:"Rīkojumi un protokoli",level:1,ret:"*per project",dept:"PPD",hasTag:"project"},
|
||||
{code:"I2-4",name:"Komunikācijas materiāli",level:1,ret:"*per project",dept:"PPD",hasTag:"project"},
|
||||
{code:"I2-5",name:"Finanšu dokumentācija",level:1,ret:"*per project",dept:"PPD",hasTag:"project"},
|
||||
{code:"I2-6",name:"Noslēguma dokumenti",level:1,ret:"*per project",dept:"PPD",hasTag:"project"},
|
||||
];
|
||||
|
||||
function renderTree(data, container, searchTerm) {
|
||||
container.innerHTML = '';
|
||||
const term = (searchTerm || '').toLowerCase();
|
||||
let shown = 0;
|
||||
data.forEach(item => {
|
||||
if (term && !item.group) {
|
||||
const match = (item.code + ' ' + item.name).toLowerCase().includes(term);
|
||||
if (!match) return;
|
||||
}
|
||||
if (term && item.group) {
|
||||
// check if any children match
|
||||
const childMatch = data.some(d => !d.group && d.code.startsWith(item.code) && (d.code + ' ' + d.name).toLowerCase().includes(term));
|
||||
if (!childMatch && !(item.code + ' ' + item.name).toLowerCase().includes(term)) return;
|
||||
}
|
||||
const div = document.createElement('div');
|
||||
div.className = 'cls-item' + (item.group ? ' group' : '') + (item.highlight ? ' selected' : '');
|
||||
div.setAttribute('data-level', item.level);
|
||||
div.innerHTML = `
|
||||
<span class="code">${item.code}</span>
|
||||
<span class="name">${item.name}</span>
|
||||
${item.ret ? `<span class="ret">${item.ret}</span>` : ''}
|
||||
`;
|
||||
if (!item.group) {
|
||||
shown++;
|
||||
div.onclick = () => selectCategory(item, container.closest('.panel'));
|
||||
}
|
||||
container.appendChild(div);
|
||||
});
|
||||
return shown;
|
||||
}
|
||||
|
||||
function selectCategory(item, panel) {
|
||||
// deselect all in this panel
|
||||
panel.querySelectorAll('.cls-item').forEach(el => {
|
||||
if (!el.dataset.origHighlight) el.classList.remove('selected');
|
||||
});
|
||||
event.currentTarget.classList.add('selected');
|
||||
|
||||
// Show selected
|
||||
const isV2 = panel.querySelector('#v2-tree') !== null;
|
||||
const selDiv = panel.querySelector(isV2 ? '#v2-selected' : '#v1-selected');
|
||||
selDiv.style.display = 'block';
|
||||
selDiv.innerHTML = `<div class="selected-category">
|
||||
<span class="sc-code">${item.code}</span>
|
||||
<span class="sc-name">${item.name}</span>
|
||||
<div class="sc-meta">${item.ret ? 'Termiņš: ' + item.ret : ''} ${item.dept ? '· Dept: ' + item.dept : ''}</div>
|
||||
</div>`;
|
||||
|
||||
if (isV2 && item.hasTag) {
|
||||
document.getElementById('v2-tags-section').style.display = item.hasTag === 'project' ? 'block' : 'none';
|
||||
document.getElementById('v2-programme-section').style.display = item.hasTag === 'programme' ? 'block' : 'none';
|
||||
document.getElementById('v2-note').style.display = 'block';
|
||||
}
|
||||
}
|
||||
|
||||
function filterV1() {
|
||||
const term = document.getElementById('v1-search').value;
|
||||
const n = renderTree(V1_DATA, document.getElementById('v1-tree'), term);
|
||||
document.getElementById('v1-showing').textContent = `Rāda: ${n} kategorijas`;
|
||||
}
|
||||
|
||||
function filterV2() {
|
||||
const term = document.getElementById('v2-search').value;
|
||||
const n = renderTree(V2_DATA, document.getElementById('v2-tree'), term);
|
||||
document.getElementById('v2-showing').textContent = `Rāda: ${n} kategorijas`;
|
||||
}
|
||||
|
||||
function showProjectPicker(el) {
|
||||
const projects = [
|
||||
{id:"PRJ-001",name:"IS uzturēšana (2.2.1.1/17/I/012)"},
|
||||
{id:"PRJ-002",name:"Atvērtie dati (2.2.1.1/19/I/004)"},
|
||||
{id:"PRJ-003",name:"Valsts pārvaldes pakalpojumi (2.2.1.1/21/I/001)"},
|
||||
{id:"PRJ-004",name:"Datu analītikas platforma (2.1.2.1.i.0/1/23/...)"},
|
||||
{id:"PRJ-005",name:"AI risinājumi (2.1.2.1.i.0/...)"},
|
||||
];
|
||||
const tagRow = document.getElementById('v2-tags');
|
||||
el.outerHTML = projects.map((p,i) =>
|
||||
i === 1 ?
|
||||
`<span class="tag tag-project">${p.id} · ${p.name} <span class="remove" onclick="this.parentElement.remove()">×</span></span>` :
|
||||
''
|
||||
).join('') + `<span class="tag-select" onclick="showProjectPicker(this)">+ Pievienot projektu</span>`;
|
||||
|
||||
// Show retention
|
||||
document.getElementById('v2-retention-display').style.display = 'block';
|
||||
document.getElementById('v2-ret-value').innerHTML = '<b>5 gadi pēc projekta noslēguma pārskata apstiprināšanas</b><br><span style="font-size:12px;color:#475467">Automātiski noteikts no kategorijas I2-1 + projekta PRJ-002 (ERAF programma)</span>';
|
||||
}
|
||||
|
||||
function showProgrammePicker(el) {
|
||||
const progs = [
|
||||
{id:"ERAF-2014",name:"ERAF 2014–2020"},
|
||||
{id:"ANM",name:"Atveseļošanas un noturības mehānisms"},
|
||||
{id:"ESF",name:"Eiropas Sociālais fonds"},
|
||||
];
|
||||
el.outerHTML = `<span class="tag tag-programme">ERAF-2014 · ERAF 2014–2020 <span class="remove" onclick="this.parentElement.remove()">×</span></span><span class="tag-select" onclick="showProgrammePicker(this)">+ Pievienot programmu</span>`;
|
||||
}
|
||||
|
||||
function showTab(tab) {
|
||||
document.querySelectorAll('[id^="tab-"]').forEach(el => el.style.display = 'none');
|
||||
document.getElementById('tab-' + tab).style.display = 'block';
|
||||
document.querySelectorAll('.tab').forEach(el => el.classList.remove('active'));
|
||||
event.currentTarget.classList.add('active');
|
||||
}
|
||||
|
||||
// Init
|
||||
renderTree(V1_DATA, document.getElementById('v1-tree'));
|
||||
renderTree(V2_DATA, document.getElementById('v2-tree'));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user