2021-05-17 14:10:42 -04:00
|
|
|
<script>
|
2021-06-01 05:09:36 -04:00
|
|
|
import { GlNav, GlNavItemDropdown, GlDropdownForm } from '@gitlab/ui';
|
2021-05-17 14:10:42 -04:00
|
|
|
import TopNavDropdownMenu from './top_nav_dropdown_menu.vue';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
GlNav,
|
|
|
|
GlNavItemDropdown,
|
|
|
|
GlDropdownForm,
|
|
|
|
TopNavDropdownMenu,
|
|
|
|
},
|
|
|
|
props: {
|
|
|
|
navData: {
|
|
|
|
type: Object,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<gl-nav class="navbar-sub-nav">
|
|
|
|
<gl-nav-item-dropdown
|
|
|
|
:text="navData.activeTitle"
|
2021-06-11 14:10:13 -04:00
|
|
|
data-qa-selector="navbar_dropdown"
|
|
|
|
:data-qa-title="navData.activeTitle"
|
2021-06-08 02:09:51 -04:00
|
|
|
icon="hamburger"
|
2021-05-31 17:09:39 -04:00
|
|
|
menu-class="gl-mt-3! gl-max-w-none! gl-max-h-none! gl-sm-w-auto! js-top-nav-dropdown-menu"
|
2021-05-17 14:10:42 -04:00
|
|
|
toggle-class="top-nav-toggle js-top-nav-dropdown-toggle gl-px-3!"
|
|
|
|
no-flip
|
2021-06-10 05:10:04 -04:00
|
|
|
no-caret
|
2021-05-17 14:10:42 -04:00
|
|
|
>
|
|
|
|
<gl-dropdown-form>
|
|
|
|
<top-nav-dropdown-menu
|
|
|
|
:primary="navData.primary"
|
|
|
|
:secondary="navData.secondary"
|
|
|
|
:views="navData.views"
|
|
|
|
/>
|
|
|
|
</gl-dropdown-form>
|
|
|
|
</gl-nav-item-dropdown>
|
|
|
|
</gl-nav>
|
|
|
|
</template>
|