#web-development | Python | Page 99

white spruce Oct 11, 2020, 1:19 AM

#

for the longest

marble carbon Oct 11, 2020, 1:19 AM

#

Okay but

#

I literally explained u why it isn't working

#

🤨

#

If there's a doubt, feel free to ask

white spruce Oct 11, 2020, 1:19 AM

#

okay

#

I am just having some issues with the function

#

to add

#

not sure where to begin with that part

marble carbon Oct 11, 2020, 1:20 AM

#

okay hmm wait, do u know how functions have return types?

white spruce Oct 11, 2020, 1:20 AM

#

yeah

stable kite Oct 11, 2020, 1:20 AM

#

but lemme ask a dbt . If I use put this way then couldnt the user get the data and manipulated. ?
@outer pier You can send updated database to user as a response

marble carbon Oct 11, 2020, 1:20 AM

#

so querySelector returns a single element, which is why what you're doing works fine with that

#

but querySelectorAll returns an array of elements, that's why ur code won't work

#

so to be able to actually modify class for those element, u need to use forEach

white spruce Oct 11, 2020, 1:21 AM

#

I get that part

#

I think what I am confused about it writing the function

marble carbon Oct 11, 2020, 1:22 AM

#

I gave you a link

white spruce Oct 11, 2020, 1:22 AM

#

resend

#

oh found it

marble carbon Oct 11, 2020, 1:22 AM

#

okay did u study arrays yet?

#

because if u did, then you might have already studied what i sent

white spruce Oct 11, 2020, 1:24 AM

#

yeah I did

marble carbon Oct 11, 2020, 1:25 AM

#

Okay then, u got ur solution

white spruce Oct 11, 2020, 1:26 AM

#

  btn.addEventListener('click', e => {
  e.preventDefault();

  function myFunction(item, index, arr) {
  arr[index].square;
}
  document.querySelectorAll("#board>div").forEach(myFunction);
  console.log(container);
  })

#

any reason why that wont work

#

doesn't return anything

#

no errors or nth

marble carbon Oct 11, 2020, 1:30 AM

#

Well

#

that function recieves only one argument

#

that is the element

white spruce Oct 11, 2020, 1:32 AM

#

you mean it's only sending one element to the function at a time/?

marble carbon Oct 11, 2020, 1:33 AM

#

yep, you Don't have to iterate ur self

white spruce Oct 11, 2020, 1:33 AM

#

oh the function isn't necessary then

marble carbon Oct 11, 2020, 1:33 AM

#

it is like this : for Each element, run this function

#

no, you need the function

versed lotus Oct 11, 2020, 1:34 AM

#

the arguments to myFunction are correct. though arr[index] should be the same as item

#

though you can use item directly.

#

but currently, that statement arr[index].square; doesn't really do anything

white spruce Oct 11, 2020, 1:35 AM

#

I see appreciate that

#

I know how to add the class to a element but I am confused on how to put this in a function

versed lotus Oct 11, 2020, 1:36 AM

#

do you want to add a class to all child-divs of #board?

white spruce Oct 11, 2020, 1:37 AM

#

yeah

#

so that all the divs

#

can have the style

versed lotus Oct 11, 2020, 1:37 AM

#

function myFunction(item) {
  item.classList.add('the-class');
}

white spruce Oct 11, 2020, 1:37 AM

#

to make the 9 grids

versed lotus Oct 11, 2020, 1:37 AM

#

then something like that

#

each "item" is going to be a div from your querySelectorAll result

white spruce Oct 11, 2020, 1:38 AM

#

okay I think I am king understanding now

versed lotus Oct 11, 2020, 1:39 AM

#

you can also do multiple classes like:

function myFunction(item, index) {
  item.classList.add('the-class');
  item.classList.add('the-class--' + index);
}

#

then the first div should have the-class--0 the second has the-class--1 etc.

marble carbon Oct 11, 2020, 1:39 AM

#

uh it's for an assignment 👀

versed lotus Oct 11, 2020, 1:40 AM

#

oh well

white spruce Oct 11, 2020, 1:40 AM

#

thanks for teaching me that Sani

#

@versed lotus cmon

#

it's not like I wasn't trying

#

@marble carbon cmon

marble carbon Oct 11, 2020, 1:40 AM

#

man

#

it's for your learning, that's why I wasn't giving exact code

white spruce Oct 11, 2020, 1:41 AM

#

but he never gave exact

marble carbon Oct 11, 2020, 1:41 AM

#

kinda

white spruce Oct 11, 2020, 1:41 AM

#

he don't even seem to look at my code

#

I will be back

#

I really appreciate you sani

#

for that a little help

#

and understanding

native tide Oct 11, 2020, 2:07 AM

#

