Home Explore Help
Register Sign In
genlitex
/
prototype_design
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

zbytest003-2025-02-24 09:29:38

genlitex 2 months ago
parent
a0f92f1582
commit
45aea6cdd8
7 changed files with 335 additions and 0 deletions
Unified View Show Diff Stats
  1. 4 0
      dist/assets/index-Dys0f6OQ.js
  2. 0 0
      dist/assets/index-vUHNIpxH.css
  3. 14 0
      dist/index.html
  4. 18 0
      src/router/index.js
  5. 89 0
      src/views/LoginView.vue
  6. 100 0
      src/views/PortalView.vue
  7. 110 0
      src/views/UserStoryChatView.vue

File diff suppressed because it is too large
+ 4 - 0
dist/assets/index-Dys0f6OQ.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-vUHNIpxH.css


+ 14 - 0
dist/index.html
View File 

@@ -0,0 +1,14 @@
 
+<!doctype html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>Vite + Vue</title>
 
+    <script type="module" crossorigin src="/ide/proxy/6004/assets/index-Dys0f6OQ.js"></script>
 
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6004/assets/index-vUHNIpxH.css">
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+  </body>
 
+</html>

+ 18 - 0
src/router/index.js
View File 

@@ -1,11 +1,29 @@
 
 import { createRouter, createWebHashHistory } from 'vue-router'
 
 import { createRouter, createWebHashHistory } from 'vue-router'
 
 import HomeView from '../views/HomeView.vue'
 
 import HomeView from '../views/HomeView.vue'
 
+import LoginView from '../views/LoginView.vue'
 
+import PortalView from '../views/PortalView.vue'
 
+import UserStoryChatView from '../views/UserStoryChatView.vue'
 
 
 
 const routes = [
 
 const routes = [
 
   {
 
   {
 
     path: '/',
 
     path: '/',
 
     name: 'home',
 
     name: 'home',
 
     component: HomeView
 
     component: HomeView
 
+  },
 
+  {
 
+    path: '/login',
 
+    name: 'login',
 
+    component: LoginView
 
+  },
 
+  {
 
+    path: '/portal',
 
+    name: 'portal',
 
+    component: PortalView
 
+  },
 
+  {
 
+    path: '/user-story-chat',
 
+    name: 'user-story-chat',
 
+    component: UserStoryChatView
 
   }
 
   }
 
 ]
 
 ]

+ 89 - 0
src/views/LoginView.vue
View File 

@@ -0,0 +1,89 @@
 
+<template>
 
+  <div class="min-h-screen flex bg-gradient-to-b from-white to-purple-500">
 
+    <div class="w-full flex flex-col items-center justify-center p-8">
 
+      <div class="max-w-md w-full mx-auto mt-8">
 
+        <div class="mb-8">
 
+          <h2 class="text-3xl font-semibold text-gray-800 mb-2">Login</h2>
 
+          <p class="text-gray-500">Welcome back!</p>
 
+        </div>
 
+
 
+        <form @submit.prevent="handleLogin" class="space-y-6">
 
+          <div>
 
+            <label for="username" class="block text-gray-700">Username</label>
 
+            <input
 
+                type="text"
 
+                id="username"
 
+                v-model="username"
 
+                placeholder="Enter your username"
 
+                class="w-full px-4 py-3 rounded-lg bg-gray-100 border border-gray-300 text-gray-700 focus:outline-none focus:border-purple-500"
 
+            />
 
+          </div>
 
+
 
+          <div>
 
+            <label for="password" class="block text-gray-700">Password</label>
 
+            <input
 
+                type="password"
 
+                id="password"
 
+                v-model="password"
 
+                placeholder="Enter your password"
 
+                class="w-full px-4 py-3 rounded-lg bg-gray-100 border border-gray-300 text-gray-700 focus:outline-none focus:border-purple-500"
 
+            />
 
+          </div>
 
+
 
+          <div class="flex items-center justify-between">
 
+            <div class="flex items-center">
 
+              <input
 
+                  type="checkbox"
 
+                  id="remember"
 
+                  v-model="rememberMe"
 
+                  class="w-4 h-4 rounded border-gray-300 bg-gray-100 text-purple-500 focus:ring-purple-500"
 
+              />
 
+              <label for="remember" class="ml-2 text-gray-500">Remember me</label>
 
+            </div>
 
+            <a href="#" class="text-purple-500 hover:text-purple-600">Forgot password?</a>
 
+          </div>
 
+
 
+          <button
 
+              type="submit"
 
+              class="w-full py-3 rounded-lg bg-purple-500 hover:bg-purple-600 text-white font-medium transition-colors"
 
