Skip to content

Commit 5e9a037

Browse files
crod951crod951
committed
build(vue): Updated vue and vue-router; Resolved warnings from updated dependencies
1 parent bba24c4 commit 5e9a037

File tree

15 files changed

+184
-233
lines changed

15 files changed

+184
-233
lines changed

‎package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@
3434
"slugify": "^1.6.6",
3535
"socketcluster-client": "^17.1.1",
3636
"swrv": "^1.1.0",
37-
"vue": "^3.3.4",
38-
"vue-router": "^4.2.2",
37+
"vue": "^3.5.13",
38+
"vue-router": "^4.5.0",
3939
"vuedraggable": "^4.1.0"
4040
},
4141
"devDependencies": {

‎src/components/admin/settings/AdManager.vue

+11-7
Original file line numberDiff line numberDiff line change
@@ -95,9 +95,11 @@
9595
<section class="ads-container">
9696
<table class="striped ads-table full-width">
9797
<thead>
98-
<th>Number</th>
99-
<th>Display</th>
100-
<th>Actions</th>
98+
<tr>
99+
<th>Number</th>
100+
<th>Display</th>
101+
<th>Actions</th>
102+
</tr>
101103
</thead>
102104
<tbody>
103105
<tr v-for="(ad, index) in ads" :key="ad.id">
@@ -181,10 +183,12 @@
181183
<section class="factoids-container full-width">
182184
<table class="striped ads-table full-width">
183185
<thead>
184-
<th>Number</th>
185-
<th>Display</th>
186-
<th>Enabled</th>
187-
<th>Actions</th>
186+
<tr>
187+
<th>Number</th>
188+
<th>Display</th>
189+
<th>Enabled</th>
190+
<th>Actions</th>
191+
</tr>
188192
</thead>
189193
<tbody>
190194
<tr v-for="(factoid, index) in factoids" :key="factoid.id">

‎src/components/modals/profile/ManageBans.vue

+26-24
Original file line numberDiff line numberDiff line change
@@ -7,30 +7,32 @@
77
<!-- Manage Bans -->
88
<label class="bold">User Information</label>
99
<table v-if="userCopy.username" class="striped" width="100%">
10-
<tr>
11-
<td>Username</td>
12-
<td>{{ userCopy.username }}</td>
13-
</tr>
14-
<tr>
15-
<td>Email</td>
16-
<td>{{ userCopy.email }}</td>
17-
</tr>
18-
<tr>
19-
<td>Register Date</td>
20-
<td>{{ humanDate(userCopy.created_at) }}</td>
21-
</tr>
22-
<tr v-if="userCopy.ban_expiration">
23-
<td>Global Ban Expiration (UTC)</td>
24-
<td>{{ humanDate(dayjs.utc(userCopy.ban_expiration), true) }}</td>
25-
</tr>
26-
<tr v-if="userCopy?.banned_board_names?.length">
27-
<td>Banned From Boards</td>
28-
<td>
29-
<span v-for="(boardName, i) in userCopy.banned_board_names" :key="i">
30-
{{ boardName }}<span v-if="(i + 1) !== userCopy.banned_board_names.length">, </span>
31-
</span>
32-
</td>
33-
</tr>
10+
<tbody>
11+
<tr>
12+
<td>Username</td>
13+
<td>{{ userCopy.username }}</td>
14+
</tr>
15+
<tr>
16+
<td>Email</td>
17+
<td>{{ userCopy.email }}</td>
18+
</tr>
19+
<tr>
20+
<td>Register Date</td>
21+
<td>{{ humanDate(userCopy.created_at) }}</td>
22+
</tr>
23+
<tr v-if="userCopy.ban_expiration">
24+
<td>Global Ban Expiration (UTC)</td>
25+
<td>{{ humanDate(dayjs.utc(userCopy.ban_expiration), true) }}</td>
26+
</tr>
27+
<tr v-if="userCopy?.banned_board_names?.length">
28+
<td>Banned From Boards</td>
29+
<td>
30+
<span v-for="(boardName, i) in userCopy.banned_board_names" :key="i">
31+
{{ boardName }}<span v-if="(i + 1) !== userCopy.banned_board_names.length">, </span>
32+
</span>
33+
</td>
34+
</tr>
35+
</tbody>
3436
</table>
3537
<div v-if="!userCopy.username">
3638
<Multiselect ref="focusInput" v-model="userToBan.value" v-bind="userToBan" />

‎src/components/users/UserPosts.vue

+8-4
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,10 @@
2929
<div v-if="postData && postData?.posts?.length">
3030
<table class="profile-posts-table" width="100%">
3131
<thead>
32-
<th class="thread">Thread</th>
33-
<th class="timestamp pointer" @click="setDesc()"><span :class="getSortClass()"></span>&nbsp;Post Date</th>
32+
<tr>
33+
<th class="thread">Thread</th>
34+
<th class="timestamp pointer" @click="setDesc()"><span :class="getSortClass()"></span>&nbsp;Post Date</th>
35+
</tr>
3436
</thead>
3537

3638
<tbody>
@@ -71,8 +73,10 @@
7173
<div v-if="postData?.posts.length">
7274
<table class="profile-posts-table" width="100%">
7375
<thead>
74-
<th class="thread">Thread</th>
75-
<th class="timestamp pointer" @click="setDesc()"><span :class="getSortClass()"></span>&nbsp;Post Date</th>
76+
<tr>
77+
<th class="thread">Thread</th>
78+
<th class="timestamp pointer" @click="setDesc()"><span :class="getSortClass()"></span>&nbsp;Post Date</th>
79+
</tr>
7680
</thead>
7781

7882
<tbody>

‎src/views/admin/management/BannedAddresses.vue

+10-8
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,16 @@
1818
<div class="banned-address-content fill-row" v-if="banData?.data?.length > 0 || query?.search">
1919
<table class="underlined" width="100%">
2020
<thead>
21-
<th>Address</th>
22-
<th class="pointer" @click="setSortField('weight')"><span :class="getSortClass('weight')"></span>&nbsp;Weight</th>
23-
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Date Banned</th>
24-
<th class="pointer" @click="setSortField('decay')"><span :class="getSortClass('decay')"></span>&nbsp;Decays</th>
25-
<th class="pointer" @click="setSortField('updates')"><span :class="getSortClass('updates')"></span>Last Updated</th>
26-
<th class="pointer" @click="setSortField('update_count')"><span :class="getSortClass('update_count')"></span>&nbsp;Update Count</th>
27-
<th class="pointer" @click="setSortField('imported_at')"><span :class="getSortClass('imported_at')"></span>&nbsp;Date Imported</th>
28-
<th class="user-actions">Actions</th>
21+
<tr>
22+
<th>Address</th>
23+
<th class="pointer" @click="setSortField('weight')"><span :class="getSortClass('weight')"></span>&nbsp;Weight</th>
24+
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Date Banned</th>
25+
<th class="pointer" @click="setSortField('decay')"><span :class="getSortClass('decay')"></span>&nbsp;Decays</th>
26+
<th class="pointer" @click="setSortField('updates')"><span :class="getSortClass('updates')"></span>Last Updated</th>
27+
<th class="pointer" @click="setSortField('update_count')"><span :class="getSortClass('update_count')"></span>&nbsp;Update Count</th>
28+
<th class="pointer" @click="setSortField('imported_at')"><span :class="getSortClass('imported_at')"></span>&nbsp;Date Imported</th>
29+
<th class="user-actions">Actions</th>
30+
</tr>
2931
</thead>
3032
<tbody>
3133
<tr v-for="address in banData?.data" :key="address">

‎src/views/admin/management/Invitations.vue

+5-3
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,11 @@
1212
<div class="invitations-content fill-row" v-if="inviteData?.invitations?.length">
1313
<table class="underlined" width="100%">
1414
<thead>
15-
<th>Email</th>
16-
<th>Sent</th>
17-
<th class="user-actions">Actions</th>
15+
<tr>
16+
<th>Email</th>
17+
<th>Sent</th>
18+
<th class="user-actions">Actions</th>
19+
</tr>
1820
</thead>
1921
<tbody>
2022
<tr v-for="invite in inviteData?.invitations" :key="invite">

‎src/views/admin/management/Roles.vue

+5-3
Original file line numberDiff line numberDiff line change
@@ -69,9 +69,11 @@
6969
<div v-if="userData.count > 0">
7070
<table class="underlined" width="100%">
7171
<thead>
72-
<th>Username</th>
73-
<th>Email</th>
74-
<th>Actions</th>
72+
<tr>
73+
<th>Username</th>
74+
<th>Email</th>
75+
<th>Actions</th>
76+
</tr>
7577
</thead>
7678
<tbody v-for="user in userData.users" :key="user.id">
7779
<tr>

‎src/views/admin/management/Users.vue

+9-7
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,15 @@
4545
</div>
4646
<table class="underlined" width="100%">
4747
<thead>
48-
<th class="pointer" @click="setSortField('username')"><span :class="getSortClass('username')"></span>&nbsp;Username</th>
49-
<th class="pointer" :class="{'hide-mobile': query?.filter === 'banned' }" @click="setSortField('email')"><span :class="getSortClass('email')"></span>&nbsp;Email</th>
50-
<th class="pointer" v-if="query?.filter === 'banned'" @click="setSortField('ban_expiration')"><span :class="getSortClass('ban_expiration')"></span>&nbsp;Ban Expiration</th>
51-
<th class="pointer hide-mobile" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Registered Date</th>
52-
<th class="hide-mobile">Last Active Date</th>
53-
<th class="hide-mobile">IP Addresses</th>
54-
<th class="user-actions">Actions</th>
48+
<tr>
49+
<th class="pointer" @click="setSortField('username')"><span :class="getSortClass('username')"></span>&nbsp;Username</th>
50+
<th class="pointer" :class="{'hide-mobile': query?.filter === 'banned' }" @click="setSortField('email')"><span :class="getSortClass('email')"></span>&nbsp;Email</th>
51+
<th class="pointer" v-if="query?.filter === 'banned'" @click="setSortField('ban_expiration')"><span :class="getSortClass('ban_expiration')"></span>&nbsp;Ban Expiration</th>
52+
<th class="pointer hide-mobile" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Registered Date</th>
53+
<th class="hide-mobile">Last Active Date</th>
54+
<th class="hide-mobile">IP Addresses</th>
55+
<th class="user-actions">Actions</th>
56+
</tr>
5557
</thead>
5658
<tbody>
5759
<tr v-for="user in users" :key="user.username">

‎src/views/admin/moderation/BoardBans.vue

+7-5
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,13 @@
4040
<div class="board-ban-content">
4141
<table class="underlined" width="100%">
4242
<thead>
43-
<th class="left-icon-col"></th>
44-
<th>User</th>
45-
<th>Email</th>
46-
<th class="banned-boards">Banned Boards</th>
47-
<th>Action</th>
43+
<tr>
44+
<th class="left-icon-col"></th>
45+
<th>User</th>
46+
<th>Email</th>
47+
<th class="banned-boards">Banned Boards</th>
48+
<th>Action</th>
49+
</tr>
4850
</thead>
4951
<tbody v-if="boardBanData?.data?.length">
5052
<tr v-for="boardBan in boardBanData?.data" :key="boardBan">

‎src/views/admin/moderation/Logs.vue

+7-5
Original file line numberDiff line numberDiff line change
@@ -54,11 +54,13 @@
5454
<div class="logs-content fill-row" >
5555
<table class="underlined" width="100%">
5656
<thead>
57-
<th>Date</th>
58-
<th>Mod Username</th>
59-
<th>Mod Action</th>
60-
<th>Link</th>
61-
<th>Raw</th>
57+
<tr>
58+
<th>Date</th>
59+
<th>Mod Username</th>
60+
<th>Mod Action</th>
61+
<th>Link</th>
62+
<th>Raw</th>
63+
</tr>
6264
</thead>
6365
<tbody v-if="logData?.data?.length">
6466
<tr v-for="log in logData?.data" :key="log">

‎src/views/admin/moderation/Messages.vue

+9-7
Original file line numberDiff line numberDiff line change
@@ -42,13 +42,15 @@
4242
</div>
4343
<table class="underlined" width="100%">
4444
<thead>
45-
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
46-
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
47-
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
48-
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Sent Date</th>
49-
<th class="pointer" @click="setSortField('offender_author_username')"><span :class="getSortClass('offender_author_username')"></span>&nbsp;Author</th>
50-
<th class="reason">Reason</th>
51-
<th class="user-actions">Actions</th>
45+
<tr>
46+
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
47+
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
48+
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
49+
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Sent Date</th>
50+
<th class="pointer" @click="setSortField('offender_author_username')"><span :class="getSortClass('offender_author_username')"></span>&nbsp;Author</th>
51+
<th class="reason">Reason</th>
52+
<th class="user-actions">Actions</th>
53+
</tr>
5254
</thead>
5355
<tbody>
5456
<tr v-for="report in reportData.data" :key="report.id" class="selectable-row" :class="{ 'active-row' : selectedReport?.id === report.id }" @click="selectReport(report)">

‎src/views/admin/moderation/Posts.vue

+11-9
Original file line numberDiff line numberDiff line change
@@ -50,15 +50,17 @@
5050
</div>
5151
<table class="underlined" width="100%">
5252
<thead>
53-
<th class="left-icon-col"></th>
54-
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
55-
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
56-
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
57-
<th class="pointer" @click="setSortField('offender_title')"><span :class="getSortClass('offender_title')"></span>&nbsp;Title</th>
58-
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Posted Date</th>
59-
<th class="pointer" @click="setSortField('offender_author_username')"><span :class="getSortClass('offender_author_username')"></span>&nbsp;Author</th>
60-
<th class="reason">Reason</th>
61-
<th class="user-actions">Actions</th>
53+
<tr>
54+
<th class="left-icon-col"></th>
55+
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
56+
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
57+
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
58+
<th class="pointer" @click="setSortField('offender_title')"><span :class="getSortClass('offender_title')"></span>&nbsp;Title</th>
59+
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Posted Date</th>
60+
<th class="pointer" @click="setSortField('offender_author_username')"><span :class="getSortClass('offender_author_username')"></span>&nbsp;Author</th>
61+
<th class="reason">Reason</th>
62+
<th class="user-actions">Actions</th>
63+
</tr>
6264
</thead>
6365
<tbody>
6466
<tr v-for="report in reportData.data" :key="report.id" class="selectable-row" :class="{ 'active-row' : selectedReport?.id === report.id }" @click="selectReport(report)">

‎src/views/admin/moderation/Users.vue

+10-8
Original file line numberDiff line numberDiff line change
@@ -42,14 +42,16 @@
4242
</div>
4343
<table class="underlined" width="100%">
4444
<thead>
45-
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
46-
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
47-
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
48-
<th class="pointer" @click="setSortField('offender_username')"><span :class="getSortClass('offender_username')"></span>&nbsp;Reported User</th>
49-
<th class="pointer hide-mobile" @click="setSortField('offender_email')"><span :class="getSortClass('offender_email')"></span>&nbsp;Email</th>
50-
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Register Date</th>
51-
<th class="reason">Reason</th>
52-
<th class="user-actions">Actions</th>
45+
<tr>
46+
<th class="pointer hide-mobile" @click="setSortField('reporter_username')"><span :class="getSortClass('reporter_username')"></span>&nbsp;Reported By</th>
47+
<th class="pointer" @click="setSortField('created_at')"><span :class="getSortClass('created_at')"></span>&nbsp;Reported Date</th>
48+
<th class="pointer" @click="setSortField('status')"><span :class="getSortClass('status')"></span>&nbsp;Status</th>
49+
<th class="pointer" @click="setSortField('offender_username')"><span :class="getSortClass('offender_username')"></span>&nbsp;Reported User</th>
50+
<th class="pointer hide-mobile" @click="setSortField('offender_email')"><span :class="getSortClass('offender_email')"></span>&nbsp;Email</th>
51+
<th class="pointer hide-mobile" @click="setSortField('offender_created_at')"><span :class="getSortClass('offender_created_at')"></span>&nbsp;Register Date</th>
52+
<th class="reason">Reason</th>
53+
<th class="user-actions">Actions</th>
54+
</tr>
5355
</thead>
5456
<tbody>
5557
<tr v-for="report in reportData.data" :key="report.id" class="selectable-row" :class="{ 'active-row' : selectedReport?.id === report.id }" @click="selectReport(report, $event)">

‎src/views/admin/settings/Advanced.vue

+15-9
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,11 @@
99

1010
<table class="striped rulesTable" width="100%">
1111
<thead>
12-
<th>Rule Name</th>
13-
<th>Rule</th>
14-
<th>Actions</th>
12+
<tr>
13+
<th>Rule Name</th>
14+
<th>Rule</th>
15+
<th>Actions</th>
16+
</tr>
1517
</thead>
1618
<tbody v-if="!blacklist.length">
1719
<tr>
@@ -40,9 +42,11 @@
4042

4143
<table class="striped rulesTable" width="100%">
4244
<thead>
43-
<th>Rank Name</th>
44-
<th>Minimum Post Count</th>
45-
<th>Actions</th>
45+
<tr>
46+
<th>Rank Name</th>
47+
<th>Minimum Post Count</th>
48+
<th>Actions</th>
49+
</tr>
4650
</thead>
4751
<tbody v-if="!ranks.length">
4852
<tr>
@@ -78,9 +82,11 @@
7882

7983
<table class="striped rulesTable" width="100%">
8084
<thead>
81-
<th>Rule Name</th>
82-
<th>Rule Description</th>
83-
<th>Actions</th>
85+
<tr>
86+
<th>Rule Name</th>
87+
<th>Rule Description</th>
88+
<th>Actions</th>
89+
</tr>
8490
</thead>
8591
<tbody v-if="!rules.length">
8692
<tr>

0 commit comments

Comments
 (0)