def api_update_event(request, slug):
    try:
        event = Events.objects.get(slug=slug)

    except Events.DoesNotExist:
        return Response(status=status.HTTP_404_NOT_FOUND)

    if request.method == "PUT":
        serializer = LeadSerializer(event, data=request.data)
        if serializer.is_valid():
            serializer.save()
            return Response(status=status.HTTP_200_OK)```

#

I'm having trouble understanding this line:
serializer = LeadSerializer(event, data=request.data)

#

Is the data that is passed to LeadSerializer in JSON format?

white spruce Oct 11, 2020, 2:08 AM

#

The helpers should have a donate button like @versed lotus

native tide Oct 11, 2020, 2:08 AM

#

If so, is it then being appended into an object for the model?

white spruce Oct 11, 2020, 2:09 AM

#

like a tip button or something like that

versed lotus Oct 11, 2020, 2:09 AM

#

have you tried printing it? print(type(request.data), request.data)

#

no idea what LeadSerializer is though

native tide Oct 11, 2020, 2:11 AM

#

I don't exactly know how I can print that, as request will be a PUT request to the api.

#

LeadSerializer is a ModelSerializer

lavish prismBOT Oct 11, 2020, 2:27 AM

#

Hey @hollow hill!

It looks like you tried to attach file type(s) that we do not allow (.toml). We currently allow the following file types: .3gp, .3g2, .avi, .bmp, .gif, .h264, .jpg, .jpeg, .mkv, .mov, .mp4, .mpeg, .mpg, .png, .tiff, .wmv, .svg, .psd, .ai, .aep, .xcf, .mp3, .wav, .ogg, .webm, .webp, .flac, .afdesign, .m4a.

Feel free to ask in #community-meta if you think this is a mistake.

native tide Oct 11, 2020, 3:28 AM

#

Hi there, I'm having regarding static files with Django and I'm stuck on what exactly the problem is. I am simply trying to load a css stylesheet into my base template. According to Pycharm's autocorrect, it is in the right location. However when I serve the page, I get a 404 for its location.

#

The app is registered, to get that out of the way. The css file is in projectroot/frontend/static/frontend/css/style.css, frontend being the app name.

#

As for the base html template, here is the code to import it: <link rel="stylesheet" type="text/css" href="{% static 'frontend/css/style.css' %}">. {% load static %} is on the line right before it.

versed python Oct 11, 2020, 3:33 AM

#

are your other static files being imported correctly?

#

this maybe an issue regarding settings.py

native tide Oct 11, 2020, 3:33 AM

#

this is the only static file so far, as this is a new project

topaz widget Oct 11, 2020, 3:34 AM

#

@native tide Do you have load static at the top of your template?

native tide Oct 11, 2020, 3:34 AM

#

I do

topaz widget Oct 11, 2020, 3:34 AM

#

{% load static %} to be precise

native tide Oct 11, 2020, 3:34 AM

#

INSTALLED_APPS = [ .... 'django.contrib.staticfiles', 'frontend' ]

topaz widget Oct 11, 2020, 3:34 AM

#

Have you run the collecstatic command?

native tide Oct 11, 2020, 3:34 AM

#

I have not

topaz widget Oct 11, 2020, 3:35 AM

#

hol up

native tide Oct 11, 2020, 3:35 AM

#

I'm reading that rn on my other screen

topaz widget Oct 11, 2020, 3:35 AM

#

Was this file working before, you made updates, and now the updates aren't showing?

native tide Oct 11, 2020, 3:35 AM

#

this is a brand new project, this is the first time I tried to use a static file for the project, and it simply is not working

topaz widget Oct 11, 2020, 3:35 AM

#

ok nevermind then

native tide Oct 11, 2020, 3:36 AM

#

so its all stock settings in settings.py

topaz widget Oct 11, 2020, 3:36 AM

#

For future reference, though, you should always put ?{% now 'U' %} after the block with the static file in it.

#

inside the href attribute.

#

tacked onto the end.

native tide Oct 11, 2020, 3:36 AM

#

what does that do?

topaz widget Oct 11, 2020, 3:37 AM

#

It prevents browser caching from not registering changes to the css file

#

because it forces it to load a new one.

native tide Oct 11, 2020, 3:37 AM

#

oh thats very useful, thanks for letting me know

topaz widget Oct 11, 2020, 3:37 AM

#

Do that after every static file.

#

href="{% static 'blahblah.css' %}?{% now 'U' %}"

#

and also for scripts as:

#

src="{% static 'blahblah.js' %}?{% now 'U' %}"

native tide Oct 11, 2020, 3:39 AM

#

awesome, thanks

topaz widget Oct 11, 2020, 3:39 AM

#

do you have a static root?

#

in your settings.py file?

native tide Oct 11, 2020, 3:40 AM

#

only BASE_DIR and STATIC_URL. I was under the impression there was nothing else to configure in settings.py to get static files to work in registered apps

topaz widget Oct 11, 2020, 3:40 AM

#

STATIC_ROOT =

#

You need a static root for the development server

native tide Oct 11, 2020, 3:42 AM

#

I'm still here, reading into it

#

that did it.

#

STATIC_ROOT = '' magically made it work

topaz widget Oct 11, 2020, 3:43 AM

#

Okay, well, I wouldn't do that though

#

I would give it a path

#

So it's not dumping all the static files in your root directory.

native tide Oct 11, 2020, 3:44 AM

#

which is only the case if I run collectstatic, right? right now, the css file is nicely structured inside the static folder for my app

topaz widget Oct 11, 2020, 3:44 AM

#

pretty sure, yeah

#

Here's what I have:

#

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

native tide Oct 11, 2020, 3:45 AM

#

my only concern right now is that static files serve in the dev environment, once I deploy this to a linux box I'd definitely like the files in their own neat place

topaz widget Oct 11, 2020, 3:45 AM

#

Yeah, just copy and paste what I wrote into your settings.py file in place of the empty string.

native tide Oct 11, 2020, 3:46 AM

#

can confirm that works as well

#

I'm still a bit confused why it works though, because from what I'm reading online, STATIC_ROOT is simply where files get 'exported' to when you run collectstatic

#

if you don't know its fine, I'm still very pleased and grateful

topaz widget Oct 11, 2020, 3:48 AM

#

I don't know why it works, just that it works.

native tide Oct 11, 2020, 3:48 AM

#

lol no problem

#

thank you very much for your help

topaz widget Oct 11, 2020, 3:48 AM

#

sure

native tide Oct 11, 2020, 3:48 AM

#

I'll remember this going forwards

topaz widget Oct 11, 2020, 3:48 AM

#

are you going to be serving static files from your database, too?

#

aka "media" files.

stable kite Oct 11, 2020, 3:49 AM

#

@topaz widget media files are not served through database

#

in database links of media are stored

topaz widget Oct 11, 2020, 3:49 AM

#

They are referenced from the database.

stable kite Oct 11, 2020, 3:49 AM

#

yes

topaz widget Oct 11, 2020, 3:49 AM

#

I was imprecise in my language, I know they're not stored there.

stable kite Oct 11, 2020, 3:49 AM

#

ok lol

native tide Oct 11, 2020, 3:49 AM

#

semi answering your question, there will be a fair amount of files being served, but they will be via s3, and I believe a python library called bota which interfaces with it

#

so the only thing being saved in the DB is simply the path to those files

topaz widget Oct 11, 2020, 3:50 AM

#

Well, if you're going to be serving "media" files on your development server, you should add this line to the bottom of your root urlconf:

#

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

#

And you need this import statement at the top of the urls.py file:

#

from django.conf.urls.static import static

native tide Oct 11, 2020, 3:52 AM

#

I wont be, but thank you though. Once I get to the point of getting this functionality working, to keep it simple I'm jumping straight into s3 buckets

topaz widget Oct 11, 2020, 3:52 AM

#

ah ok

native tide Oct 11, 2020, 3:53 AM

#

as for the static files, there will probably be no more than a few dozen total (svg files, and light stuff like that)

#

so I think I'm set

topaz widget Oct 11, 2020, 3:53 AM

#

good deal

native tide Oct 11, 2020, 3:53 AM

#

this helped me a lot, thank you again

topaz widget Oct 11, 2020, 3:53 AM

#

yw

near bison Oct 11, 2020, 4:31 AM

#

When you need a job to be done fast and the client doesn't care if you use a template ... How would you handle that ? how you get kinda readymade templates or wireframe or stuff like that than we can use as a base? What is path professionals or freelancers take ? Do do you actually start from scratch ? write your own css and stuff ?
Any freelancers ?

As you guys must be concentrating on the backend .. how do you handle the frontend ? help

#

ping

native tide Oct 11, 2020, 4:44 AM

#

@near bison 100% bootstrap

near bison Oct 11, 2020, 4:45 AM

#

That what you do ?

native tide Oct 11, 2020, 4:45 AM

#

yes

#

the stock theme is a little plain, pick your favorite from here: https://bootswatch.com/

#

you simply load the css file, and it gives you a ton of css classes to plug in

near bison Oct 11, 2020, 4:46 AM

#

Hmm..Is there a way for me to build components and store it. and when the clients what some feature.. i can just add it and not build it from scratch

#

I tried bootstrap. but with bootstrap i spend more time trying to change the framework than actually progressing .. then i tried tailwind .. which was good.. i am using sass.. But i don't know.. if someone what something done fast.. i can just use a template right ?

native tide Oct 11, 2020, 4:46 AM

#

https://getbootstrap.com/docs/4.5/components/alerts/ look at the available components first, if you haven't before

Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

#

it gives you a LOT to work with.... different types of tables, alerts, nice looking buttons, etc

#

with these primitives you can do quite a lot

#

sure, you could use a template too

#

I suppose it really depends on what you're doing, and how granular of control you need

near bison Oct 11, 2020, 4:50 AM

#

Thanks

native tide Oct 11, 2020, 4:50 AM

#

👍

topaz widget Oct 11, 2020, 4:53 AM

#

@near bison If it's about money and there is a free or cheap template available that is acceptable to your client's need, you would be stupid not to use a template.

native tide Oct 11, 2020, 4:54 AM

#

not a fan of bootstrap? lol

topaz widget Oct 11, 2020, 4:54 AM

#

you talking to me? @native tide And no, I'm not a huge fan of bootstrap.

#

but i would happily use a bootstrap template if it did the job.

native tide Oct 11, 2020, 4:55 AM

#

yeah. could you say why? I'm not arguing, just curious on your perspective

topaz widget Oct 11, 2020, 4:56 AM

#

Because you basically have to learn all the boostrap classes and what they do, and it's not that much harder to just learn css.

native tide Oct 11, 2020, 4:56 AM

#

thats fair

#

I learned bootstrap before css

topaz widget Oct 11, 2020, 4:56 AM

#

me too

#

a little bit anyway

#

but then I realized I didn't want to be locked into the bootstrap paradigm and thought it was a waste of time to learn that more instead of just learning all the underlying css.

#

(and js)

native tide Oct 11, 2020, 5:00 AM

#

yeah that makes sense. I'm forcing myself in my previously talked about project to do my own css, just so I'm more comfortable with working with it. all of my previous Flask & Django projects have been with bootstrap over the past 1-2 years.

topaz widget Oct 11, 2020, 5:01 AM

#

Well, if you're doing stuff that is pretty cookie cutter, bootstrap is fine. You can even make nice-looking stuff with it. It just boxes you in a bit if you want to do something kind of unique or complex.

#

I've seen some pretty attractive bootstrap templates. It has its place.

native tide Oct 11, 2020, 5:02 AM

#

which is exactly what I'm doing now, so hearing that reaffirms I'm making the right choice lol

topaz widget Oct 11, 2020, 5:04 AM

#

If you're making some slightly custom site for which there isn't a great pre-existing template out there, bootstrap seems like a good tool for that job.

cerulean otter Oct 11, 2020, 5:34 AM

#

anyone use redux :)?

stable kite Oct 11, 2020, 6:17 AM

#

@cerulean otter yes i did

nova nacelle Oct 11, 2020, 6:37 AM

#

@bronze oak

native tide Oct 11, 2020, 6:41 AM

#

Does anyone know if a website GUI is possible to be tied into Discord? Like, a GUI app for a Discord bot is possible... but what about through a website?

versed python Oct 11, 2020, 7:52 AM

#

yes it is possible

#

webpages are just views which are just python code blocks. You can do everything here, which includes calling discord.py methods

modest scaffold Oct 11, 2020, 9:03 AM

#

@marble carbon thanks ill try this

glad patrol Oct 11, 2020, 9:44 AM

#

hi i need help

#

@stable kite

#

how to add speedometer or gauge to monitor host usage in html.

topaz finch Oct 11, 2020, 10:35 AM

#

Any tips for allowing my Flask app to serve JSON responses faster?

@ me when answering please.

stable kite Oct 11, 2020, 10:39 AM

#

@glad patrol can you elaborate your question

glad patrol Oct 11, 2020, 11:31 AM

#

@stable kite

#

i have my index.html

#

which display some widget like this

#

📎 current.png

#

they are some ecommenrece widget

#

what i want to display host usage here

#

like cpu ram and netwowrk

#

like this widget

#

📎 meter.png

#

@stable kite i hope you get my question.

topaz finch Oct 11, 2020, 12:05 PM

#

My flask webapp is attempting loading favicon for no apparent reason.

📎 unknown.png

#

Its literally just a basic test page that returns a json, so anyone know how to fix that, or why that may be happening? if so, please @ me when responding.

native tide Oct 11, 2020, 12:18 PM

#

is Django + React common?

stable kite Oct 11, 2020, 12:41 PM

#

@glad patrol just code your widget in html & display widget as per data received from backend

#

@native tide not so common

#

but can be used

native tide Oct 11, 2020, 12:43 PM

#

Yeah I'm currently trying to make a Django + React app utilizing APIs. Hopefully it'll be a good project 😉

stable kite Oct 11, 2020, 12:45 PM

#

@topaz finch it will be in your html code so

wise crescent Oct 11, 2020, 12:49 PM

#

Hi, I'm learning Django. I got an issue as shown in the picture below

#

📎 unknown.png

stable kite Oct 11, 2020, 12:50 PM

#

the module is not found

wise crescent Oct 11, 2020, 12:50 PM

#

does anyone know why it says the file is not found after I ran runserver?

stable kite Oct 11, 2020, 12:50 PM

#

name your app correctly

#

@wise crescent you have use personal.views & not design_hub.personal.view

wise crescent Oct 11, 2020, 12:51 PM

#

it shows error if I only put personal.views

stable kite Oct 11, 2020, 12:52 PM

#

on line 19

#

no it wouldn't

wise crescent Oct 11, 2020, 12:52 PM

#

like this

📎 unknown.png

stable kite Oct 11, 2020, 12:52 PM

#

@wise crescent just try to run your server

#

in which directory is this file located?

wise crescent Oct 11, 2020, 12:54 PM

#

yes, it shows error

📎 unknown.png

stable kite Oct 11, 2020, 12:55 PM

#

have you added your app in settings.py?

wise crescent Oct 11, 2020, 12:55 PM

#

sure

stable kite Oct 11, 2020, 12:55 PM

#

in which directory is this file located?
@wise crescent ??

#

@wise crescent which Django version are you using?

wise crescent Oct 11, 2020, 12:58 PM

#

oh I get it, I added the name in MIDDLEWARE but not the INSTALLED_APPS😅

#

thanks, it works now

stable kite Oct 11, 2020, 12:58 PM

#

no problem

wise crescent Oct 11, 2020, 12:58 PM

#

sorry for the stupid question

native tide Oct 11, 2020, 1:23 PM

#

I have a view here```python
@login_required(redirect_field_name='user_login', login_url='/login/')
def profile(request, pk):
user = Person.objects.get(id=pk)
context = {
'user': user,
'title': 'Profile'
}
return render(request, 'index/profile.html', context)

#

But I don't want a user that isn't a staff user to be able to view this page

#

how do I do that?

stable kite Oct 11, 2020, 1:36 PM

#

@native tide just check if user requesting this page is a staff member then return the page & if not then render a different page

marble carbon Oct 11, 2020, 1:44 PM

#

Django?

#

https://docs.djangoproject.com/en/3.1/topics/auth/default/#limiting-access-to-logged-in-users-that-pass-a-test

Using the Django authentication system | Django documentation | Django

versed python Oct 11, 2020, 1:45 PM

#

^ along with django view level permission will be enough

dapper tusk Oct 11, 2020, 1:47 PM

#

@topaz finch browsers always ask for a favicon

near bison Oct 11, 2020, 2:04 PM

#

How does signUp email verification work in websites

quiet comet Oct 11, 2020, 2:23 PM

#

in django how can i get the raw sql changed data in a UPDATE?

jolly matrix Oct 11, 2020, 2:26 PM

#

Im having a problem with divs and buttons
Im having buttons under a div element. I make the div into a grid so that I can lay the buttons out as I want but then the css I had written for the buttons does not work

#

https://paste.pythondiscord.com/owuxejehug.xml - part of the code with the problem

native tide Oct 11, 2020, 2:35 PM

#

are static files usually front end or back end job

trim star Oct 11, 2020, 2:44 PM

#

Anyone know where i can get official info on security best practices in django?

#

I know django has documentation on its security features

#

but looking for a best practices document

warm igloo Oct 11, 2020, 2:57 PM

#

I suggest reading OWASP materials and then finding specific Django patterns and/or libraries that will help you meet those standards. Also suggest using the OWASP ZAP tool to scan your site(s) regularly.

marble carbon Oct 11, 2020, 3:11 PM

#

@trim star I would recommend watching this video

#

https://youtu.be/gvQW1vVNohg

YouTube

DjangoCon Europe

DjangoCon 2019 - Django and Web Security Headers

https://2019.djangocon.eu/talks/django-and-web-security-headers/

