StyAndCo/zeppelin
3
0
Fork 0
mirror of https://github.com/ZeppelinBot/Zeppelin.git synced 2025-03-14 21:31:50 +00:00
Code Releases Activity

revert unnecessary linting changes

Browse source
This commit is contained in:
Almeida 2021-05-07 21:26:35 +01:00 • committed by almeidx
parent 5b1a2ca7a3
commit f1330ad062
No known key found for this signature in database
GPG key ID: 8558FBFF849BD664
1 changed files with 119 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

252
dashboard/src/components/docs/DocsLayout.vue
View file

@ -5,14 +5,17 @@
<!-- Top bar -->
<nav class="flex items-stretch pl-4 pr-2 py-1 border border-gray-700 rounded bg-gray-800 shadow-xl">
<div class="flex-initial flex items-center">
<img class="flex-auto w-10 mr-5" src="../../img/logo.png" alt="" aria-hidden="true" />
<img class="flex-auto w-10 mr-5" src="../../img/logo.png" alt="" aria-hidden="true">
<router-link to="/docs">
<h1 class="flex-auto font-semibold">Zeppelin Documentation</h1>
</router-link>
</div>
<div class="flex-1 flex items-center justify-end">
<router-link to="/dashboard" role="menuitem" class="py-1 px-2 rounded hover:bg-gray-700 hidden lg:block">
<router-link
to="/dashboard"
role="menuitem"
class="py-1 px-2 rounded hover:bg-gray-700 hidden lg:block">
Go to dashboard
</router-link>
<button class="link-button text-2xl leading-zero lg:hidden" v-on:click="toggleMobileMenu()" aria-hidden="true">
@ -26,23 +29,12 @@
<!-- Content wrapper -->
<div class="flex flex-wrap items-start mt-8">
<!-- Sidebar -->
<nav
class="docs-sidebar px-4 pt-2 pb-3 mr-8 mb-4 border border-gray-700 rounded bg-gray-800 shadow-md flex-full lg:flex-none lg:block"
v-bind:class="{ closed: !mobileMenuOpen }"
>
<nav class="docs-sidebar px-4 pt-2 pb-3 mr-8 mb-4 border border-gray-700 rounded bg-gray-800 shadow-md flex-full lg:flex-none lg:block" v-bind:class="{ closed: !mobileMenuOpen }">
<div role="none" v-for="(group, index) in menu">
<h1 class="font-bold" :aria-owns="'menu-group-' + index" :class="{ 'mt-4': index !== 0 }">
{{ group.label }}
</h1>
<h1 class="font-bold" :aria-owns="'menu-group-' + index" :class="{'mt-4': index !== 0}">{{ group.label }}</h1>
<ul v-bind:id="'menu-group-' + index" role="group" class="list-none pl-2">
<li role="none" v-for="item in group.items">
<router-link
role="menuitem"
:to="item.to"
class="text-gray-300 hover:text-gray-500"
v-on:click.native="onChooseMenuItem()"
>{{ item.label }}</router-link
>
<router-link role="menuitem" :to="item.to" class="text-gray-300 hover:text-gray-500" v-on:click.native="onChooseMenuItem()">{{ item.label }}</router-link>
</li>
</ul>
</div>
@ -58,131 +50,125 @@
</template>
<script lang="ts">
import Vue from "vue";
import { mapState } from "vuex";
import Menu from "vue-material-design-icons/Menu.vue";
import Title from "../Title.vue";
import Vue from "vue";
import {mapState} from "vuex";
import Menu from 'vue-material-design-icons/Menu.vue';
import Title from "../Title.vue";
type TMenuItem = {
to: string;
label: string;
};
type TMenuGroup = {
label: string;
items: TMenuItem[];
};
type TMenu = TMenuGroup[];
type TMenuItem = {
to: string;
label: string;
};
type TMenuGroup = {
label: string;
items: TMenuItem[];
};
type TMenu = TMenuGroup[];
const menu: TMenu = [
{
label: "General",
items: [
{
to: "/docs/introduction",
label: "Introduction",
},
],
},
{
label: "Configuration",
items: [
{
to: "/docs/configuration/configuration-format",
label: "Configuration format",
},
{
to: "/docs/configuration/plugin-configuration",
label: "Plugin configuration",
},
{
to: "/docs/configuration/permissions",
label: "Permissions",
},
],
},
{
label: "Reference",
items: [
{
to: "/docs/reference/argument-types",
label: "Argument types",
},
],
},
{
label: "Setup guides",
items: [
{
to: "/docs/setup-guides/logs",
label: "Logs",
},
{
to: "/docs/setup-guides/moderation",
label: "Moderation",
},
{
to: "/docs/setup-guides/counters",
label: "Counters",
},
],
},
];
export default {
components: { Menu, Title },
async mounted() {
await this.$store.dispatch("docs/loadAllPlugins");
},
data() {
return {
mobileMenuOpen: false,
};
},
methods: {
toggleMobileMenu() {
this.mobileMenuOpen = !this.mobileMenuOpen;
},
onChooseMenuItem() {
this.mobileMenuOpen = false;
this.$refs["main-anchor"].focus();
},
},
computed: {
...mapState("docs", {
plugins: "allPlugins",
}),
menu() {
console.log(this.plugins);
return [
...menu,
const menu: TMenu = [
{
label: 'General',
items: [
{
label: "Plugins",
items: this.plugins
.filter(plugin => !plugin.info.legacy)
.map(plugin => ({
to: '/docs/introduction',
label: 'Introduction',
},
],
},
{
label: 'Configuration',
items: [
{
to: '/docs/configuration/configuration-format',
label: 'Configuration format',
},
{
to: '/docs/configuration/plugin-configuration',
label: 'Plugin configuration',
},
{
to: '/docs/configuration/permissions',
label: 'Permissions',
},
],
},
{
label: 'Reference',
items: [
{
to: '/docs/reference/argument-types',
label: 'Argument types',
},
],
},
{
label: 'Setup guides',
items: [
{
to: '/docs/setup-guides/logs',
label: 'Logs',
},
{
to: '/docs/setup-guides/moderation',
label: 'Moderation',
},
{
to: '/docs/setup-guides/counters',
label: 'Counters',
},
],
},
];
export default {
components: { Menu, Title },
async mounted() {
await this.$store.dispatch("docs/loadAllPlugins");
},
data() {
return {
mobileMenuOpen: false
};
},
methods: {
toggleMobileMenu() {
this.mobileMenuOpen = !this.mobileMenuOpen;
},
onChooseMenuItem() {
this.mobileMenuOpen = false;
this.$refs['main-anchor'].focus();
},
},
computed: {
...mapState('docs', {
plugins: 'allPlugins',
}),
menu() {
return [
...menu,
{
label: 'Plugins',
items: this.plugins.filter(plugin => !plugin.info.legacy).map(plugin => ({
label: plugin.info.prettyName || plugin.name,
to: `/docs/plugins/${plugin.name}`,
})),
},
{
label: "Legacy Plugins",
items: this.plugins
.filter(plugin => plugin.info.legacy)
.map(plugin => ({
},
{
label: "Legacy Plugins",
items: this.plugins.filter(plugin => plugin.info.legacy).map(plugin => ({
label: plugin.info.prettyName || plugin.name,
to: `/docs/plugins/${plugin.name}`,
})),
},
];
}
];
},
},
},
};
};
</script>