Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
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 16:03, 24 November 2022

Development version of the Compass.
Not ready for production!


Retrieved from "https://links.communitycenter.eu/index.php?title=Widget:Compass&oldid=8749"