diff --git a/html/images/flag_use.png b/html/images/flag_use.png
new file mode 100644
index 00000000..d88929d7
Binary files /dev/null and b/html/images/flag_use.png differ
diff --git a/html/images/flag_usw.png b/html/images/flag_usw.png
new file mode 100644
index 00000000..61912a17
Binary files /dev/null and b/html/images/flag_usw.png differ
diff --git a/html/src/app.js b/html/src/app.js
index 32aa0747..8fcacb84 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -871,8 +871,10 @@ speechSynthesis.getVoices();
this.region = 'europeanunion';
} else if (L.region === 'jp') {
this.region = 'jp';
+ } else if (L.region === 'use') {
+ this.region = 'flag-icon-use';
} else {
- this.region = 'us';
+ this.region = 'flag-icon-usw';
}
}
},
@@ -13983,8 +13985,10 @@ speechSynthesis.getVoices();
tags.push('~canRequestInvite');
}
}
- if (D.region === 'USA') {
+ if (D.region === 'US West') {
tags.push(`~region(us)`);
+ } else if (D.region === 'US East') {
+ tags.push(`~region(use)`);
} else if (D.region === 'Europe') {
tags.push(`~region(eu)`);
} else if (D.region === 'Japan') {
@@ -14067,7 +14071,7 @@ speechSynthesis.getVoices();
'instanceDialogAccessType'
);
}
- D.region = 'USA';
+ D.region = 'US West';
if (configRepository.getString('instanceRegion') !== null) {
D.region = configRepository.getString('instanceRegion');
}
diff --git a/html/src/app.scss b/html/src/app.scss
index c7b449db..fe2a41b5 100644
--- a/html/src/app.scss
+++ b/html/src/app.scss
@@ -645,3 +645,17 @@ i.x-user-status.busy {
margin-left: 3px;
border-radius: 2px;
}
+
+.flag-icon-use {
+ background-image: url('/images/flag_use.png');
+ background-size: 16px 11px;
+ width: 16px;
+ height: 11px;
+}
+
+.flag-icon-usw {
+ background-image: url('/images/flag_usw.png');
+ background-size: 16px 11px;
+ width: 16px;
+ height: 11px;
+}
diff --git a/html/src/index.pug b/html/src/index.pug
index 7d06ce61..be101aa8 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -90,7 +90,8 @@ html
span \#{{ currentInstanceLocation.instanceName }} {{ currentInstanceLocation.accessType }}
span.famfamfam-flags(v-if="currentInstanceLocation.region === 'eu'" class="europeanunion" style="display:inline-block;margin-left:5px")
span.famfamfam-flags(v-else-if="currentInstanceLocation.region === 'jp'" class="jp" style="display:inline-block;margin-left:5px")
- span.famfamfam-flags(v-else class="us" style="display:inline-block;margin-left:5px")
+ span.flag-icon-use(v-else-if="currentInstanceLocation.region === 'use'" style="display:inline-block;margin-left:5px")
+ span.flag-icon-usw(v-else style="display:inline-block;margin-left:5px")
span(v-if="lastLocation.playerList.size > 0" style="margin-left:5px")
| {{ lastLocation.playerList.size }}
| #[template(v-if="lastLocation.friendList.size > 0") ({{ lastLocation.friendList.size }})]
@@ -1542,7 +1543,8 @@ html
span \#{{ room.$location.instanceName }} {{ room.$location.accessType }}
span.famfamfam-flags(v-if="room.$location.region === 'eu'" class="europeanunion" style="display:inline-block;margin-left:5px")
span.famfamfam-flags(v-else-if="room.$location.region === 'jp'" class="jp" style="display:inline-block;margin-left:5px")
- span.famfamfam-flags(v-else class="us" style="display:inline-block;margin-left:5px")
+ span.flag-icon-use(v-else-if="currentInstanceLocation.region === 'use'" style="display:inline-block;margin-left:5px")
+ span.flag-icon-usw(v-else style="display:inline-block;margin-left:5px")
el-tooltip(placement="top" content="Invite yourself" :disabled="hideTooltips")
invite-yourself(:location="room.$location.tag" style="margin-left:5px")
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
@@ -1828,7 +1830,8 @@ html
el-radio-button(label="invite")
el-form-item(label="Region")
el-radio-group(v-model="newInstanceDialog.region" size="mini" @change="buildInstance")
- el-radio-button(label="USA")
+ el-radio-button(label="US West")
+ el-radio-button(label="US East")
el-radio-button(label="Europe")
el-radio-button(label="Japan")
el-form-item(label="World ID")
diff --git a/html/src/vr.js b/html/src/vr.js
index a895184d..b29019dc 100644
--- a/html/src/vr.js
+++ b/html/src/vr.js
@@ -146,8 +146,10 @@ Vue.component('marquee-text', MarqueeText);
this.region = 'europeanunion';
} else if (L.region === 'jp') {
this.region = 'jp';
+ } else if (L.region === 'use') {
+ this.region = 'flag-icon-use';
} else {
- this.region = 'us';
+ this.region = 'flag-icon-usw';
}
}
}
diff --git a/html/src/vr.scss b/html/src/vr.scss
index 21d0627e..0e39c0f4 100644
--- a/html/src/vr.scss
+++ b/html/src/vr.scss
@@ -397,3 +397,17 @@ i.x-user-status.busy {
right: -160px;
bottom: 0;
}
+
+.flag-icon-use {
+ background-image: url('/images/flag_use.png');
+ background-size: 16px 11px;
+ width: 16px;
+ height: 11px;
+}
+
+.flag-icon-usw {
+ background-image: url('/images/flag_usw.png');
+ background-size: 16px 11px;
+ width: 16px;
+ height: 11px;
+}