Implemented XML Formatter and simplified structure of XML tools (#229)

Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: #229
Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
This commit is contained in:
2023-06-21 14:32:00 +02:00
parent 3c79bddde3
commit f16639b45e
28 changed files with 573 additions and 329 deletions

View File

@@ -2,6 +2,7 @@
import { ref , onMounted} from 'vue'
import SidebarToolLinkComponent from './SidebarToolLinkComponent.vue';
import SidebarMenuElementComponent from './SidebarMenuElementComponent.vue';
import FooterComponent from './FooterComponent.vue';
import logoDark from '@assets/logo_biale.svg';
import logoWhite from '@assets/logo_czarne.svg';
@@ -24,11 +25,11 @@ onMounted( () => {
<template>
<aside class="relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen" >
<div class="h-full px-3 pt-2 pb-4 overflow-y-auto">
<div class="flex flex-col h-full px-3 pt-2 pb-4 overflow-y-auto">
<a href="https://release11.com/">
<img :src="logoR11" class="w-72 h-16 p-2 pt-0"/>
</a>
<div class="flex flex-col font-medium items-center">
<div class="flex basis-full flex-col font-medium items-center">
<sidebar-menu-element-component category-name="XML">
<SidebarToolLinkComponent path-to="/xml/xpath" element-content="XPath" />
<SidebarToolLinkComponent path-to="/xml/xquery" element-content="XQuery" />
@@ -37,9 +38,9 @@ onMounted( () => {
</sidebar-menu-element-component>
<sidebar-menu-element-component category-name="Formatter">
<SidebarToolLinkComponent path-to="/format/HTML" element-content="HTML Formatter" />
<SidebarToolLinkComponent path-to="/format/JSON" element-content="JSON Formatter" />
<SidebarToolLinkComponent path-to="/format/XML" element-content="XML Formatter" />
<SidebarToolLinkComponent path-to="/format/HTML" element-content="HTML" />
<SidebarToolLinkComponent path-to="/format/JSON" element-content="JSON" />
<SidebarToolLinkComponent path-to="/format/XML" element-content="XML" />
</sidebar-menu-element-component>
@@ -48,6 +49,7 @@ onMounted( () => {
</sidebar-menu-element-component>
</div>
<FooterComponent></FooterComponent>
</div>
</aside>
</template>