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

updated cheater-display on chat
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
vikingowl
2022-02-03 16:59:22 +01:00
parent 45ab9887cf
commit 100b447633
1 changed files with 18 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/MatchChatHistory.vue
View File

@@ -16,33 +16,27 @@
class="name d-flex" class="name d-flex"
@click="GoToPlayer(m.steamid64)"> @click="GoToPlayer(m.steamid64)">
<span> <span>
<i v-if="m.tracked" class="fa fa-dot-circle-o text-success tracked" title="Tracked user"></i> <i v-if="m.tracked" class="fa fa-dot-circle-o text-success tracked" title="Tracked user"/>
{{ m.player }} <span :class="(m.vac && FormatVacDate(m.vac_date, store.state.matchDetails.date) !== '')
<i class="fa fa-external-link"/> || (!m.vac && m.game_ban && FormatVacDate(m.game_ban_date, store.state.matchDetails.date) !== '')
? 'ban-shadow'
: ''"
:title="!m.vac && m.game_ban ? 'Game-banned: ' + FormatVacDate(m.game_ban_date, store.state.matchDetails.date) : 'Vac-banned: ' + FormatVacDate(m.vac_date, store.state.matchDetails.date)">
{{ m.player }}
</span> </span>
</span>
</td> </td>
<td> <td>
<i class="fa fa-caret-right"/> <i class="fa fa-caret-right"/>
</td> </td>
<td class="player__vac">
<div v-if="!m.vac && !m.game_ban" class="vac-placeholder"/>
<img v-if="m.vac && FormatVacDate(m.vac_date, store.state.matchDetails.date) !== ''"
:title="'Vac-banned: ' + FormatVacDate(m.vac_date, store.state.matchDetails.date)"
alt="VAC-Ban"
src="/images/icons/vac_banned.svg">
<img v-if="!m.vac && m.game_ban && FormatVacDate(m.game_ban_date, store.state.matchDetails.date) !== ''"
:title="'Game-banned: ' + FormatVacDate(m.game_ban_date, store.state.matchDetails.date)"
alt="Game-Ban"
src="/images/icons/game_banned.svg">
</td>
<td class="message"> <td class="message">
{{ m.message }} {{ m.message }}
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div v-else> <div v-else class="d-flex align-items-center justify-content-center">
<h3 class="text-center">No chat available</h3> <h3>No chat available</h3>
</div> </div>
</div> </div>
</template> </template>
@@ -50,7 +44,7 @@
<script> <script>
import {useStore} from "vuex"; import {useStore} from "vuex";
import {onMounted, reactive} from "vue"; import {onMounted, reactive} from "vue";
import {GetChatHistory, constructAvatarUrl, GoToPlayer, ConvertTickToTime, FormatVacDate} from "@/utils"; import {GetChatHistory, constructAvatarUrl, GoToPlayer, ConvertTickToTime, FormatVacDate, truncate} from "@/utils";
export default { export default {
name: "MatchChatHistory", name: "MatchChatHistory",
@@ -92,7 +86,7 @@ export default {
for (const p of store.state.matchDetails.stats) { for (const p of store.state.matchDetails.stats) {
if (o.player === p.player.steamid64) { if (o.player === p.player.steamid64) {
const obj = Object.assign({ const obj = Object.assign({
player: p.player.name, player: truncate(p.player.name, 20),
steamid64: p.player.steamid64, steamid64: p.player.steamid64,
avatar: p.player.avatar, avatar: p.player.avatar,
color: p.color, color: p.color,
@@ -103,7 +97,7 @@ export default {
game_ban: p.player.game_ban, game_ban: p.player.game_ban,
game_ban_date: p.player.game_ban_date, game_ban_date: p.player.game_ban_date,
tick: o.tick, tick: o.tick,
tick_rate: store.state.matchDetails.tick_rate !== -1 ? store.state.matchDetails.tick_rate : 64, tick_rate: store.state.matchDetails.tick_rate && store.state.matchDetails.tick_rate !== -1 ? store.state.matchDetails.tick_rate : 64,
all_chat: o.all_chat, all_chat: o.all_chat,
message: o.message message: o.message
}) })
@@ -134,21 +128,11 @@ table td {
border-radius: 50%; border-radius: 50%;
} }
.player__vac {
.vac-placeholder {
width: 0;
}
img {
width: 20px;
height: 20px;
}
}
.name { .name {
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
width: 200px; width: 20ch;
max-width: 200px; max-width: 20ch;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -157,10 +141,9 @@ table td {
font-size: .8rem; font-size: .8rem;
} }
.fa-external-link { .ban-shadow {
color: white; color: red;
font-size: .8rem; text-shadow: 0 0 1rem orangered;
vertical-align: top;
} }
} }