Welcome to mirror list, hosted at ThFree Co, Russian Federation.

archives_page.vue « components « default « frontend « content - gitlab.com/gitlab-org/gitlab-docs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 07df0f59419f8a40cab06d35c877ddac8da443a7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<script>
import { getVersions, getArchiveImages } from '../../services/fetch_versions';
import HeaderPermalink from '../../shared/components/header_permalink.vue';

export default {
  components: {
    HeaderPermalink,
  },
  data() {
    return {
      versions: {},
      onlineVersions: [],
      offlineVersions: [],
    };
  },
  async created() {
    this.versions = await getVersions();
    this.onlineVersions = [...this.versions.last_minor, ...this.versions.last_major];

    const archiveImages = await getArchiveImages();
    this.offlineVersions = archiveImages.filter(
      (archiveVersion) =>
        archiveVersion.name !== this.versions.current &&
        !this.onlineVersions.includes(archiveVersion.name),
    );
  },
};
</script>

<template>
  <div>
    <header-permalink text="Latest released version" />
    <p>
      The latest released stable version is
      <a :href="`https://docs.gitlab.com/${versions.current}`">{{ versions.current }}</a
      >.
    </p>

    <header-permalink text="Previously released versions" />
    <p>The following versions are available online:</p>
    <ul>
      <li v-for="v in onlineVersions" :key="v" :data-testid="`online-version-${v}`">
        <a :href="`https://docs.gitlab.com/${v}`">{{ v }}</a>
      </li>
    </ul>

    <div v-if="offlineVersions.length">
      <header-permalink text="Offline archives" />
      <p>
        The following archives are available and can be browsed offline. You'll need to have
        <a href="https://docs.docker.com/get-docker/">Docker</a>
        installed to access them.
      </p>

      <div v-for="o in offlineVersions" :key="o.name" :data-testid="`offline-version-${o.name}`">
        <h3>{{ o.name }}</h3>
        <div class="highlight">
          <pre class="highlight shell">
            <code>docker run <span class="nt">-it</span> <span class="nt">--rm</span> <span class="nt">-p</span> 4000:4000 {{ o.location }}</code>
          </pre>
        </div>
      </div>
    </div>
  </div>
</template>