+          >
 
+            Login
 
+          </button>
 
+
 
+          <div class="mt-4">
 
+            <label for="language" class="block text-gray-700">Language</label>
 
+            <select
 
+                id="language"
 
+                v-model="language"
 
+                class="w-full px-4 py-3 rounded-lg bg-gray-100 border border-gray-300 text-gray-700 focus:outline-none focus:border-purple-500"
 
+            >
 
+              <option value="en">English</option>
 
+              <option value="es">Español</option>
 
+              <option value="fr">Français</option>
 
+            </select>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import { ref } from 'vue'
 
+import { useRouter } from 'vue-router'
 
+
 
+const router = useRouter()
 
+
 
+const username = ref('')
 
+const password = ref('')
 
+const rememberMe = ref(false)
 
+const language = ref('en')
 
+
 
+const handleLogin = () => {
 
+  if (username.value === 'admin' && password.value === 'admin') {
 
+    router.push('/portal')
 
+  } else {
 
+    alert('Invalid username or password')
 
+  }
 
+}
 
+</script>

+ 100 - 0
src/views/PortalView.vue
View File 

@@ -0,0 +1,100 @@
 
+<template>
 
+  <div class="min-h-screen bg-gradient-to-b from-white to-purple-500 flex">
 
+    <!-- Sidebar -->
 
+    <nav class="w-64 bg-[#08002E] p-4 space-y-4">
 
+      <div class="flex items-center justify-center mb-8">
 
+        <h1 class="text-xl font-bold text-white bg-[#08002E] px-4 py-2 rounded-lg">
 
+          Portal
 
+        </h1>
 
+      </div>
 
+
 
+      <!-- Navigation Items -->
 
+      <div class="space-y-2">
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <BriefcaseIcon class="w-5 h-5 text-white" />
 
+          <span>Workspace</span>
 
+        </a>
 
+
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <FileTextIcon class="w-5 h-5 text-white" />
 
+          <span>Knowledge</span>
 
+        </a>
 
+
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <MessageSquareIcon class="w-5 h-5 text-white" />
 
+          <span>Prompt</span>
 
+        </a>
 
+
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <LinkIcon class="w-5 h-5 text-white" />
 
+          <span>Link</span>
 
+        </a>
 
+
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <UserIcon class="w-5 h-5 text-white" />
 
+          <span>User</span>
 
+        </a>
 
+
 
+        <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#08002E] text-white hover:bg-[#08002E]/80">
 
+          <BellIcon class="w-5 h-5 text-white" />
 
+          <span>Notifications</span>
 
+        </a>
 
+      </div>
 
+    </nav>
 
+
 
+    <!-- Main Content -->
 
+    <main class="flex-1 p-6 space-y-6">
 
+      <!-- Lightweight Easy Version Module -->
 
+      <section class="p-6 rounded-2xl bg-white">
 
+        <h2 class="text-2xl font-semibold mb-4">
 
+          Lightweight Easy Version Module
 
+        </h2>
 
+        <div class="grid grid-cols-2 gap-6">
 
+          <a href="#/user-story-chat" class="p-4 rounded-lg bg-white shadow-md hover:bg-gray-100 transition-colors">
 
+            <h3 class="text-xl font-semibold mb-2">
 
+              Generate User Stories
 
+            </h3>
 
+            <p class="text-gray-500">
 
+              Create detailed user stories for your project.
 
+            </p>
 
+          </a>
 
+
 
+          <div class="p-4 rounded-lg bg-white shadow-md">
 
+            <h3 class="text-xl font-semibold mb-2">
 
+              Generate Test Scripts
 
+            </h3>
 
+            <p class="text-gray-500">
 
+              Automate test script generation for your project.
 
+            </p>
 
+          </div>
 
+        </div>
 
+      </section>
 
+
 
+      <!-- Smart Project Analysis Module -->
 
+      <section class="p-6 rounded-2xl bg-white">
 
+        <h2 class="text-2xl font-semibold mb-4">
 
+          Smart Project Analysis Module
 
+        </h2>
 
+        <div class="p-4 rounded-lg bg-white shadow-md">
 
+          <h3 class="text-xl font-semibold mb-2">
 
+            Intelligent Project Analysis
 
+          </h3>
 
+          <p class="text-gray-500">
 
+            Analyze your project for insights and recommendations.
 
+          </p>
 
+        </div>
 
+      </section>
 
+    </main>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import {
 
+  BriefcaseIcon,
 
+  FileTextIcon,
 
+  MessageSquareIcon,
 
+  LinkIcon,
 
+  UserIcon,
 
+  BellIcon,
 
+} from 'lucide-vue-next'
 
