ctmesh/map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show info modal on first launch

Browse Source
This commit is contained in:
liamcottle
2024-03-29 23:27:02 +13:00
parent 0bef9c9e32
commit ad18d36dc6
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/public/index.html
View File

@ -265,7 +265,7 @@
leave-active-class="transition-opacity duration-300 ease-linear" leave-active-class="transition-opacity duration-300 ease-linear"
leave-from-class="opacity-100" leave-from-class="opacity-100"
leave-to-class="opacity-0"> leave-to-class="opacity-0">
<div v-show="isShowingInfoModal" @click="isShowingInfoModal = !isShowingInfoModal" class="fixed inset-0 bg-gray-900 bg-opacity-75"></div> <div v-show="isShowingInfoModal" @click="dismissInfoModal" class="fixed inset-0 bg-gray-900 bg-opacity-75"></div>
</transition> </transition>
<!-- modal --> <!-- modal -->
@ -284,7 +284,7 @@
<!-- close button --> <!-- close button -->
<div class="absolute top-0 right-0"> <div class="absolute top-0 right-0">
<div class="h-7"> <div class="h-7">
<a href="javascript:void(0)" class="rounded-full" @click="isShowingInfoModal = false"> <a href="javascript:void(0)" class="rounded-full" @click="dismissInfoModal">
<div class="bg-gray-100 hover:bg-gray-200 p-2 rounded-full"> <div class="bg-gray-100 hover:bg-gray-200 p-2 rounded-full">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
@ -398,7 +398,7 @@
<!-- dismiss button --> <!-- dismiss button -->
<div class="mx-auto"> <div class="mx-auto">
<a href="javascript:void(0)" @click="isShowingInfoModal = false"> <a href="javascript:void(0)" @click="dismissInfoModal">
<div class="bg-gray-200 hover:bg-gray-300 px-6 py-2 rounded-md shadow"> <div class="bg-gray-200 hover:bg-gray-300 px-6 py-2 rounded-md shadow">
Dismiss Dismiss
</div> </div>
@ -1094,6 +1094,14 @@
<script> <script>
function getConfigHasSeenInfoModal() {
return localStorage.getItem("config_has_seen_info_modal") === "true"
}
function setConfigHasSeenInfoModal(value) {
return localStorage.setItem("config_has_seen_info_modal", value);
}
function getConfigMapEnabledOverlayLayers() { function getConfigMapEnabledOverlayLayers() {
try { try {
@ -1158,7 +1166,7 @@
isShowingHardwareModels: false, isShowingHardwareModels: false,
hardwareModelStats: null, hardwareModelStats: null,
isShowingInfoModal: true, isShowingInfoModal: !window.getConfigHasSeenInfoModal(),
isShowingMobileSearch: false, isShowingMobileSearch: false,
isShowingSettings: false, isShowingSettings: false,
@ -1519,6 +1527,10 @@
window.goToNode(node.node_id); window.goToNode(node.node_id);
}, },
dismissInfoModal: function() {
this.isShowingInfoModal = false;
window.setConfigHasSeenInfoModal(true);
},
}, },
computed: { computed: {
searchedNodes() { searchedNodes() {