Welcome to mirror list, hosted at ThFree Co, Russian Federation.

app.vue « components « maintenance_mode_settings « javascripts « assets « app - gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 11d154ed9d12b4723be03058f526c3c7f13d7bed (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
38
39
40
41
42
43
44
<script>
import { GlToggle, GlFormGroup, GlFormTextarea, GlButton } from '@gitlab/ui';

export default {
  name: 'MaintenanceModeSettingsApp',
  components: {
    GlToggle,
    GlFormGroup,
    GlFormTextarea,
    GlButton,
  },
  data() {
    return {
      inMaintenanceMode: false,
      bannerMessage: '',
    };
  },
};
</script>
<template>
  <article>
    <div class="d-flex align-items-center mb-3">
      <gl-toggle v-model="inMaintenanceMode" class="mb-0" />
      <div class="ml-2">
        <p class="mb-0">{{ __('Enable maintenance mode') }}</p>
        <p class="mb-0 text-secondary-500">
          {{
            __('Non-admin users can sign in with read-only access and make read-only API requests.')
          }}
        </p>
      </div>
    </div>
    <gl-form-group label="Banner Message" label-for="maintenanceBannerMessage">
      <gl-form-textarea
        id="maintenanceBannerMessage"
        v-model="bannerMessage"
        :placeholder="__(`GitLab is undergoing maintenance and is operating in a read-only mode.`)"
      />
    </gl-form-group>
    <div class="mt-4">
      <gl-button variant="success" category="primary">{{ __('Save changes') }}</gl-button>
    </div>
  </article>
</template>