qor5
/
ui


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">

	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
	<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
	<script>
		(window.__goplaidVueComponentRegisters =
			window.__goplaidVueComponentRegisters || []).push(function(Vue, vueOptions) {
			var vuetify = new Vuetify({
				icons: {
					iconfont: 'md', // 'mdi' || 'mdiSvg' || 'md' || 'fa' || 'fa4'
				},
				theme: {
					themes: {
						light: {
							primary: "#673ab7",
							secondary: "#009688",
							accent: "#ff5722",
							error: "#f44336",
							warning: "#ff9800",
							info: "#8bc34a",
							success: "#4caf50"
						},
					},
				},
			});
			Vue.use(Vuetify);
			vueOptions.vuetify = vuetify;
		});
	</script>
	<title>vuetify demo</title>
</head>

<body>
	<script>
		window.__serverSideData__ = {
			states: {
				Name2: ["react", "jquery"],
			}
		}
	</script>
	<div id="app">

		<v-app>
			<v-content>
				<v-progress-linear
					:active="isFetching"
					indeterminate
					fixed
					height="2"
				></v-progress-linear>

				<v-container>
					<h2>Multiple Remote</h2>
					<vx-autocomplete
						field-name="Name1"
						item-value="symbol"
						item-text="name"
						:multiple="true"
						:items-event-func-id='{"id": "getCoins"}'
						:selected-items='[{"symbol": "BTC", "name": "BitCoin"}, {"symbol": "ETH", "name": "Ethereum"}]'
						label="Multiple Remote"
					></vx-autocomplete>

					<h2>Multiple</h2>
					<vx-autocomplete
						:multiple="true"
						:items='[{"Login":"sam","Name":"Sam"},{"Login":"john","Name":"John"},{"Login":"charles","Name":"Charles"}]'
						:selected-items='[{"Login":"sam","Name":"Sam"},{"Login":"charles","Name":"Charles"}]'
						field-name='Name3'
						item-text='Name'
						item-value='Login'
						label="Multiple"
					></vx-autocomplete>

					<h2>Single Remote</h2>
					<vx-autocomplete
						field-name="Name2"
						item-value="symbol"
						item-text="name"
						:items-event-func-id='{"id": "getCoins"}'
						:items='[{"symbol": "BTC", "name": "Bitcoin"}]'
						:selected-items='[{"symbol": "BTC", "name": "Bitcoin"}]'
						label="Single Remote"
					></vx-autocomplete>


					<h2>Single</h2>
					<vx-autocomplete
						field-name="Name2"
						:items='[{"text":"Vue","value":"vue"},{"text":"React","value":"react"},{"text":"Angular","value":"angular"},{"text":"Amber","value":"amber"},{"text":"jQuery","value":"jquery"}]'
						:selected-items='[{"text":"Angular","value":"angular"}]'
						label="Single"
					></vx-autocomplete>

					<button @click='$plaid().event($event).eventFunc("a").go()'>SEND</button>
				</v-container>
			</v-content>
		</v-app>
	</div>

	<script src="http://localhost:3080/js/chunk-vendors.js"></script>
	<script src="http://localhost:3080/js/app.js"></script>
	<script src="http://localhost:3100/js/chunk-vendors.js"></script>
	<script src="http://localhost:3100/js/app.js"></script>

</body>

</html>