Frontend/src/components/man/RestMockManComponent.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="flex flex-col">
+    <div class="flex flex-row">
+      <a href="/rest/mock" class="tool-button">Back to REST Mock</a>
+    </div>
+    <div class="dark:text-slate-100">
+      <h2 class="text-2xl font-bold mt-4 mb-2">Description</h2>
+      <p><span class="font-medium">REST Mock</span> is a tool allowing to create temporary REST endpoint that allows to test REST clients.</p>
+      <br>
+      <p>It's main functions are:</p>
+      <ul class="list-disc ml-5">
+        <li>Generating random URL for each user, one per user, with persistence for 24h. {check}</li>
+        <li>Customizable HTTP response status code</li>
+        <li>Customizable response body and it's content type</li>
+        <li>Customizable response headers</li>
+        <li>History of connections to generated endpoint with ability to look into request method, headers and body</li>
+      </ul>
+      <!-- <h2 class="text-2xl font-bold mt-4 mb-2">Technical Nuances</h2> -->
+      <h2 class="text-2xl font-bold mt-4 mb-2">Example</h2>
+      <p>Let's say we want to create temporary endpoint that returns code 200 with body:</p>
+      <div class="p-2 bg-slate-800 rounded-md"><pre>{
+  "status": "completed", 
+  "warnings": "none"
+}</pre></div>
+      
+    </div>
+  </div>
+  
+  
+  
+</template>
+
+<style scoped></style>

Frontend/src/router/index.ts

@@ -15,6 +15,8 @@ const xqueryTool = import("@views/XQueryView.vue")
 const base64Encoder = import("@views/Base64EncoderView.vue")
 const urlEncoder = import("@views/UrlEncoderView.vue")
 
+const restMockMan = import("@views/man/RestMockManView.vue")
+
 const routes = [
   {
     path: '/',
@@ -70,6 +72,11 @@ const routes = [
     path: '/encoder/url',
     name: 'urlEncoder',
     component: () => urlEncoder
+  },
+  {
+    path: '/man/rest-mock',
+    name: 'RestMockManView',
+    component: () => restMockMan
   }
 ]
 

Frontend/src/views/man/RestMockManView.vue

@@ -0,0 +1,15 @@
+<script lang="ts">
+import RestMockManComponent from '@man/RestMockManComponent.vue'
+
+
+export default {
+    name:"RestMockManView",
+    components: {RestMockManComponent}
+}
+</script>
+
+
+<template>
+    <RestMockManComponent></RestMockManComponent>
+</template>
+

Frontend/vite.config.ts

@@ -35,6 +35,7 @@ export default defineConfig({
       '@components': fileURLToPath(new URL('./src/components', import.meta.url)),
       '@views': fileURLToPath(new URL('./src/views', import.meta.url)),
       '@assets': fileURLToPath(new URL('./src/assets', import.meta.url)),
+      '@man': fileURLToPath(new URL('./src/components/man', import.meta.url)),
     }
   }
 })