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

Compare commits

base: CSGOWTF:1.0
Branches Tags
CSGOWTF:dev CSGOWTF:feature-v2 CSGOWTF:master CSGOWTF:typescript-port
CSGOWTF:1.0.9 CSGOWTF:1.0.7 CSGOWTF:1.0.6 CSGOWTF:1.0.3 CSGOWTF:1.0.2 CSGOWTF:1.0.1 CSGOWTF:1.0
..
compare: CSGOWTF:1.0.1
Branches Tags
CSGOWTF:feature-v2 CSGOWTF:dev CSGOWTF:master CSGOWTF:typescript-port
CSGOWTF:1.0.9 CSGOWTF:1.0.7 CSGOWTF:1.0.6 CSGOWTF:1.0.3 CSGOWTF:1.0.2 CSGOWTF:1.0.1 CSGOWTF:1.0

2 Commits
1.0 ... 1.0.1

Author SHA1 Message Date
vikingowl
1c178404ab fixed background on player (#42)
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details 
Co-authored-by: vikingowl <cw.nachtigall@gmail.com>
Reviewed-on: https://git.harting.dev/CSGOWTF/csgowtf/pulls/42
Co-authored-by: vikingowl <vikingowl@git.harting.dev>
Co-committed-by: vikingowl <vikingowl@git.harting.dev>
 2022-01-31 03:05:29 +01:00
vikingowl
f2a8e483c4 added link preload
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details
2022-01-31 02:09:45 +01:00
3 changed files with 73 additions and 53 deletions
Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "csgowtf", "name": "csgowtf",
"version": "1.0.0", "version": "1.0.1",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",

87
public/index.html
View File

@@ -2,55 +2,60 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
<meta name="description" <meta content="Open source CSGO data platform"
content="Open source CSGO data platform"> name="description">
<meta name="robots" <meta content="index, follow, archive"
content="index, follow, archive"> name="robots">
<meta property="st:section" <meta content="Open source CSGO data platform"
content="Open source CSGO data platform"> property="st:section">
<meta name="twitter:title" <meta content="csgoWTF"
content="csgoWTF"> name="twitter:title">
<meta name="twitter:description" <meta content="Open source CSGO data platform"
content="Open source CSGO data platform"> name="twitter:description">
<meta name="twitter:card" <meta content="summary_large_image"
content="summary_large_image"> name="twitter:card">
<meta property="og:url" <meta content="https://csgow.tf/"
content="https://csgow.tf/"> property="og:url">
<meta property="og:title" <meta content="csgoWTF"
content="csgoWTF"> property="og:title">
<meta property="og:description" <meta content="Open source CSGO data platform"
content="Open source CSGO data platform"> property="og:description">
<meta property="og:type" <meta content="website"
content="website"> property="og:type">
<meta property="og:locale" <meta content="en_US"
content="en_US"> property="og:locale">
<meta property="og:site_name" <meta content="csgoWTF"
content="csgoWTF"> property="og:site_name">
<meta name="twitter:image" <meta content="https://csgow.tf/logo.svg"
content="https://csgow.tf/logo.svg"> name="twitter:image">
<meta property="og:image" <meta content="https://csgow.tf/logo.svg"
content="https://csgow.tf/logo.svg"> property="og:image">
<meta property="og:image:width" <meta content="1024"
content="1024"> property="og:image:width">
<meta property="og:image:height" <meta content="1024"
content="1024"> property="og:image:height">
<meta property="og:image:secure_url" <meta content="https://csgow.tf/logo.svg"
content="https://csgow.tf/logo.svg"> property="og:image:secure_url">
<link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>apple-touch-icon.png"> <link href="<%= BASE_URL %>apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicon-32x32.png"> <link href="<%= BASE_URL %>favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>favicon-16x16.png"> <link href="<%= BASE_URL %>favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link rel="manifest" href="<%= BASE_URL %>site.webmanifest"> <link href="<%= BASE_URL %>site.webmanifest" rel="manifest">
<link href="https://steamcdn-a.akamaihd.net" rel="preload">
<link href="https://api.csgow.tf" rel="preload">
<link href="https://piwik.harting.hosting" rel="preload">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app" class="d-flex flex-column min-vh-100"></div> <div id="app" class="d-flex flex-column min-vh-100"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

21
src/views/Player.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<img alt="" class="bg-img" src=""> <img alt="" class="bg-img" src="">
<div class="wrapper"> <div class="wrapper" :style="{minHeight: pHeight + 'px'}">
<div class="container-lg"> <div class="container-lg">
<div v-if="store.state.playerDetails.name"> <div v-if="store.state.playerDetails.name">
<div class="card mb-3 bg-transparent border-0"> <div class="card mb-3 bg-transparent border-0">
@@ -148,7 +148,7 @@
</template> </template>
<script> <script>
import {onBeforeMount, onBeforeUnmount, onMounted, reactive, watch} from "vue"; import {onBeforeMount, onBeforeUnmount, onMounted, reactive, ref, watch} from "vue";
import {useStore} from "vuex"; import {useStore} from "vuex";
import { import {
constructAvatarUrl, constructAvatarUrl,
@@ -180,7 +180,7 @@ export default {
setup(props) { setup(props) {
// Variables // Variables
const store = useStore() const store = useStore()
const pHeight = ref(0)
const displayCounter = 3 const displayCounter = 3
const data = reactive({ const data = reactive({
@@ -201,6 +201,16 @@ export default {
playerMeta: {}, playerMeta: {},
}) })
const getWindowHeight = () => {
const navHeight = document.getElementsByTagName('nav')[0].clientHeight
const footerHeight = document.getElementsByTagName('footer')[0].clientHeight
// 70 = nav-height | 108.5 = footer-height
return window.innerHeight - navHeight - footerHeight
}
pHeight.value = getWindowHeight()
onBeforeMount(() => { onBeforeMount(() => {
if (Object.entries(store.state.playerDetails).length === 0) { if (Object.entries(store.state.playerDetails).length === 0) {
GetPlayer() GetPlayer()
@@ -352,9 +362,14 @@ export default {
}) })
}) })
window.onresize = () => {
pHeight.value = getWindowHeight()
}
return { return {
data, data,
store, store,
pHeight,
props, props,
TrackPlayer, TrackPlayer,
RefreshData, RefreshData,