Widget: Compass: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
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!