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:17:38

genlitex 2 months ago
parent
354a85b15d
commit
f1f626db5f
7 changed files with 286 additions and 0 deletions
Split View Show Diff Stats
  1. 0 0
      dist/assets/index-DFVthh7v.css
  2. 4 0
      dist/assets/index-Mfq_2-Zq.js
  3. 14 0
      dist/index.html
  4. 18 0
      src/router/index.js
  5. 77 0
      src/views/GenerateUserStoriesView.vue
  6. 100 0
      src/views/LoginView.vue
  7. 73 0
      src/views/PortalView.vue

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


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


+ 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/6003/assets/index-Mfq_2-Zq.js"></script>
 
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6003/assets/index-DFVthh7v.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 HomeView from '../views/HomeView.vue'
 
+import LoginView from '../views/LoginView.vue'
 
+import PortalView from '../views/PortalView.vue'
 
+import GenerateUserStoriesView from '../views/GenerateUserStoriesView.vue'
 
 
 const routes = [
 
   {
 
     path: '/',
 
     name: 'home',
 
     component: HomeView
 
+  },
 
+  {
 
+    path: '/login',
 
+    name: 'login',
 
+    component: LoginView
 
+  },
 
+  {
 
+    path: '/portal',
 
+    name: 'portal',
 
+    component: PortalView
 
+  },
 
+  {
 
+    path: '/generate-user-stories',
 
+    name: 'generate-user-stories',
 
+    component: GenerateUserStoriesView
 
   }
 
 ]

+ 77 - 0
src/views/GenerateUserStoriesView.vue
View File 

@@ -0,0 +1,77 @@
 
+<template>
 
+  <div class="flex h-screen">
 
+    <!-- Sidebar -->
 
+    <aside class="w-64 bg-[#08002E] text-white flex flex-col">
 
+      <!-- Logo -->
 
+      <div class="p-6">
 
+        <div class="flex items-center justify-center gap-2">
 
+          <h1 class="text-18 font-bold bg-gradient-to-r from-purple-600 to-violet-400 bg-clip-text text-transparent">GenLiteX</h1>
 
+        </div>
 
+      </div>
 
+
 
+      <!-- Chat History -->
 
+      <div class="flex-1 px-4 space-y-4">
 
+        <div class="py-2 px-3 bg-[#2A1F53] rounded-lg">
 
+          <p class="text-white">Chat History Record 1</p>
 
+        </div>
 
+        <div class="py-2 px-3 bg-[#2A1F53] rounded-lg">
 
+          <p class="text-white">Chat History Record 2</p>
 
+        </div>
 
+        <div class="py-2 px-3 bg-[#2A1F53] rounded-lg">
 
+          <p class="text-white">Chat History Record 3</p>
 
+        </div>
 
+      </div>
 
+    </aside>
 
+
 
+    <!-- Main Content -->
 
+    <main class="flex-1 p-6 bg-gradient-to-br from-white to-purple-500">
 
+      <div class="max-w-4xl mx-auto">
 
+        <!-- Chat Messages -->
 
+        <div class="space-y-4">
 
+          <div class="flex justify-end">
 
+            <div class="max-w-sm p-3 bg-purple-500 text-white rounded-lg">
 
+              User Message 1
 
+            </div>
 
+          </div>
 
+          <div class="flex justify-start">
 
+            <div class="max-w-sm p-3 bg-gray-200 text-gray-800 rounded-lg">
 
+              Bot Response 1
 
+            </div>
 
+          </div>
 
+          <div class="flex justify-end">
 
+            <div class="max-w-sm p-3 bg-purple-500 text-white rounded-lg">
 
+              User Message 2
 
+            </div>
 
+          </div>
 
+          <div class="flex justify-start">
 
+            <div class="max-w-sm p-3 bg-gray-200 text-gray-800 rounded-lg">
 
+              Bot Response 2
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+        <!-- Chat Input -->
 
+        <div class="mt-6 flex gap-2">
 
+          <div class="flex-1 relative">
 
+            <input
 
+                type="text"
 
+                placeholder="Chat with GenLiteX Chatbot..."
 
+                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" />
 
+          </div>
 
+          <button class="p-3 bg-purple-500 text-white rounded-lg hover:bg-purple-600">
 
+            <Send class="w-5 h-5" />
 
+          </button>
 
+        </div>
 
+      </div>
 
+    </main>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import {
 
+  Upload,
 
+  Send
 
+} from 'lucide-vue-next'
 
+</script>

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

@@ -0,0 +1,100 @@
 
+<template>
 
+  <div class="min-h-screen flex bg-gradient-to-br from-white to-purple-500">
 
+    <div class="w-full flex flex-col justify-between p-8 lg:p-12">
 
+      <div class="max-w-md w-full mx-auto mt-8">
 
+        <div class="mb-8">
 
+          <h2 class="text-3xl font-semibold text-white mb-2">Login</h2>
 
+          <p class="text-gray-400">Welcome back!</p>
 
+        </div>
 
+
 
+        <form @submit.prevent="handleLogin" class="space-y-6">
 
+          <div>
 
+            <input
 
+                type="text"
 
+                v-model="username"
 
+                placeholder="Username"
 
+                class="w-full px-4 py-3 rounded-lg bg-white border border-gray-300 text-gray-900 placeholder-gray-400 focus:outline-none focus:border-purple-500"
 
+            />
 
+          </div>
 
