MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-07 14:56:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Better support for secure instances 1

Browse Source
This commit is contained in:
Natsumi
2022-09-10 22:53:20 +12:00
parent 83788e6317
commit b66c145cb8
2 changed files with 123 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/src/app.js
+102 -128
View File
@@ -208,23 +208,6 @@ speechSynthesis.getVoices();
$appDarkStyle.href = `app.dark.css?_=${Date.now()}`; $appDarkStyle.href = `app.dark.css?_=${Date.now()}`;
document.head.appendChild($appDarkStyle); document.head.appendChild($appDarkStyle);
var getLaunchURL = function (instance) {
var L = instance;
if (L.instanceId) {
if (L.shortName.length > 0 && L.userId != null) {
return `https://vrchat.com/home/launch?worldId=${
encodeURIComponent(L.worldId)
}&instanceId=${encodeURIComponent(L.instanceId)}&shortName=${encodeURIComponent(L.shortName)}`;
}
return `https://vrchat.com/home/launch?worldId=${encodeURIComponent(
L.worldId
)}&instanceId=${encodeURIComponent(L.instanceId)}`;
}
return `https://vrchat.com/home/launch?worldId=${encodeURIComponent(
L.worldId
)}`;
};
// //
// Languages // Languages
// //
@@ -692,10 +675,12 @@ speechSynthesis.getVoices();
} else if (_tag.startsWith('local') === false) { } else if (_tag.startsWith('local') === false) {
var sep = _tag.indexOf(':'); var sep = _tag.indexOf(':');
// technically not part of instance id, but might be there when coping id from url so why not support it // technically not part of instance id, but might be there when coping id from url so why not support it
var shortNameQualifier = "&shortName=" var shortNameQualifier = '&shortName=';
var shortNameIndex = _tag.indexOf(shortNameQualifier) var shortNameIndex = _tag.indexOf(shortNameQualifier);
if (shortNameIndex >= 0) { if (shortNameIndex >= 0) {
ctx.shortName = _tag.substr(shortNameIndex + shortNameQualifier.length) ctx.shortName = _tag.substr(
shortNameIndex + shortNameQualifier.length
);
_tag = _tag.substr(0, shortNameIndex); _tag = _tag.substr(0, shortNameIndex);
} }
if (sep >= 0) { if (sep >= 0) {
@@ -1992,9 +1977,6 @@ speechSynthesis.getVoices();
json, json,
params params
}; };
if (args.json) {
args.shortOrSecureName = args.json.shortName ?? args.json.secureName;
}
this.$emit('INSTANCE:SHORTNAME', args); this.$emit('INSTANCE:SHORTNAME', args);
return args; return args;
}); });
@@ -2007,6 +1989,9 @@ speechSynthesis.getVoices();
} }
*/ */
API.selfInvite = function (params) { API.selfInvite = function (params) {
if (params.shortName === '') {
delete params.shortName;
}
return this.call( return this.call(
`invite/myself/to/${params.worldId}:${params.instanceId}`, `invite/myself/to/${params.worldId}:${params.instanceId}`,
{ {
@@ -10164,7 +10149,7 @@ speechSynthesis.getVoices();
} }
switch (L.accessType) { switch (L.accessType) {
case 'public': case 'public':
L.joinUrl = getLaunchURL(L); L.joinUrl = this.getLaunchURL(L);
L.accessName = `Public #${L.instanceName} (${platform})`; L.accessName = `Public #${L.instanceName} (${platform})`;
break; break;
case 'invite+': case 'invite+':
@@ -12544,15 +12529,19 @@ speechSynthesis.getVoices();
}); });
}; };
$app.methods.directAccessWorld = function (input) { $app.methods.directAccessWorld = function (textBoxInput) {
if (input.startsWith("/home/")) { var input = textBoxInput;
input = "https://vrchat.com" + input; if (input.startsWith('/home/')) {
input = `https://vrchat.com${input}`;
} }
if (input.startsWith('https://vrch.at')) { if (input.startsWith('https://vrch.at')) {
return AppApi.FollowUrl(input).then((output) => { return AppApi.FollowUrl(input).then((output) => {
return this.directAccessWorld(output); return this.directAccessWorld(output);
}); });
} else if (input.startsWith('https://vrchat.') || input.startsWith("/home/")) { } else if (
input.startsWith('https://vrchat.') ||
input.startsWith('/home/')
) {
var url = new URL(input); var url = new URL(input);
var urlPath = url.pathname; var urlPath = url.pathname;
if (urlPath.substring(5, 12) === '/world/') { if (urlPath.substring(5, 12) === '/world/') {
@@ -12575,8 +12564,8 @@ speechSynthesis.getVoices();
} }
} else if (input.substring(0, 5) === 'wrld_') { } else if (input.substring(0, 5) === 'wrld_') {
// a bit hacky, but supports weird malformed inputs cut out from url, why not // a bit hacky, but supports weird malformed inputs cut out from url, why not
if (input.indexOf("&instanceId=") >= 0) { if (input.indexOf('&instanceId=') >= 0) {
input = "https://vrchat.com/home/launch?worldId=" + input; input = `https://vrchat.com/home/launch?worldId=${input}`;
return this.directAccessWorld(input); return this.directAccessWorld(input);
} }
this.showWorldDialog(input.trim()); this.showWorldDialog(input.trim());
@@ -14346,16 +14335,14 @@ speechSynthesis.getVoices();
D.isFavorite = false; D.isFavorite = false;
}); });
$app.methods.showWorldDialog = function (tag, shortName = void 0) { $app.methods.showWorldDialog = function (tag, shortName) {
this.$nextTick(() => adjustDialogZ(this.$refs.worldDialog.$el)); this.$nextTick(() => adjustDialogZ(this.$refs.worldDialog.$el));
var D = this.worldDialog; var D = this.worldDialog;
var L = API.parseLocation(tag); var L = API.parseLocation(tag);
if (L.worldId === '') { if (L.worldId === '') {
return; return;
} }
if (!L.shortName && shortName) { L.shortName = shortName;
L.shortName = shortName;
}
if (L.worldId === L.instanceId) { if (L.worldId === L.instanceId) {
// very janky fix for removing empty worldId instance // very janky fix for removing empty worldId instance
L.instanceId = ''; L.instanceId = '';
@@ -14458,7 +14445,7 @@ speechSynthesis.getVoices();
id: instanceId, id: instanceId,
occupants: 0, occupants: 0,
friendCount: 0, friendCount: 0,
shortName: shortName, shortName,
users: [] users: []
}; };
} }
@@ -15161,8 +15148,7 @@ speechSynthesis.getVoices();
var L = API.parseLocation(D.worldId); var L = API.parseLocation(D.worldId);
API.selfInvite({ API.selfInvite({
instanceId: L.instanceId, instanceId: L.instanceId,
worldId: L.worldId, worldId: L.worldId
shortName: L.shortName
}).finally(inviteLoop); }).finally(inviteLoop);
} else { } else {
API.sendInvite( API.sendInvite(
@@ -15435,7 +15421,7 @@ speechSynthesis.getVoices();
this.updateNewInstanceDialog(false); this.updateNewInstanceDialog(false);
}; };
$app.methods.selfInvite = function (location, shortName = void 0) { $app.methods.selfInvite = function (location, shortName) {
var L = API.parseLocation(location); var L = API.parseLocation(location);
if (L.isOffline || L.isTraveling || L.worldId === '') { if (L.isOffline || L.isTraveling || L.worldId === '') {
return; return;
@@ -15451,7 +15437,7 @@ speechSynthesis.getVoices();
API.selfInvite({ API.selfInvite({
instanceId: L.instanceId, instanceId: L.instanceId,
worldId: L.worldId, worldId: L.worldId,
shortName: shortName ?? L.shortName shortName
}).then((args) => { }).then((args) => {
this.$message({ this.$message({
message: 'Self invite sent', message: 'Self invite sent',
@@ -15461,7 +15447,7 @@ speechSynthesis.getVoices();
}); });
}; };
$app.methods.updateNewInstanceDialog = function (noChanges = false) { $app.methods.updateNewInstanceDialog = function (noChanges) {
var D = $app.newInstanceDialog; var D = $app.newInstanceDialog;
if (D.instanceId) { if (D.instanceId) {
D.location = `${D.worldId}:${D.instanceId}`; D.location = `${D.worldId}:${D.instanceId}`;
@@ -15474,7 +15460,7 @@ speechSynthesis.getVoices();
} else { } else {
D.shortName = ''; D.shortName = '';
} }
D.url = getLaunchURL(L); D.url = this.getLaunchURL(L);
}; };
var saveNewInstanceDialog = function () { var saveNewInstanceDialog = function () {
@@ -15504,7 +15490,8 @@ speechSynthesis.getVoices();
); );
$app.buildInstance(); $app.buildInstance();
}; };
$app.watch['newInstanceDialog.worldId'] = $app.methods.updateNewInstanceDialog; $app.watch['newInstanceDialog.worldId'] =
$app.methods.updateNewInstanceDialog;
$app.watch['newInstanceDialog.instanceName'] = saveNewInstanceDialog; $app.watch['newInstanceDialog.instanceName'] = saveNewInstanceDialog;
$app.watch['newInstanceDialog.accessType'] = saveNewInstanceDialog; $app.watch['newInstanceDialog.accessType'] = saveNewInstanceDialog;
$app.watch['newInstanceDialog.region'] = saveNewInstanceDialog; $app.watch['newInstanceDialog.region'] = saveNewInstanceDialog;
@@ -15703,6 +15690,7 @@ speechSynthesis.getVoices();
visible: false, visible: false,
loading: false, loading: false,
desktop: configRepository.getBool('launchAsDesktop'), desktop: configRepository.getBool('launchAsDesktop'),
tag: '',
location: '', location: '',
url: '', url: '',
shortName: '', shortName: '',
@@ -15718,53 +15706,84 @@ speechSynthesis.getVoices();
}); });
API.$on('INSTANCE:SHORTNAME', function (args) { API.$on('INSTANCE:SHORTNAME', function (args) {
var url = ''; if (!args.params || !args.json || !args.json.shortName) {
var shortName = ''; return;
if (args.json && args.shortOrSecureName) { }
shortName = args.shortOrSecureName; var shortName = args.json.shortName;
url = `https://vrch.at/${shortName}`; var location = `${args.params.worldId}:${args.params.instanceId}`;
if (location === $app.launchDialog.tag) {
var L = this.parseLocation(location);
L.shortName = shortName;
$app.launchDialog.shortName = shortName;
$app.launchDialog.shortUrl = `https://vrch.at/${shortName}`;
$app.launchDialog.url = $app.getLaunchURL(L);
}
if (location === $app.newInstanceDialog.location) {
$app.newInstanceDialog.shortName = shortName;
$app.updateNewInstanceDialog(true);
} }
$app.newInstanceDialog.shortName = shortName;
$app.launchDialog.shortName = shortName;
$app.launchDialog.shortUrl = url;
$app.launchDialog.url = $app.addShortNameToFullUrl($app.launchDialog.url, shortName);
$app.updateNewInstanceDialog(true);
}); });
$app.methods.addShortNameToFullUrl = function(input, shortName) { $app.methods.addShortNameToFullUrl = function (input, shortName) {
if (input.trim().length == 0) { if (input.trim().length === 0 || !shortName) {
return input; return input;
} }
var url = new URL(input); var url = new URL(input);
var urlParams = new URLSearchParams(url.search); var urlParams = new URLSearchParams(url.search);
urlParams.set("shortName", shortName); urlParams.set('shortName', shortName);
url.search = urlParams.toString(); url.search = urlParams.toString();
return url.toString(); return url.toString();
} };
$app.methods.showLaunchDialog = function (tag) { $app.methods.showLaunchDialog = function (tag, shortName) {
this.$nextTick(() => adjustDialogZ(this.$refs.launchDialog.$el)); this.$nextTick(() => adjustDialogZ(this.$refs.launchDialog.$el));
var D = this.launchDialog;
D.tag = tag;
D.shortUrl = '';
D.shortName = '';
var L = API.parseLocation(tag); var L = API.parseLocation(tag);
L.shortName = shortName;
if (L.isOffline || L.isPrivate || L.isTraveling || L.worldId === '') { if (L.isOffline || L.isPrivate || L.isTraveling || L.worldId === '') {
return; return;
} }
var D = this.launchDialog; if (shortName) {
D.shortName = shortName;
D.shortUrl = `https://vrch.at/${shortName}`;
}
if (L.instanceId) { if (L.instanceId) {
D.location = `${L.worldId}:${L.instanceId}`; D.location = `${L.worldId}:${L.instanceId}`;
} else { } else {
D.location = L.worldId; D.location = L.worldId;
} }
D.shortUrl = ''; D.url = this.getLaunchURL(L);
D.url = getLaunchURL(L);
D.visible = true; D.visible = true;
if (L.userId != null) { if (L.userId && !shortName) {
API.getInstanceShortName({ API.getInstanceShortName({
worldId: L.worldId, worldId: L.worldId,
instanceId: L.instanceId instanceId: L.instanceId
}) });
} }
}; };
$app.methods.getLaunchURL = function (instance) {
var L = instance;
if (L.instanceId) {
if (L.shortName) {
return `https://vrchat.com/home/launch?worldId=${encodeURIComponent(
L.worldId
)}&instanceId=${encodeURIComponent(
L.instanceId
)}&shortName=${encodeURIComponent(L.shortName)}`;
}
return `https://vrchat.com/home/launch?worldId=${encodeURIComponent(
L.worldId
)}&instanceId=${encodeURIComponent(L.instanceId)}`;
}
return `https://vrchat.com/home/launch?worldId=${encodeURIComponent(
L.worldId
)}`;
};
$app.methods.locationToLaunchArg = function (location) { $app.methods.locationToLaunchArg = function (location) {
return `vrchat://launch?id=${location}`; return `vrchat://launch?id=${location}`;
}; };
@@ -15802,39 +15821,26 @@ speechSynthesis.getVoices();
document.getElementById('copy_to_clipboard').remove(); document.getElementById('copy_to_clipboard').remove();
}; };
$app.methods.copyInstanceUrlAndUpdateNewInstanceDialog = function (url) { $app.methods.copyInstanceMessage = function (input) {
this.copyInstanceUrl(url) this.copyToClipboard(input);
.then(url => { this.$message({
$app.newInstanceDialog.url = url; message: 'Instance copied to clipboard',
$app.updateNewInstanceDialog(true) type: 'success'
}); });
} return input;
};
$app.methods.copyInstanceUrl = function (url) { $app.methods.copyInstanceUrl = async function (location) {
var copyUrl = function (url) { var L = API.parseLocation(location);
$app.copyToClipboard(url); var args = await API.getInstanceShortName({
$app.$message({ worldId: L.worldId,
message: 'Instance URL copied to clipboard', instanceId: L.instanceId
type: 'success' });
}); if (args.json && args.json.shortName) {
return url; L.shortName = args.json.shortName;
} }
var location = this.parseLocationUrl(url) var newUrl = this.getLaunchURL(L);
if (!location.shortName) { this.copyInstanceMessage(newUrl);
return API.getInstanceShortName({
worldId: location.worldId,
instanceId: location.instanceId
}).then((args) => {
if (args.json && args.shortOrSecureName) {
var newUrl = this.addShortNameToFullUrl(url, args.shortOrSecureName)
return copyUrl(newUrl);
} else {
return copyUrl(url);
}
});
}
copyUrl(url);
return Promise.resolve(url);
}; };
$app.methods.copyAvatarId = function (avatarId) { $app.methods.copyAvatarId = function (avatarId) {
@@ -16534,8 +16540,7 @@ speechSynthesis.getVoices();
var L = API.parseLocation(J.worldId); var L = API.parseLocation(J.worldId);
API.selfInvite({ API.selfInvite({
instanceId: L.instanceId, instanceId: L.instanceId,
worldId: L.worldId, worldId: L.worldId
shortName: L.shortName
}).finally(inviteLoop); }).finally(inviteLoop);
} else if ($app.uploadImage) { } else if ($app.uploadImage) {
API.sendInvitePhoto( API.sendInvitePhoto(
@@ -16562,7 +16567,7 @@ speechSynthesis.getVoices();
J.loading = false; J.loading = false;
J.visible = false; J.visible = false;
this.$message({ this.$message({
message: 'Invite message sent', message: 'Invite sent',
type: 'success' type: 'success'
}); });
} }
@@ -16705,8 +16710,7 @@ speechSynthesis.getVoices();
var L = API.parseLocation(J.worldId); var L = API.parseLocation(J.worldId);
API.selfInvite({ API.selfInvite({
instanceId: L.instanceId, instanceId: L.instanceId,
worldId: L.worldId, worldId: L.worldId
shortName: L.shortName
}).finally(inviteLoop); }).finally(inviteLoop);
} else if ($app.uploadImage) { } else if ($app.uploadImage) {
API.sendInvitePhoto( API.sendInvitePhoto(
@@ -18551,36 +18555,6 @@ speechSynthesis.getVoices();
$app.downloadDialog.visible = false; $app.downloadDialog.visible = false;
}); });
// Parse location URL
$app.methods.parseLocationUrl = function (location) {
var url = new URL(location);
var urlPath = url.pathname;
if (urlPath.substring(5, 12) === '/world/') {
var worldId = urlPath.substring(12);
return worldId;
}
if (urlPath.substring(5, 12) === '/launch') {
var urlParams = new URLSearchParams(url.search);
var worldId = urlParams.get('worldId');
var instanceId = urlParams.get('instanceId');
var shortName = urlParams.get('shortName');
var location;
if (instanceId) {
location = `${worldId}:${instanceId}`;
} else if (worldId) {
location = worldId;
}
return {
worldId: worldId,
instanceId: instanceId,
location: location,
shortName: shortName
}
}
return void 0;
};
// Parse User URL // Parse User URL
$app.methods.parseUserUrl = function (user) { $app.methods.parseUserUrl = function (user) {
html/src/index.pug
+19 -16
View File
@@ -1543,7 +1543,7 @@ html
el-tooltip(placement="top" content="Launch/Invite" :disabled="hideTooltips") el-tooltip(placement="top" content="Launch/Invite" :disabled="hideTooltips")
launch(:location="userDialog.$location.tag" style="margin-left:5px") launch(:location="userDialog.$location.tag" style="margin-left:5px")
el-tooltip(placement="top" content="Invite yourself" :disabled="hideTooltips") el-tooltip(placement="top" content="Invite yourself" :disabled="hideTooltips")
invite-yourself(:locaTion="userDialog.$location.tag" :shortname="userDialog.$location.shortName" style="margin-left:5px") invite-yourself(:location="userDialog.$location.tag" :shortname="userDialog.$location.shortName" style="margin-left:5px")
el-tooltip(placement="top" content="Refresh player count" :disabled="hideTooltips") el-tooltip(placement="top" content="Refresh player count" :disabled="hideTooltips")
el-button(v-if="userDialog.$location.tag !== lastLocation.location" @click="refreshInstancePlayerCount(userDialog.$location.tag)" size="mini" icon="el-icon-refresh" style="margin-left:5px" circle) el-button(v-if="userDialog.$location.tag !== lastLocation.location" @click="refreshInstancePlayerCount(userDialog.$location.tag)" size="mini" icon="el-icon-refresh" style="margin-left:5px" circle)
span(v-if="userDialog.instance.occupants" style="margin-left:5px") {{ userDialog.instance.occupants }} #[template(v-if="userDialog.instance.friendCount > 0") ({{ userDialog.instance.friendCount }})] span(v-if="userDialog.instance.occupants" style="margin-left:5px") {{ userDialog.instance.occupants }} #[template(v-if="userDialog.instance.friendCount > 0") ({{ userDialog.instance.friendCount }})]
@@ -1780,7 +1780,7 @@ html
#[i.el-icon-check(style="margin-left:10px")] Capacity {{ worldDialog.ref.capacity | commaNumber }} ({{ worldDialog.ref.capacity * 2 | commaNumber }}) #[i.el-icon-check(style="margin-left:10px")] Capacity {{ worldDialog.ref.capacity | commaNumber }} ({{ worldDialog.ref.capacity * 2 | commaNumber }})
div(v-for="room in worldDialog.rooms" :key="room.id") div(v-for="room in worldDialog.rooms" :key="room.id")
div(style="margin:5px 0") div(style="margin:5px 0")
span.x-link(@click="showLaunchDialog(room.$location.tag)") span.x-link(@click="showLaunchDialog(room.$location.tag, room.$location.shortName)")
span \#{{ room.$location.instanceName }} {{ room.$location.accessType }} span \#{{ room.$location.instanceName }} {{ room.$location.accessType }}
span.flags(v-if="room.$location.region" :class="room.$location.region" style="display:inline-block;margin-left:5px") span.flags(v-if="room.$location.region" :class="room.$location.region" style="display:inline-block;margin-left:5px")
span.flags(v-else class="us" style="display:inline-block;margin-left:5px") span.flags(v-else class="us" style="display:inline-block;margin-left:5px")
@@ -2096,7 +2096,7 @@ html
el-form-item(label="World ID") el-form-item(label="World ID")
el-input(v-model="newInstanceDialog.worldId" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()") el-input(v-model="newInstanceDialog.worldId" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
el-form-item(label="Instance ID") el-form-item(label="Instance ID")
el-input(v-model="newInstanceDialog.instanceName" placeholder="Random" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()") el-input(v-model="newInstanceDialog.instanceName" placeholder="Random" size="mini")
el-form-item(label="Instance Creator") el-form-item(label="Instance Creator")
el-select(v-model="newInstanceDialog.userId" clearable placeholder="Choose User" filterable style="width:100%") el-select(v-model="newInstanceDialog.userId" clearable placeholder="Choose User" filterable style="width:100%")
el-option-group(v-if="API.currentUser" label="ME") el-option-group(v-if="API.currentUser" label="ME")
@@ -2142,7 +2142,7 @@ html
el-form-item(label="URL") el-form-item(label="URL")
el-input(v-model="newInstanceDialog.url" size="mini" readonly @click.native="$event.target.tagName === 'INPUT' && $event.target.select()") el-input(v-model="newInstanceDialog.url" size="mini" readonly @click.native="$event.target.tagName === 'INPUT' && $event.target.select()")
template(#footer) template(#footer)
el-button(size="small" @click="copyInstanceUrlAndUpdateNewInstanceDialog(newInstanceDialog.url)") Copy URL el-button(size="small" @click="copyInstanceUrl(newInstanceDialog.location)") Copy URL
el-button(size="small" @click="selfInvite(newInstanceDialog.location)") Self Invite el-button(size="small" @click="selfInvite(newInstanceDialog.location)") Self Invite
el-button(size="small" @click="showInviteDialog(newInstanceDialog.location)" :disabled="(newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') && newInstanceDialog.userId !== API.currentUser.id") Invite el-button(size="small" @click="showInviteDialog(newInstanceDialog.location)" :disabled="(newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') && newInstanceDialog.userId !== API.currentUser.id") Invite
el-button(type="primary" size="small" @click="showLaunchDialog(newInstanceDialog.location)") Launch el-button(type="primary" size="small" @click="showLaunchDialog(newInstanceDialog.location)") Launch
@@ -2280,18 +2280,21 @@ html
//- dialog: launch //- dialog: launch
el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="launchDialog" :visible.sync="launchDialog.visible" title="Launch" width="450px") el-dialog.x-dialog(:before-close="beforeDialogClose" @mousedown.native="dialogMouseDown" @mouseup.native="dialogMouseUp" ref="launchDialog" :visible.sync="launchDialog.visible" title="Launch" width="450px")
div(v-if="launchDialog.shortUrl") el-form(:model="launchDialog" label-width="80px")
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips") el-form-item(label="URL")
el-button(@click="copyInstanceUrl(launchDialog.shortUrl)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle) el-input(v-model="launchDialog.url" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()" style="width:260px")
span(v-text="launchDialog.shortUrl" style="word-break:break-all;font-size:12px") el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
div(style="margin-top:10px") el-button(@click="copyInstanceMessage(launchDialog.url)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle)
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips") el-form-item(v-if="launchDialog.shortUrl" label="Short URL")
el-button(@click="copyInstanceUrl(launchDialog.url)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle) el-tooltip(placement="top" style="margin-left:5px" content="Short URL's expire after a set period of time")
span(v-text="launchDialog.url" style="word-break:break-all;font-size:12px") i.el-icon-warning
div(style="margin-top:10px") el-input(v-model="launchDialog.shortUrl" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()" style="width:241px")
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips") el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
el-button(@click="copyInstanceUrl(launchDialog.location)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle) el-button(@click="copyInstanceMessage(launchDialog.shortUrl)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle)
span(v-text="launchDialog.location" style="word-break:break-all;font-size:12px") el-form-item(label="Location")
el-input(v-model="launchDialog.location" size="mini" @click.native="$event.target.tagName === 'INPUT' && $event.target.select()" style="width:260px")
el-tooltip(placement="top" content="Copy to clipboard" :disabled="hideTooltips")
el-button(@click="copyInstanceMessage(launchDialog.location)" size="mini" icon="el-icon-s-order" style="margin-right:5px" circle)
template(#footer) template(#footer)
el-checkbox(v-model="launchDialog.desktop" style="float:left;margin-top:5px") Start as Desktop (No VR) el-checkbox(v-model="launchDialog.desktop" style="float:left;margin-top:5px") Start as Desktop (No VR)
el-button(size="small" @click="showPreviousInstanceInfoDialog(launchDialog.location)") Info el-button(size="small" @click="showPreviousInstanceInfoDialog(launchDialog.location)") Info