diff --git a/CHANGELOG.md b/CHANGELOG.md index 2a5e8cc..5b71e81 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,19 @@ +# 1.2.1 + +**Added a loading indicator while the app generates an ID** + +Feedback is always nice when network requests are happening, so now the Get Link button will display a loading graphic while the application is generating an ID + +**Added a FAQ** + +Along with a single, lonesome question/answer + +**Added performance monitoring** + +One for me really, I will now be able to keep track of how long it takes to generate URL ID's + +# 1.2.0 + # 1.1.0 ### Feature diff --git a/application-configuration.js b/application-configuration.js index 95ec8a7..1c8064a 100644 --- a/application-configuration.js +++ b/application-configuration.js @@ -38,5 +38,5 @@ export default { "databaseURL": "{Enter databaseURL}", "projectId": "{Enter projectID}" }, - version: '1.1.0' + version: '1.2.1' }; diff --git a/package.json b/package.json index d4bac16..e9601f6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "linkslist", - "version": "1.1.0", + "version": "1.2.0", "licence": "GNU General Public Licence", "private": true, "scripts": { diff --git a/src/App.css b/src/App.css index 027bdf5..3446555 100644 --- a/src/App.css +++ b/src/App.css @@ -31,3 +31,13 @@ margin: 0; width: 100%; } + +.empty-links-list { + display: flex; + flex-direction: column; + align-items: center; +} + +.empty-links-list__item { + margin-bottom: 20px; +} diff --git a/src/App.js b/src/App.js index a7c694e..de52ea6 100644 --- a/src/App.js +++ b/src/App.js @@ -19,8 +19,10 @@ import { Alerts, Card, + FAQ, Footer, GetLink, + HowToUseDialog, Toolbar, ViewContainer } from './components'; @@ -30,8 +32,10 @@ export default { components: { Alerts, Card, + FAQ, Footer, GetLink, + HowToUseDialog, Toolbar, ViewContainer }, diff --git a/src/App.vue b/src/App.vue index ab2481a..352afc3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -60,9 +60,13 @@ - - Enter URLs into the input box above - +
+
+ Enter URLs into the input box above +
+ + +
diff --git a/src/components/FAQ/FAQ.js b/src/components/FAQ/FAQ.js new file mode 100644 index 0000000..2c935b7 --- /dev/null +++ b/src/components/FAQ/FAQ.js @@ -0,0 +1,36 @@ +/* + * Links List - Create a list of links, and then share it! + * Copyright (c) 2019 Luke Denton + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import Question from '../Question/Question.vue'; + +export default { + name: "FAQ", + components: { + Question + }, + data () { + return { + dialog: false + } + }, + computed: { + theme() { + return this.$store.getters['ui/theme']; + } + } +} diff --git a/src/components/FAQ/FAQ.vue b/src/components/FAQ/FAQ.vue new file mode 100644 index 0000000..310297c --- /dev/null +++ b/src/components/FAQ/FAQ.vue @@ -0,0 +1,68 @@ + + + + + diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index ffc91ff..5abb578 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -28,3 +28,17 @@ transition: border-bottom linear 200ms; will-change: border-bottom; } + +@media (max-width: 720px) { + .v-footer { + flex-direction: column; + } +} + +.links-container { + align-content: center; +} + +.privacy-policy-link-container { + display: flex; +} diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue index c38e2f1..5730b4e 100644 --- a/src/components/Footer/Footer.vue +++ b/src/components/Footer/Footer.vue @@ -17,7 +17,7 @@ -->