By Adam Johnson - https://twitter.com/AdamChainz

▶ Play video

trim star Oct 11, 2020, 3:13 PM

#

Thank you @marble carbon and @warm igloo .

#

btw

#

Is django suggested for production environments?

#

Ive had the thinking that django was better for prototyping and that apache was better for production environments?

marble carbon Oct 11, 2020, 3:14 PM

#

Huh

#

Those are two different things

#

Django is used to build applications

#

while apache used for serving that Application

#

so apache will handle the traffic

trim star Oct 11, 2020, 3:14 PM

#

Yes I mean the web server portion that is serving the application

marble carbon Oct 11, 2020, 3:14 PM

#

actually I have a talk for it too

#

that'll explain better

#

but they used nginx in it, which is about the same as apache

trim star Oct 11, 2020, 3:15 PM

#

Ok. I meant that i thought apache is better for serving the application..or nginx too

marble carbon Oct 11, 2020, 3:15 PM

#

https://youtu.be/WqrCnVAkLIo

YouTube

PyCon Canada

WSGI for Web Developers (Ryan Wilson-Perkin)

WSGI is the foundation of most Python web frameworks, but there's a good chance you've never had to interact with it directly. In this talk we'll explore why it exists, how it works, and what the heck it's doing in your stack.

A great web framework abstracts away all the low-...

▶ Play video

#

watch this, you'll understand the layers

trim star Oct 11, 2020, 3:16 PM

#

Awesome, I will look at this too

marble carbon Oct 11, 2020, 3:16 PM

#

how an app is served in production

#

👍

trim star Oct 11, 2020, 3:17 PM

#

Cool thanks

#

From my understanding and past exposure, django can both serve and create the web application itself...nginx and apache just serve the application (?)

marble carbon Oct 11, 2020, 3:19 PM

#

Uhm Django doesn't comme with a production scale server

#

only a development server, which should not be used in production itself

trim star Oct 11, 2020, 3:20 PM

#

yeah thats why I was saying before that I heard django isnt good for production

marble carbon Oct 11, 2020, 3:20 PM

#

they instead provide an interface, that is the WSGi

trim star Oct 11, 2020, 3:20 PM

#

Ah ok

marble carbon Oct 11, 2020, 3:21 PM

#

Django can still be used in production

#

just not on its own

trim star Oct 11, 2020, 3:22 PM

#

Ah ok. Thanks for explaining

native tide Oct 11, 2020, 3:32 PM

#

https://beefykenny.pythonanywhere.com/

#

someone willing to give me feedback on my website

jolly matrix Oct 11, 2020, 3:35 PM

#

#web-development message ~~Could I get help with this please~~ Please don't bother its solved

vapid acorn Oct 11, 2020, 3:51 PM

#

Im fairly new to databases and Im working on a django-application right now.
It will allow users to create an account. My way of approaching this would be to have 1. A table for every user and 2. A table for (for example) pictures they liked with each of the pictures having a pointer pointing at the users who have like it.
But for this to work, I would have to loop through all the pictures and check if the user Im looking for is in the pointer-"list".
Is there a better way of going about this problem?

versed python Oct 11, 2020, 4:00 PM

#

Why do you need a new table for each user? Just use a new record, that is, insert a new row into the db when a user signs up

topaz finch Oct 11, 2020, 4:05 PM

#

@topaz finch browsers always ask for a favicon
@dapper tusk But there is no html being sent, only the dictionary.

versed python Oct 11, 2020, 4:05 PM

#

As for your question here's how I would approach it.

Sign up user (using a custom user model as defined below) and insert relevant record to db.
Create a model called UserUploadedImage with definition as below:

class CustomUser(AbstractUser):
  images = models.ManyToManyField('appname.UserUploadedImage')
  # etc
class UserUploadedImage(models.model):
  image = models.ImageField()
  # etc

When a user uploads a new image, I'd create a new UserUploadedImage instance and associate it with the currently logged in user.

dapper tusk Oct 11, 2020, 4:06 PM

#

yes, but browsers ask for a favicon anyway

versed python Oct 11, 2020, 4:06 PM

#

@vapid acorn

dapper tusk Oct 11, 2020, 4:06 PM

#

maybe there is a header you can send to make it not ask for one

vapid acorn Oct 11, 2020, 4:08 PM

#

@versed python lol I I wrote on table for every user, so you can understand it both ways, but it is one table containing every user

versed python Oct 11, 2020, 4:09 PM

#

Ah well that makes more sense

topaz finch Oct 11, 2020, 4:09 PM

#

Hmm that sounds about right, since it is going to favicon.ico endpoint that doesnt exist, it is probably returning my Page Not Found page to the browser. Ill check for a header.

vapid acorn Oct 11, 2020, 4:17 PM

#

So is there a better solution then having one gigantic pictures list?

versed python Oct 11, 2020, 4:43 PM

#

I just gave you a solution 😐

native tide Oct 11, 2020, 4:47 PM

#

hey how to pass date type in postman

#

