Skip to content

Commit ad7fc7f

Browse files
martedescomartedesco
authored
Merge pull request #39 from andrekolodochka/formatting
formatting changes
2 parents dfac6ea + de77dd0 commit ad7fc7f

File tree

6 files changed

+75
-93
lines changed

6 files changed

+75
-93
lines changed

‎src/assets/global.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.tiles-container {
2+
display: flex;
3+
justify-content: flex-start;
4+
flex-wrap: wrap;
5+
}
6+
.tiles-text {
7+
display: flex;
8+
flex-direction: column;
9+
align-items: center;
10+
text-align: center;
11+
}
12+
13+
.error-message {
14+
color: red;
15+
}
16+
17+
.spacing-10 {
18+
margin-bottom: 10px;
19+
}
20+
21+
.spacing-25 {
22+
margin-bottom: 25px;
23+
}

‎src/components/BreakdownComponent.vue

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@
44
<!-- Acceptance Rate Tile -->
55
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
66
<v-card-item>
7-
<div>
8-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
7+
<div class="tiles-text">
8+
<div class="spacing-25"></div>
99
<div class="text-h6 mb-1">Number of {{ breakdownDisplayNamePlural }}</div>
1010
<div class="text-caption">
1111
Over the last 28 days
1212
</div>
13-
<p>{{ numberOfBreakdowns }}</p>
13+
<p class="text-h4">{{ numberOfBreakdowns }}</p>
1414
</div>
1515
</v-card-item>
1616
</v-card>
@@ -22,7 +22,7 @@
2222
<v-col cols="6">
2323
<v-card>
2424
<v-card-item class="d-flex justify-center align-center">
25-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
25+
<div class="spacing-25"></div>
2626
<div class="text-h6 mb-1">Top 5 {{ breakdownDisplayNamePlural }} by accepted prompts</div>
2727
<div style="width: 300px; height: 300px;">
2828
<Pie :data="breakdownsChartDataTop5AcceptedPrompts" :options="chartOptions" />
@@ -34,7 +34,7 @@
3434
<v-col cols="6">
3535
<v-card>
3636
<v-card-item class="d-flex justify-center align-center">
37-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
37+
<div class="spacing-25"></div>
3838
<div class="text-h6 mb-1">Top 5 {{ breakdownDisplayNamePlural }} by acceptance rate</div>
3939
<div style="width: 300px; height: 300px;">
4040
<Pie :data="breakdownsChartDataTop5AcceptanceRate" :options="chartOptions" />
@@ -234,13 +234,3 @@ export default defineComponent({
234234
235235
});
236236
</script>
237-
238-
<style scoped>
239-
240-
.tiles-container {
241-
display: flex;
242-
justify-content: flex-start;
243-
flex-wrap: wrap;
244-
}
245-
246-
</style>

‎src/components/CopilotChatViewer.vue

Lines changed: 10 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,22 @@
22
<div class="tiles-container">
33
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
44
<v-card-item>
5-
<div>
6-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
7-
<div class="text-h6 mb-1">Cumulative Number of Turns</div>
8-
<div class="text-caption">
9-
Over the last 28 days
10-
</div>
11-
<p>{{ cumulativeNumberTurns }}</p>
5+
<div class="tiles-text">
6+
<div class="spacing-25"></div>
7+
<div class="text-h6 mb-1">Cumulative Number of Turns</div>
8+
<div class="text-caption">Over the last 28 days</div>
9+
<p class="text-h4">{{ cumulativeNumberTurns }}</p>
1210
</div>
1311
</v-card-item>
1412
</v-card>
1513

1614
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
1715
<v-card-item>
18-
<div>
19-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
20-
<div class="text-h6 mb-1">Cumulative Number of Acceptances</div>
21-
<div class="text-caption">
22-
Over the last 28 days
23-
</div>
24-
<p>{{ cumulativeNumberAcceptances }}</p>
16+
<div class="tiles-text">
17+
<div class="spacing-10"></div>
18+
<div class="text-h6 mb-1">Cumulative Number of Acceptances</div>
19+
<div class="text-caption">Over the last 28 days</div>
20+
<p class="text-h4">{{ cumulativeNumberAcceptances }}</p>
2521
</div>
2622
</v-card-item>
2723
</v-card>
@@ -177,13 +173,3 @@ setup(props) {
177173
});
178174
179175
</script>
180-
181-
<style scoped>
182-
183-
.tiles-container {
184-
display: flex;
185-
justify-content: flex-start;
186-
flex-wrap: wrap;
187-
}
188-
189-
</style>

‎src/components/MetricsViewer.vue

Lines changed: 12 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,52 +4,52 @@
44
<!-- Acceptance Rate Tile -->
55
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
66
<v-card-item>
7-
<div>
8-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
7+
<div class="spacing-25"></div>
8+
<div class="tiles-text">
99
<div class="text-h6 mb-1">Acceptance Rate Average</div>
1010
<div class="text-caption">
1111
Over the last 28 days
1212
</div>
13-
<p>{{ acceptanceRateAverage.toFixed(2) }}%</p>
13+
<p class="text-h4">{{ acceptanceRateAverage.toFixed(2) }}%</p>
1414
</div>
1515
</v-card-item>
1616
</v-card>
1717