+
 
+          <div>
 
+            <input
 
+                type="password"
 
+                v-model="password"
 
+                placeholder="Password"
 
+                class="w-full px-4 py-3 rounded-lg bg-white border border-gray-300 text-gray-900 placeholder-gray-400 focus:outline-none focus:border-purple-500"
 
+            />
 
+          </div>
 
+
 
+          <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-400">Remember me</label>
 
+          </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="text-center">
 
+            <a href="#/forgot-password" class="text-blue-500 hover:underline">Forgot password?</a>
 
+          </div>
 
+
 
+          <div class="text-center text-gray-400">
 
+            Don't have an account?
 
+            <a href="#/signup" class="text-blue-500 hover:underline">Sign up</a>
 
+          </div>
 
+        </form>
 
+
 
+        <!-- Language Selector -->
 
+        <div class="mt-8 flex items-center justify-center gap-2">
 
+          <span class="text-gray-400">Language:</span>
 
+          <select
 
+              v-model="language"
 
+              class="px-3 py-1.5 rounded bg-white border border-gray-300 text-gray-900 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>
 
+      </div>
 
+
 
+      <!-- Footer -->
 
+      <div class="mt-auto pt-8">
 
+        <div class="flex justify-center gap-6 text-sm text-gray-400">
 
+          <a href="#/terms" class="hover:text-purple-400">Terms & Conditions</a>
 
+          <a href="#/support" class="hover:text-purple-400">Support</a>
 
+          <a href="#/customer-care" class="hover:text-purple-400">Customer Care</a>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import { ref } from 'vue'
 
+import { useRouter } from 'vue-router'
 
+
 
+const router = useRouter()
 
+
 
+const username = ref('admin')
 
+const password = ref('admin')
 
+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>

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

@@ -0,0 +1,73 @@
 
+<template>
 
+  <div class="min-h-screen flex">
 
+    <!-- Sidebar -->
 
+    <nav class="w-64 bg-[#08002E] p-4 space-y-4">
 
+      <div class="flex items-center justify-center gap-2 mb-8">
 
+        <h1 class="text-18 font-bold bg-gradient-to-r from-purple-600 to-violet-400 bg-clip-text text-transparent">GenLiteX</h1>
 
+      </div>
 
+
 
+      <!-- Navigation Items -->
 
+      <div class="space-y-2">
 
+        <a href="#/portal" class="flex items-center gap-3 p-3 rounded-lg bg-[#1A103C] text-white hover:bg-[#1A103C]/80">
 
+          <HomeIcon class="w-5 h-5" />
 
+          <span>Home</span>
 
+        </a>
 
+
 
+        <a href="#/generate-user-stories" class="flex items-center gap-3 p-3 rounded-lg bg-[#1A103C] text-white hover:bg-[#1A103C]/80">
 
+          <MessageSquareIcon class="w-5 h-5" />
 
+          <span>Generate User Stories</span>
 
+        </a>
 
+
 
+        <a href="#/generate-test-scripts" class="flex items-center gap-3 p-3 rounded-lg bg-[#1A103C] text-white hover:bg-[#1A103C]/80">
 
+          <FileTextIcon class="w-5 h-5" />
 
+          <span>Generate Test Scripts</span>
 
+        </a>
 
+
 
+        <a href="#/smart-analysis" class="flex items-center gap-3 p-3 rounded-lg bg-[#1A103C] text-white hover:bg-[#1A103C]/80">
 
+          <ActivityIcon class="w-5 h-5" />
 
+          <span>Smart Project Analysis</span>
 
+        </a>
 
+      </div>
 
+    </nav>
 
+
 
+    <!-- Main Content -->
 
+    <main class="flex-1 p-6 space-y-6 bg-gradient-to-br from-white to-purple-500">
 
+      <!-- Lightweight Usable Version Module -->
 
+      <div class="grid grid-cols-2 gap-6">
 
+        <div class="p-6 rounded-2xl bg-white">
 
+          <h2 class="text-2xl font-semibold mb-2">Generate User Stories</h2>
 
+          <p class="text-gray-700">Click to generate user stories.</p>
 
+          <a href="#/generate-user-stories" class="mt-4 px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
 
+            Generate
 
+          </a>
 
+        </div>
 
+
 
+        <div class="p-6 rounded-2xl bg-white">
 
+          <h2 class="text-2xl font-semibold mb-2">Generate Test Scripts</h2>
 
+          <p class="text-gray-700">Click to generate test scripts.</p>
 
+          <a href="#/generate-test-scripts" class="mt-4 px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
 
+            Generate
 
+          </a>
 
+        </div>
 
+      </div>
 
+
 
+      <!-- Smart Project Analysis Module -->
 
+      <div class="p-6 rounded-2xl bg-white">
 
+        <h2 class="text-2xl font-semibold mb-2">Smart Project Analysis</h2>
 
+        <p class="text-gray-700">Analyze your project with our smart tools.</p>
 
+        <a href="#/smart-analysis" class="mt-4 px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
 
+          Analyze
 
+        </a>
 
+      </div>
 
+    </main>
 
+  </div>
 
+</template>
 
+
 
+<script setup>
 
+import {
 
+  Home as HomeIcon,
 
+  MessageSquare as MessageSquareIcon,
 
+  FileText as FileTextIcon,
 
+  Activity as ActivityIcon
 
+} from 'lucide-vue-next'
 
+</script>

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