wad-lab 1.1.2 → 1.1.4

package/templates/vue-axios-router-props/src/views/EmployeePage.vue

@@ -0,0 +1,116 @@
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import api from '../services/api'
+import EntryForm from '../components/EntryForm.vue'
+import DataCard from '../components/DataCard.vue'
+
+const employees = ref([])
+const departments = ref([])
+
+const empFields = computed(() => {
+  if (departments.value.length > 0) {
+    return [
+      { key: 'name', label: 'Employee Name', placeholder: 'e.g. Jane Doe' },
+      { key: 'email', label: 'Email Address', type: 'email', placeholder: 'e.g. jane@example.com' },
+      {
+        key: 'departmentId',
+        label: 'Department',
+        type: 'select',
+        placeholder: 'Select Department',
+        options: departments.value.map(d => ({ value: d.id, label: `${d.name} (${d.code})` }))
+      },
+      { key: 'salary', label: 'Salary', type: 'number', placeholder: 'e.g. 75000' }
+    ]
+  }
+  return [
+    { key: 'name', label: 'Employee Name', placeholder: 'e.g. Jane Doe' },
+    { key: 'email', label: 'Email Address', type: 'email', placeholder: 'e.g. jane@example.com' },
+    { key: 'departmentId', label: 'Department ID', placeholder: 'e.g. 1' },
+    { key: 'salary', label: 'Salary', type: 'number', placeholder: 'e.g. 75000' }
+  ]
+})
+
+const fetchEmployees = async () => {
+  try {
+    const res = await api.get('/employees')
+    employees.value = res.data
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const fetchDepartments = async () => {
+  try {
+    const res = await api.get('/departments')
+    departments.value = res.data
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const handleCreateEmployee = async (formData) => {
+  try {
+    const payload = {
+      ...formData,
+      salary: Number(formData.salary)
+    }
+    const res = await api.post('/employees', payload)
+    employees.value.push(res.data)
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const handleRemoveEmployee = async (id) => {
+  try {
+    await api.delete(`/employees/${id}`)
+    employees.value = employees.value.filter(emp => emp.id !== id)
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const getSubtitle = (emp) => {
+  const dept = departments.value.find(d => d.id === emp.departmentId)
+  const deptLabel = dept ? `${dept.name} (${dept.code})` : emp.departmentId
+  return `${emp.email} | Dept: ${deptLabel} | $${Number(emp.salary).toLocaleString()}`
+}
+
+onMounted(() => {
+  fetchDepartments()
+  fetchEmployees()
+})
+</script>
+
+<template>
+  <div class="page-container">
+    <h2>Employees</h2>
+    <EntryForm :fields="empFields" @submit-data="handleCreateEmployee" />
+    <div class="card-list">
+      <p v-if="employees.length === 0" class="empty-state">No employees available.</p>
+      <DataCard
+        v-for="emp in employees"
+        :key="emp.id"
+        :id="emp.id"
+        :title="emp.name"
+        :subtitle="getSubtitle(emp)"
+        @remove="handleRemoveEmployee"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  display: flex;
+  flex-direction: column;
+}
+.empty-state {
+  color: #a0aec0;
+  font-style: italic;
+}
+.card-list {
+  display: flex;
+  flex-direction: column;
+}
+</style>

package/templates/vue-axios-router-props/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()]
+})

package/templates/backend/.gitattributes

@@ -1,2 +0,0 @@
-/mvnw text eol=lf
-*.cmd text eol=crlf

package/templates/backend/.idea/compiler.xml

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="CompilerConfiguration">
-    <annotationProcessing>
-      <profile name="Annotation profile for crud" enabled="true">
-        <sourceOutputDir name="target/generated-sources/annotations" />
-        <sourceTestOutputDir name="target/generated-test-sources/test-annotations" />
-        <outputRelativeToContentRoot value="true" />
-        <processorPath useClasspath="false">
-          <entry name="$MAVEN_REPOSITORY$/org/projectlombok/lombok/1.18.46/lombok-1.18.46.jar" />
-        </processorPath>
-        <module name="crud" />
-      </profile>
-    </annotationProcessing>
-  </component>
-  <component name="JavacSettings">
-    <option name="ADDITIONAL_OPTIONS_OVERRIDE">
-      <module name="crud" options="-parameters" />
-    </option>
-  </component>
-</project>

package/templates/backend/.idea/encodings.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding">
-    <file url="file://$PROJECT_DIR$/src/main/java" charset="UTF-8" />
-  </component>
-</project>

package/templates/backend/.idea/jarRepositories.xml

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="RemoteRepositoriesConfiguration">
-    <remote-repository>
-      <option name="id" value="central" />
-      <option name="name" value="Central Repository" />
-      <option name="url" value="https://repo.maven.apache.org/maven2" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="central" />
-      <option name="name" value="Maven Central repository" />
-      <option name="url" value="https://repo1.maven.org/maven2" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="jboss.community" />
-      <option name="name" value="JBoss Community repository" />
-      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
-    </remote-repository>
-  </component>
-</project>

package/templates/backend/.idea/misc.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="MavenProjectsManager">
-    <option name="originalFiles">
-      <list>
-        <option value="$PROJECT_DIR$/pom.xml" />
-      </list>
-    </option>
-  </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="21" project-jdk-type="JavaSDK" />
-</project>

package/templates/backend/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
-  </component>
-</project>

package/templates/backend/pom.xml

@@ -1,104 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-	<modelVersion>4.0.0</modelVersion>
-	<parent>
-		<groupId>org.springframework.boot</groupId>
-		<artifactId>spring-boot-starter-parent</artifactId>
-		<version>4.1.1</version>
-		<relativePath/> <!-- lookup parent from repository -->
-	</parent>
-	<groupId>com.example</groupId>
-	<artifactId>crud</artifactId>
-	<version>0.0.1-SNAPSHOT</version>
-	<name/>
-	<description/>
-	<url/>
-	<licenses>
-		<license/>
-	</licenses>
-	<developers>
-		<developer/>
-	</developers>
-	<scm>
-		<connection/>
-		<developerConnection/>
-		<tag/>
-		<url/>
-	</scm>
-	<properties>
-		<java.version>21</java.version>
-	</properties>
-	<dependencies>
-		<dependency>
-			<groupId>org.springframework.boot</groupId>
-			<artifactId>spring-boot-starter-data-mongodb</artifactId>
-		</dependency>
-		<dependency>
-			<groupId>org.springframework.boot</groupId>
-			<artifactId>spring-boot-starter-webmvc</artifactId>
-		</dependency>
-
-		<dependency>
-			<groupId>org.projectlombok</groupId>
-			<artifactId>lombok</artifactId>
-			<optional>true</optional>
-		</dependency>
-		<dependency>
-			<groupId>org.springframework.boot</groupId>
-			<artifactId>spring-boot-starter-data-mongodb-test</artifactId>
-			<scope>test</scope>
-		</dependency>
-		<dependency>
-			<groupId>org.springframework.boot</groupId>
-			<artifactId>spring-boot-starter-webmvc-test</artifactId>
-			<scope>test</scope>
-		</dependency>
-	</dependencies>
-
-	<build>
-		<plugins>
-			<plugin>
-				<groupId>org.springframework.boot</groupId>
-				<artifactId>spring-boot-maven-plugin</artifactId>
-			</plugin>
-			<plugin>
-				<groupId>org.apache.maven.plugins</groupId>
-				<artifactId>maven-compiler-plugin</artifactId>
-				<executions>
-					<execution>
-						<id>default-compile</id>
-						<phase>compile</phase>
-						<goals>
-							<goal>compile</goal>
-						</goals>
-						<configuration>
-							<annotationProcessorPaths>
-								<path>
-									<groupId>org.projectlombok</groupId>
-									<artifactId>lombok</artifactId>
-								</path>
-							</annotationProcessorPaths>
-						</configuration>
-					</execution>
-					<execution>
-						<id>default-testCompile</id>
-						<phase>test-compile</phase>
-						<goals>
-							<goal>testCompile</goal>
-						</goals>
-						<configuration>
-							<annotationProcessorPaths>
-								<path>
-									<groupId>org.projectlombok</groupId>
-									<artifactId>lombok</artifactId>
-								</path>
-							</annotationProcessorPaths>
-						</configuration>
-					</execution>
-				</executions>
-			</plugin>
-		</plugins>
-	</build>
-
-</project>

package/templates/backend/src/main/java/com/example/crud/CrudApplication.java

@@ -1,13 +0,0 @@
-package com.example.crud;
-
-import org.springframework.boot.SpringApplication;
-import org.springframework.boot.autoconfigure.SpringBootApplication;
-
-@SpringBootApplication
-public class CrudApplication {
-
-	public static void main(String[] args) {
-		SpringApplication.run(CrudApplication.class, args);
-	}
-
-}

package/templates/backend/src/main/java/com/example/crud/controller/ItemController.java

@@ -1,42 +0,0 @@
-package com.example.crud.controller;
-
-import com.example.crud.model.Item;
-import com.example.crud.service.ItemService;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.web.bind.annotation.*;
-
-import java.util.List;
-
-@RestController
-@RequestMapping("/api/items")
-@CrossOrigin(origins = "*")
-public class ItemController {
-    @Autowired
-    private ItemService service;
-
-    @GetMapping
-    public List<Item> getAll(){
-        return service.getAll();
-    }
-
-    @GetMapping("/{id}")
-    public Item getOne(@PathVariable String id){
-        return service.getOne(id);
-    }
-
-    @PostMapping
-    public Item create(@RequestBody Item item){
-        return service.create(item);
-    }
-
-    @PutMapping("/{id}")
-    public Item update(@PathVariable String id,@RequestBody Item item){
-        return service.update(id, item);
-    }
-
-    @DeleteMapping("/{id}")
-    public String delete(@PathVariable String id){
-        return service.delete(id);
-    }
-
-}

package/templates/backend/src/main/java/com/example/crud/model/Item.java

@@ -1,20 +0,0 @@
-package com.example.crud.model;
-
-import lombok.AllArgsConstructor;
-import lombok.Data;
-import lombok.NoArgsConstructor;
-import org.springframework.data.annotation.Id;
-import org.springframework.data.mongodb.core.mapping.Document;
-
-@Data
-@NoArgsConstructor
-@AllArgsConstructor
-@Document(collection = "item")
-
-public class Item {
-    @Id
-    private String id;
-    private String name;
-    private String describtion;
-    private double price;
-}

package/templates/backend/src/main/java/com/example/crud/repository/ItemRepository.java

@@ -1,9 +0,0 @@
-package com.example.crud.repository;
-
-import com.example.crud.model.Item;
-import org.springframework.data.mongodb.repository.MongoRepository;
-import org.springframework.stereotype.Repository;
-
-@Repository
-public interface ItemRepository extends MongoRepository<Item,String> {
-}

package/templates/backend/src/main/java/com/example/crud/service/ItemService.java

@@ -1,37 +0,0 @@
-package com.example.crud.service;
-
-import com.example.crud.model.Item;
-import com.example.crud.repository.ItemRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-
-import java.util.List;
-
-@Service
-public class ItemService {
-    @Autowired
-    private ItemRepository repo;
-
-    public List<Item> getAll(){
-        return repo.findAll();
-    }
-
-    public Item getOne(String id){
-        return repo.findById(id).orElse(null);
-
-    }
-
-    public Item create(Item item){
-        return repo.save(item);
-    }
-
-    public Item update(String id,Item item){
-        item.setId(id);
-        return repo.save(item);
-    }
-
-    public String delete(String id){
-        repo.deleteById(id);
-        return "delete success";
-    }
-}

package/templates/backend/src/main/resources/application.properties

@@ -1,4 +0,0 @@
-spring.application.name=crud
-server.port=8080
-spring.data.mongodb.uri=mongodb://localhost:27017/my_crud_db
-spring.data.mongodb.database=my_crud_db

package/templates/backend/src/test/java/com/example/crud/CrudApplicationTests.java

@@ -1,13 +0,0 @@
-package com.example.crud;
-
-import org.junit.jupiter.api.Test;
-import org.springframework.boot.test.context.SpringBootTest;
-
-@SpringBootTest
-class CrudApplicationTests {
-
-	@Test
-	void contextLoads() {
-	}
-
-}

package/templates/frontend/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/templates/frontend/README.md

@@ -1,38 +0,0 @@
-# crud-frontend
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Recommended Browser Setup
-
-- Chromium-based browsers (Chrome, Edge, Brave, etc.):
-  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
-- Firefox:
-  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vite.dev/config/).
-
-## Project Setup
-
-```sh
-npm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
-```
-
-### Compile and Minify for Production
-
-```sh
-npm run build
-```

package/templates/frontend/jsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "exclude": ["node_modules", "dist"]
-}

package/templates/frontend/src/App.vue

@@ -1,50 +0,0 @@
-<script setup>
-import { ref, onMounted } from 'vue';
-import ItemService from './services/ItemService';
-
-const items = ref([]);
-const name = ref('');
-const describtion = ref('');
-const price = ref(0);
-
-const load = async () => {
-  const res = await ItemService.getAll();
-  items.value = res.data;
-};
-
-const addItem = async () => {
-  await ItemService.create({ name: name.value, describtion: describtion.value, price: price.value });
-  name.value = '';
-  describtion.value = '';
-  price.value = 0;
-  load();
-};
-
-const deleteItem = async (id) => {
-  await ItemService.delete(id);
-  load();
-};
-
-onMounted(load);
-</script>
-
-<template>
-  <h2>Simple CRUD</h2>
-
-  <form @submit.prevent="addItem">
-    <input v-model="name" placeholder="Name" required />
-    <input v-model="describtion" placeholder="Description" required />
-    <input v-model="price" type="number" placeholder="Price" required />
-    <button type="submit">Add</button>
-  </form>
-
-  <hr />
-
-  <h3>Items List:</h3>
-  <ul>
-    <li v-for="item in items" :key="item.id">
-      {{ item.name }} - {{ item.describtion }} - {{ item.price }}
-      <button @click="deleteItem(item.id)">Delete</button>
-    </li>
-  </ul>
-</template>

package/templates/frontend/src/assets/base.css

@@ -1,86 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-
-  --vt-c-indigo: #2c3e50;
-
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-
-  --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  font-weight: normal;
-}
-
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition:
-    color 0.5s,
-    background-color 0.5s;
-  line-height: 1.6;
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}

package/templates/frontend/src/assets/logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>