1818
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
1919
<v-card-item>
20-
<div>
21-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
20+
<div class="tiles-text">
21+
<div class="spacing-10"></div>
2222
<div class="text-h6 mb-1">Cumulative Number of Suggestions</div>
2323
<div class="text-caption">
2424
Over the last 28 days
2525
</div>
26-
<p>{{ cumulativeNumberSuggestions }}</p>
26+
<p class="text-h4">{{ cumulativeNumberSuggestions }}</p>
2727
</div>
2828
</v-card-item>
2929
</v-card>
3030

3131
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
3232
<v-card-item>
33-
<div>
34-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
33+
<div class="tiles-text">
34+
<div class="spacing-10"></div>
3535
<div class="text-h6 mb-1">Cumulative Number of Accepted Prompts</div>
3636
<div class="text-caption">
3737
Over the last 28 days
3838
</div>
39-
<p>{{ cumulativeNumberAcceptances }}</p>
39+
<p class="text-h4">{{ cumulativeNumberAcceptances }}</p>
4040
</div>
4141
</v-card-item>
4242
</v-card>
4343

4444
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
4545
<v-card-item>
46-
<div>
47-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
46+
<div class="tiles-text">
47+
<div class="spacing-10"></div>
4848
<div class="text-h6 mb-1">Cumulative Number of Lines of Code Accepted</div>
4949
<div class="text-caption">
5050
Over the last 28 days
5151
</div>
52-
<p>{{ cumulativeNumberLOCAccepted }}</p>
52+
<p class="text-h4">{{ cumulativeNumberLOCAccepted }}</p>
5353
</div>
5454
</v-card-item>
5555
</v-card>
@@ -299,11 +299,3 @@ export default defineComponent({
299299
300300
});
301301
</script>
302-
303-
<style scoped>
304-
.tiles-container {
305-
display: flex;
306-
justify-content: flex-start;
307-
flex-wrap: wrap;
308-
}
309-
</style>

‎src/components/SeatsAnalysisViewer.vue

Lines changed: 24 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,39 @@
11
<template>
22
<div class="tiles-container">
33
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
4-
<v-card-item>
5-
<div>
6-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
7-
<div class="text-h6 mb-1">Total Assigned </div>
8-
<div class="text-caption">
9-
Currently assigned seats
10-
</div>
11-
<p>{{ totalSeats.length }}</p>
4+
<v-card-item class="d-flex justify-center align-center">
5+
<div class="tiles-text">
6+
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
7+
<div class="text-h6 mb-1">Total Assigned </div>
8+
<div class="text-caption">
9+
Currently assigned seats
10+
</div>
11+
<p class="text-h4">{{ totalSeats.length }}</p>
1212
</div>
1313
</v-card-item>
1414
</v-card>
1515

1616
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
17-
<v-card-item>
18-
<div>
19-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
20-
<div class="text-h6 mb-1">Assigned But Never Used</div>
21-
<div class="text-caption">
22-
No show seats
23-
</div>
24-
<p>{{ NoshowSeats.length }}</p>
17+
<v-card-item class="d-flex justify-center align-center">
18+
<div class="tiles-text">
19+
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
20+
<div class="text-h6 mb-1">Assigned But Never Used</div>
21+
<div class="text-caption">
22+
No show seats
23+
</div>
24+
<p class="text-h4">{{ NoshowSeats.length }}</p>
2525
</div>
2626
</v-card-item>
2727
</v-card>
2828
<v-card elevation="4" color="white" variant="elevated" class="mx-auto my-3" style="width: 300px; height: 175px;">
29-
<v-card-item>
30-
<div>
31-
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
32-
<div class="text-h6 mb-1">No Activity in the Last 7 days </div>
33-
<div class="text-caption">
34-
No use in the last 7 days
35-
</div>
36-
<p>{{ unusedSeats.length }}</p>
29+
<v-card-item class="d-flex justify-center align-center">
30+
<div class="tiles-text">
31+
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
32+
<div class="text-h6 mb-1">No Activity in the Last 7 days </div>
33+
<div class="text-caption">
34+
No use in the last 7 days
35+
</div>
36+
<p class="text-h4">{{ unusedSeats.length }}</p>
3737
</div>
3838
</v-card-item>
3939
</v-card>
@@ -156,13 +156,3 @@ setup(props) {
156156
157157
});
158158
</script>
159-
160-
<style scoped>
161-
162-
.tiles-container {
163-
display: flex;
164-
justify-content: flex-start;
165-
flex-wrap: wrap;
166-
}
167-
168-
</style>

‎src/main.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
22
import App from './App.vue'
33
import vuetify from './plugins/vuetify'
44
import { loadFonts } from './plugins/webfontloader'
5+
import './assets/global.css';
56

67
loadFonts()
78

0 commit comments

Comments
 (0)