updated frontend from typescript to javascript

src/components/ScoreTeamPlayer.vue

@@ -0,0 +1,130 @@
+<template>
+  <td>
+    <img :src="props.avatar" alt="Player avatar" class="player__avatar">
+  </td>
+  <td class="player__name">
+    {{ props.name }}
+  </td>
+  <td>
+    <img :src="props.rank ? require('@/images/ranks/' + props.rank + '.png') : require('@/images/ranks/0.png')"
+         alt="Player rank"
+         class="player__rank">
+  </td>
+  <td class="player__kills">
+    {{ props.kills }}
+  </td>
+  <td class="player__assist">
+    {{ props.assists }}
+  </td>
+  <td class="player__deaths">
+    {{ props.deaths }}
+  </td>
+  <td :class="props.kdiff >= 0 ? 'text-success' : 'text-danger'" class="player__diff">
+    {{ props.kdiff }}
+  </td>
+  <td class="player__kd">
+    {{ (props.kills > 0 && props.deaths > 0) ? (props.kills / props.deaths).toFixed(2) : (props.kills > 0 && props.deaths === 0) ? props.kills : 0.00 }}
+  </td>
+  <td class="player__adr">
+    {{ (props.dmg / props.rounds_played).toFixed(2) }}
+  </td>
+  <td class="player__hs">
+    {{ (props.hs > 0 && props.kills > 0) ? (props.hs * 100 / props.kills).toFixed(0) + "%" : "0%" }}
+  </td>
+  <td class="player__kast">
+    {{ props.kast ? props.kast + "%" : "-" }}
+  </td>
+  <td class="player__rating">
+    {{
+      GetHLTV_1(props.kills, props.rounds_played, props.deaths, props.mk_duo, props.mk_triple, props.mk_quad, props.mk_pent)
+    }}
+  </td>
+</template>
+
+<script>
+import {GetHLTV_1} from "../utils";
+
+export default {
+  name: 'ScoreTeamPlayer',
+  props: {
+    avatar: {
+      type: String,
+      required: true,
+      default: 'Avatar'
+    },
+    name: {
+      type: String,
+      required: true,
+      default: 'Name'
+    },
+    rank: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    kills: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    assists: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    deaths: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    kdiff: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    hs: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    rounds_played: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    mk_duo: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    mk_triple: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    mk_quad: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    mk_pent: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    kast: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+    dmg: {
+      type: Number,
+      required: true,
+      default: 0
+    },
+  },
+  setup(props) {
+    return {props, GetHLTV_1}
+  }
+}
+</script>