Mercurial > gemma
view client/src/components/importconfiguration/types/Fairwaymarks.vue @ 4914:5cdedfea740f fairway-marks-import
Layout fix for import configuration
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 11 Feb 2020 09:30:27 +0100 |
parents | ab184888d58b |
children | d456621404c2 |
line wrap: on
line source
<template> <div> <div class="d-flex px-2"> <div class="flex-column w-100"> <div class="flex-row text-left"> <small class="text-muted"> <translate>URL</translate> </small> </div> <div class="w-100"> <input @input="urlChanged" class="url form-control form-control-sm" type="url" :value="url" /> </div> </div> </div> <div class="d-flex px-2"> <div class="flex-column w-100"> <div class="flex-row text-left"> <small class="text-muted"> <translate>Type of mark</translate> </small> </div> <div class="w-50 mt-2"> <select v-model="selectedMark" class="form-control form-control-sm"> <option v-for="(option, value) in $options.FAIRWAYMARKS" :key="value" :value="value" >{{ option }}</option > </select> </div> </div> </div> <div class="d-flex px-2"> <div class="flex-column mt-2 mr-3 w-50"> <div class="flex-row text-left"> <small class="text-muted"> <translate>Featuretype</translate> </small> </div> <div class="w-100"> <input @input="featureTypeChanged" class="featuretype form-control form-control-sm" type="text" :value="featureType" /> </div> <div v-if="!featureType" class="d-flex flex-row"> <small ><translate class="text-danger" >Please enter a Featuretype</translate ></small > </div> </div> <div class="flex-column mt-2 w-50"> <div class="flex-row text-left"> <small class="text-muted"> <translate>SortBy</translate> </small> </div> <div class="w-100"> <input @input="sortByChanged" class="sortby form-control form-control-sm" type="text" :value="sortBy" /> </div> <div v-if="!sortBy" class="d-flex flex-row"> <small ><translate class="text-danger" >Please enter SortBy</translate ></small > </div> </div> </div> </div> </template> <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH * * Author(s): * Thomas Junk <thomas.junk@intevation.de> */ export default { name: "waterwayarea", props: ["url", "featureType", "sortBy", "mark"], computed: { selectedMark: { get() { return this.mark; }, set(value) { this.selected = value; this.$emit("selectedMarkChanged", value); } } }, methods: { urlChanged(e) { this.$emit("urlChanged", e.target.value); }, featureTypeChanged(e) { this.$emit("featureTypeChanged", e.target.value); }, sortByChanged(e) { this.$emit("sortByChanged", e.target.value); } }, FAIRWAYMARKS: { BCNISD: "Beacon, isolated danger (MARITIME/Hydro feature)", BCNLAT: "Beacon, lateral (MARITIME/Hydro feature)", BOYCAR: "Buoy, cardinal (MARITIME/Hydro feature)", BOYISD: "Buoy, isolated danger (MARITIME/Hydro feature)", BOYLAT: "Buoy, lateral (MARITIME/Hydro feature)", BOYSAW: "Buoy, safe water (MARITIME/Hydro feature)", BOYSPP: "Buoy, special purpose/general (MARITIME/Hydro feature)", DAYMAR: "Daymark (MARITIME/Hydro feature)", LIGHTS: "Light (MARITIME/Hydro feature)", RTPBCN: "Radar transponder beacon (MARITIME/Hydro feature)", TOPMAR: "Topmark (MARITIME/Hydro feature)", notmrk: "Notice mark (IENC feature)" } }; </script> <style></style>