Comments (11)
@getneil I think something like this:
https://www.loom.com/share/973c382092c446d89550f3aaad4cc6f3
Figma link:
https://www.figma.com/file/wHrDx1KLGTnkig8spPwa6p/tea_gui_app?node-id=1%3A2&t=zmjTxxfKZIPVrJmA-1
I think we'll need to do an overlay for the search module, as the sidebar with the search bar is fixed, so someone searching while at the bottom of the page would need to scroll back up.
from ossapp.
what does this search for I assume for everything
then in the result we classify the searched items by type:
- package
- blog / article
- tutorial
- document
from ossapp.
@tsmitty11 we probably need a design for this first. Where do we show the results a popup or a page? Id prefer a page for full detailed results and a popup for partial top-3-ish result.
from ossapp.
does this search work if offline?
from ossapp.
@getneil I'll draft the design for search results. I think page > pop up. Searching will replace main content with results.
Regarding offline, that depends. I assume we won't allow offline searching... in which case we'd just have a 'go online to search' message
from ossapp.
strategy: store.results then expand a component in +layout.svelte
from ossapp.
@tsmitty11 added a try https://d136rfg5iewpir.cloudfront.net/
from ossapp.
@getneil that looks really great! I can design around that and apply some styling. I think we can speed up that open/collapse a little but... maybe 0.2s ease-in-out;
from ossapp.
@getneil We'll go with something like this for search module design.
https://www.figma.com/file/wHrDx1KLGTnkig8spPwa6p/tea_gui_app?node-id=0%3A1&t=JoSGFfkx7ol4lfFD-1
from ossapp.
I'll add in a UX paradigm for differentiating between media types, but the above can be the general 'look and feel'
from ossapp.
we need to determine what can we search? also where do we search.
@owenjames we would probably need to build a localized index of all packages, articles etc. just a giant json file of objects hahahaha then load them into fuse.js to make this search thing work.
from ossapp.
Related Issues (20)
- need to revisit notary tool setup HOT 1
- bug: xterm overflow wrapping
- Rank order search results based on how closely they match
- make sure index is ready before sending the search else wait a bit
- Discover Page with Local AI Section + Screenshots on Details Page HOT 4
- Double back button click opens full window mode on MacOS
- Typo in exit command instructions
- Add light theme option for GUI
- Inconsistent search behavior while typing keywords
- get contributors from gitlab
- get package license from gitlab too
- test
- Search module appears where search bar is
- prepare path/folders before any write to local ie: `~/.tea/tea.xyz/gui/pkg.json` etc
- Package I have already installed shows on the discover apge
- versions are gone HOT 1
- installed packages not appearing HOT 1
- some folder paths are still in `~/.tea` move to `~/.pkgx`
- remove `electron/libs/auth.ts` its not necessary for the meantime
- StableDiffusion Image Generation is Broken HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ossapp.