parent
5df38e861a
commit
a63624f5f6
@ -0,0 +1,16 @@
|
||||
<%= content_for(:css) do %>
|
||||
<%= stylesheet_link_tag 'new_dashboard', 'maintenance' %>
|
||||
<% end %>
|
||||
<%= content_for(:js) do %>
|
||||
<script type="text/javascript">
|
||||
var authenticity_token = "<%= form_authenticity_token %>";
|
||||
var user_data = <%= safe_js_object @user.data.to_json %>;
|
||||
|
||||
// Necessary for Google + actions
|
||||
var access_token = '';
|
||||
</script>
|
||||
|
||||
<%= javascript_include_tag 'common', 'common_vendor', 'maintenance' -%>
|
||||
<% end %>
|
||||
|
||||
<div id="root"></div>
|
@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<Maintenance />
|
||||
<Footer :user="user"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Maintenance from 'new-dashboard/pages/Maintenance';
|
||||
import Footer from 'new-dashboard/components/Footer';
|
||||
|
||||
export default {
|
||||
name: 'MaintenanceApp',
|
||||
components: {
|
||||
Maintenance,
|
||||
Footer
|
||||
},
|
||||
computed: {
|
||||
user () {
|
||||
return this.$store.state.user;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
@ -0,0 +1,21 @@
|
||||
import Vue from 'vue';
|
||||
import VueModal from 'vue-js-modal';
|
||||
import i18n from 'new-dashboard/i18n';
|
||||
import store from 'new-dashboard/store';
|
||||
|
||||
import MaintenanceApp from './MaintenanceApp';
|
||||
|
||||
import 'new-dashboard/plugins/backbone/backbone-core-models';
|
||||
|
||||
Vue.config.productionTip = false;
|
||||
|
||||
Vue.use(VueModal, { dynamic: true, injectModalsContainer: true });
|
||||
|
||||
/* eslint-disable no-new */
|
||||
new Vue({
|
||||
el: '#root',
|
||||
store,
|
||||
i18n,
|
||||
components: { MaintenanceApp },
|
||||
template: '<MaintenanceApp />'
|
||||
});
|
@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<Page>
|
||||
<section>
|
||||
<div class="container warning-container">
|
||||
<div class="warning-icon">
|
||||
<img src="../assets/icons/expired-trial/warning-icon.svg" />
|
||||
</div>
|
||||
<h2 class="warning-title title is-title is-txtDarkBlue is-bold">
|
||||
Sorry
|
||||
</h2>
|
||||
<p class="text is-body is-txtDarkBlue">
|
||||
We're down for scheduled maintenance
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</Page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page from 'new-dashboard/components/Page';
|
||||
|
||||
export default {
|
||||
name: 'Maintenance',
|
||||
components: {
|
||||
Page
|
||||
}
|
||||
};
|
||||
</script>
|
||||
git
|
||||
<style scoped lang="scss">
|
||||
@import 'new-dashboard/styles/variables';
|
||||
|
||||
.warning-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.warning-icon {
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.warning-title {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
</style>
|
Loading…
Reference in new issue