StyAndCo/zappyzep
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Automod work. Add config examples to automod.

Browse source
This commit is contained in:
Dragory 2019-10-11 01:59:56 +03:00
parent 5a9ad943a2
commit f41d280fab
11 changed files with 539 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dashboard/src/components/Expandable.vue
View file

@ -68,6 +68,10 @@
code:not([class]) {
@apply bg-gray-900;
}
.codeblock {
box-shadow: none;
}
</style>
<script type="ts">

59
dashboard/src/components/docs/ArgumentTypes.vue
View file

@ -77,40 +77,37 @@
Note that the delay should always be written as 1 word, without spaces!
</p>
<div :open="false" class="card mb-1"> <!-- b-collapse -->
<div slot="trigger" slot-scope="props" class="card-header" role="button">
<p class="card-header-title">Additional Information</p>
<a class="card-header-icon">
<b-icon :icon="props.open ? 'menu-down' : 'menu-up'"></b-icon>
</a>
</div>
<div class="card-content">
<div class="content">
Durations:
<ul>
<li>
<code>d</code> Day
</li>
<li>
<code>h</code> Hour
</li>
<li>
<code>m</code> Minute
</li>
<li>
<code>s</code> Seconds
</li>
</ul>
</div>
</div>
</div>
<Expandable>
<template v-slot:title>Additional information</template>
<template v-slot:content>
Durations:
<ul>
<li>
<code>d</code> Day
</li>
<li>
<code>h</code> Hour
</li>
<li>
<code>m</code> Minute
</li>
<li>
<code>s</code> Seconds
</li>
</ul>
</template>
</Expandable>
</div>
</template>
<script>
import CodeBlock from "./CodeBlock";
import CodeBlock from "./CodeBlock";
import Expandable from "../Expandable";
export default {
components: { CodeBlock },
};
export default {
components: {
CodeBlock,
Expandable,
},
};
</script>

15
dashboard/src/components/docs/Plugin.vue
View file

@ -116,17 +116,12 @@
<!-- Config schema -->
<h2 id="config-schema">Config schema</h2>
<div :open="false" class="card mt-1 mb-1"> <!-- b-collapse -->
<div slot="trigger" slot-scope="props" class="card-header" role="button">
<p class="card-header-title">Click to expand</p>
<a class="card-header-icon">
<b-icon :icon="props.open ? 'menu-up' : 'menu-down'"></b-icon>
</a>
</div>
<div class="card-content">
<Expandable class="wide">
<template v-slot:title>Click to expand</template>
<template v-slot:content>
<CodeBlock lang="plain">{{ data.configSchema }}</CodeBlock>
</div>
</div>
</template>
</Expandable>
</div>
</div>
</template>

3
dashboard/src/style/content.pcss
View file

@ -14,6 +14,7 @@
}
& h3 {
@apply text-xl;
@apply font-semibold;
@apply mb-1;
}
@ -39,7 +40,7 @@
@apply inline-code;
}
& .expandable {
& .expandable:not(.wide) {
max-width: 600px;
}
}

78
dashboard/src/style/dashboard.scss
View file

@ -1,78 +0,0 @@
@import "~buefy/dist/buefy.css";
@import "~highlight.js/styles/ocean.css";
$bulmaswatch-import-font: false;
$family-primary: 'Open Sans', sans-serif;
$list-background-color: transparent;
$size-1: 2.5rem;
$size-2: 2rem;
$size-3: 1.5rem;
$size-4: 1.25rem;
@import "~bulmaswatch/superhero/_variables";
$tabs-link-color: $grey-light;
$tabs-link-active-color: $grey-lighter;
$tabs-link-active-border-bottom-color: $grey-lighter;
@import "~bulma/bulma";
@import "~bulmaswatch/superhero/_overrides";
.init-cloak {
visibility: visible !important;
}
.z-title {
line-height: 1.125;
&.is-1 { font-size: $size-1; }
&.is-2 { font-size: $size-2; }
&.is-3 { font-size: $size-3; }
&.is-4 { font-size: $size-4; }
&.is-5 { font-size: $size-5; }
&.is-6 { font-size: $size-6; }
}
.z-list {
margin-left: 1.5rem;
}
.z-ul {
list-style: disc;
}
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 1.5rem; }
.mt-3 { margin-top: 2rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 1.5rem; }
.mb-3 { margin-bottom: 2rem; }
.codeblock,
.content .codeblock {
border-radius: 3px;
padding: 16px;
max-width: 970px; /* FIXME: temp fix for overflowing code blocks, look into properly later */
}
.codeblock .hljs {
background: transparent;
padding: 0;
}
.menu-label {
&:not(:first-child) {
margin-top: 1.4em;
}
&:not(:last-child) {
margin-bottom: 0.4em;
}
}
.menu-list .router-link-active {
text-decoration: underline;
}