Detailed Notes
This tutorial is part two of some debugging steps and moving the UX form buttons to some clickable DIVs.
You can view source for today and all prior days by reviewing the tag Day 43 at this GitHub (this one includes day 42 as well): https://github.com/robbroadhead/develpreneur-pythontutorial
Transcript Text
[Music] well hello and welcome back we are continuing doing some uh some debugging basically uh based on some of the session variables we set and we are going to dive right into a couple of things that we want to work through now from a navigation point as well now we can get to our tasks by going through a roadmap then a time frame and then clicking down into a task and in this case we can return back to our time frame and we're good however if we come from a task list then we don't really want to do this when we're able to return to the task list if we come from our home page this is actually our to-do list and we'd want to be able to return to our to-do so what we can do is we can and we can leave those up there we can do this annual personal goals which of course we can go to our lists pretty easily so what we probably want to do is come in and just allow this return to per annual personal goals let's make that work and the reason it doesn't is when we come through road map as we drill our way down in this one works and we get our time frame equals one so that's being set right but if we go from our task list and we return then we're getting it does not exist but it's not because our time frame so our time frame is correct what we have to actually look into here is we'll see that our oops here our road map is not correct because it's having an issue with that and probably because that's going to be none we ran into that before so we're going to look at the same thing basically here where we did it before with our we're editing a task and we're checking to see if it existed then we also need to do in the edit roadmap i'm sorry edit time frame probably uh edit time frame let's just do it this way edit time add a task edit time frame then we're going to see again if it's in the session but it also we need to check so i'm gonna do that same one if the r mid we gotta make sure if it's none or not because we're not actually removing it from the session when we clean it instead we're setting it equal to none and so i think that's the only place we checked that so now uh we're gonna see a different one and so this is the list object has no attribute id so if we look at here that time frame id probably isn't getting set right so let's look at 278 and it's probably the same issue oh id oh because we have a roadmap.id but we need to create i need to do it like this actually or let's do this let's see so the road map we know because we're coming in from the time frame so we can actually build that so if there's not a road map there then we actually can pull it from i believe does our time frame point to a road map if it does and let's just put it does so here road map equals none uh actually we don't even need to work yeah so we want to do that because here it's equal to that otherwise we want it to be equal to so if it's in the session we're going to use that one else and actually we probably need to do this anyways let's just we can actually just do it this way because we've got our oh this would be if it was new so that's going to be in our session otherwise it's going to be equal to our object itself which is data dot road map so if we look here let's see that annual personal goals should be able to still have same one oh we don't have it right so data may not be correct well let's do it this way when we do the get we'll just do it up here because i think we're not getting it let's see that's record deleted i think i called it roadmap let's make sure real quick up roadmap with the lower i don't know because we had its proper name oh that's a verb okay let's see if this works it's a case suggestion and if we do this now now we're back to this so we're missing something else in here it is missing there's no attribute id oh time frame id are we not getting that set right we may not be oh that would be the parent and so from up here so we've got id which is the time frame did we reset it we did not it's like we're missing something on one of these oh probably this roadmap does not have an id so if we look at roadmap are we getting it built we have none oh shoot i don't need that because i just blanked it out my mistake silly mistake now we're running and we have this going so now we should be able to do this return annual personal goals which it does if we go to tax task lists time frame should be you know personal goals and yes it refers to it so now we've got those cleaned up so now we can actually walk through our all of our tasks and we can actually push them up and down and do what we need to now we had some that here i think we missed some of our count so if we look here that looks pretty good if we go here oh that's what we want to do uh one of the things we're doing is we're going to show the number of tasks here but i think i'm going to leave that for now i want to clean this thing up so i want to go back to basically my general edit and i'm going to clean this up a little bit and what i want to do is uh let's see i want to actually like slide this over and clean it up so it looks a little bit more like it sort of flows with the other stuff so what we've got here is if we look at our card here we've got this table that's got a width of 80. but what i want to do is let's make it uh let's center it so it's going to be 95 and let's change our border color to maybe match what we've got up top so if we look at uh let's do it let's see maybe we'll just do a gray and see what that looks like actually let's start with the black look at that that looks a little bit better what we want to do is we want to get some spacing around some of this and so uh let's take that actually let's go ahead to 100 and let's change it to this color so if we look at this color it is this and so let's go back to our card uh our table let's see if this looks a little better if we do it this way so now we've got this darker red and so it looks a little bit better and then what we want to do is within our table uh where did that go after our i don't table if i can do it from here well i'm going to space this out a little bit and i'm going to change these so that they are i think we called it thing called a button task and we want to let's change that up a little bit so we're going to create a button form so let's start with this so let's go to this table and well let's just take that and so this is on edit task well go over here edit task that's task list don't need that up uh let's see well i can do this see road map edit has that table same kind of thing okay let me go back over to here for some reason i didn't pick that up copy the element let's see if this works a little better i don't know what oh it's not copying that sorry i don't want to copy the element i want to copy the oh because it was doing the whole thing can i just copy no let's see if i can do it this way nope it doesn't want it so let's just copy the color and then we'll fix the rest of it so let's do the whoop wrong one so let's do this here that's going to be 100 color is going to be red and we want to see the same thing for basically all of our edits come in here table and time frame edit we do the same thing oh except for heat time frame that it is not working off of that so we're good oh because he doesn't have his forms up here there we go there's our edits so now we've cleaned that up so everywhere that's going to look like that let's say let's work on these buttons a little bit and actually with this table and this is on because we're going to do this for edit task we'll start with the edit task is we've got this button and let's do a little break here so that gives us even if we have this we're going to have at least now a little bit of space there and actually let's do it this way let's do it only if we have a button and then here we're going to do a break before we get our little uh and let's and we'll leave them there but let's do class equals and this will be button edit and let's change those a little bit so let's go to our button edit and we're going to have to we'll get this changed because then it's going to take a little while for this thing to jump back in so if we go check for our buttons we have a button task and let's make this our button do our button edit and let's make that uh let's see let's go back and look at our task one so that was pretty good so let's take a look at that and so that was the text was one color and we had that dark gray so let's actually change this around a little bit for button edit let's take the background color let's see the text color is that red so that's gonna be now my background color and let me let's make the color uh pretty bright and we'll keep the border color oh we're going to expand the width and so let's see if it'll actually pick this up yet probably won't and that was on edit a task so they're not it's not picking that up yet so we'll have to pick that up next time around which is good because we've hit our time limit for today and we're going to clean up these buttons a little bit as you see we're spacing stuff out a little bit um that did not pick up whoops task edit let's make sure we've got that return to parent let's give it an extra one space a little bit i may not have saved that right there we go so we've got a little bit more space here and we're going to clean up this and we're going to come back around and start actually building out uh walk through and actually do some tasks get some stuff completed next thing we want to do is add some reports so we're getting there but until next time have yourself a great day a great week and we will talk to you at that point you
Transcript Segments
[Music]
well hello and welcome back
we are continuing doing some uh some
debugging basically uh based on some of
the session variables we set
and we are going to dive right into a
couple of things that we want to work
through now from a
navigation point as well now we can get
to our tasks
by going through a roadmap then a time
frame
and then clicking down into a task and
in this case
we can return back to our time frame and
we're good
however if we come from a task list
then we don't really want to do this
when we're able to return to the task
list
if we come from our home page
this is actually our to-do list and we'd
want to be able to return to
our to-do so what we can do is we can
and we can leave those up there we can
do this annual personal goals which of
course we can go to our lists
pretty easily so what we probably want
to do
is come in and just allow this return to
per annual personal goals
let's make that work and the reason it
doesn't
is when we come through road map as we
drill our way down in
this one works and we get our time frame
equals one so that's being set right
but if we go from our task list and we
return
then we're getting it does not exist but
it's not because our time frame so our
time frame is correct
what we have to actually look into here
is we'll see that our oops here our road
map
is not correct because it's having an
issue with that and probably because
that's going to be none we ran into that
before so we're going to look at the
same thing
basically here where we did it before
with our we're editing a task and we're
checking to see if it existed
then we also need to do in the edit
roadmap
i'm sorry edit time frame probably
uh edit time frame let's just do it this
way
edit time add a task edit time frame
then we're going to see again if it's in
the session but it
also we need to check
so i'm gonna do that same one if the r
mid we gotta make sure if it's none
or not because we're not actually
removing it from the session when we
clean it
instead we're setting it equal to none
and so i think that's the only place we
checked that so now
uh we're gonna see a different one and
so
this is the list object has no attribute
id so if we look
at here that time frame id probably
isn't getting set right
so let's look at 278 and it's probably
the same issue
oh id oh because we have
a roadmap.id but we need to create
i need to do it like this actually
or
let's do this
let's see so the road map we know
because we're coming in from the time
frame so we can actually
build that so if there's not a road map
there then we
actually can pull it from
i believe does our time frame point to a
road map if it does and let's just put
it does
so here road map equals
none uh
actually we don't even need to work yeah
so we want to do that because here it's
equal to
that otherwise
we want it to be equal to so if it's in
the session we're going to use that one
else and actually we probably need to do
this anyways
let's just we can actually just do it
this way because we've got
our oh this would be if it was new
so that's going to be in our session
otherwise
it's going to be equal to
our object itself which is data
dot road map
so if we look here let's see
that annual personal goals should be
able to still have
same one oh we don't have it right
so data may not be correct
well let's do it this way
when we do the get we'll just do it up
here because i think we're not getting
it let's see that's record deleted
i think i called it roadmap let's make
sure real quick up roadmap with the
lower
i don't know because we had its proper
name
oh that's a verb okay
let's see if this works it's a case
suggestion
and if we do this now now we're back to
this
so we're missing something else in here
it is missing
there's no attribute id oh time frame id
are we not getting that set right we may
not be
oh that would be the parent
and so from up here so we've got id
which is the time frame
did we reset it we did not
it's like we're missing something on one
of these
oh probably this roadmap
does not have an id
so if we look at roadmap are we getting
it built we have none
oh shoot i don't need that
because i just blanked it out my mistake
silly mistake now we're running and we
have this going so now we should be able
to
do this return annual personal goals
which it does if we go to tax
task lists time frame should be you know
personal goals
and yes it refers to it so now we've got
those cleaned up
so now we can actually walk through our
all of our tasks
and we can actually push them up and
down and do what we need to
now we had some
that here i think we missed some of our
count so if we look here that looks
pretty good if we go here
oh that's what we want to do uh one of
the things we're doing is we're
going to show the number of tasks here
but i think i'm going to leave that for
now i want to clean this thing up so i
want to go back to basically my general
edit
and i'm going to clean this up a little
bit
and what i want to do is
uh let's see i want to actually like
slide this over and clean it up so it
looks a little bit more
like
it sort of flows with the other stuff so
what we've got here
is if we look at our card
here we've got this
table that's got a width of 80. but what
i want to do
is let's make it uh let's center it
so it's going to be 95
and let's change our border color to
maybe match what we've got up top
so if we look at
uh let's do it let's see maybe we'll
just do
a gray and see what that looks like
actually let's start with the black
look at that that looks a little bit
better what we want to do is we want to
get some spacing around some of this
and so uh
let's take that actually let's go ahead
to 100
and let's change it to this color so if
we look at this color
it is this
and so let's go back to our card
uh our table let's see if this looks a
little better if we do it this way
so now we've got this darker red and so
it looks a little bit better
and then what we want to do is within
our table
uh where did that go after our
i don't table if i can do it from here
well i'm going to space this out a
little bit
and i'm going to change these so that
they are i think we called it thing
called a button task
and we want to let's change that up a
little bit
so we're going to create a button form
so let's start with this
so let's go to this table
and well let's just take that and so
this is on edit task
well go over here edit task
that's task list don't need that up uh
let's see
well i can do this see road map edit has
that table
same kind of thing
okay let me go back over to here for
some reason i didn't pick that up
copy the element
let's see if this works a little better
i don't know what oh it's not copying
that
sorry i don't want to copy the element
i want to copy the
oh because it was doing the whole thing
can i just copy no
let's see if i can do it this way nope
it doesn't want it so let's just copy
the color
and then we'll fix the rest of it so
let's do the whoop wrong one so let's do
this here
that's going to be 100 color is going to
be red
and we want to see the same thing for
basically all of our edits
come in here table
and time frame edit we do the same thing
oh except for heat time frame that it is
not working off of that so we're good oh
because he doesn't have
his forms up here there we go
there's our edits so now we've cleaned
that up
so everywhere that's going to look like
that let's say let's work on these
buttons a little bit
and actually with this table
and this is on because we're going to do
this for edit task we'll start with the
edit task
is we've got this button and let's do
a little break here so that gives us
even if we have this
we're going to have at least now a
little bit of space there
and actually let's do it this way let's
do it only
if we have a button and then here we're
going to do
a break before we get our little uh
and let's and we'll leave them there but
let's do class equals
and this will be button edit
and let's change those a little bit so
let's go to our button edit
and we're going to have to we'll get
this changed because then it's going to
take a little while for this thing to
jump back in
so if we go check for our buttons we
have a button task
and let's make this our button
do our button edit
and let's make that
uh let's see let's go back and look at
our task one
so that was pretty good so let's take a
look at
that and so that was the text was one
color and we had that dark
gray so let's actually change this
around a little bit
for button edit let's take the
background color
let's see the text color is that red
so that's gonna be now my background
color
and let me let's make the color
uh pretty bright
and we'll keep the border color oh we're
going to expand the width
and so let's see if it'll actually pick
this up yet probably won't
and that was on edit a task
so they're not it's not picking that up
yet so we'll have to pick that up next
time around
which is good because we've hit our time
limit for today and we're going to clean
up these buttons a little bit
as you see we're spacing stuff out a
little bit um
that did not pick up whoops
task edit let's make sure we've got that
return to parent let's give it an extra
one
space a little bit i may not have saved
that right
there we go so we've got a little bit
more space here
and we're going to clean up this and
we're going to come back around and
start actually building out
uh walk through and actually do some
tasks get some stuff completed
next thing we want to do is add some
reports so we're getting there
but until next time have yourself a
great day a great week
and we will talk to you at that point
you