Commit 90dc0928 authored by Filipa Lacerda's avatar Filipa Lacerda

Removes EE differences from environmnet_item

Creares a mixin & moves the EE template
differences into CE
parent a89df585
...@@ -4,6 +4,7 @@ import _ from 'underscore'; ...@@ -4,6 +4,7 @@ import _ from 'underscore';
import { GlTooltipDirective } from '@gitlab/ui'; import { GlTooltipDirective } from '@gitlab/ui';
import UserAvatarLink from '~/vue_shared/components/user_avatar/user_avatar_link.vue'; import UserAvatarLink from '~/vue_shared/components/user_avatar/user_avatar_link.vue';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import environmentItemMixin from 'ee_else_ce/environments/mixins/environment_item_mixin';
import ActionsComponent from './environment_actions.vue'; import ActionsComponent from './environment_actions.vue';
import ExternalUrlComponent from './environment_external_url.vue'; import ExternalUrlComponent from './environment_external_url.vue';
import StopComponent from './environment_stop.vue'; import StopComponent from './environment_stop.vue';
...@@ -34,10 +35,10 @@ export default { ...@@ -34,10 +35,10 @@ export default {
TerminalButtonComponent, TerminalButtonComponent,
MonitoringButtonComponent, MonitoringButtonComponent,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
}, },
mixins: [environmentItemMixin],
props: { props: {
model: { model: {
...@@ -467,9 +468,18 @@ export default { ...@@ -467,9 +468,18 @@ export default {
<div v-if="!model.isFolder" class="table-mobile-header" role="rowheader"> <div v-if="!model.isFolder" class="table-mobile-header" role="rowheader">
{{ s__('Environments|Environment') }} {{ s__('Environments|Environment') }}
</div> </div>
<span v-if="shouldRenderDeployBoard" class="deploy-board-icon" @click="toggleDeployBoard">
<icon :name="deployIconName" />
</span>
<span v-if="!model.isFolder" class="environment-name table-mobile-content"> <span v-if="!model.isFolder" class="environment-name table-mobile-content">
<a class="qa-environment-link" :href="environmentPath"> {{ model.name }} </a> <a class="qa-environment-link" :href="environmentPath"> {{ model.name }} </a>
<span v-if="isProtected" class="badge badge-success">
{{ s__('Environments|protected') }}
</span>
</span> </span>
<span v-else class="folder-name" role="button" @click="onClickFolder"> <span v-else class="folder-name" role="button" @click="onClickFolder">
<icon :name="folderIconName" class="folder-icon" /> <icon :name="folderIconName" class="folder-icon" />
......
export default {
computed: {
deployIconName() {
return '';
},
shouldRenderDeployBoard() {
return false;
},
},
methods: {
toggleDeployBoard() {},
},
};
---
title: Removes EE differences for environment_item.vue
merge_request:
author:
type: other
...@@ -3196,6 +3196,9 @@ msgstr "" ...@@ -3196,6 +3196,9 @@ msgstr ""
msgid "Environments|You don't have any environments right now" msgid "Environments|You don't have any environments right now"
msgstr "" msgstr ""
msgid "Environments|protected"
msgstr ""
msgid "Epic" msgid "Epic"
msgstr "" msgstr ""
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment