tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update org custom URL label (#1292)

Browse Source 
Fast follower https://github.com/webrecorder/browsertrix-cloud/pull/1276

Updates label, info text, and preview text for org slug field to be more user-friendly
use 'Custom URL Identifier' and 'Custom your organization's web address for accessing Browsertrix Cloud'
---------
Co-authored-by: Ilya Kreymer <ikreymer@users.noreply.github.com>
Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
This commit is contained in:
sua yoo 2023-10-16 15:08:43 -07:00 committed by GitHub
parent ddc4e03422
commit ab8e82cd28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/pages/org/settings.ts
View File

@ -202,7 +202,7 @@ export class OrgSettings extends LiteElement {
<sl-input <sl-input
name="orgSlug" name="orgSlug"
size="small" size="small"
label=${msg("Org ID")} label=${msg("Custom URL Identifier")}
placeholder="my-organization" placeholder="my-organization"
autocomplete="off" autocomplete="off"
value=${this.org.slug} value=${this.org.slug}
@ -210,7 +210,7 @@ export class OrgSettings extends LiteElement {
maxlength="30" maxlength="30"
required required
help-text=${msg( help-text=${msg(
str`Org URL will be ${window.location.protocol}//${ str`Org home page: ${window.location.protocol}//${
window.location.hostname window.location.hostname
}/${ }/${
this.slugValue ? this.slugify(this.slugValue) : this.org.slug this.slugValue ? this.slugify(this.slugValue) : this.org.slug
@ -220,8 +220,7 @@ export class OrgSettings extends LiteElement {
const input = e.target as SlInput; const input = e.target as SlInput;
this.slugValue = input.value; this.slugValue = input.value;
}} }}
> ></sl-input>
</sl-input>
</div> </div>
<div class="col-span-5 md:col-span-2 flex gap-2 pt-6"> <div class="col-span-5 md:col-span-2 flex gap-2 pt-6">
@ -229,7 +228,9 @@ export class OrgSettings extends LiteElement {
<sl-icon name="info-circle"></sl-icon> <sl-icon name="info-circle"></sl-icon>
</div> </div>
<div class="mt-0.5 text-xs text-neutral-500"> <div class="mt-0.5 text-xs text-neutral-500">
${msg("Unique URL for this organization.")} ${msg(
"Customize your organization's web address for accessing Browsertrix Cloud."
)}
</div> </div>
</div> </div>
</div> </div>