Skip to content

Issue_162: Loading screen using workspace processing query #171

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yatendra2001 merged 5 commits into from
Jan 9, 2024
Merged

Issue_162: Loading screen using workspace processing query #171

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9bfb4e2
fix: list style enabled
wadhia-yash Jan 8, 2024
610ecac
Merge branch 'Welltested-AI:main' into 161-expandable-chat-input
wadhia-yash Jan 9, 2024
0ccc7e7
feat(Workspace Loader): Designed UI for loading screen when workspace…
wadhia-yash Jan 9, 2024
954cac6
Merge branch 'fix/context_in_embeddings' into 162-workspace-query-loa…
wadhia-yash Jan 9, 2024
2dc0824
Merge branch 'fix/context_in_embeddings' into 162-workspace-query-loa…
yatendra2001 Jan 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 59 additions & 5 deletions media/chat/chat.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,8 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css">
<link rel="stylesheet" href="{{prismCssUri}}">
<link rel="stylesheet" href="{{cssUri}}">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-dart.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>

<body>
Expand All @@ -27,16 +24,73 @@
<div id="dynamic-messages"></div>
<!-- Add the loading indicator inside the chat container -->
<span class="loader" id="loader" style="display: none;"></span>

<div class="hidden flex-col w-full h-32 animate__animated animate__slideInUp px-2 py-3" id="workspace-loader">
<div class="inline-flex flex-row">
<!-- loader -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="animate-spin hidden" id="accessing-workspace-loader">
<path clip-rule="evenodd"
d="M20.8754 10.5001C20.5189 8.40424 19.4322 6.50216 17.8078 5.1307C16.1833 3.75925 14.1259 3.0069 11.9999 3.0069C9.87397 3.0069 7.81659 3.75925 6.19214 5.1307C4.56768 6.50216 3.48097 8.40424 3.12445 10.5001H1.60645C1.96988 8.00293 3.22025 5.72008 5.12879 4.0692C7.03734 2.41831 9.47646 1.50977 11.9999 1.50977C14.5234 1.50977 16.9626 2.41831 18.8711 4.0692C20.7796 5.72008 22.03 8.00293 22.3934 10.5001H20.8754Z"
/>
</svg>
<!-- check -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="block" id="accessing-workspace-done">
<path clip-rule="evenodd"
d="M21.6464 4.98462L8.94145 19.9846L7.75645 19.9306L2.73145 12.7756L3.95845 11.9146L8.42545 18.2746L20.5019 4.01562L21.6479 4.98462H21.6464Z"
/>
</svg>
<span class="mx-2">Accessing work structure (it can take a while in first time)</span>
</div>
<div class="inline-flex flex-row">
<!-- loader -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="animate-spin" id="fetching-file-loader">
<path clip-rule="evenodd"
d="M20.8754 10.5001C20.5189 8.40424 19.4322 6.50216 17.8078 5.1307C16.1833 3.75925 14.1259 3.0069 11.9999 3.0069C9.87397 3.0069 7.81659 3.75925 6.19214 5.1307C4.56768 6.50216 3.48097 8.40424 3.12445 10.5001H1.60645C1.96988 8.00293 3.22025 5.72008 5.12879 4.0692C7.03734 2.41831 9.47646 1.50977 11.9999 1.50977C14.5234 1.50977 16.9626 2.41831 18.8711 4.0692C20.7796 5.72008 22.03 8.00293 22.3934 10.5001H20.8754Z"
/>
</svg>
<!-- check -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="hidden" id="fetching-file-done">
<path clip-rule="evenodd"
d="M21.6464 4.98462L8.94145 19.9846L7.75645 19.9306L2.73145 12.7756L3.95845 11.9146L8.42545 18.2746L20.5019 4.01562L21.6479 4.98462H21.6464Z"
/>
</svg>
<span class="mx-2">Fetching most relevant files</span>
</div>
<div class="inline-flex flex-row">
<!-- loader -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="animate-spin" id="creating-result-loader">
<path clip-rule="evenodd"
d="M20.8754 10.5001C20.5189 8.40424 19.4322 6.50216 17.8078 5.1307C16.1833 3.75925 14.1259 3.0069 11.9999 3.0069C9.87397 3.0069 7.81659 3.75925 6.19214 5.1307C4.56768 6.50216 3.48097 8.40424 3.12445 10.5001H1.60645C1.96988 8.00293 3.22025 5.72008 5.12879 4.0692C7.03734 2.41831 9.47646 1.50977 11.9999 1.50977C14.5234 1.50977 16.9626 2.41831 18.8711 4.0692C20.7796 5.72008 22.03 8.00293 22.3934 10.5001H20.8754Z"
/>
</svg>
<!-- check -->
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="hidden" id="creating-result-done">
<path clip-rule="evenodd"
d="M21.6464 4.98462L8.94145 19.9846L7.75645 19.9306L2.73145 12.7756L3.95845 11.9146L8.42545 18.2746L20.5019 4.01562L21.6479 4.98462H21.6464Z"
/>
</svg>
<span class="mx-2">Creating a result for you</span>
</div>
</div>
<div id="response" class="pt-4 text-sm"></div>

<div id="snackbar">
<i class="fa-solid fa-triangle-exclamation" style="color: #ffffff;"></i>
</div>

<textarea spellcheck="false" placeholder="Ask FlutterGPT something" rows="1" aria-multiline="true" id="prompt-input"></textarea>
<div id="menu" class="menu" role="listbox" ></div>
<script src="{{scriptUri}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-dart.min.js"></script>
</body>

</html>
6 changes: 6 additions & 0 deletions media/chat/css/chatpage.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -203,6 +203,12 @@ body {
word-break: break-word;
}

#workspace-loader {
background-color: var(--vscode-editor-background);
color: var(--vscode-editor-foreground);
fill: var(--vscode-editor-foreground);
}

.user-gemini-pro p {
margin-left: 0px;
white-space: pre-wrap;
Expand Down
Loading