gemma: client/src/components/fairway/AvailableFairwayDepthLNWL.vue annotate

annotate client/src/components/fairway/AvailableFairwayDepthLNWL.vue @ 3386:0ba142a4bf43

afdlnwl: colors

author	Thomas Junk <thomas.junk@intevation.de>
date	Wed, 22 May 2019 16:13:38 +0200
parents	540ef09bd6bc
children	1876b204b004

rev	line source
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	1 <template>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	2 <div class="d-flex flex-column flex-fill">
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	3 <UIBoxHeader icon="chart-area" :title="title" :closeCallback="close" />
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	4 <UISpinnerOverlay v-if="loading" />
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	5 <div class="d-flex flex-fill">
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	6 <DiagramLegend>
3366 8974efd71917 fa_LNWL: cleanup Thomas Junk <thomas.junk@intevation.de> parents: 3333 diff changeset	7 <div v-for="(entry, index) in legendLNWL" :key="index" class="legend">
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	8 {{ entry }}
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	9 </div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	10 <div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	11 <select
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	12 @change="applyChange"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	13 v-model="form.template"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	14 class="form-control d-block custom-select-sm w-100 mt-1"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	15 >
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	16 <option
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	17 v-for="template in templates"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	18 :value="template"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	19 :key="template.name"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	20 >
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	21 {{ template.name }}
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	22 </option>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	23 </select>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	24 <button
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	25 @click="downloadPDF"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	26 type="button"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	27 class="btn btn-sm btn-info d-block w-100 mt-1"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	28 >
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	29 <translate>Export to PDF</translate>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	30 </button>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	31 </div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	32 </DiagramLegend>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	33 <div
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	34 ref="diagramContainer"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	35 :id="containerId"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	36 class="mx-auto my-auto diagram-container"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	37 ></div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	38 </div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	39 </div>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	40 </template>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	41
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	42 <style></style>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	43
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	44 <script>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	45 /* This is Free Software under GNU Affero General Public License v >= 3.0
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	46 * without warranty, see README.md and license for details.
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	47 *
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	48 * SPDX-License-Identifier: AGPL-3.0-or-later
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	49 * License-Filename: LICENSES/AGPL-3.0.txt
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	50 *
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	51 * Copyright (C) 2018 by via donau
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	52 * – Österreichische Wasserstraßen-Gesellschaft mbH
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	53 * Software engineering by Intevation GmbH
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	54 *
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	55 * Author(s):
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	56 * Thomas Junk <thomas.junk@intevation.de>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	57 * Markus Kottländer <markus.kottlaender@intevation.de>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	58 * Fadi Abbud <fadi.abbud@intevation.de>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	59 */
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	60 import * as d3 from "d3";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	61 import app from "@/main";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	62 import debounce from "debounce";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	63 import { diagram } from "@/lib/mixins";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	64 import { mapState } from "vuex";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	65 import filters from "@/lib/filters.js";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	66 import jsPDF from "jspdf";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	67 import canvg from "canvg";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	68 import { pdfgen } from "@/lib/mixins";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	69 import { HTTP } from "@/lib/http";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	70 import { displayError } from "@/lib/errors";
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	71
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	72 export default {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	73 mixins: [diagram, pdfgen],
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	74 components: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	75 DiagramLegend: () => import("@/components/DiagramLegend")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	76 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	77 data() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	78 return {
3299 ef52926ce2fc available_fairwaydepth_vs_lnwl: Scales adjusted Thomas Junk <thomas.junk@intevation.de> parents: 3296 diff changeset	79 containerId: "availablefairwaydepthlnwl",
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	80 loading: false,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	81 width: 1000,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	82 height: 600,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	83 paddingRight: 100,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	84 spaceBetween: 80,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	85 labelPaddingTop: 15,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	86 scalePaddingLeft: 50,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	87 paddingTop: 10,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	88 diagram: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	89 yScale: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	90 barsWidth: 60,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	91 dimensions: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	92 pdf: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	93 doc: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	94 width: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	95 height: null
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	96 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	97 form: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	98 template: null
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	99 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	100 templateData: null,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	101 templates: [],
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	102 defaultTemplate: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	103 name: "Default",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	104 properties: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	105 paperSize: "a4"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	106 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	107 elements: [
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	108 {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	109 type: "diagram",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	110 position: "topleft",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	111 offset: { x: 20, y: 60 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	112 width: 290,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	113 height: 100
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	114 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	115 {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	116 type: "diagramtitle",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	117 position: "topleft",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	118 offset: { x: 70, y: 20 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	119 fontsize: 20,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	120 color: "steelblue"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	121 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	122 {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	123 type: "diagramlegend",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	124 position: "topleft",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	125 offset: { x: 30, y: 160 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	126 color: "black"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	127 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	128 ]
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	129 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	130 };
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	131 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	132 created() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	133 window.addEventListener("resize", debounce(this.drawDiagram), 100);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	134 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	135 mounted() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	136 this.drawDiagram();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	137 this.templates[0] = this.defaultTemplate;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	138 this.form.template = this.templates[0];
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	139 this.templateData = this.form.template;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	140 HTTP.get("/templates/diagram", {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	141 headers: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	142 "X-Gemma-Auth": localStorage.getItem("token"),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	143 "Content-type": "text/xml; charset=UTF-8"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	144 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	145 })
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	146 .then(response => {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	147 if (response.data.length) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	148 this.templates = response.data;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	149 this.form.template = this.templates[0];
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	150 this.templates[this.templates.length] = this.defaultTemplate;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	151 this.applyChange();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	152 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	153 })
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	154 .catch(e => {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	155 const { status, data } = e.response;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	156 displayError({
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	157 title: this.$gettext("Backend Error"),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	158 message: `${status}: ${data.message \|\| data}`
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	159 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	160 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	161 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	162 computed: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	163 ...mapState("fairwayavailability", [
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	164 "selectedFairwayAvailabilityFeature",
3299 ef52926ce2fc available_fairwaydepth_vs_lnwl: Scales adjusted Thomas Junk <thomas.junk@intevation.de> parents: 3296 diff changeset	165 "fwLNWLData",
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	166 "from",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	167 "to",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	168 "frequency",
3366 8974efd71917 fa_LNWL: cleanup Thomas Junk <thomas.junk@intevation.de> parents: 3333 diff changeset	169 "legendLNWL"
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	170 ]),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	171 ...mapState("user", ["user"]),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	172 fromDate() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	173 return this.from;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	174 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	175 toDate() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	176 return this.to;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	177 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	178 availability() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	179 return this.plainAvailability;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	180 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	181 title() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	182 return `Available Fairway Depth vs LNWL: ${
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	183 this.featureName
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	184 } (${filters.surveyDate(this.fromDate)} - ${filters.surveyDate(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	185 this.toDate
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	186 )}) ${this.$gettext(this.frequency)}`;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	187 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	188 featureName() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	189 return this.selectedFairwayAvailabilityFeature.properties.name;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	190 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	191 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	192 methods: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	193 applyChange() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	194 if (this.form.template.hasOwnProperty("properties")) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	195 this.templateData = this.defaultTemplate;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	196 return;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	197 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	198 if (this.form.template) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	199 HTTP.get("/templates/diagram/" + this.form.template.name, {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	200 headers: {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	201 "X-Gemma-Auth": localStorage.getItem("token"),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	202 "Content-type": "text/xml; charset=UTF-8"
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	203 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	204 })
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	205 .then(response => {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	206 this.templateData = response.data.template_data;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	207 })
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	208 .catch(e => {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	209 const { status, data } = e.response;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	210 displayError({
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	211 title: this.$gettext("Backend Error"),
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	212 message: `${status}: ${data.message \|\| data}`
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	213 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	214 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	215 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	216 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	217 downloadPDF() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	218 this.pdf.doc = new jsPDF(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	219 "l",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	220 "mm",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	221 this.templateData.properties.paperSize
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	222 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	223 // pdf width and height in millimeter (landscape)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	224 this.pdf.width =
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	225 this.templateData.properties.paperSize === "a3" ? 420 : 297;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	226 this.pdf.height =
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	227 this.templateData.properties.paperSize === "a3" ? 297 : 210;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	228 if (this.templateData) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	229 // default values if some are missing in template
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	230 let defaultFontSize = 11,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	231 defaultColor = "black",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	232 defaultWidth = 70,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	233 defaultTextColor = "black",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	234 defaultBorderColor = "white",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	235 defaultBgColor = "white",
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	236 defaultRounding = 2,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	237 defaultPadding = 2,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	238 defaultOffset = { x: 0, y: 0 };
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	239 this.templateData.elements.forEach(e => {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	240 switch (e.type) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	241 case "diagram": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	242 this.addDiagram(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	243 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	244 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	245 e.width,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	246 e.height
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	247 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	248 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	249 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	250 case "diagramtitle": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	251 let title = `Available Fairway Depth vs LNWL: ${
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	252 this.featureName
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	253 }`;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	254 this.addDiagramTitle(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	255 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	256 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	257 e.fontsize \|\| defaultFontSize,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	258 e.color \|\| defaultColor,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	259 title
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	260 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	261 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	262 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	263 case "diagramlegend": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	264 this.addDiagramLegend(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	265 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	266 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	267 e.color \|\| defaultColor
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	268 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	269 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	270 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	271 case "text": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	272 this.addText(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	273 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	274 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	275 e.width \|\| defaultWidth,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	276 e.fontsize \|\| defaultFontSize,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	277 e.color \|\| defaultTextColor,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	278 e.text
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	279 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	280 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	281 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	282 case "image": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	283 this.addImage(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	284 e.url,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	285 e.format,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	286 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	287 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	288 e.width,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	289 e.height
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	290 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	291 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	292 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	293 case "box": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	294 this.addBox(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	295 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	296 e.offset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	297 e.width,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	298 e.height,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	299 e.rounding === 0 \|\| e.rounding ? e.rounding : defaultRounding,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	300 e.color \|\| defaultBgColor,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	301 e.brcolor \|\| defaultBorderColor
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	302 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	303 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	304 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	305 case "textbox": {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	306 this.addTextBox(
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	307 e.position,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	308 e.offset \|\| defaultOffset,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	309 e.width,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	310 e.height,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	311 e.rounding === 0 \|\| e.rounding ? e.rounding : defaultRounding,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	312 e.padding \|\| defaultPadding,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	313 e.fontsize \|\| defaultFontSize,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	314 e.color \|\| defaultTextColor,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	315 e.background \|\| defaultBgColor,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	316 e.text,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	317 e.brcolor \|\| defaultBorderColor
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	318 );
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	319 break;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	320 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	321 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	322 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	323 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	324 this.pdf.doc.save(`Available Fairway Depth LNWL: ${this.featureName}`);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	325 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	326 addDiagram(position, offset, width, height) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	327 let x = offset.x,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	328 y = offset.y;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	329 var svg = this.$refs.diagramContainer.innerHTML;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	330 if (svg) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	331 svg = svg.replace(/\r?\n\|\r/g, "").trim();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	332 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	333 if (!width) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	334 width = this.templateData.properties.paperSize === "a3" ? 380 : 290;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	335 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	336 if (!height) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	337 height = this.templateData.properties.paperSize === "a3" ? 130 : 100;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	338 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	339 if (["topright", "bottomright"].indexOf(position) !== -1) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	340 x = this.pdf.width - offset.x - width;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	341 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	342 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	343 y = this.pdf.height - offset.y - height;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	344 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	345 var canvas = document.createElement("canvas");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	346 canvas.width = window.innerWidth;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	347 canvas.height = window.innerHeight / 2;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	348 canvg(canvas, svg, {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	349 ignoreMouse: true,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	350 ignoreAnimation: true,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	351 ignoreDimensions: true
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	352 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	353 var imgData = canvas.toDataURL("image/png");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	354 this.pdf.doc.addImage(imgData, "PNG", x, y, width, height);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	355 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	356 addDiagramLegend(position, offset, color) {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	357 let x = offset.x,
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	358 y = offset.y;
3333 d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	359 this.pdf.doc.setFontSize(10);
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	360 let width =
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	361 (this.pdf.doc.getStringUnitWidth(">= LDC [h]") * 10) / (72 / 25.6) + 15;
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	362
3333 d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	363 // if position is on the right, x needs to be calculate with pdf width and
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	364 // the size of the element
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	365 if (["topright", "bottomright"].indexOf(position) !== -1) {
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	366 x = this.pdf.width - offset.x - width;
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	367 }
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	368 if (["bottomright", "bottomleft"].indexOf(position) !== -1) {
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	369 y = this.pdf.height - offset.y - this.getTextHeight(7);
d5dbfba9faae clinet: pdf-template: fix positioning of diagramlegend (FairwayAvailability,AvailableFairwayDepth) Fadi Abbud <fadi.abbud@intevation.de> parents: 3299 diff changeset	370 }
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	371 this.pdf.doc.setTextColor(color);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	372 this.pdf.doc.setDrawColor("rgb(255, 133, 94)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	373 this.pdf.doc.setFillColor("rgb(255, 133, 94)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	374 this.pdf.doc.rect(x, y, 8, 4, "FD");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	375 this.pdf.doc.text(">= LDC [h]", x + 10, y + 3);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	376
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	377 this.pdf.doc.setDrawColor("rgb(255, 66, 79)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	378 this.pdf.doc.setFillColor("rgb(255, 66, 79)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	379 this.pdf.doc.rect(x, y + 5, 8, 4, "FD");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	380 this.pdf.doc.text("< 200.00 [h]", x + 10, y + 8);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	381
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	382 this.pdf.doc.setDrawColor("rgb(255, 115, 124)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	383 this.pdf.doc.setFillColor("rgb(255, 115, 124)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	384 this.pdf.doc.rect(x, y + 10, 8, 4, "FD");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	385 this.pdf.doc.text(">= 200.00 [h]", x + 10, y + 13);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	386
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	387 this.pdf.doc.setDrawColor("rgb(255, 153, 160)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	388 this.pdf.doc.setFillColor("rgb(255, 153, 160)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	389 this.pdf.doc.rect(x, y + 15, 8, 4, "FD");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	390 this.pdf.doc.text(">= 230.00 [h]", x + 10, y + 18);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	391
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	392 this.pdf.doc.setDrawColor("rgb(45, 132, 179)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	393 this.pdf.doc.setFillColor("rgb(45, 132, 179)");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	394 this.pdf.doc.rect(x, y + 20, 8, 4, "FD");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	395 this.pdf.doc.text(">= 250.00 [h]", x + 10, y + 23);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	396 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	397 close() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	398 this.$store.commit("application/paneSetup", "DEFAULT");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	399 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	400 drawDiagram() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	401 this.dimensions = this.getDimensions({
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	402 main: { top: 20, right: 20, bottom: 110, left: 200 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	403 });
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	404 this.yScale = d3
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	405 .scaleLinear()
3299 ef52926ce2fc available_fairwaydepth_vs_lnwl: Scales adjusted Thomas Junk <thomas.junk@intevation.de> parents: 3296 diff changeset	406 .domain([0, 100])
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	407 .range([this.dimensions.mainHeight - 30, 0]);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	408 d3.select(".diagram-container svg").remove();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	409 this.generateDiagramContainer();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	410 this.drawBars();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	411 this.drawScaleLabel();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	412 this.drawScale();
3377 ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	413 this.drawTooltip();
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	414 },
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	415 drawTooltip() {
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	416 this.diagram
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	417 .append("text")
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	418 .text("banane")
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	419 .attr("font-size", "0.8em")
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	420 .attr("opacity", 0)
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	421 .attr("id", "tooltip");
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	422 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	423 generateDiagramContainer() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	424 const diagram = d3
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	425 .select(".diagram-container")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	426 .append("svg")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	427 .attr("width", this.dimensions.width)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	428 .attr("height", this.dimensions.mainHeight);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	429 this.diagram = diagram
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	430 .append("g")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	431 .attr("transform", `translate(0 ${this.paddingTop})`);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	432 },
3368 70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	433 drawBars() {
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	434 this.drawLNWL();
3380 d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	435 this.drawAFD();
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	436 },
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	437 drawAFD() {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	438 let afd = this.diagram
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	439 .append("g")
3386 0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	440 .attr(
0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	441 "transform",
0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	442 `translate(${this.paddingRight + this.barsWidth / 2})`
0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	443 );
3380 d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	444 afd
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	445 .selectAll("rect")
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	446 .data(this.fwLNWLData.afd)
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	447 .enter()
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	448 .append("rect")
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	449 .on("mouseover", function() {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	450 d3.select(this).attr("opacity", "0.8");
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	451 d3.select("#tooltip").attr("opacity", 1);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	452 })
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	453 .on("mouseout", function() {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	454 d3.select(this).attr("opacity", 1);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	455 d3.select("#tooltip").attr("opacity", 0);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	456 })
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	457 .on("mousemove", function(d) {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	458 let y = d3.mouse(this)[1];
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	459 const dy = document
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	460 .querySelector(".diagram-container")
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	461 .getBoundingClientRect().left;
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	462 const value = d.percent;
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	463 d3.select("#tooltip")
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	464 .text(value)
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	465 .attr("y", y - 10)
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	466 .attr("x", d3.event.pageX - dy);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	467 //d3.event.pageX gives coordinates relative to SVG
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	468 //dy gives offset of svg on page
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	469 })
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	470 .attr("height", d => {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	471 return this.yScale(0) - this.yScale(d.percent);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	472 })
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	473 .attr("y", d => {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	474 return this.yScale(d.translateY);
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	475 })
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	476 .attr("width", this.barsWidth)
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	477 .attr("fill", (d, i) => {
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	478 return this.$options.AFDCOLORS[i];
d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	479 });
3368 70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	480 },
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	481 drawLNWL() {
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	482 let lnwl = this.diagram
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	483 .append("g")
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	484 .attr("transform", `translate(${this.paddingRight})`);
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	485 lnwl
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	486 .selectAll("rect")
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	487 .data(this.fwLNWLData.lnwl)
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	488 .enter()
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	489 .append("rect")
3377 ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	490 .on("mouseover", function() {
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	491 d3.select(this).attr("opacity", "0.8");
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	492 d3.select("#tooltip").attr("opacity", 1);
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	493 })
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	494 .on("mouseout", function() {
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	495 d3.select(this).attr("opacity", 1);
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	496 d3.select("#tooltip").attr("opacity", 0);
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	497 })
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	498 .on("mousemove", function(d) {
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	499 let y = d3.mouse(this)[1];
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	500 const dy = document
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	501 .querySelector(".diagram-container")
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	502 .getBoundingClientRect().left;
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	503 const value = d.percent;
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	504 d3.select("#tooltip")
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	505 .text(value)
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	506 .attr("y", y - 10)
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	507 .attr("x", d3.event.pageX - dy);
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	508 //d3.event.pageX gives coordinates relative to SVG
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	509 //dy gives offset of svg on page
ccb5455f0713 available_fairway_depthLNWL: tooltips added Thomas Junk <thomas.junk@intevation.de> parents: 3368 diff changeset	510 })
3368 70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	511 .attr("height", d => {
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	512 return this.yScale(0) - this.yScale(d.percent);
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	513 })
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	514 .attr("y", d => {
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	515 return this.yScale(d.translateY);
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	516 })
3386 0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	517 .attr("width", this.barsWidth / 2)
3368 70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	518 .attr("fill", d => {
3381 540ef09bd6bc fix linting Thomas Junk <thomas.junk@intevation.de> parents: 3380 diff changeset	519 return this.$options.LWNLCOLORS[d.level];
3368 70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	520 });
70605404f37d fa_lnwl: prototypical diagram added Thomas Junk <thomas.junk@intevation.de> parents: 3366 diff changeset	521 },
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	522 drawScaleLabel() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	523 const center = this.dimensions.mainHeight / 2;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	524 this.diagram
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	525 .append("text")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	526 .text(this.$options.LEGEND)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	527 .attr("text-anchor", "middle")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	528 .attr("x", 0)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	529 .attr("y", 0)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	530 .attr("dy", "1em")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	531 .attr("transform", `translate(0, ${center}), rotate(-90)`);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	532 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	533 drawScale() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	534 const yAxis = d3.axisLeft().scale(this.yScale);
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	535 this.diagram
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	536 .append("g")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	537 .attr("transform", `translate(${this.scalePaddingLeft})`)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	538 .call(yAxis)
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	539 .selectAll(".tick text")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	540 .attr("fill", "black")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	541 .select(function() {
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	542 return this.parentNode;
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	543 })
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	544 .selectAll(".tick line")
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	545 .attr("stroke", "black");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	546 this.diagram.selectAll(".domain").attr("stroke", "black");
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	547 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	548 },
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	549 watch: {
3299 ef52926ce2fc available_fairwaydepth_vs_lnwl: Scales adjusted Thomas Junk <thomas.junk@intevation.de> parents: 3296 diff changeset	550 fwLNWLData() {
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	551 this.drawDiagram();
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	552 }
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	553 },
3380 d83c738e8627 fairway_availability_LNWL: draw chart with MOCKDATA Thomas Junk <thomas.junk@intevation.de> parents: 3377 diff changeset	554 LEGEND: app.$gettext("Percent"),
3381 540ef09bd6bc fix linting Thomas Junk <thomas.junk@intevation.de> parents: 3380 diff changeset	555 AFDCOLORS: ["#782121", "#ff6c6c", "#3675ff"],
540ef09bd6bc fix linting Thomas Junk <thomas.junk@intevation.de> parents: 3380 diff changeset	556 LWNLCOLORS: {
540ef09bd6bc fix linting Thomas Junk <thomas.junk@intevation.de> parents: 3380 diff changeset	557 LDC: "#aaaaaa",
3386 0ba142a4bf43 afdlnwl: colors Thomas Junk <thomas.junk@intevation.de> parents: 3381 diff changeset	558 HDC: "#43FFE1"
3381 540ef09bd6bc fix linting Thomas Junk <thomas.junk@intevation.de> parents: 3380 diff changeset	559 }
3296 fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	560 };
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd. Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	561 </script>

Mercurial > gemma

annotate client/src/components/fairway/AvailableFairwayDepthLNWL.vue @ 3386:0ba142a4bf43