CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

extracted closeNav function to Utils

Browse Source
This commit is contained in:
cnachtigall1991
2021-10-20 18:04:38 +02:00
parent ac1c5eb470
commit ebe2f1d3cc
3 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Nav.vue
View File

@@ -9,12 +9,12 @@
<div id="mainNav" class="collapse navbar-collapse navbar-nav justify-content-between"> <div id="mainNav" class="collapse navbar-collapse navbar-nav justify-content-between">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="nav-item"> <li class="nav-item">
<router-link class="navbar-brand" to="/" @click="closeNav"> <router-link class="navbar-brand" to="/" @click="closeNav('#mainNav')">
CSGO<span class="text-up text-white fw-bold">WTF</span> CSGO<span class="text-up text-white fw-bold">WTF</span>
</router-link> </router-link>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<router-link class="nav-link" to="/explore" @click="closeNav"> <router-link class="nav-link" to="/explore" @click="closeNav('#mainNav')">
Explore Explore
</router-link> </router-link>
</li> </li>
@@ -50,7 +50,7 @@
<script> <script>
import {reactive} from "vue"; import {reactive} from "vue";
import {useStore} from 'vuex' import {useStore} from 'vuex'
import {GetUser, GoToPlayer} from '../utils' import {GetUser, GoToPlayer, closeNav} from '../utils'
export default { export default {
name: 'Nav', name: 'Nav',
@@ -61,12 +61,6 @@ export default {
error: '' error: ''
}) })
const closeNav = () => {
const nav = document.querySelector('#mainNav')
if (nav.classList.contains('show'))
nav.classList.remove('show')
}
const parseSearch = async () => { const parseSearch = async () => {
const input = data.searchInput const input = data.searchInput
const customUrlPattern = 'https://steamcommunity.com/id/' const customUrlPattern = 'https://steamcommunity.com/id/'
@@ -135,10 +129,10 @@ export default {
}) })
if (store.state.vanityUrl) { if (store.state.vanityUrl) {
closeNav() closeNav('#mainNav')
GoToPlayer(store.state.vanityUrl) GoToPlayer(store.state.vanityUrl)
} else if (store.state.id64) { } else if (store.state.id64) {
closeNav() closeNav('#mainNav')
GoToPlayer(store.state.id64) GoToPlayer(store.state.id64)
} }
@@ -166,10 +160,9 @@ export default {
if (e.target.attributes.id.name === 'searchform' || e.target.attributes.id.name === 'search' || e.target.attributes.id.name === 'search-button') if (e.target.attributes.id.name === 'searchform' || e.target.attributes.id.name === 'search' || e.target.attributes.id.name === 'search-button')
console.log('test') console.log('test')
} else } else
closeNav() closeNav('#mainNav')
}) })
return { return {
data, parseSearch, closeNav data, parseSearch, closeNav
} }

6
src/utils/Utils.js
View File

@@ -2,6 +2,12 @@ export const setTitle = (title) => {
document.title = `${title} | csgoWTF` document.title = `${title} | csgoWTF`
} }
export const closeNav = (navSelector) => {
const nav = document.querySelector(navSelector)
if (nav.classList.contains('show'))
nav.classList.remove('show')
}
export const GetWinLoss = (matchResult, teamId) => { export const GetWinLoss = (matchResult, teamId) => {
if (matchResult === teamId) { if (matchResult === teamId) {
return 'win' return 'win'

4
src/utils/index.js
View File

@@ -4,7 +4,7 @@ import {SaveLastVisitedToLocalStorage} from "./LocalStorage";
import {GetHLTV_1} from "./HLTV"; import {GetHLTV_1} from "./HLTV";
import {DisplayRank, LoadImage} from "./Display"; import {DisplayRank, LoadImage} from "./Display";
import {GetUser, TrackMe, getPlayerValue} from "./ApiRequests"; import {GetUser, TrackMe, getPlayerValue} from "./ApiRequests";
import {setTitle, GetWinLoss, truncate, checkStatEmpty, getPlayerArr, constructAvatarUrl, GetAvgRank, FixMapName} from "./Utils"; import {setTitle, GetWinLoss, truncate, checkStatEmpty, getPlayerArr, constructAvatarUrl, GetAvgRank, FixMapName, closeNav} from "./Utils";
export { export {
FormatDate, FormatFullDuration, FormatFullDate, FormatDuration, FormatDate, FormatFullDuration, FormatFullDate, FormatDuration,
@@ -13,5 +13,5 @@ export {
GetHLTV_1, GetHLTV_1,
DisplayRank, LoadImage, DisplayRank, LoadImage,
GetUser, TrackMe, getPlayerValue, GetUser, TrackMe, getPlayerValue,
setTitle, GetWinLoss, truncate, checkStatEmpty, getPlayerArr, constructAvatarUrl, GetAvgRank, FixMapName setTitle, GetWinLoss, truncate, checkStatEmpty, getPlayerArr, constructAvatarUrl, GetAvgRank, FixMapName, closeNav
} }