Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updates the About Page #18461

Merged
merged 3 commits into from
Jun 29, 2024
Merged

Updates the About Page #18461

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d29f738
Update About Page?
guerler Jun 28, 2024
236b125
Rephrase some labels, and add v-localize directives
guerler Jun 28, 2024
b55b59a
Restore h1 header for about page
guerler Jun 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
121 changes: 54 additions & 67 deletions client/src/components/AboutGalaxy.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,72 +29,61 @@ const versionUserDocumentationUrl = computed(() => {

<template>
<div v-if="isConfigLoaded" class="about-galaxy">
<Heading h1 :icon="['gxd', 'galaxyLogo']" size="xl">Help and Support</Heading>
<div class="py-4">
<Heading h1 :icon="['gxd', 'galaxyLogo']" size="lg">Help and Support</Heading>
<div class="p-2">
<Heading h2 separator size="md">Support</Heading>
<div v-if="config.wiki_url">
<Heading h2 separator size="md">Community Hub</Heading>
<p>
Interact with the our community, explore and publish tutorials at
<ExternalLink :href="config.wiki_url">
{{ config.wiki_url }}
</ExternalLink>
</p>
<ExternalLink :href="config.wiki_url">
<strong v-localize>Community Hub</strong>
</ExternalLink>
<p v-localize>Join our community and explore tutorials on using Galaxy and enhance your skills.</p>
</div>
<div v-if="config.citation_url">
<Heading h2 separator size="md">How to Cite Us</Heading>
<p>
Find more details on how to properly cite Galaxy at
<ExternalLink :href="config.citation_url">
{{ config.citation_url }}
</ExternalLink>
<div v-if="config.helpsite_url">
<ExternalLink :href="config.helpsite_url">
<strong v-localize>Ask Questions & Find Answers</strong>
</ExternalLink>
<p v-localize>
Visit the Galaxy Q&A website to find answers to your questions and connect with other users.
</p>
</div>
<div v-if="config.support_url">
<ExternalLink :href="config.support_url">
<strong v-localize>Reach Out</strong>
</ExternalLink>
<p v-localize>Need help or want to teach and learn more about Galaxy? Feel free to reach out to us.</p>
</div>
<Heading v-localize h2 separator size="md">Help</Heading>
<div>
<Heading h2 separator size="md">Interactive Tours</Heading>
<p>
Explore and learn about Galaxy through interactive
<RouterLink to="tours">tours</RouterLink>.
</p>
<RouterLink to="tours">
<strong v-localize>Interactive Tours</strong>
</RouterLink>
<p v-localize>Discover and learn about Galaxy with our interactive tours.</p>
</div>
<div v-if="config.screencasts_url">
<Heading h2 separator size="md">Videos and Screencasts</Heading>
<p>
Learn more about Galaxy by watching videos and screencasts at
<ExternalLink :href="config.screencasts_url">
{{ config.screencasts_url }}
</ExternalLink>
</p>
</div>
<div v-if="config.helpsite_url">
<Heading h2 separator size="md">User Documentation</Heading>
<p>
Learn more about Galaxy at
<ExternalLink :href="config.helpsite_url">
{{ config.helpsite_url }}
</ExternalLink>
</p>
<ExternalLink :href="config.screencasts_url">
<strong v-localize>Videos and Screencasts</strong>
</ExternalLink>
<p v-localize>Learn more about Galaxy by watching videos and screencasts.</p>
</div>
<div>
<Heading h2 separator size="md">API Documentation</Heading>
<!-- API documentation link -->
<p>
The Galaxy API is available, and explorable, at
<ExternalLink :href="apiDocsLink">
{{ apiDocsLink }}
</ExternalLink>
</p>
<div v-if="config.citation_url">
<ExternalLink :href="config.citation_url">
<strong v-localize>How to Cite Us</strong>
</ExternalLink>
<p v-localize>View details on how to properly cite Galaxy.</p>
</div>
<Heading h2 separator size="md">Technical Details</Heading>
<div>
<!-- Galaxy version (detailed), with a link to the release notes -->
<Heading h2 separator size="md">Version Information</Heading>
<p>
The Galaxy Server is running version
<ExternalLink :href="versionUserDocumentationUrl">
<strong> {{ config.version_major }}.{{ config.version_minor }}</strong> </ExternalLink
>, and the web client was built on <UtcDate :date="clientBuildDate" mode="pretty" />.
<ExternalLink :href="versionUserDocumentationUrl">
<strong v-localize>Release Notes</strong>
</ExternalLink>
<p v-localize>
This Galaxy server version is <strong>{{ config.version_major }}.{{ config.version_minor }}</strong
>, and the web client was built on
<strong><UtcDate :date="clientBuildDate" mode="pretty" /></strong>.
</p>
<template v-if="config.version_extra">
<p>The server also provides the following extra version information</p>
<p v-localize>The server also provides the following extra version information</p>
<ul>
<li v-for="(value, name, index) in config.version_extra" :key="index">
<strong>{{ name }}</strong>
Expand All @@ -104,24 +93,22 @@ const versionUserDocumentationUrl = computed(() => {
</template>
</div>
<div>
<Heading h2 separator size="md">License Information</Heading>
<p>The Galaxy Software is licensed under <License :license-id="galaxyLicense" /></p>
<ExternalLink :href="apiDocsLink">
<strong v-localize>API Documentation</strong>
</ExternalLink>
<p v-localize>Explore the Galaxy API.</p>
</div>
<div>
<License class="font-weight-bold" :license-id="galaxyLicense" />
<p v-localize>The Galaxy Software is licensed under the MIT License.</p>
</div>
<div v-if="config.terms_url">
<!-- Terms, if available.-->
<Heading h2 separator size="md">Terms and Conditions</Heading>
<p>
<ExternalLink :href="config.terms_url">
<strong v-localize>Terms and Conditions</strong>
</ExternalLink>
<p v-localize>
This Galaxy Server has specified Terms and Conditions that apply to use of the service.
<ExternalLink :href="config.terms_url">Review them here.</ExternalLink>
</p>
</div>
<div v-if="config.support_url">
<Heading h2 separator size="md">Support</Heading>
<p>
Do you need help? Reach out at
<ExternalLink :href="config.support_url">
{{ config.support_url }}
</ExternalLink>
</p>
</div>
</div>
Expand Down
Loading