#app
	.board
		div(v-for="(sticker, index) in stickers",
				class="sticker", :class="[sticker.color, { 'moving': index == idToMove }]",
				:style="setPos(sticker)", @mousedown="drag_post(event, index)")
			.controls
				.themes
					.btn(@click="toggle_colors(event)"): span
					.colors
						div(v-for="color in colors", :class="color",
								:value="color", @click="change_color(event, index)")
				.del(@click="stickers.splice(index, 1)"): span
			.text(@dblclick="modify_post(index)") {{ sticker.text }}
				pre.debug {{ sticker }}

	.postit
		input.text(type="text", v-model="temporary.text",
							 @keyup.13="send_post(temporary.text, temporary.color)")
		.color_set
			.current(@click="toggle_colors(event)", :class="temporary.color")
			.colors
				div(v-for="color in colors", :class="color",
						:value="color", @click="temporary_color(event)")
		.btn(@click="send_post(temporary.text, temporary.color)") Send
	pre.debug(v-html="temporary", style="position:fixed; bottom:60px; left:40px")
	pre.debug(style="position:fixed; bottom:140px; left:40px") {{ mousePos }} {{ startMousePos }} {{ idToMove }}