debian-mirror-gitlab/app/assets/javascripts/environments/mount_show.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

50 lines
1.9 KiB
JavaScript
Raw Normal View History

2020-04-22 19:07:51 +05:30
import Vue from 'vue';
2021-10-27 15:23:28 +05:30
import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
import EnvironmentsDetailHeader from './components/environments_detail_header.vue';
2020-04-22 19:07:51 +05:30
import environmentsMixin from './mixins/environments_mixin';
2021-10-27 15:23:28 +05:30
export const initHeader = () => {
const el = document.getElementById('environments-detail-view-header');
2020-04-22 19:07:51 +05:30
const container = document.getElementById('environments-detail-view');
2021-10-27 15:23:28 +05:30
const dataset = convertObjectPropsToCamelCase(JSON.parse(container.dataset.details));
2020-04-22 19:07:51 +05:30
return new Vue({
el,
mixins: [environmentsMixin],
data() {
2021-10-27 15:23:28 +05:30
const environment = {
name: dataset.name,
id: Number(dataset.id),
externalUrl: dataset.externalUrl,
isAvailable: dataset.isEnvironmentAvailable,
hasTerminals: dataset.hasTerminals,
autoStopAt: dataset.autoStopAt,
onSingleEnvironmentPage: true,
// TODO: These two props are snake_case because the environments_mixin file uses
// them and the mixin is imported in several files. It would be nice to conver them to camelCase.
stop_path: dataset.environmentStopPath,
delete_path: dataset.environmentDeletePath,
};
2020-04-22 19:07:51 +05:30
return {
environment,
};
},
render(createElement) {
2021-10-27 15:23:28 +05:30
return createElement(EnvironmentsDetailHeader, {
2020-04-22 19:07:51 +05:30
props: {
environment: this.environment,
2021-10-27 15:23:28 +05:30
canDestroyEnvironment: dataset.canDestroyEnvironment,
canUpdateEnvironment: dataset.canUpdateEnvironment,
canStopEnvironment: dataset.canStopEnvironment,
canAdminEnvironment: dataset.canAdminEnvironment,
cancelAutoStopPath: dataset.environmentCancelAutoStopPath,
terminalPath: dataset.environmentTerminalPath,
metricsPath: dataset.environmentMetricsPath,
updatePath: dataset.environmentEditPath,
2020-04-22 19:07:51 +05:30
},
});
},
});
};