debian-mirror-gitlab/app/assets/javascripts/ide/components/ide_project_header.vue
2022-08-27 11:52:29 +05:30

38 lines
976 B
Vue

<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-id="project.id"
: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>