<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
<script src="./scripts/vue.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:600" rel="stylesheet">
</head>
<body>
<div id="input">
<div class="container" v-bind:class="[position, float]" v-if="visible">
<div class="title">
<p>{{titleMenu}}</p>
</div>
<br>
<form>
<input v-model="message" type="text" name="input">
</form>
<div class = "button" @click="Choose()">
<p>{{ChooseText}}</p>
</div>
<div class = "button" @click="Close()">
<p>{{CloseText}}</p>
</div>
</div>
</div>
<div id="menu">
<div class="container" v-bind:class="[position, float]" v-if="visible">
<div class="title">
<p>{{titleMenu}}</p>
</div>
<div id = "scrolldiv">
<div v-for="item, index in menu" class="menu" v-bind:class="{ 'active': item.active}">
<p>
<span v-html="item.label"></span>
</p>
</div>
</div>
</div>
</div>
<script src="./scripts/listener.js" type="text/javascript"></script>
</body>
</html>