Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-04 22:08:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Poprawki w widoczności modalu

Browse Source
This commit is contained in:
Spythere
2020-12-13 09:13:09 +01:00
parent 1d377648ef
commit 255f8e2840
3 changed files with 33 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
-7
View File
@@ -53,8 +53,6 @@ import { mapGetters, mapActions } from "vuex";
import Clock from "@/components/App/Clock.vue"; import Clock from "@/components/App/Clock.vue";
import Modal from "@/components/Global/Modal.vue"; import Modal from "@/components/Global/Modal.vue";
import axios from "axios";
@Component({ @Component({
components: { Clock, Modal }, components: { Clock, Modal },
}) })
@@ -66,11 +64,6 @@ export default class App extends Vue {
async mounted() { async mounted() {
this.synchronizeData(); this.synchronizeData();
const data = await (
await axios.get("http://stacjownik.eu-central-1.elasticbeanstalk.com")
).data;
console.log(data);
} }
} }
</script> </script>
src/components/Global/DonationModal.vue
+31 -45
View File
@@ -1,45 +1,43 @@
<template> <template>
<transition name="modal-anim"> <div class="modal" v-if="!modalHidden">
<div class="modal" v-if="!modalHidden"> <div class="modal_content">
<div class="modal_content"> <span class="modal_title">Grosza daj Stacjownikowi...</span>
<span class="modal_title">Grosza daj Stacjownikowi...</span> <div class="modal_body">
<div class="modal_body"> <div class="modal_body-header">
<div class="modal_body-header"> Stacjownik to projekt całkowicie darmowy dla wszystkich.
Stacjownik to projekt całkowicie darmowy dla wszystkich. Jednak jeśli chcesz go wesprzeć i pomóc w rozwoju strony oraz nowych funkcjonalności, które wykraczają poza darmowe możliwości
Jednak jeśli chcesz go wesprzeć i pomóc w rozwoju strony oraz nowych funkcjonalności, które wykraczają poza darmowe możliwości hostingu, na którym jest postawiony, zostaw złotówkę, nowigradzką koronę czy nawet rubla!
hostingu, na którym jest postawiony, zostaw złotówkę, nowigradzką koronę czy nawet rubla! </div>
</div>
<div class="modal_payments"> <div class="modal_payments">
<div>Płatności dokonasz korzystając z poniższych metod:</div> <div>Płatności dokonasz korzystając z poniższych metod:</div>
<div class="payment"> <div class="payment">
<div> <div>
<a target="_blank" href="https://paypal.me/spythere"> <a target="_blank" href="https://paypal.me/spythere">
<img :src="paypalIcon" alt="icon-paypal" /> <img :src="paypalIcon" alt="icon-paypal" />
<span>PAYPAL</span> <span>PAYPAL</span>
</a> </a>
</div>
</div>
<div class="payment">
<div>
<div class="payment_open" v-if="showNumber">94 1140 2004 0000 3502 7784 9203</div>
<div class="payment_closed" v-else @click="showNumber = true">
<b>PRZELEW NA KONTO</b>
</div>
</div>
</div> </div>
</div> </div>
<div>Wielkie dzięki i do zobaczenia na szlaku!</div> <div class="payment">
<div>
<div class="modal_buttons"> <div class="payment_open" v-if="showNumber">94 1140 2004 0000 3502 7784 9203</div>
<button class="button" @click="toggleModal">PRZYJĄŁEM!</button> <div class="payment_closed" v-else @click="showNumber = true">
<b>PRZELEW NA KONTO</b>
</div>
</div>
</div> </div>
</div> </div>
<div>Wielkie dzięki i do zobaczenia na szlaku!</div>
<div class="modal_buttons">
<button class="button" @click="toggleModal">PRZYJĄŁEM!</button>
</div>
</div> </div>
</div> </div>
</transition> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -58,18 +56,6 @@ export default class Modal extends Vue {
toggleModal(type: string) { toggleModal(type: string) {
this.$emit("toggleModal"); this.$emit("toggleModal");
// if (type == "permament") {
// StorageManager.setBooleanValue(`${this.STORAGE_ID}_next`, true);
// this.modalHidden = true;
// }
}
initStorage() {
// if (StorageManager.isRegistered(`${this.STORAGE_ID}_hide`))
// this.modalHidden = StorageManager.getBooleanValue(
// `${this.STORAGE_ID}_hide`
// );
} }
} }
</script> </script>
src/views/StationsView.vue
+2 -2
View File
@@ -109,7 +109,7 @@ export default class StationsView extends Vue {
focusedStationName: string = ""; focusedStationName: string = "";
filterCardOpen: boolean = false; filterCardOpen: boolean = false;
modalHidden: boolean = false; modalHidden: boolean = true;
inputs = inputData; inputs = inputData;
@@ -132,7 +132,7 @@ export default class StationsView extends Vue {
mounted() { mounted() {
this.initializeOptionsStorage(); this.initializeOptionsStorage();
this.initializeModalStorage(); // this.initializeModalStorage();
window.addEventListener("keydown", (e: KeyboardEvent) => { window.addEventListener("keydown", (e: KeyboardEvent) => {
if (e.keyCode == 27 && this.focusedStationName != "") { if (e.keyCode == 27 && this.focusedStationName != "") {