rethinking | Statistical Rethinking course and book package | Data Visualization library

I'm trying to play a little with django so I've started to create a "solution" to an old problem I have. My background at OO programming and models relation is not that much so I ask for ideas/paths/solutions on how to achieve my goals.

My problem:

• I need to define spatial objects and relate them ex: Building 1, inside we have floor 1 and 2, inside floor 2 we have room A and B

• At each type of "location" I will place "things" ex: place 1 camera at building 1; place 1 camera at floor 2; place 1 camera at room B

• So I can archive the results bellow: Building 1: 3 cameras floor 2: 2 cameras room B: 1 camera

I was planning to archieve this using the old method of a table for each kind of object (building, floor, room) but I'm a little stuck on how to deal with diferent stuff the same way (actions) specialy because after dealing with this I have to put "people" at the equation, ie, I can put person J at room 2 and put a camera on him.

I thank you all in advance on all the thoughts (even if it is to say forget it and code it) because I a little lost here :)

Sorry if this is not the correct way (1st post): @Amun_Re I'm not that good with words, specially in English. The models you posted where my first database object relation, but after discovering the many to many relation I was thinking (and because I need to put objects in room and floor and building and they are differente) that django/python had a better way to deal with this. I'll try to post an image of what I have designed for this phase.

Well, after rethinking all the things I'm trying an OO perspective. If they are going to be treated as same, they at least need to have come from the same place. Right now I have a class "object" that all other classes inherit from (building, floor, person,...) but right now I have an issue, when I try to place a person on a building I get the error:

I've just recently migrated my project from Vue 2 to Vue 3, and currently I'm trying to get behind Vue's new Composition API. While I get the concept of Composables etc., there's one use case with the Options API which I haven't been able to figure out how to do with the new API yet.

What I really liked about the Options API's mixins is that they would let met impose additional behaviour on base templates to reuse them in different inheriting components, although I also see the issues they come with. (Note: I just recently found out that extends was supposed to be used for this.) Now with the Composition API, I'm not sure how to resolve this use case. Take this example:

BaseComponent.vue

I'm working on a codewell challenge and I'm stuck on this portion. I can't make an even space between them, and the images are overlapping.

I am trying to find a way to handle SIGTERM nicely and have my subprocesses terminate when the main process received a SIGTERM.

Basically, I am creating processes manually (but I believe the issue is the same with mp.pool for example)

I have three models. Sponsor, Optin and Participant. Sponsor has a one-to-many relationship with Optin and Optin has a one-to-one Participant.

Which make the models look like this:

Sponsor model

I have this code which almost works the way I want. It's a portfolio site, where upon clicking every .Title-line the div toggles and displays a slideshow where the visitor of the page is able to go trough the project.

My problem now is that when a project toggles and I click the arrows in the slideshow, the entire div closes immediately.

Is it possible to modify the javascript in such a way that each .Title-line is assigned a div, and it's only when someone clicks outside of both of them that the div collapses again?

My Dexie Database db.playground (with the id audioFiles) holds infos about audio files. Those audio files have to be analysed by a user, who adds markers (so it is an analog process, not a programmatic one), and once that is done, the user clicks a save button and the audio file's attribute "analysed" must be set to "true".

The Dexie object looks like this:

If I change $(window).on("hashchange", function(event){ to$(document).on("hashchange", function(event){ tabscroll loads section once without a second refresh and loading looks good but it doesn't work in IE9,10,11.

index.html

I'm looking for recommendations on how to approach a next.js front end that uses Apollo and GraphQL to access a PostgreSQL database. I figured it made sense to separate the front and back end, but I'm realizing there are tradeoffs. Next.js and NextAuth.js seem designed to work well when using the Next.js API functionality.

A few requirements:

1. Data needs to be restricted based on the user (public, internal, admin).
2. Using Google OAuth for signing in

With this in mind, NextAuth.js gets more complicated if you want the back end to be aware of the user's access rights.

However, if my apollo/graphql back end is independent there are definite benefits like:

1. I can swap out the front end if ever needed so there's some flexibility
2. Code and dependencies may be simpler than a combined front/back end

My current challenge is that I've got NextAuth.js working within the Next.js app, but I haven't figured out how to control data access. The best idea I've got so far is some sort of token management that mixes NextAuth.js and my back end. That doesn't seem to be the way NextAuth.js is designed though so I'm rethinking the whole architecture and looking for suggestions.

Thanks!

I found a very brief discussion of a similar question here, but I'd love to hear how others would approach this. How to forward user sessions in Next.js + Graphql decoupled architecture?