Widget: Compass: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| Line 241: | Line 241: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide" id="q2-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q2-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 266: | Line 266: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice case"> | <div class="choice case" id="q3-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 273: | Line 273: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice handbook"> | <div class="choice handbook" id="q3-handbook"> | ||
<div class="button">Citizens Handbook</div> | <div class="button">Citizens Handbook</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 286: | Line 286: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice tech"> | <div class="choice tech" id="q4-tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 293: | Line 293: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide" id="q4-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q4-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 305: | Line 305: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q4-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 322: | Line 322: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice guide"> | <div class="choice guide" id="q5-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q5-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 334: | Line 334: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice handbook"> | <div class="choice handbook" id="q5-handbook"> | ||
<div class="button">Citizens Handbook</div> | <div class="button">Citizens Handbook</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q5-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 352: | Line 352: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice tech"> | <div class="choice tech" id="q6-tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 359: | Line 359: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide" id="q6-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q6-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 371: | Line 371: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q6-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 391: | Line 391: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice case"> | <div class="choice case" id="q7-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 398: | Line 398: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice handbook"> | <div class="choice handbook" id="q7-handbook"> | ||
<div class="button">Citizens Handbook</div> | <div class="button">Citizens Handbook</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q7-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 416: | Line 416: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice tech"> | <div class="choice tech" id="q8-tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 423: | Line 423: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q8-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 430: | Line 430: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice handbook"> | <div class="choice handbook" id="q8-handbook"> | ||
<div class="button">Citizens Handbook</div> | <div class="button">Citizens Handbook</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q8-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 451: | Line 451: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice case"> | <div class="choice case" id="q9-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 458: | Line 458: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice handbook"> | <div class="choice handbook" id="q9-handbook"> | ||
<div class="button">Citizens Handbook</div> | <div class="button">Citizens Handbook</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q9-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 476: | Line 476: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice tech"> | <div class="choice tech" id="q10-tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 484: | Line 484: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide" id="q10-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q10-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 496: | Line 496: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q10-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 513: | Line 513: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice case"> | <div class="choice case" id="q11-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 520: | Line 520: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q11-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 533: | Line 533: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
<div class="choice tech"> | <div class="choice tech" id="q12-tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 540: | Line 540: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide" id="q12-guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
consectetur, adipisci velit...</div> | consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
<div class="choice case"> | <div class="choice case" id="q12-case"> | ||
<div class="button">Use Cases</div> | <div class="button">Use Cases</div> | ||
<div class="desc"> | <div class="desc"> | ||
| Line 552: | Line 552: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="choice safe"> | <div class="choice safe" id="q12-safe"> | ||
<div class="button">Feel Safe</div> | <div class="button">Feel Safe</div> | ||
<div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, | ||
| Line 603: | Line 603: | ||
[analysis]: true, | [analysis]: true, | ||
[post]: false, | [post]: false, | ||
[metrics]: false, | |||
[report]: false, | |||
[collab]: false, | |||
[interop]: false, | |||
[meta]: false, | |||
} | |||
} | |||
}, | |||
'q4-tech': { | |||
filter: { | |||
functions: { | |||
[search]: false, | |||
[analysis]: false, | |||
[post]: true, | |||
[metrics]: false, | |||
[report]: false, | |||
[collab]: false, | |||
[interop]: false, | |||
[meta]: false, | |||
} | |||
} | |||
}, | |||
'q6-tech': { | |||
filter: { | |||
functions: { | |||
[search]: false, | |||
[analysis]: false, | |||
[post]: true, | |||
[metrics]: false, | |||
[report]: false, | |||
[collab]: false, | |||
[interop]: false, | |||
[meta]: false, | |||
} | |||
} | |||
}, | |||
'q8-tech': { | |||
filter: { | |||
functions: { | |||
[search]: false, | |||
[analysis]: false, | |||
[post]: true, | |||
[metrics]: false, | |||
[report]: false, | |||
[collab]: false, | |||
[interop]: false, | |||
[meta]: false, | |||
} | |||
} | |||
}, | |||
'q10-tech': { | |||
filter: { | |||
functions: { | |||
[search]: false, | |||
[analysis]: false, | |||
[post]: true, | |||
[metrics]: false, | [metrics]: false, | ||
[report]: false, | [report]: false, | ||
| Line 623: | Line 679: | ||
const enc = btoa(encodeURIComponent(JSON.stringify(act))); | const enc = btoa(encodeURIComponent(JSON.stringify(act))); | ||
window.location.assign('/index.php/List_of_Disaster_Community_Technologies?do=' + enc); | window.location.assign('/index.php/List_of_Disaster_Community_Technologies?do=' + enc); | ||
} | |||
if (answerId.indexOf('safe') !== -1) { | |||
// Action takes us to Feel Safe | |||
window.location.assign('/index.php/Feel_Safe'); | |||
} | } | ||
} | } | ||
Revision as of 15:03, 24 November 2022
Development version of the Compass.
Not ready for production!