Skip to content

Commit 291b577

Browse files
ahouseholderahouseholder
authored
Integrate javascript (#992)
2 parents f5f79b7 + 4b4f37f commit 291b577

File tree

4 files changed

+2544
-2410
lines changed

4 files changed

+2544
-2410
lines changed

‎docs/ssvc-explorer/index.md‎

Lines changed: 116 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,126 @@
11
---
22
hide:
3-
- navigation
4-
- title
3+
- navigation
4+
- title
55
---
66

7-
# SSVC Policy Explorer
7+
# SSVC Explorer
88

99
<style>
10-
.sembed {
11-
min-width: 1200px;
12-
min-height: 1100px;
13-
z-index: 1;
14-
position: relative;
10+
.ssvc-explorer input
11+
{
12+
border: 1px solid grey;
13+
font-family: verdana;
14+
font-size: 12px;
1515
}
1616
</style>
17+
<div class="ssvc-explorer">
18+
<div id="ssvcPopup" style="position: absolute; display:none;top: 15%; left: 50%;transform: translate(-50%, -50%); background-color: #fff; border: 4px solid #ccc; padding: 10px; border-radius: 6px; width: auto; max-height: 80%;overflow-y: auto; z-index:10">
19+
<div data-customdp="1">
20+
<h4 style="text-align: center">Customize Decision Point</h4>
21+
<form onSubmit="return false;" style="text-align:left" autocomplete="off">
22+
<div style="padding-bottom:10px">
23+
<select name="customdp" style="background: transparent; border-radius: 6px; padding: 0px 4px 0px 4px;font-weight: bolder;">
24+
<option value="">Choose/Create Decision Point</option>
25+
</select>
26+
</div>
27+
<div style="display: table-row">
28+
<label style="display:table-cell">Name</label>
29+
<input required type="text" style="min-width: 300px;display:table-cell;" name="obj-name" placeholder="Name (Exploitation)">
30+
</div>
31+
<div style="display:table-row">
32+
<label style="display:table-cell">Namespace</label>
33+
<input required type="text" style="min-width: 300px;display:table-cell" name="obj-namespace" placeholder="Namespace (x_com.example#psirt)">
34+
<br>
35+
<label style="display:none">
36+
<input type="checkbox" name="translate-only" unchecked>
37+
(Translation only)
38+
</label>
39+
<label style="display:none">
40+
<select name="lang" disabled>
41+
<option value="ar-SA">Arabic (Saudi Arabia)(ar-SA)</option><option value="bn-BD">Bangla (Bangladesh)(bn-BD)</option><option value="bn-IN">Bangla (India)(bn-IN)</option><option value="cs-CZ">Czech (Czech Republic)(cs-CZ)</option><option value="da-DK">Danish (Denmark)(da-DK)</option><option value="de-AT">Austrian German(de-AT)</option><option value="de-CH">"Swiss" German(de-CH)</option><option value="de-DE">Standard German (Germany)(de-DE)</option><option value="el-GR">Modern Greek(el-GR)</option><option value="en-AU">Australian English(en-AU)</option><option value="en-CA">Canadian English(en-CA)</option><option value="en-GB">British English(en-GB)</option><option value="en-IE">Irish English(en-IE)</option><option value="en-IN">Indian English(en-IN)</option><option value="en-NZ">New Zealand English(en-NZ)</option><option value="en-US">US English(en-US)</option><option value="en-ZA">English (South Africa)(en-ZA)</option><option value="es-AR">Argentine Spanish(es-AR)</option><option value="es-CL">Chilean Spanish(es-CL)</option><option value="es-CO">Colombian Spanish(es-CO)</option><option value="es-ES">Castilian Spanish (es-ES)</option><option value="es-MX">Mexican Spanish(es-MX)</option><option value="es-US">American Spanish(es-US)</option><option value="fi-FI">Finnish (Finland)(fi-FI)</option><option value="fr-BE">Belgian French(fr-BE)</option><option value="fr-CA">Canadian French(fr-CA)</option><option value="fr-CH">"Swiss" French(fr-CH)</option><option value="fr-FR">Standard French(fr-FR)</option><option value="he-IL">Hebrew (Israel)(he-IL)</option><option value="hi-IN">Hindi (India)(hi-IN)</option><option value="hu-HU">Hungarian (Hungary)(hu-HU)</option><option value="id-ID">Indonesian (Indonesia)(id-ID)</option><option value="it-CH">"Swiss" Italian(it-CH)</option><option value="it-IT">Standard Italian (Italy)(it-IT)</option><option value="ja-JP">Japanese (Japan)(ja-JP)</option><option value="ko-KR">Korean (Republic of Korea)(ko-KR)</option><option value="nl-BE">Belgian Dutch(nl-BE)</option><option value="nl-NL">Standard Dutch (The Netherlands)(nl-NL)</option><option value="no-NO">Norwegian (Norway)(no-NO)</option><option value="pl-PL">Polish (Poland)(pl-PL)</option><option value="pt-BR">Brazilian Portuguese(pt-BR)</option><option value="pt-PT">European Portuguese (Portugal)(pt-PT)</option><option value="ro-RO">Romanian (Romania)(ro-RO)</option><option value="ru-RU">Russian (Russian Federation)(ru-RU)</option><option value="sk-SK">Slovak (Slovakia)(sk-SK)</option><option value="sv-SE">Swedish (Sweden)(sv-SE)</option><option value="ta-IN">Indian Tamil(ta-IN)</option><option value="ta-LK">Sri Lankan Tamil(ta-LK)</option><option value="th-TH">Thai (Thailand)(th-TH)</option><option value="tr-TR">Turkish (Turkey)(tr-TR)</option><option value="zh-CN">Mainland China simplified characters(zh-CN)</option><option value="zh-HK">Hong Kong traditional characters(zh-HK)</option><option value="zh-TW">Taiwan traditional characters(zh-TW)</option>
42+
</select>
43+
Language
1744

18-
<iframe src="findex.html" class="sembed" style="border: 0px"></iframe>
45+
</label>
46+
</div>
47+
<div style="display: table-row">
48+
<label for="dpVersion" style="display:table-cell">Version</label>
49+
<input required type="text" style="min-width: 300px;display:table-cell" name="obj-version" placeholder="Version (1.0.0)">
50+
</div>
51+
<div style="display: table-row">
52+
<label style="display:table-cell">Definition</label>
53+
<textarea required style="display:table-cell; min-height: 30px; min-width: 300px;" name="obj-definition" placeholder="Definition" onchange="SSVC.textAreaAutoSize(this)"></textarea>
54+
</div>
55+
<div style="display: table-row">
56+
<label style="display: table-cell">Decision Point Values</label>
57+
<button type="button" style="display:table-cell" onclick="SSVC.dpValueClone(this)">(+) Add</button>
58+
</div>
59+
<div style="display: table-row" data-clone="1">
60+
<label style="border-left: 1px solid cyan; display: table-cell"> &nbsp; Value</label>
61+
<input required type="text" name="obj-values-0-name" style="min-width: 300px;display: table-cell">
62+
</div>
63+
<div style="display: table-row" data-clone="1">
64+
<label style="border-left: 1px solid cyan; display: table-cell;"> &nbsp; Definition</label>
65+
<textarea required name="obj-values-0-definition" style="display: table-cell; min-height: 30px; min-width: 300px;" onchange="SSVC.textAreaAutoSize(this)"></textarea>
66+
</div>
67+
<div style="display: table-row" data-clone="1">
68+
<label style="border-left: 1px solid cyan; display: table-cell"> &nbsp; Value</label>
69+
<input required type="text" name="obj-values-1-name" style="min-width: 300px;display: table-cell">
70+
</div>
71+
<div style="display: table-row" data-clone="1">
72+
<label style="border-left: 1px solid cyan; display: table-cell;"> &nbsp; Definition</label>
73+
<textarea required name="obj-values-1-definition" style="display: table-cell;min-height: 30px; min-width: 300px;" onchange="SSVC.textAreaAutoSize(this)"></textarea>
74+
</div>
75+
</form>
76+
<button onclick="SSVC.updateTree()" data-update="1" style="margin-top: 10px;padding: 8px 12px;border: none;background-color: #007bff;color: #fff;border-radius: 4px;cursor: pointer; float:right">Update</button>
77+
<button onclick="SSVC.popupEnd()" style="margin: 10px 10px 0px 0px;;padding: 8px 12px;border: none;background-color: #ff2121;color: #fff;border-radius: 4px;cursor: pointer; float:right">Cancel</button>
78+
</div>
79+
</div>
1980

20-
<script>
21-
console.log("Loaded");
22-
</script>
81+
<div data-yesno="1" style="display:none">
82+
<h4 style="text-align: center">Would you like to proceed?</h4>
83+
<button style="margin-top: 10px;padding: 8px 12px;border: none;background-color: #007bff;color: #fff;border-radius: 4px;cursor: pointer; float:right">Yes</button>
84+
<button style="margin: 10px 10px 0px 0px;;padding: 8px 12px;border: none;background-color: #ff2121;color: #fff;border-radius: 4px;cursor: pointer; float:right">No</button>
85+
</div>
86+
<form autocomplete="off">
87+
<span style="font-size: 20px;font-weight: bold; vertical-align:top">Sample Decision Models:</span>
88+
<input type="file" name="fileupload" style="display:none" onchange="SSVC.readFile(this)">
89+
<select onchange="SSVC.loadSSVC(this.options[this.selectedIndex].value)" id="sampletrees"
90+
style="font-size: 18px;background: white;border-radius: 13px;padding: 0px 4px 0px 4px;font-weight: bolder;" autocomplete="off">
91+
</select>
92+
<span> </span>
93+
<div style="vertical-align:top; display:inline-block">
94+
<button type="button" data-customize="1"
95+
style="display: inline-block; background-color: #007bff; padding: 2px; color: white; border-radius: 4px;"
96+
onclick="SSVC.customize(this)">Customize</button>
97+
&nbsp;
98+
<button style="background-color: #dc3545; color: white;" type="button"
99+
data-clear=""> CLEAR </button>
100+
&nbsp;
101+
<button type="button" data-toggleall="1"
102+
style="display: inline-block; background-color: #007bff; padding: 2px; color: white; border-radius: 4px;"
103+
onclick="SSVC.toggleAll()">Toggle All</button>
104+
</div>
105+
<div style="padding: 8px 0px 0px 0px;position: relative; display:none" data-session="1">
106+
SSVC Custom Trees
107+
<select name="customdp" style="font-size: 18px;background: white;border-radius: 8px;padding: 0px 4px 0px 4px;" onchange="SSVC.fun_execute(this)">
108+
<option>Manage </option>
109+
<option value="restore_session">Restore Session</option>
110+
<option value="delete_session">Delete Old Sessions</option>
111+
<option value="delete_dtree">Delete Current Tree</option>
112+
<option value="rename_dtree">Rename Current Tree</option>
113+
<option value="download_ssvc_json">Download (JSON)</option>
114+
<option value="download_ssvc_csv">Download (CSV)</option>
115+
</select>
116+
<a style="display:none" data-download-json="1">Download (JSON)</a>
117+
<a style="display:none" data-download-csv="1">Download (CSV)</a>
118+
</div>
119+
120+
</form>
121+
<p>
122+
<form id="ssvcForm" autocomplete="off">
123+
</form>
124+
</p>
125+
</div>
126+
</div>

0 commit comments

Comments
 (0)