{
"timestamp": "2020-10-11T15:47:24.685+00:00",
"status": 415,
"error": "Unsupported Media Type",
"message": "",
"path": "/api/courses/store"

#

i got error like this

native tide Oct 11, 2020, 5:17 PM

#

hello

#

wait

#

ill let the other guy ask

#

before i ask

stable kite Oct 11, 2020, 5:18 PM

#

@native tide who other guy is?

native tide Oct 11, 2020, 5:21 PM

#

i want to get ist of courses with these filters (specific student, teacher, time range)

stable kite Oct 11, 2020, 5:21 PM

#

whats the problem in that @native tide

native tide Oct 11, 2020, 5:22 PM

#

how should i implement that in my api

#

my mind is broken

stable kite Oct 11, 2020, 5:22 PM

#

are you using any framework?

native tide Oct 11, 2020, 5:23 PM

#

no just by requests package

stable kite Oct 11, 2020, 5:23 PM

#

where are you getting data from?

native tide Oct 11, 2020, 5:23 PM

#

postman

stable kite Oct 11, 2020, 5:24 PM

#

It's an API package

loud mountain Oct 11, 2020, 5:24 PM

#

Hi all, if I have an HTML form that is displayed when a hyperlink is clicked that submits a post request; what's the best way to handle the submission for the user? Currently I'm just returning a slightly different template that indicates the submission was successfully but ideally i'd perfer the user session not be interrupted. Is the only way to do this to have the post request be submitted via ajax client side?

stable kite Oct 11, 2020, 5:24 PM

#

@native tide it doesn't have data stored in it

loud mountain Oct 11, 2020, 5:24 PM

#

using bottle btw

native tide Oct 11, 2020, 5:26 PM

#

@native tide it doesn't have data stored in it
@stable kite icant get y

stable kite Oct 11, 2020, 5:26 PM

#

@loud mountain no idea about bottle sorry

#

@native tide like database or something else

native tide Oct 11, 2020, 5:27 PM

#

@native tide like database or something else
@stable kite aha its h2

stable kite Oct 11, 2020, 5:27 PM

#

what is h2?

native tide Oct 11, 2020, 5:28 PM

#

like memcache

#

in memory database

stable kite Oct 11, 2020, 5:28 PM

#

then you have to use javascript for that

#

i think so

#

memchache means local db?

#

right?

native tide Oct 11, 2020, 5:29 PM

#

javaxcript for front ?

stable kite Oct 11, 2020, 5:30 PM

#

memchache means local db?

native tide Oct 11, 2020, 5:31 PM

#

nearly

stable kite Oct 11, 2020, 5:31 PM

#

javaxcript for front ?
@native tide yes

#

because you can't access memchache with python as far i think so

native tide Oct 11, 2020, 5:32 PM

#

@native tide yes
@stable kite idonr need front at the momnent i m just calling it by postman

white spruce Oct 11, 2020, 5:42 PM

#

window.addEventListener('load', () => {
  var btn = document.querySelector('.btn');

  btn.addEventListener('click', e => {

  function myFunction(item) {
  item.classList.add('square');
}
  document.querySelectorAll("#board>div").forEach(myFunction);
  })

  var boxElements = document.querySelectorAll('.square');
  boxElements.forEach(square => {square.addEventListener('click', handleClick, {once: true})
  })

  function handleClick(e){
    console.log('clicked')
  }

});

I am trying to get each div that is click to only be clicked once and it should show clicked. Not sure what is being done wrong. Anyone?

vapid acorn Oct 11, 2020, 6:16 PM

#

@versed python now I see your solution, thank you

tepid lark Oct 11, 2020, 7:11 PM

#

@white spruce What's happening with your code now?

white spruce Oct 11, 2020, 7:11 PM

#

got it fix @tepid lark

#

appreciate the help

tepid lark Oct 11, 2020, 7:11 PM

#

Yay!

native tide Oct 11, 2020, 8:37 PM

#

Hello

#

Can I ask a quick flask question?

pine yew Oct 11, 2020, 8:38 PM

#

shoot

native tide Oct 11, 2020, 8:39 PM

#

@app.route('/api/login', methods=['POST'])
def login():
    # TODO: Try/Except return error with required field
    req = request.form
    login_schema = LoginForm()
    req = login_schema.load(req)
    user = mdb.users.find_one({'username': req['username']})
    if user:
        password = req['password'].encode('utf-8')
        hashed_password = user['password']
        check_password = bcrypt.checkpw(password, hashed_password)
        if check_password:
            session['username'] = req['username']
            print(f"Welcome, {req['username']}")
            return redirect('/')
    return redirect('/login')```

I am trying to make flask redirect the user to a page depending on if the login succeeds or not

#

but in both cases, nothing changes and there is no redirect

#

I also tried using py redirect(url_for('login_page'))
but that wont work either

#

@app.route('/login')
def login_page():
    return render_template('index.html')```

pine yew Oct 11, 2020, 8:40 PM

#

I'm assuming you're using marshmallow and sqla there?

native tide Oct 11, 2020, 8:41 PM

#

marshmallow and pymongo

pine yew Oct 11, 2020, 8:41 PM

#

gotcha. have you checked that the user is happening?

#

oh derp, I see what's going on now

#

you want redirect('login')

#

the app registers the route as the function name

native tide Oct 11, 2020, 8:42 PM

#

directly?

pine yew Oct 11, 2020, 8:42 PM

#

yep

native tide Oct 11, 2020, 8:42 PM

#

I thought you needed url_for

pine yew Oct 11, 2020, 8:42 PM

#

uh, yes

#

redirect(url_for('login'))

native tide Oct 11, 2020, 8:42 PM

#

just a sec please

pine yew Oct 11, 2020, 8:42 PM

#

I'm hanging around

native tide Oct 11, 2020, 8:46 PM

#

it returns py 127.0.0.1 - - [11/Oct/2020 22:45:44] "POST /api/login HTTP/1.1" 302 - 127.0.0.1 - - [11/Oct/2020 22:45:44] "GET / HTTP/1.1" 200 -
but it doesn't redirect the page anyway

white spruce Oct 11, 2020, 8:49 PM

#

anyone I want this to alternate from X to O but only getting X's

  btn.addEventListener('click', e => {

  function myFunction(item) {
  item.classList.add('square');
}
  document.querySelectorAll("#board>div").forEach(myFunction);

      var boxElements = document.querySelectorAll('.square'), X_or_O;
        boxElements.forEach(square => {
            square.addEventListener('click', handleClick, {once: true})
        })

        function handleClick(e) {
          for(var i = 0; i < boxElements.length; i++){
            boxElements[i].onclick = function(){
              if(this.innerHTML !== "X" && this.innerHTML !== "O"){
                if(X_or_O%2 === 0){
                  console.log("X OR O");
                  this.innerHTML = 'O';
                }else {
                  console.log("X OR O");
                  this.innerHTML = 'X';
                }
              }
            }
          }

        }

  })

pine yew Oct 11, 2020, 8:50 PM

#

how are you doing the post? through a form? @native tide

native tide Oct 11, 2020, 8:50 PM

#

React frontend, sends a form

pine yew Oct 11, 2020, 8:53 PM

#

okay, but how are you calling the endpoint?

#

through fetch or through a form action?

native tide Oct 11, 2020, 8:54 PM

#

post

#

@app.route('/login')
def login_page():
    return render_template('index.html')


@app.route('/api/login', methods=['POST'])
def login():
    # TODO: Try/Except return error with required field
    req = request.form
    login_schema = LoginForm()
    req = login_schema.load(req)
    user = mdb.users.find_one({'username': req['username']})
    if user:
        password = req['password'].encode('utf-8')
        hashed_password = user['password']
        check_password = bcrypt.checkpw(password, hashed_password)
        if check_password:
            session['username'] = req['username']
            print(f"Welcome, {req['username']}")
            return redirect(url_for('login_page'))
    return redirect('/login')```
the relevant code

pine yew Oct 11, 2020, 8:54 PM

#

what does the login form code look like?

#

is it just markup? there's no event handlers hooked to it?

native tide Oct 11, 2020, 8:55 PM

#

tbh I don't really know, not the one working on the frontend. I just know that if I go to /login it serves react the index.html file so that it renders the login page

#

same with / and /register

pine yew Oct 11, 2020, 8:56 PM

#

it's kind of important to know

#

because your request log looks fine

#

like it's being redirected to / on a valid login

native tide Oct 11, 2020, 8:57 PM

#

Alright then, thank you 🙂 Will ask my friend about the frontend part

white spruce Oct 11, 2020, 8:57 PM

#

@pine yew can you assist me now?

pine yew Oct 11, 2020, 8:59 PM

#

@white spruce Sure, let's start by cleaning up your example and clarifying your question

btn.addEventListener('click', e => {
    function myFunction(item) {
        item.classList.add('square');
    }
    document.querySelectorAll("#board>div").forEach(myFunction);

    var boxElements = document.querySelectorAll('.square'), X_or_O;
    boxElements.forEach(square => {
        square.addEventListener('click', handleClick, { once: true })
    })

    function handleClick(e) {
        for (var i = 0; i < boxElements.length; i++) {
            boxElements[i].onclick = function () {
                if (this.innerHTML !== "X" && this.innerHTML !== "O") {
                    if (X_or_O % 2 === 0) {
                        console.log("X OR O");
                        this.innerHTML = 'O';
                    } else {
                        console.log("X OR O");
                        this.innerHTML = 'X';
                    }
                }
            }
        }
    }
})

#

So you want to flip the Xs and Os?

#

invert, rather

white spruce Oct 11, 2020, 8:59 PM

#

yeah after each person goes

#

after working so hard to get my clicks to work. It wanna do me like this lol

#

was so happy when the click started working 😄

#

but it's wont invert

pine yew Oct 11, 2020, 9:01 PM

#

so, a note, you usually don't want to modify innerHTML ever. try to stick to innerText because it's much safer to use

white spruce Oct 11, 2020, 9:01 PM

#

oh my instructor said I should have used innerHTML to make the appropriate X show

pine yew Oct 11, 2020, 9:02 PM

#

that's the problem with academia, no real-world experience 😅

#

what does your HTML look like here?

white spruce Oct 11, 2020, 9:02 PM

#

lol, thanks for the tip though, I'll write it down and keep it for future uses

#

got to work with what he wants for now

#

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>INFO2180 - Tic-Tac-Toe</title>
    <link rel="stylesheet" href="tic-tac-toe.css" />
    <script src="tic-tac-toe.js"></script>
  </head>
  <body>
    <h1>Tic <span>-Tac-</span> Toe</h1>
    <div id="game">
      <div id="status">Move your mouse over a square and click to play an X or an O.</div>
      <div id="board">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div class="controls">
        <button class="btn">New Game</button>
      </div>
    </div>
  </body>
</html>

pine yew Oct 11, 2020, 9:03 PM

#

so the danger of using innerHTML is that the browser will render whatever is in your string. what this means is if you ever take user input, it becomes a potential vulnerability

white spruce Oct 11, 2020, 9:03 PM

#

oh I see

#

we not allowed to touch our html either

#

nor css

pine yew Oct 11, 2020, 9:05 PM

#

give me a few to review. In the middle of making dinner!

white spruce Oct 11, 2020, 9:05 PM

#

okay

pine yew Oct 11, 2020, 9:09 PM

#

I see your problem

#

X_or_O evaluation is always false

#

    var boxElements = document.querySelectorAll('.square'), X_or_O;

@white spruce what are you trying to do with this line? where is X_or_O coming from?

white spruce Oct 11, 2020, 9:14 PM

#

var boxElements = document.querySelectorAll('.square'), X_or_O = 0;

#

my bad

pine yew Oct 11, 2020, 9:15 PM

#

so you never re-assign that variable in your code sample

#

and your if block always resolves to writing X as a result

white spruce Oct 11, 2020, 9:17 PM

#

figured it out

#

      var boxElements = document.querySelectorAll('.square'), X_or_O = 0;
        boxElements.forEach(square => {
            square.addEventListener('click', handleClick, {once: true})
        })

        function handleClick(e) {
          for(var i = 0; i < boxElements.length; i++){
            boxElements[i].onclick = function(){
              if(this.innerHTML !== "X" && this.innerHTML !== "O"){
                if(X_or_O%2 === 0){
                  console.log("X OR O");
                  this.innerHTML = 'X';
                  X_or_O += 1;
                }else {
                  console.log("X OR O");
                  this.innerHTML = 'O';
                  X_or_O += 1;
                }
              }
            }
          }

        }

#

you see anything wrong?

#

with what I've done?

pine yew Oct 11, 2020, 9:19 PM

#

nothing wrong, but I'd recommend doing things a little differently

white spruce Oct 11, 2020, 9:19 PM

#

what would you recommend

#

I'll see if I can make the changes

pine yew Oct 11, 2020, 9:20 PM

#

using var is kind of out of vogue with the introduction of let and const in es6
for (..) loops are also not very common with better idioms such as .forEach and iterator-based lazy approaches
Is counting the X/O the best approach for things? or should you just test each square for inversion?

#

multiple assignments on a single line are frowned upon for being hard to read and easy to make mistakes

white spruce Oct 11, 2020, 9:20 PM

#

okay so I'll start off by fixing 4 and 1

pine yew Oct 11, 2020, 9:22 PM

#

re: tests

boxElements.filter((el) => el.innerText)

is an easy way to remove the blanks and guarantee you only have X or O

#

then you can go further by chaining things together

boxElements
  .filter((el) => el.innerText)
  .forEach((el) => { el.innerText = el.innerText === 'X' ? 'O' : 'X' };

#

it makes for more readable code

white spruce Oct 11, 2020, 9:23 PM

#

the reason I do stuff a bit different sometimes is because i'm new

#

so certain stuff I am not aware of

pine yew Oct 11, 2020, 9:24 PM

#

that's understandable, I'm just giving feedback

white spruce Oct 11, 2020, 9:24 PM

#

I saw someone did that thing

  .forEach((el) => { el.innerText = el.innerText === 'X' ? 'O' : 'X' };

#

but tbh I didn't understand it lol

#

so I never bothered to use it

pine yew Oct 11, 2020, 9:25 PM

#

so when you use an iterator like this

winter spindle Oct 11, 2020, 9:25 PM

#

heyy

pine yew Oct 11, 2020, 9:25 PM

#

the thing you're working on is passed into the argument list

winter spindle Oct 11, 2020, 9:25 PM

#

i just wanted to ask a silly thing pls help

pine yew Oct 11, 2020, 9:25 PM

#

(el) is an element from your list of elements

#

all you're doing is reassigning one of its properties based on what is already there

winter spindle Oct 11, 2020, 9:26 PM

#

uk how can we resize the window to check if its responsive withou t resizing the browser ?

white spruce Oct 11, 2020, 9:26 PM

#

oh okay thanks

#

also instructor asked

pine yew Oct 11, 2020, 9:26 PM

#

check out the Array#forEach documentation on mdn (mozilla document network)

#

the mdn is a crucial resource for web development on the frontend

white spruce Oct 11, 2020, 9:27 PM

#

to initialize an empty array to keep track of the state of the game after each square is clicked so that I can use it later to check which user has won. Not sure how I go about that part

pine yew Oct 11, 2020, 9:28 PM

#

basically you need to check the matrix for win conditions

#

you can brute force this by checking if three contiguous squares as filled with one character, the tricky part is checking the cross wins ❌

#

so in your sample, you have an array, 1-9 right? (0-8 when indexing)

#

0 1 2
3 4 5
6 7 8

you need another array to keep track of the state of this matrix and check it for wins

#

so if 2, 5, 8 are filled with X, etc.

#

Xs & Os is easy to brute force, you only have 8 win conditions

#

so it's a small amount of code

white spruce Oct 11, 2020, 9:32 PM

#

you think I could do sumn like tis

#

this

#

nvm

pine yew Oct 11, 2020, 9:33 PM

#

@winter spindle Just some feedback: no clue how to check window responsiveness since it's the thing responsible for running your code so... how could your code possible know, y'know?

white spruce Oct 11, 2020, 9:33 PM

#

still a bit new with arrays so trying to figure out how to do this

pine yew Oct 11, 2020, 9:33 PM

#

so something you could do

#

collect your boxElements, right?

#

then have an if condition that tests each win

winter spindle Oct 11, 2020, 9:34 PM

#

@pine yew i dont understand what are you saying but still i figured tht out thanks

pine yew Oct 11, 2020, 9:34 PM

#

if (boxElements[0] == 'X' && boxElements[1] == 'X' && boxElements[2] == 'X') {
  console.log('X wins!');
}

note: VERY inefficient but hacky/working way to do it

white spruce Oct 11, 2020, 9:35 PM

#

I was planning on storing all the elements in a constant

#

then checking them with if conditions

#

for each win

pine yew Oct 11, 2020, 9:35 PM

#

yep, you can do that

white spruce Oct 11, 2020, 9:35 PM

#

that's what I was thinking

#

he said this, what does he mean

#

to just initialize an empty array to keep track of the game

#

not sure what he means

pine yew Oct 11, 2020, 9:37 PM

#

yeah, that's confusing. maybe he means log messages to order the turns?

#

const turnOrder = [];

turnOrder.push({user: 'X', move: 8})

#

where 8 = the element array position

#

I'm taking a minute to eat dinner, but if you have further questions, just @ me

white spruce Oct 11, 2020, 9:38 PM

#

that's what you think he meant

pine yew Oct 11, 2020, 9:38 PM

#

it's a guess, yeah

white spruce Oct 11, 2020, 9:39 PM

#

okay guess ama add that to the code

winter spindle Oct 11, 2020, 9:45 PM

#

heyy

#

@white spruce @pine yew can you guys review my static one page design

#

https://reverent-leavitt-614d6c.netlify.app/
pls check the bottom icons hover !!

white spruce Oct 11, 2020, 9:54 PM

#

@pine yew when the square is clicked I want to add a class to it to style it. I know what to write to do it

#

but not sure where it goes

#

well when I write it in the handleclick function

#

it gives an error

#

this is it boxElements.classList.add('square.X');

#

trying to get the box to change after click

#

to get the appropriate color

pine yew Oct 11, 2020, 9:56 PM

#

@white spruce classList.add check out the documentation
https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

MDN Web Docs

Element.classList

The Element.classList is a read-only property that returns a live DOMTokenList collection of the class attributes of the element. This can then be used to manipulate the class list.

#

you want classList.add('square', 'X')

white spruce Oct 11, 2020, 9:58 PM

#

oh yeah, it's just saying it's not reading the property add

pine yew Oct 11, 2020, 9:59 PM

#

because you're working with a collection, probably

#

you want boxElement[0].classList or similar

white spruce Oct 11, 2020, 10:00 PM

#

so ama need that for all the elements in the array

#

damn

#

no shorter ways?

pine yew Oct 11, 2020, 10:01 PM

#

not quite

boxElements.forEach((el) => el.classList.add('square', 'X'));

white spruce Oct 11, 2020, 10:04 PM

#

man I'm such a novice, wish he showed us some of those stuff

pine yew Oct 11, 2020, 10:04 PM

#

yeah, the array methods are invaluable

#

here's a good article to read:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

MDN Web Docs

Array

The JavaScript Array class is a global object that is used in the construction of arrays; which are high-level, list-like objects.

white spruce Oct 11, 2020, 10:05 PM

#

also that website breaks stuff down better

#

than WSS

pine yew Oct 11, 2020, 10:06 PM

#

it's a very good resource

white spruce Oct 11, 2020, 10:06 PM

#

been using WSS all this time

#

yeah seem to make me understand stuff better

pine yew Oct 11, 2020, 10:06 PM

#

MDN will be your lifeblood if you choose to do web dev

#

they also have a lot of tutorials if you explore the site

#

https://css-tricks.com/
another great resource when you get to css stuff

CSS-Tricks

CSS-Tricks is a website about websites.

white spruce Oct 11, 2020, 10:07 PM

#

thanks for those resource mean especially MDN

white spruce Oct 11, 2020, 10:33 PM

#

@pine yew

const turnOrder = [];

turnOrder.push({user: 'X', move: 8})

if he said to just initialize an empty array to keep track, I wouldn't need to push to it right?

pine yew Oct 11, 2020, 10:34 PM

#

correct, the first line is initialization, the second is an example of adding to the list in a different spot

white spruce Oct 11, 2020, 10:36 PM

#

ok just making sure

#

@pine yew I am trying to get this .hover class I have over the grid

#

    boxElements.forEach(function(elem, index, list) {
    elem.addEventListener('mouseover', function(e) {
    e.target.classList.add('hover');
    });
  
    elem.addEventListener('mouseout', function(e) {
    e.target.classList.remove('hover');
  });

#

do you see anything wrong with that

#

that's what I did

pine yew Oct 11, 2020, 10:55 PM

#

I do not; looks good

white spruce Oct 11, 2020, 10:57 PM

#

looks like I am writing it in the wrong place

pine yew Oct 11, 2020, 10:58 PM

#

btw, use \```js to tag your fence with syntax highlighting

#

not with a backslash

#

that was a mistake

white spruce Oct 11, 2020, 11:01 PM

#

wasn't I doing that?

#

    boxElements.forEach(function(elem, index, list) {
    elem.addEventListener('mouseover', function(e) {
    e.target.classList.add('hover');
    });
  
    elem.addEventListener('mouseout', function(e) {
    e.target.classList.remove('hover');
  });
```js

#

oh damn

#

I never knew that

pine yew Oct 11, 2020, 11:01 PM

#

there you go

#

only need it once

#

after the opening ticks

white spruce Oct 11, 2020, 11:01 PM

#

oh I see

pine yew Oct 11, 2020, 11:02 PM

#

so if you're using a function handler vs. an arrow function, you can still access the current element using this

white spruce Oct 11, 2020, 11:02 PM

#

that code for hover seems to mess up my whole code

#

might need to write sumn else

pine yew Oct 11, 2020, 11:03 PM

#

boxElements.forEach((el, idx, list) => {
  el.addEventListener('mouseover', function() {
    this.classList.add('hover');
  });

  el.addEventListener('mouseout', function() {
    this.classList.remove('hover');
  });
});

#

oh so it works but the css breaks something?

white spruce Oct 11, 2020, 11:05 PM

#

it works, just a small issue

#

of when to set it

#

for(var i = 0; i < boxElements.length; i++){
        boxElements.forEach((el) => el.classList.add('square', 'X'));
        boxElements[i].onclick = function(){
          if(this.innerHTML !== "X" && this.innerHTML !== "O"){
            if(X_or_O%2 === 0){
              this.innerHTML = 'X';
              X_or_O += 1;
            }else {
              this.innerHTML = 'O';
              X_or_O += 1;

right here I want the first click to start but with the right colors instead of first click being to change the color, any idea?

#

@pine yew adding the .square.X class when I first click instead of the first click going to waste

pine yew Oct 11, 2020, 11:12 PM

#

so in your click handler

#

I believe this is the element, in your if block, you can modify the classList

#

if (X_or_O % 2 === 0) {
  this.innerText = 'X';
  this.classList.add('X');
  X_or_O += 1;
}

#

I'm stepping away for a bit; DM me if you need further assistance later

white spruce Oct 11, 2020, 11:15 PM

#

before you go

#

I'd have to add that for the 'O' as well

#

then

pine yew Oct 11, 2020, 11:15 PM

#

correct, so in your else block you'd have a this.classList.add('O')

white spruce Oct 11, 2020, 11:16 PM

#

yeah did that

#

idk why for some reason this shxt seems to be missing my first click

#

hopefully he doesn't deduct my marks

pine yew Oct 11, 2020, 11:16 PM

#

you're still setting everything to X in the first line of the for loop 🤷🏼‍♂️

white spruce Oct 11, 2020, 11:16 PM

#

no I changed that

#

i took it out

pine yew Oct 11, 2020, 11:17 PM

#

ping me your full code sample and I'll check it out when I get back, should only be an hour or so

white spruce Oct 11, 2020, 11:17 PM

#

okay, appreciate the assistance

white spruce Oct 12, 2020, 12:24 AM

#

pinged you @pine yew so whenever you back you can check

daring pollen Oct 12, 2020, 2:23 AM

#

hmmm what is the most recommended way to check if a requests request was successful or not? Do people always do

r = request.get()
if not r.status_code == 200:
  raise
#continue logic

vestal hound Oct 12, 2020, 2:26 AM

#

hmmm what is the most recommended way to check if a requests request was successful or not? Do people always do
r = request.get()
if not r.status_code == 200:
  raise
#continue logic

@daring pollen define "successful"

#

if you mean "2xx" code, then // 100 and check if it's equal to 2

#

(which is the most common understanding of successful, I guess)

pine yew Oct 12, 2020, 2:28 AM

#

@daring pollen if not r.ok is the paradigm usually

#

ok should be True if the code is <400

vestal hound Oct 12, 2020, 2:29 AM

#

oh, hm, I didn't know that was a thing

#

yeah, that sounds better

daring pollen Oct 12, 2020, 2:29 AM

#

yeah that sounds good to me

#

do people usually put retry logic in there? I can see how things get really complicated trying to identify what was the issue and to make sure the code is still successful

pine yew Oct 12, 2020, 3:07 AM

#

it depends on what your needs are

#

only you can answer that really

daring pollen Oct 12, 2020, 3:16 AM

#

hah well if my company could answer that I'd be golden, problem is they just see my work as magic ;P

silver shell Oct 12, 2020, 3:56 AM

#

hi. Using Django Rest API I can build a paged response which is awesome. However, I have to instead of returning a response like {...,results:[{...},{...},...]} I have to return a paged response looking like this: {...,results:{'ModelA':{0:{...},1:...},'ModelB':{0:{...},1:...},'ModelC':{0:{...},1:...}}}, where the paging is done on the modelA results. Transforming response from list to dict i do using this: https://dpaste.org/hTw5 But how do i ensure that the paging is done on modelA?

stable kite Oct 12, 2020, 3:57 AM

#

@silver shell can you elaborate your question?

silver shell Oct 12, 2020, 3:58 AM

#

@stable kite yes of course. which part?

stable kite Oct 12, 2020, 3:59 AM

#

But how do i ensure that the paging is done on modelA

silver shell Oct 12, 2020, 4:00 AM

#

well because normally the queryset is a list, and now i suddenly have a a response which is a dict, so i guess i somehow need to modify how the paging is being done

stable kite Oct 12, 2020, 4:01 AM

#

@silver shell you can use django inbuilt function for that
https://docs.djangoproject.com/en/3.1/topics/serialization/#serialization-formats-json

Serializing Django objects | Django documentation | Django

#

for converting Querset to json

#

how are you doing paging?

silver shell Oct 12, 2020, 4:03 AM

#

by subclassing generics.ListAPIView

jolly matrix Oct 12, 2020, 4:13 AM

#

When I make changes in my css file, the django server does not show those changes at all, sometimes it takes long to show those changes. Why does this happen?

marble carbon Oct 12, 2020, 4:34 AM

#

open devtools

#

go to network tab

#

check disable cache

#

@jolly matrix

jolly matrix Oct 12, 2020, 4:34 AM

#

yes that worked thank you!

stable kite Oct 12, 2020, 4:35 AM

#

@silver shell check this out it may help you
https://www.django-rest-framework.org/api-guide/pagination/

Pagination - Django REST framework

Django, API, REST, Pagination

green python Oct 12, 2020, 7:00 AM

#

what framework is best for a python pro coming to web dev.

#

plz tell

#

noone helps

marsh canyon Oct 12, 2020, 7:09 AM

#

flask or django are good options

green python Oct 12, 2020, 7:19 AM

#

ok

#

i just assume real python tutorials cover them fully and thank you for help

silver shell Oct 12, 2020, 8:23 AM

#

django is best for sure

#

flask is good for small POC things...but use django for real stuff

red pine Oct 12, 2020, 8:51 AM

#

started with Django. and i have a small doubt. is it correct to say that an django app is a section of a website. for example if I am making a website for a college, admissions section will be a separate app and contact us will be another app ?

versed python Oct 12, 2020, 8:53 AM

#

in django terminology yes

native tide Oct 12, 2020, 8:56 AM

#

does anyone know why jinja is not working with html?? i use django framework

📎 unknown.png

red pine Oct 12, 2020, 8:58 AM

#

you are following CoreyMS ?

native tide Oct 12, 2020, 8:58 AM

#

yep @red pine

#

just started that but dont know why its not working ??Do u know how to do it?? @red pine

red pine Oct 12, 2020, 9:00 AM

#

can you post your code ? a little more than the screenshot

native tide Oct 12, 2020, 9:01 AM

#

its the 3rd video's code

#

im following the exact tutorial as shown in his video but on mine its not working @red pine

red pine Oct 12, 2020, 9:02 AM

#

checking

hot swallow Oct 12, 2020, 9:02 AM

#

Situation: simple python program that has a client and a server (using sockets) for a game. I want to use SSL to encrypt the data so people cant sniff the content. The server should be able to run everywhere: not only on my machine. I have a self-signed certificate alongside the program, and I can communicate just fine if I use "context.check_hostname = False" on the client. Is this the proper/normal way to do this, or is there a better way?

red pine Oct 12, 2020, 9:05 AM

#

@native tide show me your routes.py

#

ignore

native tide Oct 12, 2020, 9:06 AM

#

📎 unknown.png

red pine Oct 12, 2020, 9:06 AM

#

see in the screenshot you are doing for post in posts but on line 8 you are doing posts.title instead of post.title

native tide Oct 12, 2020, 9:08 AM

#

did those changes but didnt work @red pine

#

its showing blank screen

#

also its not showing in source code part

📎 unknown.png

#

dont know where i messed up

#

this is my views.py

📎 unknown.png

red pine Oct 12, 2020, 9:11 AM

#

{% block content %}
{% endblock content %}``` dont you require these ?

native tide Oct 12, 2020, 9:11 AM

#

umm he didnt use those in his videos

hot swallow Oct 12, 2020, 9:12 AM

#

You called the context 'post', but ask for 'posts' when iterating over it

#

since posts is empty: you dont see anything

red pine Oct 12, 2020, 9:12 AM

#

try putting the for loop inside blocks

native tide Oct 12, 2020, 9:12 AM

#

ahhh okay

red pine Oct 12, 2020, 9:15 AM

#

i dont think this will work because you have not created a template html page yet right ?

native tide Oct 12, 2020, 9:16 AM

#

i have home.html

#

in templates

red pine Oct 12, 2020, 9:16 AM

#

can you just change line 22 on views.py to posts=posts instead of context

native tide Oct 12, 2020, 9:17 AM

#

okay lemme try that

#

okay that worked but its wierd i guess

📎 unknown.png

red pine Oct 12, 2020, 9:20 AM

#

alright

native tide Oct 12, 2020, 9:20 AM

#

it correct right?? @red pine

#

or do i have to worry about font style

#

coz its not same

#

everything looks in <h1> tag

red pine Oct 12, 2020, 9:21 AM

#

you have not closed the h1 properly on line 8

native tide Oct 12, 2020, 9:21 AM

#

woops my bad

#

sorry

red pine Oct 12, 2020, 9:22 AM

#

in fact you have not closed the p tags as well

native tide Oct 12, 2020, 9:22 AM

#

got it

#

thank you for helping 🙂

red pine Oct 12, 2020, 9:22 AM

#

no problem

#

i started Django today

native tide Oct 12, 2020, 9:24 AM

#

woo nice i started yesterday

sullen basalt Oct 12, 2020, 10:04 AM

#

Using the following in Django will give the last 5 objects in the table:

queryset.order_by('-id')[:5]

Is it possible to start from a certain last id and get the 5 after that. So like if you go to the next page you will get the next 5

stable kite Oct 12, 2020, 10:09 AM

#

@sullen basalt use the filter method

#

@sullen basalt py model.objects.filter(id__gte=10).order_by('-id')[:5]

native tide Oct 12, 2020, 10:28 AM

#

Hi, i am using this example, but how can i change it so that on mobile each product is stacked 2 per row? https://mdbootstrap.com/docs/jquery/ecommerce/design-blocks/shopping-cart/#!

sullen basalt Oct 12, 2020, 10:45 AM

#

@stable kite Found out I can do this using Pagination and that makes it way easier

nova crest Oct 12, 2020, 10:59 AM

#

Hello,

I have a Flask webapp which calculates travel times between events in Google Calendar. The calculation process itself can take up to 60 seconds. This sadly triggers Heroku's worker timeout of 30 seconds.

How can I move this process into the background so that the worker stays alive? What module would you recommend?

stable kite Oct 12, 2020, 11:04 AM

#

@sullen basalt yes Pagination is more easier

devout coral Oct 12, 2020, 2:49 PM

#

Can I get some feedback on this dropdown?

📎 unknown.png

versed python Oct 12, 2020, 3:29 PM

#

10/10 would close it

#

add some styles to it

#

maybe a light shadow border

exotic pond Oct 12, 2020, 4:33 PM

#

Hi
Anybody here knows PHP?
Can someone check my PHP code?
I have an issue and I didn't found big PHP server on discord as yours 😉

marble carbon Oct 12, 2020, 4:33 PM

#

PHP

#

GWsetmyxPeepoWeird

#

someone might help, but don't really think so since it's a Python server

exotic pond Oct 12, 2020, 4:36 PM

#

@marble carbon I know
But I didn't found PHP server on discord

marble carbon Oct 12, 2020, 4:38 PM

#

try asking on r/php

#

maybe

gray lance Oct 12, 2020, 4:39 PM

#

Hey, how can I use mysql-connector-python as the database for django? (I'm not sure if I'm using the right terminology here)
I've pip installed mysql-connector (v8.0.21) (Django v3.1.2)

#

It says

Try using 'django.db.backends.XXX', where XXX is one of:
    'mysql', 'oracle', 'postgresql', 'sqlite3'
``` when I pass `mysql.connector.django` as the `'engine'` in settings.py

stable kite Oct 12, 2020, 4:41 PM

#

@gray lance you should use mysqlclient

#

because django support it

gray lance Oct 12, 2020, 4:42 PM

#

Is there any way I can use connector though?

#

It's for a school project and I'm sort of forced to use stuff we've been taught

stable kite Oct 12, 2020, 4:44 PM

#

@gray lance i think you have procibally use mysqlclient for using django orm

#

there is error in your settings

#

check this out

#

@gray lance https://docs.djangoproject.com/en/3.1/ref/databases/#mysql-notes

Databases | Django documentation | Django

gray lance Oct 12, 2020, 5:10 PM

#

🤔 it says it may not support the latest release of django
could this be the problem?

stable kite Oct 12, 2020, 5:18 PM

#

which package gives you this warning?

gray lance Oct 12, 2020, 5:20 PM

#

nvm I installed mysqlclient, thanks :D

stable kite Oct 12, 2020, 5:21 PM

#

ok

native tide Oct 12, 2020, 5:51 PM

#

hi

#

anyone can help me?

#

@gray lance is this channel also for web scraping?

gray lance Oct 12, 2020, 5:58 PM

#

I'm not sure really

native tide Oct 12, 2020, 5:58 PM

#

ok

#

but can anyone help me?

devout coral Oct 12, 2020, 6:02 PM

#

Hello, Anyone here know how to check if the reason a post_save signal was triggered was do to a delete()

sleek flower Oct 12, 2020, 6:03 PM

#

im a pythoner and started recently coding in html and css i don't know why i can't link my css doc with my html doc can anyone help me on this?

devout coral Oct 12, 2020, 6:03 PM

#

What do you have so far?

#

What did you try

sleek flower Oct 12, 2020, 6:04 PM

#

I tried this <link rel="stylesheet" href="1owebsite.css"> @devout coral

devout coral Oct 12, 2020, 6:07 PM

#

You using django?

sleek flower Oct 12, 2020, 6:07 PM

#

no

#

html and csss

#

front end

#

@devout coral

devout coral Oct 12, 2020, 6:09 PM

#

Ok, can you show me the project structure?

#

the css file is in the same directory as the html file?

sleek flower Oct 12, 2020, 6:11 PM

#

imma show u

#

The html doc
<!DOCTYPE html>

<html> 
<head> 
<link rel="stylesheet" href="1owebsite.css">
</head>


<body>
<h1>3 ting du må vite om Nettverk</h1>

<p> 
<br>
<br>
<br>
<br>
<strong>Kort om nettverk</strong> <br>
Et nettverk er en samling av forskjellige enheter som er koblet til hverandre til å dele data.<br>
Eksempel på Nettverk er Internett der millioner av enheter er koblet seg sammen til hverandre.<br>
Et bilde <b>
</p>



</body>


</html>

The CSS doc
body {
    background-color: bisque;
}

```

#

@devout coral

devout coral Oct 12, 2020, 6:20 PM

#

Is that css file in the same directory as the html file?

sleek flower Oct 12, 2020, 6:29 PM

#

no

#

bro do you know the issue or not?

ionic idol Oct 12, 2020, 6:33 PM

#

what's the most secure way to store encryption keys & secret key of a django app?

native tide Oct 12, 2020, 6:36 PM

#

📎 unknown.png

#

Do you guys know what serializer actually means in this context in DRF? Is it translating JSON content into python code?

warped mirage Oct 12, 2020, 6:52 PM

#

guys i need some help

#

i installed django

pure fjord Oct 12, 2020, 6:52 PM

#

src code?

#

source code please

#

@warped mirage source code

warped mirage Oct 12, 2020, 6:54 PM

#

oh nvm

#

it worked

#

i was typing the wrong code

marble carbon Oct 12, 2020, 6:54 PM

#

yert

pure fjord Oct 12, 2020, 6:54 PM

#

you didn't even ask the right thing

#

i was asking for source code

#

3 times

#

2 in another channel

#

why did you make me suffer

warped mirage Oct 12, 2020, 6:54 PM

#

sorry !

orchid pond Oct 12, 2020, 6:56 PM

#

someone can help? thats not show me the site!!

📎 unknown.png

native tide Oct 12, 2020, 7:09 PM

#

@orchid pond why u running flask on repl when you can easily use vscode or pycharm

orchid pond Oct 12, 2020, 7:10 PM

#

but can you help?\

native tide Oct 12, 2020, 7:11 PM

#

It's hard to use flask on reply because u need to change up some setting and you need to install flask package in repl

#

But why u using repl?

orchid pond Oct 12, 2020, 7:11 PM

#

how I do that

quick cargo Oct 12, 2020, 7:12 PM

#

theyre trying to use it for a bot im guessing

#

even though REPL.IT IS NOT A BOT HOST

orchid pond Oct 12, 2020, 7:12 PM

#

its not write something on the console

#

why

#

How I fix that?

#

📎 unknown.png

quick cargo Oct 12, 2020, 7:13 PM

#

pay for a actual host

#

or self host

#

dont use repl.it and dont use heroku

native tide Oct 12, 2020, 7:13 PM

#

I personally prefer not to use reply.it for flask

orchid pond Oct 12, 2020, 7:14 PM

#

okkkk

native tide Oct 12, 2020, 7:14 PM

#

Just download vscode

quick cargo Oct 12, 2020, 7:14 PM

#

@native tide they're using it to 'ping' repl.it to keep their bot alive

orchid pond Oct 12, 2020, 7:14 PM

#

how I host the bot from: notepad++

quick cargo Oct 12, 2020, 7:15 PM

#

they're just trying to use it for a free host which it isnt designed for

#

@orchid pond run it... with python?

orchid pond Oct 12, 2020, 7:15 PM

#

yeah

quick cargo Oct 12, 2020, 7:15 PM

#

run it... with python...

orchid pond Oct 12, 2020, 7:16 PM

#

with cmd write: python and then the name of file

native tide Oct 12, 2020, 7:16 PM

#

Use Heroku or pythoneverywhere

quick cargo Oct 12, 2020, 7:16 PM

#

no

#

dont use those

native tide Oct 12, 2020, 7:16 PM

#

Why

quick cargo Oct 12, 2020, 7:16 PM

#

they are NOT bot hosts

native tide Oct 12, 2020, 7:16 PM

#

@orchid pond you aren't calling run()

#

Hmm

#

Does anyone have experience with DRF and serializers

orchid pond Oct 12, 2020, 7:17 PM

#

@native tide so...

#

\

native tide Oct 12, 2020, 7:17 PM

#

what?

quick cargo Oct 12, 2020, 7:17 PM

#

@native tide some what about them?

native tide Oct 12, 2020, 7:18 PM

#

@quick cargo My question is... what does a serializer even do? Convert JSON to Python code? I don't know.

orchid pond Oct 12, 2020, 7:18 PM

#

@orchid pond you aren't calling run()
@native tide so...

quick cargo Oct 12, 2020, 7:19 PM

#

@native tide pretty much

native tide Oct 12, 2020, 7:19 PM

#

Oh ok 🙂

quick cargo Oct 12, 2020, 7:19 PM

#

its purpose is to be the converter between the two types

#

so it generally will turn python things into json and vice versa depending on what its designed todo

native tide Oct 12, 2020, 7:19 PM

#

I have an API and it seems to convert between JSON and data in a python model... but it kinda knows itself what to translate into

#

@orchid pond I don't understand what you're trying to ask if you say "so...". I didn't understand the 1st time so repeating the exact same thing surely won't change anything

native tide Oct 12, 2020, 7:42 PM

#

Ooh getting into these REST APIs is actually really enjoyable

marble carbon Oct 12, 2020, 7:53 PM

#

yess

#

once you get into GraphQL it's even more fun

native tide Oct 12, 2020, 7:55 PM

#

lol

#

funny

#

lmao I always hear stuff about GraphQL either people love it with a passion or think it's the devil reincarnate

frank nebula Oct 12, 2020, 8:18 PM

#

Does anyone knows how to change the request.POST?

request.POST.__setitem__(key="email", value=email)

AttributeError: This QueryDict instance is immutable
or -
I need to add a form to a request or create a new POST request with a form

native tide Oct 12, 2020, 8:23 PM

#

@frank nebula can you do request.data["email"] = email?

#

class UserSerializer(ModelSerializer):
    class Meta:
        model = Users  # Don't forget that in the Meta class, we need a model and its fields.
        fields = ["username", "email", "hashed_password"]  # __all__ is a shorthand for all of the model's fields.

btw does my fields have to correspond to the fields in my model? Can they be different?

frank nebula Oct 12, 2020, 8:24 PM

#

Humm, i will try.

#

Thats the thing.
I have a to send a valid form to a view

native tide Oct 12, 2020, 8:25 PM

#

So you are working with an API? @frank nebula

frank nebula Oct 12, 2020, 8:26 PM

#

yes

native tide Oct 12, 2020, 8:26 PM

#

This is django right

frank nebula Oct 12, 2020, 8:26 PM

#

            
            validated_email = email
            form = PasswordResetView.form_class({"email" : email})
            form.is_valid() 
            ##Need to insert the form into request
            PasswordResetView.as_view(request)

native tide Oct 12, 2020, 8:26 PM

#

What's your API view?

frank nebula Oct 12, 2020, 8:27 PM

#

class PasswordReset(APIView):

native tide Oct 12, 2020, 8:28 PM

#

Hmm... the only way I know how to do it... is making a view like this (with the decorator):

@api_view(["POST])
def PasswordReset(request):
    request.data["key"] # Because the request.data is a dictionary

#

Then you can manipulate the request data

#

So you can send the data from your form into your API view and then manipulate it

frank nebula Oct 12, 2020, 8:29 PM

#

the thing is, this View needs a form to be validated, the frontend is sending the email in a JSON format, i need to transform this to a form and append to the request

devout coral Oct 12, 2020, 8:33 PM

#

all you have to do is pass the post data to the form.

#

@login_required
def notification_settings(request):
    if request.method == 'POST':
        form = NotificationSettings(data=request.POST, instance=request.user)
        if form.is_valid():
            form.save()

            return redirect('main-home')
    else:
        form = NotificationSettings(instance=request.user)

        return render(request, 'employees/notification_settings.html', {'form': form})

#

That is an example of a view from my project.

#

@frank nebula

native tide Oct 12, 2020, 8:34 PM

#

Ok, so just do form.is_valid() in your form view?

#

I don't fully understand what it needs to do here

devout coral Oct 12, 2020, 8:35 PM

#

I think he wants a form with his post data.

#

All he needs for that is to pass the post data when initializing the form.

#

Question, I currently have a view that handles the exporting of some information from my database as pdf. I made a py file inside my app called helper_functions.py to handle all these functions (that query the database for the needed things and create the pdf). Then they return the file object and the view returns it. I was wondering if this is alright or if I should have them elsewhere. I was first thinking of putting them in the models but then I would need to have a model object to call it. Not really sure what to do.

loud zephyr Oct 12, 2020, 8:51 PM

#

Hello! I am trying to override a property in one of my Django models, but everything still just returns "Question". Does anyone know how I can correctly override properties?

class Question(models.Model):
    text = models.TextField()
    image = models.ImageField(blank=True)
    section = models.ForeignKey(Section, on_delete=models.CASCADE)
    number = models.IntegerField(default=0)
    manual_grading = models.BooleanField()
    @property
    def questionType(self):
        return 'Question'

class FreeResponseQuestion(Question):
    correct_choice = models.CharField(max_length=200, blank=True)
    @Question.questionType.getter
    def questionType(self):
        return 'FreeResponseQuestion'

devout coral Oct 12, 2020, 8:54 PM

#

make sure to do .save() after any changes

#

@loud zephyr

loud zephyr Oct 12, 2020, 8:56 PM

#

@devout coral what?

#

I don't know what you mean

#

model.save()?

native tide Oct 12, 2020, 9:01 PM

#

@loud zephyr have you done makemigrations and migrate?

loud zephyr Oct 12, 2020, 9:04 PM

#

no changes detected since questionType is not a models object

devout coral Oct 12, 2020, 9:09 PM

#

@loud zephyr How are you trying to change a property?

loud zephyr Oct 12, 2020, 9:11 PM

#

@devout coral Well, I have a view that shows a list of questions. It includes MultipleChoiceQuestions, FreeResponseQuestions, and a few more. I'm trying to use a for loop like this {% for question in questions %} and I want each question to display the type of question that it is, but the problem is I don't know how to get the type of question if I just do {% for question in questions %}

devout coral Oct 12, 2020, 9:33 PM

#

oh just do.

{% for question in questions %}
  {{ question.questionType }}
{% endfor %}

#

@loud zephyr

loud zephyr Oct 12, 2020, 9:43 PM

#

@devout coral I do, right here <p class="article-content">{{ question.questionType }}</p> The problem is questionType is always 'Question'. It doesn't get overwritten

devout coral Oct 12, 2020, 9:44 PM

#

Yeah I think you should probably be doing a charfield with a choice on the Question model as opposed to doing what you are doing

#

class Counseling(models.Model):
    ACTION_CHOICES = [
        ('0', 'Verbal Counseling'),
        ('1', 'Verbal Warning'),
        ('2', 'First Written Warning Notice'),
        ('3', 'Final Written Warning Notice & 3 Day Suspension'),
        ('4', 'Last & Final Warning'),
        ('5', 'Discharge for \"Just Cause\"'),
        ('6', 'Administrative Removal from Service'),
    ]

    action_type = models.CharField(max_length=40, choices=ACTION_CHOICES)

Like this

loud zephyr Oct 12, 2020, 9:45 PM

#

I don't want the user to have to manually choose that though

devout coral Oct 12, 2020, 9:46 PM

#

You can set the field for them....

#

No need to have them choose

loud zephyr Oct 12, 2020, 9:46 PM

#

How

devout coral Oct 12, 2020, 9:46 PM

#

First, what is it that you are trying to achieve.

#

So I get a better understanding

loud zephyr Oct 12, 2020, 9:48 PM

#

@devout coral I'm making a test website. What I want to do is display a list of questions that inherit from the Question class. I want to be able to render multiple choice questions, free response, etc all under the same for loop. In order for me to do that, I need to be able to check which child of Question I'm dealing with. For Free response, I render a blank text field. For multiple choice, I render radio buttons

#

How do I check which "child" of Question I'm dealing with in a for loop?

#

That is my basic problem

native tide Oct 12, 2020, 10:27 PM

#

does anyone know how to make a download button?

#

in html

#

@umbral gust

#

can you help?

pine yew Oct 12, 2020, 10:47 PM

#

lmao, you can literally google that question

native tide Oct 12, 2020, 11:04 PM

#

Hi, I am trying to create a python web scraper using requests but unfortunately, the website I am trying to scrape is protected by Incapsula. I found this GitHub https://github.com/ziplokk1/incapsula-cracker-py3 but the code appears to be out of date and doesn't work anymore. Does anyone know how to bypass incapsulate with Python requests?

GitHub

ziplokk1/incapsula-cracker-py3

Python3 compatible way to bypass sites guarded with Incapsula - ziplokk1/incapsula-cracker-py3

acoustic oyster Oct 12, 2020, 11:13 PM

#

@native tide sadly this breaks the rules here and we cannot help you.

#

!rule 5

lavish prismBOT Oct 12, 2020, 11:14 PM

#

Rules

5. Do not provide or request help on projects that may break laws, breach terms of services, be considered malicious or inappropriate. Do not help with ongoing exams. Do not provide or request solutions for graded assignments, although general guidance is okay.

native tide Oct 12, 2020, 11:14 PM

#

sorry

acoustic oyster Oct 12, 2020, 11:14 PM

#

no worries

native tide Oct 12, 2020, 11:14 PM

#

didn't realize this broke any rules

acoustic oyster Oct 12, 2020, 11:14 PM

#

yeah, I do not think any one minds the mistake as long as you do not push it. haha

#

but we wont be able to help you.

native tide Oct 13, 2020, 12:32 AM

#

Hi

#

anyone can help me?

#

@acoustic oyster are you still there?

#

please ping me if anyone can help please

versed python Oct 13, 2020, 12:57 AM

#

https://dontasktoask.com/

Don't ask to ask, just ask

acoustic oyster Oct 13, 2020, 1:06 AM

#

@native tide w3schools has some good guides. Follow one of those, then come back if you hit a wall or have a specific question please. This is a broad topic with many levels.

Get all your html in place and do all you can with docs and guides, then come ask when you have a more specific question.

native tide Oct 13, 2020, 1:07 AM

#

ok

#

I already have a question though

#

how do I make a download button in html?

#

@acoustic oyster

#

oops

#

sorry for the ping

#

@manic frost do you know html?

#

@native tide do you know html?

marble carbon Oct 13, 2020, 1:11 AM

#

Brooo

native tide Oct 13, 2020, 1:12 AM

#

???

marble carbon Oct 13, 2020, 1:12 AM

#

Stop pinging random people you see online for no reason

#

you're going to get banned....

native tide Oct 13, 2020, 1:12 AM

#

oh ok

marble carbon Oct 13, 2020, 1:12 AM

#

GWsetmyxPeepoWeird

native tide Oct 13, 2020, 1:12 AM

#

ok let me delete them

pine yew Oct 13, 2020, 1:12 AM

#

@acoustic oyster I'd recommend pointing people at the mdn tutorials over w3schools. Higher quality, natural progression to reading good documentation

marble carbon Oct 13, 2020, 1:12 AM

#

noo

#

don't

versed python Oct 13, 2020, 1:12 AM

#

lol

marble carbon Oct 13, 2020, 1:12 AM

#

delete pings, even worse

native tide Oct 13, 2020, 1:12 AM

#

I already did

marble carbon Oct 13, 2020, 1:12 AM

#

coz ghost pings

native tide Oct 13, 2020, 1:12 AM

#

oh

versed python Oct 13, 2020, 1:12 AM

#

F

native tide Oct 13, 2020, 1:12 AM

#

I didn't delete them yet

versed python Oct 13, 2020, 1:13 AM

#

keep them there

native tide Oct 13, 2020, 1:13 AM

#

I was talking to mburzley

#

and do any of you guys know html?

versed python Oct 13, 2020, 1:13 AM

#

just ask

native tide Oct 13, 2020, 1:13 AM

#

I kinda need help

marble carbon Oct 13, 2020, 1:13 AM

#

download attribute anchor tag html

native tide Oct 13, 2020, 1:13 AM

#

ok

marble carbon Oct 13, 2020, 1:13 AM

#

https://www.w3schools.com/tags/att_a_download.asp
HTML a download Attribute - W3Schools

native tide Oct 13, 2020, 1:13 AM

#

How do I make a download button without using a hyperlink though

#

I already went to that site before

marble carbon Oct 13, 2020, 1:14 AM

#

hmm

versed python Oct 13, 2020, 1:14 AM

#

what are you trying to do?

marble carbon Oct 13, 2020, 1:14 AM

#

XY problem

versed python Oct 13, 2020, 1:14 AM

#

ahh

native tide Oct 13, 2020, 1:14 AM

#

make a download button for a image

#

that's what I am trying to do

marble carbon Oct 13, 2020, 1:14 AM

#

well image has a src obv, doesn't it

versed python Oct 13, 2020, 1:14 AM

#

the image is the download Button?

native tide Oct 13, 2020, 1:14 AM

#

no

#

I have another button

versed python Oct 13, 2020, 1:15 AM

#

so use that...

native tide Oct 13, 2020, 1:15 AM

#

???

#

yert

#

hyperlemon

stable kite Oct 13, 2020, 1:18 AM

#

@native tide just create a link and style it to look like button

native tide Oct 13, 2020, 1:18 AM

#

how do I style?

#

I haven't styled before

#

except for color

#

and I don't know how to color buttons yet

stable kite Oct 13, 2020, 1:19 AM

#

https://www.w3schools.com/css/css_link.asp

acoustic oyster Oct 13, 2020, 1:19 AM

#

how do I make a download button in html?
@native tide ```<button class="button">Download</button>

native tide Oct 13, 2020, 1:19 AM

#

but that only says button

versed python Oct 13, 2020, 1:20 AM

#

wtf

native tide Oct 13, 2020, 1:20 AM

#

doesn't trigger a download

versed python Oct 13, 2020, 1:20 AM

#

he's trolling

#

i think

native tide Oct 13, 2020, 1:20 AM

#

😑

acoustic oyster Oct 13, 2020, 1:20 AM

#

I'm busy, sorry haha. I do not totally understand which part you have a question about

versed python Oct 13, 2020, 1:20 AM

#

none of us have any idea

#

that's why they're not getting the help they want

native tide Oct 13, 2020, 1:21 AM

#

I need a download button that doesn't look like it has a hyperlink in it

marble carbon Oct 13, 2020, 1:21 AM

#

yert

acoustic oyster Oct 13, 2020, 1:21 AM

#

The download aspect is handled on the backend if you are downloading from a server, or you can add an href target __blank to a download server

native tide Oct 13, 2020, 1:21 AM

#

???

versed python Oct 13, 2020, 1:21 AM

#

just style it using css

I need a download button that doesn't look like it has a hyperlink in it
@native tide

native tide Oct 13, 2020, 1:21 AM

#

idk how to

versed python Oct 13, 2020, 1:21 AM

#

... look it up??

native tide Oct 13, 2020, 1:21 AM

#

ok

marble carbon Oct 13, 2020, 1:21 AM

#

okay ... I got this

stable kite Oct 13, 2020, 1:21 AM

#

#web-development message

native tide Oct 13, 2020, 1:21 AM

#

???

versed python Oct 13, 2020, 1:21 AM

#

"styling buttons using css"

acoustic oyster Oct 13, 2020, 1:21 AM

#

That is javascript then, you need a function that runs onclick()

native tide Oct 13, 2020, 1:21 AM

#

😑

#

ok

versed python Oct 13, 2020, 1:22 AM

#

yeah there are so many options, you need to use just one

native tide Oct 13, 2020, 1:22 AM

#

i don't use java script

versed python Oct 13, 2020, 1:22 AM

#

god

native tide Oct 13, 2020, 1:22 AM

#

I will just use css

marble carbon Oct 13, 2020, 1:22 AM

#

https://developer.mozilla.org/en-US/docs/Learn

MDN Web Docs

Learn web development

Welcome to the MDN learning area. This set of articles aims to provide complete beginners to web development with all that they need to start coding websites.

acoustic oyster Oct 13, 2020, 1:22 AM

#

If you are using djsngo or flask on the backend, then you need to set up the backend first

marble carbon Oct 13, 2020, 1:22 AM

#

here here 👌

native tide Oct 13, 2020, 1:22 AM

#

😐

pine yew Oct 13, 2020, 1:22 AM

#

go. read.

native tide Oct 13, 2020, 1:22 AM

#

i will use w3school

#

ok

versed python Oct 13, 2020, 1:22 AM

#

Bro you probably need to learn basic css

marble carbon Oct 13, 2020, 1:22 AM

#

no, use mdn :)

#

or you could simply post code ?

#

which u never did

#

yert

versed python Oct 13, 2020, 1:23 AM

#

i doubt he's written any

marble carbon Oct 13, 2020, 1:23 AM

#

same

native tide Oct 13, 2020, 1:25 AM

#

I can post my html code

austere prawn Oct 13, 2020, 3:13 AM

#

Hello

#

I'm using Selenium to check if there are any new posts within a class on the Edsby website and, if there are, click "like" on them

#

When a new post is made, it does not appear without reloading the page, rather, a notification appears saying "There are X new posts"

#

Once you reload the page, the posts appear

#

To avoid reloading the page every 5 seconds to check for new posts, I'm instead detecting when the "new posts" notification appears

#

However, I've run into a problem

#

For reference, here is the site

#

📎 unknown.png

#

I've blacked out any personal information

#

Here is the HTML structure I'm having trouble with

versed python Oct 13, 2020, 3:18 AM

#

we cannot help you if you black out your personal information - _-

#

joking aside, what's the error?

austere prawn Oct 13, 2020, 3:19 AM

#

Lol

#

📎 unknown.png

#

So

#

to provide context

#

There is a list of items whose class names begin with xds-feeds-feedItem

#

Those can be located at the bottom

#

each of those is one entire "post"

#

within the edsby page

#

Now, the part highlighted is what's giving me trouble

#

There are two extremely similar pieces of HTML that both represent a "There are X new posts" notification

#

One is highlighted, the other can be found a few lines below the first one

marble carbon Oct 13, 2020, 3:21 AM

#

I believe that notification is clickable?

austere prawn Oct 13, 2020, 3:21 AM

#

yes, it is

#

This would be easy to troubleshoot if I had a genuine Edsby "new posts" notification

#

From an actual post

marble carbon Oct 13, 2020, 3:22 AM

#

there's two different IDs

austere prawn Oct 13, 2020, 3:22 AM

#

Yeah, the IDs are different

#

I'm just confused about which one I should be looking at, if I want to detect when there's a new post

#

I'm not good at HTML or any form of web development, so this next question may seem dumb:

marble carbon Oct 13, 2020, 3:22 AM

#

how about u use the website as a user, and when it appears, inspect it

#

and click on it while you're still inspecting

austere prawn Oct 13, 2020, 3:23 AM

#

Is it possible to see the code that makes this item change from hidden to unhidden?

#

See, the problem is, edsby has a really janky timeout system, and it would require me to wait a day or two for a new post to be made

#

I'm just wondering if I can, using the chrome console, see the code that causes the notification item to become unhidden

#

when a new post is made

marble carbon Oct 13, 2020, 3:24 AM

#

it depends whether they have left any console log statements in their code

#

or you can simply

#

check the javascript files attached on that page by doing view source

#

and search for the IDs

austere prawn Oct 13, 2020, 3:25 AM

#

"sources" tab?

marble carbon Oct 13, 2020, 3:25 AM

#

chrome?

native tide Oct 13, 2020, 3:25 AM

#

does anyone know atom the text editor here?

marble carbon Oct 13, 2020, 3:25 AM

#

Ctrl + U

#

@native tide that would be in #tools-and-devops

native tide Oct 13, 2020, 3:25 AM

#

i need to know how to run the code

#

ok thank you

austere prawn Oct 13, 2020, 3:26 AM

#

okay

#

I opened the source

marble carbon Oct 13, 2020, 3:26 AM

#

Ctrl + F

#

<script

austere prawn Oct 13, 2020, 3:26 AM

#

<script?

#

okay

marble carbon Oct 13, 2020, 3:27 AM

#

that'll highlight the script tags for u

austere prawn Oct 13, 2020, 3:27 AM

#

Hmm

golden shore Oct 13, 2020, 3:27 AM

#

Hey can anyone suggest me best Quiz provider for my Django-React application ?

austere prawn Oct 13, 2020, 3:28 AM

#

I don't think the source code provided by Ctrl + U is what makes the site tick

#

this is the body:

#

📎 unknown.png

marble carbon Oct 13, 2020, 3:28 AM

#

i cant really tell without having access to site tbh

austere prawn Oct 13, 2020, 3:29 AM

#

but in the Sources tab there's a file tree with other scripts

#

hold on

marble carbon Oct 13, 2020, 3:29 AM

#

I am just throwing possible solutions that I can think of

austere prawn Oct 13, 2020, 3:29 AM

#

I'll poke around the source code for a minute

marble carbon Oct 13, 2020, 3:29 AM

#

this is the body:
@austere prawn uh

#

can u download a tool

austere prawn Oct 13, 2020, 3:30 AM

#

What tool?

marble carbon Oct 13, 2020, 3:30 AM

#

a sec

#

https://www.wappalyzer.com/download/

Browser extension - Wappalyzer

Install the Wappalyzer browser extension to see the technologies used on websites you visit at a glance.

austere prawn Oct 13, 2020, 3:30 AM

#

Okay I found the "core" source code

marble carbon Oct 13, 2020, 3:30 AM

#

this one and see if it is using any JavaScript framework on the page you're looking at

austere prawn Oct 13, 2020, 3:30 AM

#

it definitely is

#

here's the file tree

#

📎 unknown.png

#

I'm searching for the ID now

marble carbon Oct 13, 2020, 3:32 AM

#

hmm seems like webpack, idk it would be better to find out which client side framework it is using, and modify the approach according to that