From 0c3396bd4761d833e5cec05070544e03f91d1f2e Mon Sep 17 00:00:00 2001
From: Luke Shumaker <lukeshu@lukeshu.com>
Date: Mon, 19 Mar 2018 20:42:17 -0400
Subject: wip vue

---
 public-src/jarmon.vue | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 public-src/jarmon.vue

(limited to 'public-src/jarmon.vue')

diff --git a/public-src/jarmon.vue b/public-src/jarmon.vue
new file mode 100644
index 0000000..11ac223
--- /dev/null
+++ b/public-src/jarmon.vue
@@ -0,0 +1,47 @@
+<template>
+	<div v-bind:class="['jarmon', name]">
+		<div class="chart-container" ref="chartContainer">
+			<h2 class="title"></h2>
+			<form>
+				<input name="chart_edit" value="Edit" type="button" />
+				<input name="chart_delete" value="Delete" type="button" />
+			</form>
+			<div class="error"></div>
+			<div class="chart"></div>
+			<div class="graph-legend"></div>
+		</div>
+		<div class="chartRangeControl" ref="chartRangeControl">
+			<form>
+				<div class="range-inputs">
+					<input name="from" type="datetime-local" step="1" />
+					<input name="to" type="datetime-local" step="1" />
+					<select name="shortcuts" title="Time range shortcuts - click to select an alternative time range" ></select>
+					<select name="tzoffset" title="Timezone offset - click to choose a custom timezone offset" ></select>
+					<input name="action" value="Update" type="button"
+					       title="Graph update - click to update all graphs" />
+				</div>
+				<div class="range-preview"
+				     title="Time range preview - click and drag to select a custom timerange" ></div>
+			</form>
+		</div>
+		<div class="tabbed-chart-interface" ref="tabbedChartInterface"></div>
+	</div>
+</template>
+<script>
+import $ from 'jquery';
+import jarmon from 'jarmon';
+
+export default {
+	mounted: function() {
+		jarmon.buildTabbedChartUi(
+			$(this.refs.chartcontainer).remove(),
+			chartRecipes,
+			$(this.refs.tabbedChartInterface),
+			tabRecipes,
+			$(this.refs.chartRangeControl));
+	}
+	props: [
+		'name',
+	],
+};
+</script>
-- 
cgit v1.2.3

