hooram / ownphotos-frontend Goto Github PK

Hi,
I always wanted to create something similar, so first thanks for starting that project! For creating that project, I modified pig.js to support groups(my pr schlosser/pig.js#12). I would like to integrate that into your project, if you like the idea :) You can download my branch and look into the example.html.

When a logged in user refreshes the page, the user gets logged out.

At the moment logging in does not give a confirmation of succes or failure.

Hey,
I can't seem to understand how to tag a face. All the faces seem to be tagged as "unknown" where do I tag faces?

Hi, regarding deploy ownphotos using docker, what is the success way?

• I need download both front and back repo??
• After downloads just docker-compose up -d??
• After deploy, into the backend docker exec -it bash
  ++ python manage.py migrate
  ++ python manage.py migrate --run-syncdb
  ++ python manage.py createsuperuser # will prompt for username and password. use admin/password

thanks in advance,

A visual mouse cursor indication would be helpfull to display that the image can be viewed.

It would be more intuitive if more faces are displayed so people can choose themselves which face they would like to train

On opening one of the scanned photos, I got the following error (the photo had a broken thumbnail).

TypeError: Cannot read property 'im2txt' of null
LightBox.render
src/app/src/components/lightBox.js:494
  491 | <Form.TextArea
  492 |   disabled={this.props.isPublic}
  493 |   fluid
> 494 |   placeholder={
  495 |     this.props.photoDetails[
  496 |       this.props.idx2hash[
  497 |         this.props.lightboxImageIndex
View compiled
▼ 29 stack frames were expanded.
finishClassComponent
src/app/node_modules/react-dom/cjs/react-dom.development.js:14301
updateClassComponent
src/app/node_modules/react-dom/cjs/react-dom.development.js:14264
beginWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:15082
performUnitOfWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:17820
workLoop
src/app/node_modules/react-dom/cjs/react-dom.development.js:17860
HTMLUnknownElement.callCallback
src/app/node_modules/react-dom/cjs/react-dom.development.js:149
invokeGuardedCallbackDev
src/app/node_modules/react-dom/cjs/react-dom.development.js:199
invokeGuardedCallback
src/app/node_modules/react-dom/cjs/react-dom.development.js:256
replayUnitOfWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:17107
renderRoot
src/app/node_modules/react-dom/cjs/react-dom.development.js:17979
performWorkOnRoot
src/app/node_modules/react-dom/cjs/react-dom.development.js:18837
performWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:18749
performSyncWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:18723
requestWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:18592
scheduleWork
src/app/node_modules/react-dom/cjs/react-dom.development.js:18401
enqueueSetState
src/app/node_modules/react-dom/cjs/react-dom.development.js:12313
Connect../node_modules/react/cjs/react.development.js.Component.setState
src/app/node_modules/react/cjs/react.development.js:372
Connect.onStateChange
src/app/node_modules/react-redux/es/components/connectAdvanced.js:205
notify
src/app/node_modules/react-redux/es/utils/Subscription.js:23
Subscription.notifyNestedSubs
src/app/node_modules/react-redux/es/utils/Subscription.js:62
Connect.onStateChange
src/app/node_modules/react-redux/es/components/connectAdvanced.js:202
notify
src/app/node_modules/react-redux/es/utils/Subscription.js:23
Subscription.notifyNestedSubs
src/app/node_modules/react-redux/es/utils/Subscription.js:62
Connect.onStateChange
src/app/node_modules/react-redux/es/components/connectAdvanced.js:202
dispatch
src/app/node_modules/redux/es/redux.js:214
(anonymous function)
src/app/node_modules/react-router-redux/es/middleware.js:13
(anonymous function)
src/app/node_modules/redux-logger/dist/redux-logger.js:1
(anonymous function)
src/app/node_modules/redux-thunk/es/index.js:11
dispatch
src/app/node_modules/redux/es/redux.js:611
▲ 29 stack frames were expanded.
(anonymous function)
src/app/src/actions/photosActions.js:393
  390 | dispatch({ type: "FETCH_PHOTO_DETAIL", payload: image_hash });
  391 | Server.get(`photos/${image_hash}/`, { timeout: 100000 })
  392 |   .then(response => {
> 393 |     dispatch({
  394 |       type: "FETCH_PHOTO_DETAIL_FULFILLED",
  395 |       payload: response.data
  396 |     });
View compiled
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.

When browsing the photo collection, photos are LazyLoaded.
Scrolling seems to stall the browser momentarily and disturbs smooth scrolling the page.

So I am quite the noob at this sort of thing so please go easy on me but I have an NFS mountpoint to my photos directory (which is on Unraid). I then bind that directory to the /data directory in the container but ownphotos will not "see" or scan this directory. I can verify that I am able to read and write to the mountpoint on the physical host machine and inside the ownphotos-backend container. When I go to edit the scan directory in this configuration nothing happens, I don't get the directory listing, if I type something into the directory text box it will not save. Looking at the developer console, when trying to update the scan directory location I see 400 bad request errors. I do not see anything that seems relevant in any of the log files that ownphotos is saving. Thank you in advance for your assistance.

proxyConsole.js:56 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of PhotoDayGroup. See https://fb.me/react-warning-keys for more information.
in LazyLoad (at allPhotosView.js:181)
in PhotoDayGroup (created by Connect(PhotoDayGroup))
in Connect(PhotoDayGroup) (at allPhotosView.js:321)
in LazyLoad (at allPhotosView.js:319)
in div (at allPhotosView.js:312)
in div (at allPhotosView.js:327)
in AllPhotosView (created by Connect(AllPhotosView))
in Connect(AllPhotosView) (created by Route)
in Route (at App.js:70)
in div (at App.js:65)
in div (at App.js:63)
in Router (created by BrowserRouter)
in BrowserRouter (at App.js:62)
in App (at index.js:18)
in Provider (at index.js:17)

Probably because my 16:9 or 16:10 laptop screen.

A more descriptive title would help.

Hi, nice work!!
someone know if possible have public gallery or albums?

thanks in advance,

I queued up a new scan while one was already running, and the red dot in the top right updated to show the status of the queued one, so it shows "0/0 Running Scan Photos..."

This is pretty useless, and it should probably show the status of the job that's actually running, and maybe the size of the queue.