+</script>

+ 110 - 0
src/views/UserStoryChatView.vue
View File 

@@ -0,0 +1,110 @@
 
+<template>
 
+  <div class="min-h-screen bg-gradient-to-b from-white to-purple-500 flex">
 
+    <!-- Sidebar -->
 
+    <aside class="w-64 bg-[#08002E] text-white flex flex-col">
 
+      <!-- Logo -->
 
+      <div class="p-6">
 
+        <div class="flex items-center justify-center mb-8">
 
+          <h1 class="text-xl font-bold bg-[#08002E] px-4 py-2 rounded-lg">
 
+            Portal
 
+          </h1>
 
+        </div>
 
+      </div>
 
+
 
+      <!-- Navigation -->
 
+      <nav class="flex-1 px-4">
 
+        <div class="mb-8">
 
+          <div class="flex items-center justify-between mb-4">
 
+            <span class="text-sm text-white">Chat History</span>
 
+          </div>
 
+        </div>
 
+
 
+        <div class="space-y-2">
 
+          <div v-for="(message, index) in chatHistory" :key="index" class="flex items-center gap-3 px-3 py-2 text-gray-300 rounded-lg hover:bg-[#08002E]/80">
 
+            <span>{{ message.timestamp }}</span>
 
+            <span>{{ message.content }}</span>
 
+          </div>
 
+        </div>
 
+      </nav>
 
+    </aside>
 
+
 
+    <!-- Main Content -->
 
+    <main class="flex-1 p-6 overflow-auto bg-gradient-to-b from-white to-purple-500">
 
+      <div class="max-w-4xl mx-auto">
 
+        <!-- Header -->
 
+        <div class="flex justify-between items-center mb-8">
 
+          <div>
 
+            <h1 class="text-2xl font-semibold mb-2">User Story Chat</h1>
 
+            <p class="text-gray-600">Generate user stories through chat.</p>
 
+          </div>
 
+        </div>
 
+
 
+        <!-- Chat Messages -->
 
+        <div class="bg-white p-6 rounded-lg shadow-sm mb-6">
 
+          <div v-for="(message, index) in chatMessages" :key="index" class="mb-4">
 
+            <div v-if="message.sender === 'user'" class="flex justify-end">
 
+              <div class="bg-purple-500 text-white p-3 rounded-lg max-w-md">
 
+                {{ message.content }}
 
+              </div>
 
+            </div>
 
+            <div v-else class="flex justify-start">
 
+              <div class="bg-gray-200 text-gray-800 p-3 rounded-lg max-w-md">
 
+                {{ message.content }}
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+        <!-- Chat Input -->
 
+        <div class="flex gap-2">
 
+          <div class="flex-1 relative">
 
+            <input
 
+                type="text"
 
+                v-model="userInput"
 
+                placeholder="Type your message..."
 
+                @keyup.enter="sendMessage"
 
+                class="w-full p-3 pr-12 border rounded-lg"
 
+            />
 
+            <Upload class="absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 cursor-pointer" @click="uploadFile" />
 
+          </div>
 
+          <button class="p-3 bg-purple-500 text-white rounded-lg hover:bg-purple-600" @click="sendMessage">
 
+            <Send class="w-5 h-5" />
 
+          </button>
 
+        </div>
 
+      </div>
 
+    </main>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import { ref } from 'vue'
 
+import { Upload, Send } from 'lucide-vue-next'
 
+
 
+const chatHistory = ref([
 
+  { timestamp: '10:00 AM', content: 'Hello, how can I assist you?' },
 
+  { timestamp: '10:01 AM', content: 'I need help generating user stories.' },
 
+])
 
+
 
+const chatMessages = ref([
 
+  { sender: 'user', content: 'Hello, how can I assist you?' },
 
+  { sender: 'assistant', content: 'I need help generating user stories.' },
 
+])
 
+
 
+const userInput = ref('')
 
+
 
+const sendMessage = () => {
 
+  if (userInput.value.trim()) {
 
+    chatMessages.value.push({ sender: 'user', content: userInput.value })
 
+    userInput.value = ''
 
+    // Simulate assistant response
 
+    setTimeout(() => {
 
+      chatMessages.value.push({ sender: 'assistant', content: 'Sure, I can help with that. Please provide more details.' })
 
+    }, 500)
 
+  }
 
+}
 
+
 
+const uploadFile = () => {
 
+  // Implement file upload logic here
 
+  alert('File upload clicked')
 
+}
 
+</script>

Some files were not shown because too many files changed in this diff