feat: add token support to demo page (#645)

Author: alexey-yarmosh

public/demo/measurements.vue.js

@@ -2,6 +2,7 @@
 const app = () => ({
 	data () {
 		return {
+			token: new URLSearchParams(window.location.search).get('token') || '',
 			query: {
 				type: 'ping',
 				locations: [],
@@ -37,6 +38,11 @@ const app = () => ({
 				clearInterval(this.resultInterval);
 			}
 		},
+		token (newToken) {
+			const url = new URL(window.location);
+			newToken ? url.searchParams.set('token', newToken) : url.searchParams.delete('token');
+			window.history.replaceState({}, '', url);
+		},
 	},
 	computed: {
 		responseParams () {
@@ -273,6 +279,7 @@ const app = () => ({
 				body: JSON.stringify(body),
 				headers: {
 					'content-type': 'application/json',
+					...(this.token ? { Authorization: `Bearer ${this.token}` } : {}),
 				},
 			});
 
@@ -315,6 +322,12 @@ const app = () => ({
 		</div>
 		<div class="row border border-primary">
 			<form @submit="submitPostMeasurement" class="col">
+				<div class="form-group row">
+					<label for="token" class="col-sm-2 col-form-label">token</label>
+					<div class="col-sm-10">
+						<input v-model="token" name="token" id="token" placeholder="GP API token" />
+					</div>
+				</div>
 				<div class="form-group row">
 					<label for="query_type" class="col-sm-2 col-form-label">type</label>
 					<div class="col-sm-10">