mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-27 07:31:46 +01:00
49b39fb3af
* Add clear logs functionality Other Changes: - Add actions toolbar for actions pertaining to container logs - Move Download button to actions toolbar, remove text and margin to match clear logs button - Move search box below actions toolbar - Turn off pointer events for scroll progress component so that Download button can be clicked - Adjust spacing of container bar to accomodate the new actions toolbar * Change actions toolbar into a floating menu Other Changes: - Move actions toolbar into its own component - Move clear hotkey from LogEventSource to LogActionsToolbar, where the button is - Move search back to where it was before - Add tooltip component from buefy to annotate action buttons - Add CSS variable for action toolbar background color, changes based on theme
75 lines
1.4 KiB
JavaScript
75 lines
1.4 KiB
JavaScript
import Vue from "vue";
|
|
import VueRouter from "vue-router";
|
|
import Meta from "vue-meta";
|
|
import Switch from "buefy/dist/esm/switch";
|
|
import Radio from "buefy/dist/esm/radio";
|
|
import Field from "buefy/dist/esm/field";
|
|
import Modal from "buefy/dist/esm/modal";
|
|
import Tooltip from "buefy/dist/esm/tooltip";
|
|
import Autocomplete from "buefy/dist/esm/autocomplete";
|
|
|
|
import store from "./store";
|
|
import config from "./store/config";
|
|
import App from "./App.vue";
|
|
import { Container, Settings, Index, Show, ContainerNotFound, PageNotFound, Login } from "./pages";
|
|
|
|
Vue.use(VueRouter);
|
|
Vue.use(Meta);
|
|
Vue.use(Switch);
|
|
Vue.use(Radio);
|
|
Vue.use(Field);
|
|
Vue.use(Modal);
|
|
Vue.use(Tooltip);
|
|
Vue.use(Autocomplete);
|
|
|
|
const routes = [
|
|
{
|
|
path: "/",
|
|
component: Index,
|
|
name: "default",
|
|
},
|
|
{
|
|
path: "/container/:id",
|
|
component: Container,
|
|
name: "container",
|
|
props: true,
|
|
},
|
|
{
|
|
path: "/container/*",
|
|
component: ContainerNotFound,
|
|
name: "container-not-found",
|
|
},
|
|
{
|
|
path: "/settings",
|
|
component: Settings,
|
|
name: "settings",
|
|
},
|
|
{
|
|
path: "/show",
|
|
component: Show,
|
|
name: "show",
|
|
},
|
|
{
|
|
path: "/login",
|
|
component: Login,
|
|
name: "login",
|
|
},
|
|
{
|
|
path: "/*",
|
|
component: PageNotFound,
|
|
name: "page-not-found",
|
|
},
|
|
];
|
|
|
|
const router = new VueRouter({
|
|
mode: "history",
|
|
base: config.base + "/",
|
|
routes,
|
|
});
|
|
|
|
new Vue({
|
|
router,
|
|
store,
|
|
render: (h) => h(App),
|
|
}).$mount("#app");
|