snreid / home-theater-react Goto Github PK
View Code? Open in Web Editor NEWA small app to keep track of our DVDs; this time built as a desktop app in Electron with React!
A small app to keep track of our DVDs; this time built as a desktop app in Electron with React!
Add ability to search by all fields on a DVD.
Sometimes you have DVDs that are in HTI, just under a different barcode.
To remove as much manual data entry as possible, add the ability to search HTI and add any DVD to the library.
Fun fact: data-dismiss='modal' and type='submit' do not play well together. if you have data-dismiss, it won't submit the form. If you don't have data-dismiss, it will submit the form, but not close the modal.
Use Amazon API to get movie description. While you're there, look into getting cover art and thumbnail.
When selecting a new DVD to edit, the sidebar does not update with the details.
This appears to have something to do with how defaultValue
works: facebook/react#4101
Right now, when the app opens everything seems 'frozen' while everything is loaded into memory.
Find a way to make a 'loading' message/screen/window that will go away once the app has completed loading.
In the UI, display a "loading" symbol while the locations/dvds are loading and when the load is complete remove and replace either with retrieved content or a "none found" message.
When I mouse over a DVD
I want the details to display in a popover.
When I mouse away,
I want the popover to close.
DVDs need to know about locations. The most viable option with nedb seems to manually add the _id of the Location to the DVD record.
I think I accidentally broke this when I was working on the enhanced searching feature.
Add ability to "Quick Scan." This feature gives the user the ability to scan their DVD's barcode and it will find (from the hometheaterinfo.com database) and automatically add the DVD to their library.
If DVD has same barcode as pre-existing DVD, mark them both as 'duplicates' and add warning in the UI.
Add dialog to ensure deletion was intended on
When you open to add/view a DVD, then navigate to Locations, the sidebar still displays the DVD content.
As a Home Theater user,
When I'm searching DVDs in HTI,
I want to see an indicator on any DVDs I've already added to my personal library.
When adding DVDs alerts pile up on top of each other, leaving lots of alerts to dismiss.
When adding/deleting/editing DVDs, I want one single alert to pop up for each DVD, and be overwritten by the next incoming alert.
This goes for Locations as well.
Right now you can add and delete DVDs, but you can't edit them. What if you want to leave a note? Oh, that reminds me, we also need a notes
field on a DVD.
so we don't have to hand-enter every location position, make a script that will do the deed for us.
Implement for both library and HTI database:
When I have entered a search term,
and hit enter,
I want to see a 'spinner' while the search is ongoing.
After giving the UI a makeover, we realized the sidebar doesn't fit anymore.
This card is to move the following from Sidebar to Modal:
Moving this form to a collapsable sidebar instead.
Note: First pass on this saw the async messaging between electron windows throwing an error.
After navigating from Locations to DVD Library, the onclick event to open the sidebar no longer works. Might be a react re-rendering issue.
The default DVD_ReleaseDate
from the Home Theater database looks something like this: '2016-08-23 00:00:00'.
For display purposes, we only need the year, so we need to cast this string to a date, and then get the year off that date for display.
Allow typing in multiple search terms to be searched separately.
E.g. User types in "test looper" brings up DVDS that match on both "test" and "looper" without the words being next to each other (for example, a DVD with "test" in the notes
field and "looper" in the DVD_Title
field would appear for a "test looper" search).
Right now the edit modal stays open after updating the DVD. Close the modal when the user updates.
Right now they're showing up in some modals, not all, and above the DVDs. Where should these be located? Should the notifications be more granular?
Should be abstract enough to display custom (flash) notifications for:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.