mysqlsyncr 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui/dist/spa/assets/{MainLayout-C27l9N4F.js → MainLayout-C00doqXz.js} +1 -1
- package/ui/dist/spa/assets/{axios-Y2H2Igoj.js → axios-o6kWhtT9.js} +1 -1
- package/ui/dist/spa/assets/{index-DKK0oGss.js → index-DnieoNNh.js} +9 -9
- package/ui/dist/spa/index.html +1 -1
- package/ui/src/pages/MainComponent.vue +115 -18
package/ui/dist/spa/index.html
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><title>MySQLsyncr</title><meta charset=utf-8><meta name=description content="A simple ui for the sync features in mysqlsyncr"><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><link rel=icon type=image/png sizes=128x128 href=/icons/favicon-128x128.png><link rel=icon type=image/png sizes=96x96 href=/icons/favicon-96x96.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=icon type=image/ico href=/favicon.ico> <script type="module" crossorigin src="/assets/index-
|
|
1
|
+
<!DOCTYPE html><html><head><title>MySQLsyncr</title><meta charset=utf-8><meta name=description content="A simple ui for the sync features in mysqlsyncr"><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><link rel=icon type=image/png sizes=128x128 href=/icons/favicon-128x128.png><link rel=icon type=image/png sizes=96x96 href=/icons/favicon-96x96.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=icon type=image/ico href=/favicon.ico> <script type="module" crossorigin src="/assets/index-DnieoNNh.js"></script>
|
|
2
2
|
<link rel="stylesheet" crossorigin href="/assets/index-DME6fUxJ.css">
|
|
3
3
|
</head><body><div id=q-app></div></body></html>
|
|
@@ -86,25 +86,122 @@
|
|
|
86
86
|
</q-card>
|
|
87
87
|
|
|
88
88
|
<q-dialog v-model="settingsDialog" persistent>
|
|
89
|
-
<q-card>
|
|
90
|
-
<q-card-section>
|
|
91
|
-
<div class="text-
|
|
92
|
-
<
|
|
93
|
-
<q-input v-model="port" label="Database Port" type="number" required />
|
|
94
|
-
<q-input v-model="user" label="Database User" required />
|
|
95
|
-
<q-input
|
|
96
|
-
v-model="password"
|
|
97
|
-
label="Database Password"
|
|
98
|
-
type="password"
|
|
99
|
-
required
|
|
100
|
-
autocomplete="off"
|
|
101
|
-
/>
|
|
102
|
-
<q-input v-model="database" label="Database Name" required />
|
|
103
|
-
<q-input v-model="dbFolder" label="Database Folder" required />
|
|
89
|
+
<q-card style="width: 90vw; max-width: 1200px">
|
|
90
|
+
<q-card-section class="bg-primary text-white">
|
|
91
|
+
<div class="text-h5">Database Settings</div>
|
|
92
|
+
<div class="text-subtitle2">Configure your database connection parameters</div>
|
|
104
93
|
</q-card-section>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
<
|
|
94
|
+
|
|
95
|
+
<q-card-section class="q-pa-lg col scroll">
|
|
96
|
+
<div class="row q-col-gutter-lg justify-center">
|
|
97
|
+
<div class="col-12 col-sm-10">
|
|
98
|
+
<div class="row q-col-gutter-md">
|
|
99
|
+
<div class="col-12 col-sm-6">
|
|
100
|
+
<q-input
|
|
101
|
+
v-model="host"
|
|
102
|
+
label="Database Host"
|
|
103
|
+
filled
|
|
104
|
+
class="q-mb-md"
|
|
105
|
+
required
|
|
106
|
+
>
|
|
107
|
+
<template v-slot:prepend>
|
|
108
|
+
<q-icon name="dns" />
|
|
109
|
+
</template>
|
|
110
|
+
</q-input>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
113
|
+
<div class="col-12 col-sm-6">
|
|
114
|
+
<q-input
|
|
115
|
+
v-model="port"
|
|
116
|
+
label="Database Port"
|
|
117
|
+
type="number"
|
|
118
|
+
filled
|
|
119
|
+
class="q-mb-md"
|
|
120
|
+
required
|
|
121
|
+
>
|
|
122
|
+
<template v-slot:prepend>
|
|
123
|
+
<q-icon name="settings_ethernet" />
|
|
124
|
+
</template>
|
|
125
|
+
</q-input>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
<div class="col-12 col-sm-6">
|
|
129
|
+
<q-input
|
|
130
|
+
v-model="user"
|
|
131
|
+
label="Database User"
|
|
132
|
+
filled
|
|
133
|
+
class="q-mb-md"
|
|
134
|
+
required
|
|
135
|
+
>
|
|
136
|
+
<template v-slot:prepend>
|
|
137
|
+
<q-icon name="person" />
|
|
138
|
+
</template>
|
|
139
|
+
</q-input>
|
|
140
|
+
</div>
|
|
141
|
+
|
|
142
|
+
<div class="col-12 col-sm-6">
|
|
143
|
+
<q-input
|
|
144
|
+
v-model="password"
|
|
145
|
+
label="Database Password"
|
|
146
|
+
type="password"
|
|
147
|
+
filled
|
|
148
|
+
class="q-mb-md"
|
|
149
|
+
required
|
|
150
|
+
autocomplete="off"
|
|
151
|
+
>
|
|
152
|
+
<template v-slot:prepend>
|
|
153
|
+
<q-icon name="lock" />
|
|
154
|
+
</template>
|
|
155
|
+
</q-input>
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<div class="col-12 col-sm-6">
|
|
159
|
+
<q-input
|
|
160
|
+
v-model="database"
|
|
161
|
+
label="Database Name"
|
|
162
|
+
filled
|
|
163
|
+
class="q-mb-md"
|
|
164
|
+
required
|
|
165
|
+
>
|
|
166
|
+
<template v-slot:prepend>
|
|
167
|
+
<q-icon name="database" />
|
|
168
|
+
</template>
|
|
169
|
+
</q-input>
|
|
170
|
+
</div>
|
|
171
|
+
|
|
172
|
+
<div class="col-12 col-sm-6">
|
|
173
|
+
<q-input
|
|
174
|
+
v-model="dbFolder"
|
|
175
|
+
label="Database Folder"
|
|
176
|
+
filled
|
|
177
|
+
class="q-mb-md"
|
|
178
|
+
required
|
|
179
|
+
>
|
|
180
|
+
<template v-slot:prepend>
|
|
181
|
+
<q-icon name="folder" />
|
|
182
|
+
</template>
|
|
183
|
+
</q-input>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
</div>
|
|
188
|
+
</q-card-section>
|
|
189
|
+
|
|
190
|
+
<q-card-actions align="right" class="bg-white q-pa-md">
|
|
191
|
+
<q-btn
|
|
192
|
+
@click="closeSettings"
|
|
193
|
+
label="Cancel"
|
|
194
|
+
color="grey-7"
|
|
195
|
+
flat
|
|
196
|
+
class="q-px-md"
|
|
197
|
+
/>
|
|
198
|
+
<q-btn
|
|
199
|
+
@click="saveSettings"
|
|
200
|
+
label="Save Settings"
|
|
201
|
+
color="primary"
|
|
202
|
+
unelevated
|
|
203
|
+
class="q-px-md q-ml-sm"
|
|
204
|
+
/>
|
|
108
205
|
</q-card-actions>
|
|
109
206
|
</q-card>
|
|
110
207
|
</q-dialog>
|