NixiN/nixin-web
NixiN/nixin-web
2
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: use pre for code templates and add informations about template name

Browse source
This commit is contained in:
Florian Schmitt 2024-10-15 11:29:50 +03:00
parent 81192c7b40
commit 9532ec6eff
5 changed files with 230 additions and 214 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
.vitepress/theme/custom.css
View file

@ -34,3 +34,19 @@
width: 100%; width: 100%;
display: block; display: block;
} }
.dynamic-component.code:before {
content: attr(data-name);
position: absolute;
color: blue;
top: -1.4em;
left: 0em;
font-size: 0.8em;
}
.dynamic-component.code {
position: relative;
border: blue 1px dotted;
padding: 1em;
margin: 1em 0;
white-space: pre-wrap;
}

2
components/ConfigForm.vue
View file

@ -202,7 +202,7 @@ function selectServices(bundleId, services) {
time.timeZone = "{{ nixin.timezone }}"; time.timeZone = "{{ nixin.timezone }}";
i18n.defaultLocale = "{{ nixin.locale }}"; i18n.defaultLocale = "{{ nixin.locale }}";
<div v-for="(service) in nixin.services" :key="service"> <div v-for="(service) in nixin.services" :key="service">
<NixCode :service="service" /> <NixCode :service="service"/>
</div> </div>
users.users.{{ nixin.user }} = { users.users.{{ nixin.user }} = {

5
components/DynamicComponent.vue
View file

@ -1,10 +1,9 @@
<template> <template>
<component :is="type"></component> <component :is="type" class="dynamic-component" :class="type.split('-')[1]" :data-name="type.split('-')[2]"></component>
</template> </template>
<script> <script>
let mod = [] let mod = []
// we autoload all components in form and nix-code folders // we autoload all components in form and nix-code folders
let comp = import.meta.glob('./{form,nix-code}/*.vue', { eager: true }) let comp = import.meta.glob('./{form,nix-code}/*.vue', { eager: true })
Object.entries(comp).forEach(([path, definition]) => { Object.entries(comp).forEach(([path, definition]) => {
@ -20,7 +19,7 @@
const componentName = c[3]+'-'+c[4].replace(/\.\w+$/, '') const componentName = c[3]+'-'+c[4].replace(/\.\w+$/, '')
mod[componentName] = definition.default mod[componentName] = definition.default
}) })
console.log(mod)
export default { export default {
components: { components: {

9
components/nix-code/lemmy.vue
View file

@ -1,6 +1,6 @@
<template> <template>
let <pre>
let {
# add nginx reverse proxy and ACME web certificate # add nginx reverse proxy and ACME web certificate
add_nginx = true; add_nginx = true;
nginx_ports = [ 80 443 ]; nginx_ports = [ 80 443 ];
@ -27,8 +27,7 @@
acmeDomain = lemmy.domain; acmeDomain = lemmy.domain;
nginxVhost = lemmy.domain; nginxVhost = lemmy.domain;
} in {
in {
security.acme = lib.mkIf add_nginx { security.acme = lib.mkIf add_nginx {
# TODO: change this to true if you accept # TODO: change this to true if you accept
@ -235,6 +234,6 @@
}; };
}; };
} }
</pre>
</template> </template>

4
components/nix-code/peertube.vue
View file

@ -1,5 +1,6 @@
<template> <template>
networking.extraHosts = '' <pre>
networking.extraHosts = ''
127.0.0.1 peertube.local 127.0.0.1 peertube.local
''; '';
@ -56,5 +57,6 @@
}; };
}; };
</pre>
</template> </template>