Mercurial > gemma
view client/src/components/ImportStretches.vue @ 1803:975a7de89f05
define stretches WIP
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 15 Jan 2019 12:18:17 +0100 |
parents | 67340ceecc5f |
children | b16a6db0008f |
line wrap: on
line source
<template> <div class="d-flex flex-column mb-3"> <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> <font-awesome-icon icon="road" class="mr-2"></font-awesome-icon> <translate>Define section and stretches</translate> </h6> <div class="ml-3 mr-3 w-75"> <div class="mt-1 text-left"> <small class="text-muted"> <translate>ID</translate> </small> <input id="id" type="text" class="form-control" placeholder="ID" aria-label="id" v-model="id" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter an id</translate> </small> </span> </div> <div class="d-flex flex-row justify-content-between"> <div class="mt-1 mr-3 text-left"> <small class="text-muted"> <translate>Start rhm</translate> </small> <input id="startrhm" type="text" class="form-control" placeholder="ATXXX00001000000019900" aria-label="startrhm" v-model="startrhm" /> <span class="text-left text-danger"> <small v-if="!startrhm"> <translate>Please enter a start point</translate> </small> </span> </div> <div class="mt-1 text-left"> <small class="text-muted"> <translate>End rhm</translate> </small> <input id="endrhm" type="text" class="form-control" placeholder="ATXXX00001000000019900" aria-label="endrhm" v-model="endrhm" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter an end point</translate> </small> </span> </div> </div> <div class="d-flex flex-row justify-content-between"> <div class="mt-1 mr-3 text-left"> <small class="text-muted"> <translate>Object name</translate> </small> <input id="objbn" type="text" class="form-control" placeholder="" aria-label="objbn" v-model="objbn" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter an objectname</translate> </small> </span> </div> <div class="mt-1 text-left"> <small class="text-muted"> <translate>National Object name</translate> </small> <input id="nobjbn" type="text" class="form-control" placeholder="" aria-label="nobjbn" v-model="nobjbn" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter an objectname</translate> </small> </span> </div> </div> <div class="mt-1 text-left"> <small class="text-muted"> <translate>Date info</translate> </small> <input id="date_info" type="date" class="form-control" placeholder="date_info" aria-label="date_info" v-model="date_info" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter a date</translate> </small> </span> </div> <div class="mt-1 text-left"> <small class="text-muted"> <translate>Source</translate> </small> <input id="source" type="text" class="form-control" placeholder="source" aria-label="source" v-model="source" /> <span class="text-left text-danger"> <small v-if="!id"> <translate>Please enter a source</translate> </small> </span> </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: "importstretches", data() { return { id: "", function: "", startrhm: 0, endrhm: 0, objbn: "", nobjbn: "", date_info: null, source: "" }; }, methods: {} }; </script> <style lang="scss" scoped></style>