v-container(grid-list-md)
v-dialog(v-model="showAlert" scrollable width="auto")
v-card(id="error-modal")
v-card-title(primary-title) {{alertTitle}}
v-card-text {{alertMessage}}
v-card-actions
v-spacer
v-btn.lighten-3(@click="showAlert=false;" ) close
v-layout(column )
v-flex
v-card
v-card-title
h2 Settings
v-card-text
h3 For more information about settings, see here
v-card-text
v-list(three-line)
v-list-tile(v-for="(parameter,index) in mergedSettings" :key="index")
v-list-tile-content
v-text-field(:label="index" v-model="settingsHolder[index]")
v-btn(@click="SaveSettings") Save
//- v-btn Add New parameter
v-btn(@click="resetToDefaults" style="margin-right:80px;") Reset to defaults
v-btn(@click="$refs.fileInput.click()") Import Settings
v-btn(@click="ExportSettings" style="margin-right:80px;") Export Settings
v-btn(@click="showAddModal = true") Add New Setting
input(type="file" ref="fileInput" accept="application/json" @change="onFilePicked" style="display: none")
v-dialog(v-model ="showAddModal")
v-card
v-card-title New Setting
v-card-text
v-text-field(label="Name" v-model="newKey")
v-text-field(label="Value" v-model="newValue")
v-card-actions
v-spacer
v-btn(@click="addSetting") Add
v-btn(@click="closeModal") Cancel