kopia lustrzana https://github.com/FacilMap/facilmap
105 wiersze
5.0 KiB
Vue
105 wiersze
5.0 KiB
Vue
<script setup lang="ts">
|
|
import { getLayers } from "facilmap-leaflet";
|
|
import { Layer, Util } from "leaflet";
|
|
import { computed } from "vue";
|
|
import ModalDialog from "./ui/modal-dialog.vue";
|
|
import { injectContextRequired, requireMapContext } from "./facil-map-context-provider/facil-map-context-provider.vue";
|
|
|
|
const context = injectContextRequired();
|
|
const mapContext = requireMapContext(context);
|
|
|
|
const emit = defineEmits<{
|
|
hidden: [];
|
|
}>();
|
|
|
|
const layers = computed((): Layer[] => {
|
|
const { baseLayers, overlays } = getLayers(mapContext.value.components.map);
|
|
return [...Object.values(baseLayers), ...Object.values(overlays)];
|
|
});
|
|
|
|
const fmVersion = __FM_VERSION__;
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<ModalDialog
|
|
:title="`About FacilMap ${fmVersion}`"
|
|
class="fm-about"
|
|
size="lg"
|
|
@hidden="emit('hidden')"
|
|
>
|
|
<p><a href="https://github.com/facilmap/facilmap" target="_blank"><strong>FacilMap</strong></a> is available under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html" target="_blank">GNU Affero General Public License, Version 3</a>.</p>
|
|
<p>If something does not work or you have a suggestion for improvement, please report on the <a href="https://github.com/FacilMap/facilmap/issues" target="_blank">issue tracker</a>.</p>
|
|
<p>If you have a question, please have a look at the <a href="https://docs.facilmap.org/users/" target="_blank">documentation</a>, raise a question in the <a href="https://github.com/FacilMap/facilmap/discussions" target="_blank">discussion forum</a> or ask in the <a href="https://matrix.to/#/#facilmap:rankenste.in" target="_blank">Matrix chat</a>.</p>
|
|
<p><a href="https://docs.facilmap.org/users/privacy/" target="_blank">Privacy information</a></p>
|
|
<h4>Map data</h4>
|
|
<dl class="row">
|
|
<template v-for="layer in layers">
|
|
<template v-if="layer.options.attribution">
|
|
<dt :key="`name-${Util.stamp(layer)}`" class="col-sm-3">{{layer.options.fmName}}</dt>
|
|
<dd :key="`attribution-${Util.stamp(layer)}`" class="col-sm-9" v-html="layer.options.attribution"></dd>
|
|
</template>
|
|
</template>
|
|
|
|
<dt class="col-sm-3">Search</dt>
|
|
<dd class="col-sm-9"><a href="https://nominatim.openstreetmap.org/" target="_blank">Nominatim</a> / <a href="https://www.openstreetmap.org/copyright" target="_blank">OSM Contributors</a></dd>
|
|
|
|
<dt class="col-sm-3">POIs</dt>
|
|
<dd class="col-sm-9"><a href="https://overpass-api.de/" target="_blank">Overpass API</a> / <a href="https://www.openstreetmap.org/copyright" target="_blank">OSM Contributors</a></dd>
|
|
|
|
<dt class="col-sm-3">Directions</dt>
|
|
<dd class="col-sm-9"><a href="https://www.mapbox.com/api-documentation/#directions">Mapbox Directions API</a> / <a href="https://openrouteservice.org/">OpenRouteService</a> / <a href="https://www.openstreetmap.org/copyright" target="_blank">OSM Contributors</a></dd>
|
|
|
|
<dt class="col-sm-3">GeoIP</dt>
|
|
<dd class="col-sm-9">This product includes GeoLite2 data created by MaxMind, available from <a href="https://www.maxmind.com">https://www.maxmind.com</a>.</dd>
|
|
</dl>
|
|
<h4>Programs/libraries</h4>
|
|
<ul>
|
|
<li><a href="https://nodejs.org/" target="_blank">Node.js</a></li>
|
|
<li><a href="https://sequelize.org/" target="_blank">Sequelize</a></li>
|
|
<li><a href="https://socket.io/" target="_blank">socket.io</a></li>
|
|
<li><a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a></li>
|
|
<li><a href="https://vuejs.org/" target="_blank">Vue.js</a></li>
|
|
<li><a href="https://vitejs.dev/" target="_blank">Vite</a></li>
|
|
<li><a href="https://getbootstrap.com/" target="_blank">Bootstrap</a></li>
|
|
<li><a href="https://leafletjs.com/" target="_blank">Leaflet</a></li>
|
|
<li><a href="http://project-osrm.org/" target="_blank">OSRM</a></li>
|
|
<li><a href="https://openrouteservice.org/" target="_blank">OpenRouteService</a></li>
|
|
<li><a href="https://nominatim.openstreetmap.org/" target="_blank">Nominatim</a></li>
|
|
<li><a href="https://github.com/joewalnes/filtrex" target="_blank">Filtrex</a></li>
|
|
<li><a href="https://github.com/chjj/marked" target="_blank">Marked</a></li>
|
|
<li><a href="https://github.com/cure53/DOMPurify" target="_blank">DOMPurify</a></li>
|
|
<li><a href="https://expressjs.com/" target="_blank">Express</a></li>
|
|
<li><a href="https://vuepress.vuejs.org/" target="_blank">Vuepress</a></li>
|
|
</ul>
|
|
<h4>Icons</h4>
|
|
<ul>
|
|
<li><a href="https://github.com/twain47/Open-SVG-Map-Icons/" target="_blank">Open SVG Map Icons</a></li>
|
|
<li><a href="https://glyphicons.com/" target="_blank">Glyphicons</a></li>
|
|
<li><a href="https://zavoloklom.github.io/material-design-iconic-font/index.html" target="_blank">Material Design Iconic Font</a></li>
|
|
<li><a href="https://fontawesome.com/" target="_blank">Font Awesome</a></li>
|
|
</ul>
|
|
</ModalDialog>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.fm-about {
|
|
ul {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, 180px);
|
|
gap: 5px;
|
|
|
|
li {
|
|
border: 1px solid rgba(0,0,0,.125);
|
|
display: flex;
|
|
|
|
a {
|
|
flex-grow: 1;
|
|
padding: 5px 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |