<commit_before><template lang="pug">
	#title-bar
		nav#cssmenu
			ul
				li
					a(@click="toggleFullScreen", href="#"): span
						i.material-icons(v-if="isFullScreen") fullscreen_exit
						i.material-icons(v-else) fullscreen
						|  Sidebar
				li: div
					i.material-icons search
					input#search-bar.my-search(v-model="search", type="text", placeholder="Search notes...")
					i.material-icons(v-show="search", @click="clear_search") clear
				
				li.has-sub.right-align
					dropdown(:visible="menu_visible", :position="position", v-on:clickout="menu_visible = false")
						i.link.material-icons(@click="menu_visible = !menu_visible") more_vert
						.dialog(slot="dropdown"): ul
							li: a(@click.prevent="menu_openFolder", href="#") Open Existing Sync Folder
							li: a(@click.prevent="menu_moveFolder", href="#") Move Sync Folder
							li: hr
							li: a(@click.prevent="menu_changeTheme('original')", href="#")
								i.material-icons(v-if="selectedTheme == 'original'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Original Theme
							li: a(@click.prevent="menu_changeTheme('light')", href="#")
								i.material-icons(v-if="selectedTheme == 'light'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Light Theme
							li: a(@click.prevent="menu_changeTheme('dark')", href="#")
								i.material-icons(v-if="selectedTheme == 'dark'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Dark Theme
							li: hr
							li: a(@click.prevent="menu_devTools", href="#") Open DevTools
							li: a(@click.prevent="menu_credits", href="#") Credits
</template>

<script>
	const remote = require('electron').remote;

	import myDropdown from 'vue-my-dropdown';

	export default {
		name: 'titleMenu',
		props: {
			'isFullScreen': Boolean,
			'selectedTheme': String,
			'toggleFullScreen': Function,
			'openSync': Function,
			'moveSync': Function,
			'openCredits': Function,
			'changeTheme': Function
		},
		data: function() {
			return {
				'search': "",
				'menu_visible': false,
				'position': [ "right", "bottom", "right", "top" ]
			};
		},
		components: {
			'dropdown': myDropdown
		},
		methods: {<commit_msg>menu title position<commit_after><template lang="pug">
	#title-bar
		nav#cssmenu
			ul
				li
					a(@click="toggleFullScreen", href="#"): span
						i.material-icons(v-if="isFullScreen") fullscreen_exit
						i.material-icons(v-else) fullscreen
						|  Sidebar
				li: div
					i.material-icons search
					input#search-bar.my-search(v-model="search", type="text", placeholder="Search notes...")
					i.material-icons(v-show="search", @click="clear_search") clear
				
				li.has-sub.right-align
					dropdown(:visible="menu_visible", :position="position", v-on:clickout="menu_visible = false")
						i.link.material-icons(@click="menu_visible = !menu_visible") more_vert
						.dialog(slot="dropdown"): ul
							li: a(@click.prevent="menu_openFolder", href="#") Open Existing Sync Folder
							li: a(@click.prevent="menu_moveFolder", href="#") Move Sync Folder
							li: hr
							li: a(@click.prevent="menu_changeTheme('original')", href="#")
								i.material-icons(v-if="selectedTheme == 'original'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Original Theme
							li: a(@click.prevent="menu_changeTheme('light')", href="#")
								i.material-icons(v-if="selectedTheme == 'light'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Light Theme
							li: a(@click.prevent="menu_changeTheme('dark')", href="#")
								i.material-icons(v-if="selectedTheme == 'dark'") radio_button_checked
								i.material-icons.faded(v-else) radio_button_unchecked
								|  Dark Theme
							li: hr
							li: a(@click.prevent="menu_devTools", href="#") Open DevTools
							li: a(@click.prevent="menu_credits", href="#") Credits
</template>

<script>
	const remote = require('electron').remote;

	import myDropdown from 'vue-my-dropdown';

	export default {
		name: 'titleMenu',
		props: {
			'isFullScreen': Boolean,
			'selectedTheme': String,
			'toggleFullScreen': Function,
			'openSync': Function,
			'moveSync': Function,
			'openCredits': Function,
			'changeTheme': Function
		},
		data: function() {
			return {
				'search': "",
				'menu_visible': false,
				'position': [ "right", "top", "right", "top" ]
			};
		},
		components: {
			'dropdown': myDropdown
		},
		methods: {
{'fraction_non_alphanumeric': 0.16348893271970194, 'fraction_numerical': 0.0, 'mean_word_length': 3.5777331995987964, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5978917', 'n_tokens_mistral': 1887, 'n_tokens_neox': 1454, 'n_words': 270}