report-issue modal window was missing

diff --git a/src/App.svelte b/src/App.svelte
index 7188333c1961444b6b369f816bb793da7cb4d2dc..f295c69626d9bd8263f0ffb157fa0e3894054271 100644 (file)
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -5,8 +5,10 @@
 
   import Header from './components/Header.svelte';
   import Footer from './components/Footer.svelte';
 
   import Header from './components/Header.svelte';
   import Footer from './components/Footer.svelte';

+  import ReportIssueModal from './components/ReportIssueModal.svelte';

  </script>
 
 <Header/>
 <div id="main" />
 <Footer/>
  </script>
 
 <Header/>
 <div id="main" />
 <Footer/>

+<ReportIssueModal/>

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index e6a96c217ac5bd857fccc474efd76baae9b9f2dd..f4a9231b6ba2459007fdacd9316f3a8b4a70f931 100644 (file)
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -94,7 +94,7 @@
           <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
           <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
           <div class="dropdown-divider"></div>
           <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
           <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
           <div class="dropdown-divider"></div>

-          <a class="dropdown-item" href="#" data-toggle="modal" data-target="#report-modal">Report problem with results</a>
+          <a class="dropdown-item" href="#report-issue" data-toggle="modal" data-target="#report-modal">Report problem with results</a>

         </div>
       </div>
     </div>
         </div>
       </div>
     </div>

diff --git a/src/components/ReportIssueModal.svelte b/src/components/ReportIssueModal.svelte
new file mode 100644 (file)
index 0000000..267dd8f
--- /dev/null
+++ b/src/components/ReportIssueModal.svelte
@@ -0,0 +1,36 @@
+<div class="modal fade" id="report-modal">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">Report a problem</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+      </div>
+      <div class="modal-body">
+        <p>
+          Before reporting problems please read the <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Overview/">user documentation</a>
+          and
+          <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Faq/">FAQ</a>.
+
+          If your problem relates to the address of a particular search result please use the 'details' link 
+          to check how the address was generated before reporting a problem.
+        </p>
+        <p>
+          Use <a target="_blank" href="https://github.com/osm-search/Nominatim/issues">Nominatim issues on github</a>
+          to report problems.
+        </p>
+        <p>
+          Please ensure that you include a full description of the problem, including the search
+          query that you used, the problem with the result and, if the problem relates to missing data,
+          the osm type (node, way, relation) and id of the item that is missing.
+        </p>
+        <p>
+          Problems that contain enough detail are likely to get looked at before ones that require
+          significant research.
+        </p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">OK</button>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file