@everymatrix/player-account-menu 0.0.249 → 0.0.252
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/player-account-menu",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.252",
|
|
4
4
|
"main": "dist/player-account-menu.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "6824e7c03c551fb8c35921b8846fdbbb49f76169"
|
|
40
40
|
}
|
|
@@ -46,10 +46,18 @@
|
|
|
46
46
|
case 'UserSessionID':
|
|
47
47
|
session = e.data.session;
|
|
48
48
|
break;
|
|
49
|
+
|
|
50
|
+
case 'ChangeAccountPage':
|
|
51
|
+
setSelectedItem();
|
|
52
|
+
break;
|
|
49
53
|
}
|
|
50
54
|
}
|
|
51
55
|
}
|
|
52
56
|
|
|
57
|
+
const goToPreviousRoute = ():void => {
|
|
58
|
+
window.postMessage({ type: 'GoToPreviousRoute' }, window.location.href);
|
|
59
|
+
}
|
|
60
|
+
|
|
53
61
|
const getPlayerInfo = ():void => {
|
|
54
62
|
let url:URL = new URL(`${endpoint}/player/${playerid}/profile`);
|
|
55
63
|
let options = {
|
|
@@ -111,6 +119,11 @@
|
|
|
111
119
|
|
|
112
120
|
const setSelectedItem = ():void => {
|
|
113
121
|
selected = selecteditem;
|
|
122
|
+
let currentItem = availableMenuItemsArray.filter((item) => {
|
|
123
|
+
if(item.id == selected) {
|
|
124
|
+
return item;
|
|
125
|
+
}
|
|
126
|
+
})
|
|
114
127
|
}
|
|
115
128
|
|
|
116
129
|
const setActiveLanguage = ():void => {
|
|
@@ -142,7 +155,14 @@
|
|
|
142
155
|
part="PlayerAccountMenuContainer {isMobile ? 'PlayerAccountMobileContainer' : ''} {mediaQuery.matches && isMobile ? 'PlayerAccountTabletContainer' : ''}">
|
|
143
156
|
<div class="PlayerAccountMenuHeader" part="PlayerAccountMenuHeader">
|
|
144
157
|
{#if isMobile}
|
|
145
|
-
<
|
|
158
|
+
<div class="PlayerAccountMenuCategoryWrapper" part="PlayerAccountMenuCategoryWrapper">
|
|
159
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" on:click={goToPreviousRoute}><defs><style>.aaa{fill:var(--emfe-w-color-white, #FFFFFF);}</style></defs><g transform="translate(-20 -158)">
|
|
160
|
+
<g transform="translate(20 158)">
|
|
161
|
+
<path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
|
|
162
|
+
</g></g>
|
|
163
|
+
</svg>
|
|
164
|
+
<h3 class="PlayerAccountMenuCategoryTitle" part="PlayerAccountMenuCategoryTitle" on:click={goToPreviousRoute}>{$_('myAccount.title')}</h3>
|
|
165
|
+
</div>
|
|
146
166
|
{/if}
|
|
147
167
|
<p class="PlayerAccountMenuUser" part="PlayerAccountMenuUser">{profileUsername}</p>
|
|
148
168
|
<p class="PlayerAccountMenuEmail" part="PlayerAccountMenuEmail">{profileEmail}</p>
|
|
@@ -280,8 +300,14 @@
|
|
|
280
300
|
.PlayerAccountMobileContainer {
|
|
281
301
|
height: unset;
|
|
282
302
|
color: var(--emfe-w-color-contrast, #07072A);
|
|
303
|
+
.PlayerAccountMenuCategoryWrapper {
|
|
304
|
+
display: flex;
|
|
305
|
+
align-items: center;
|
|
306
|
+
gap: 10px;
|
|
307
|
+
margin-bottom: 18px;
|
|
308
|
+
}
|
|
283
309
|
.PlayerAccountMenuCategoryTitle {
|
|
284
|
-
margin
|
|
310
|
+
margin: 0;
|
|
285
311
|
font-weight: 600;
|
|
286
312
|
}
|
|
287
313
|
|