map.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {% from 'oscar/macros.html' import result_header, result_sub_header, result_footer, result_footer_rtl, icon %}
  2. {{- result_header(result, favicons, loop.index) -}}
  3. {{- result_sub_header(result, loop.index) -}}
  4. <div class="container-fluid">
  5. <div class="row">
  6. {%- if result.img_src -%}<img src="{{ image_proxify(result.img_src) }}" title="{{ result.title|striptags }}" class="img-thumbnail">{%- endif -%}
  7. {%- if result.type_icon or result.type -%}
  8. <p class="result-content">
  9. {%- if result.type_icon -%}
  10. <img src="{{ image_proxify(result.type_icon) }}" title="{{ result.type|striptags }}" class="img-type">
  11. {%- endif -%}
  12. {{ result.type if result.type is not none else '' }}
  13. </p>
  14. {%- endif -%}
  15. {%- if result.content %}<p class="result-content">{{ result.content|safe }}</p>{% endif -%}
  16. <table class="result-content result-map-details">
  17. {%- if result.address -%}
  18. <tr>
  19. <th scope="row">
  20. {{ result.address_label or _('address') }}
  21. </th>
  22. <td class="result-content result-adress" itemscope itemtype="http://schema.org/PostalAddress">
  23. {%- if result.address.name -%}
  24. <strong itemprop="name" class="hidden">{{ result.address.name }}</strong>
  25. {%- endif -%}
  26. {%- if result.address.road -%}
  27. <span itemprop="streetAddress">
  28. {%- if result.address.house_number %}{{ result.address.house_number }}, {% endif -%}
  29. {{- result.address.road -}}
  30. </span><br/>
  31. {%- endif -%}
  32. {%- if result.address.locality -%}
  33. <span itemprop="addressLocality">{{ result.address.locality }}</span>
  34. {%- if result.address.postcode %}, <span itemprop="postalCode">{{ result.address.postcode }}</span>{% endif -%}
  35. <br/>
  36. {%- endif -%}
  37. {%- if result.address.country -%}
  38. <span itemprop="addressCountry">{{ result.address.country }}</span>
  39. {%- endif -%}
  40. </td>
  41. </tr>
  42. {%- endif %}
  43. {%- for info in result.data -%}
  44. <tr><th scope="row">{{ info.label }}</th><td>{{ info.value|safe }}</td></tr>
  45. {%- endfor -%}
  46. {%- for link in result.links -%}
  47. <tr><th scope="row">{{ link.label }}</th><td><a class="text-info cursor-pointer" href="{{ link.url }}">{{ link.url_label|safe }}</a></td></tr>
  48. {%- endfor -%}
  49. </table>
  50. <p class="result-content">
  51. {%- if (result.latitude and result.longitude) or result.boundingbox -%}
  52. <span><a class="text-info btn-collapse collapsed searx_init_map cursor-pointer disabled_if_nojs" data-toggle="collapse" data-target="#result-map-{{ index }}" data-leaflet-target="osm-map-{{ index }}" data-map-lon="{{ result.longitude }}" data-map-lat="{{ result.latitude }}" {% if result.boundingbox %}data-map-boundingbox='{{ result.boundingbox|tojson|safe }}'{% endif %} {% if result.geojson %}data-map-geojson='{{ result.geojson|tojson|safe }}'{% endif %} data-btn-text-collapsed="{{ _('show map') }}" data-btn-text-not-collapsed="{{ _('hide map') }}">{{ icon('globe') }} {{ _('show map') }}</a></span>
  53. {%- endif -%}
  54. </p>
  55. </div>
  56. {%- if (result.latitude and result.longitude) or result.boundingbox -%}
  57. <div class="collapse" id="result-map-{{ index }}">
  58. <div style="height:300px; width:100%; margin: 10px 0;" id="osm-map-{{ index }}"></div>
  59. </div>
  60. {%- endif -%}
  61. </div>
  62. {%- if rtl -%}
  63. {{- result_footer_rtl(result, loop.index) -}}
  64. {% else %}
  65. {{- result_footer(result, loop.index) -}}
  66. {%- endif -%}