summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/ide/components/ide_project_header.vue
blob: 1c25a8e634d7ae4ccca33ee089a17694fb323545 (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
<script>
import ProjectAvatar from '~/vue_shared/components/project_avatar.vue';

export default {
  components: {
    ProjectAvatar,
  },
  props: {
    project: {
      type: Object,
      required: true,
    },
  },
};
</script>

<template>
  <div class="context-header ide-context-header">
    <a :href="project.web_url" :title="s__('IDE|Go to project')" data-testid="go-to-project-link">
      <project-avatar
        :project-name="project.name"
        :project-avatar-url="project.avatar_url"
        :size="48"
      />
      <span class="ide-sidebar-project-title">
        <span class="sidebar-context-title"> {{ project.name }} </span>
        <span
          class="sidebar-context-title text-secondary"
          data-qa-selector="project_path_content"
          :data-qa-project-path="project.path_with_namespace"
        >
          {{ project.path_with_namespace }}
        </span>
      </span>
    </a>
  </div>
</template>