{{ $t(`wiki.${vehicle.group}`) }} |
@@ -238,14 +245,6 @@ export default defineComponent({
background-color: #435288;
}
- &[data-sponsor-only='true'] {
- box-shadow: 0 0 5px 0 $sponsorColor;
- }
-
- &[data-team-only='true'] {
- box-shadow: 0 0 5px 0 $teamColor;
- }
-
& > span {
display: flex;
flex-direction: column;
@@ -260,6 +259,22 @@ export default defineComponent({
text-overflow: ellipsis;
}
+.sponsor-only {
+ color: $sponsorColor;
+
+ &::after {
+ content: '*';
+ }
+}
+
+.team-only {
+ color: $teamColor;
+
+ &::after {
+ content: '*';
+ }
+}
+
.vehicle-props {
color: #ccc;
}
diff --git a/src/components/utils/StockThumbnails.vue b/src/components/utils/StockThumbnails.vue
index f8e9dbe..c24b38d 100644
--- a/src/components/utils/StockThumbnails.vue
+++ b/src/components/utils/StockThumbnails.vue
@@ -5,7 +5,10 @@
v-for="(stock, stockIndex) in store.stockList"
:key="stockIndex"
:data-selected="store.chosenStockListIndex == stockIndex"
- :data-sponsor="stock.restrictions.sponsorOnly"
+ :data-sponsor-only="
+ stock.vehicleRef.sponsorOnlyTimestamp && stock.vehicleRef.sponsorOnlyTimestamp > Date.now()
+ "
+ :data-team-only="stock.vehicleRef.teamOnly"
draggable="true"
@dragstart="onDragStart(stockIndex)"
@drop="onDrop($event, stockIndex)"
@@ -13,14 +16,14 @@
@click="onListItemClick(stockIndex)"
>
- {{ stock.type }}
+ {{ stock.vehicleRef.type }}
@@ -43,7 +46,7 @@ const onListItemClick = (index: number) => {
};
const stockImageError = (e: Event, stock: IStock) => {
- (e.target as HTMLImageElement).src = `images/${stock.group}-unknown.png`;
+ (e.target as HTMLImageElement).src = `images/${stock.vehicleRef.group}-unknown.png`;
};
watch(
@@ -88,6 +91,8 @@ const allowDrop = (e: DragEvent) => {