okay there we are excellent we're live Mr Cole I am on
time today I was actually I almost joined two minutes early was like just to show them
I could be early too right but uh how's everyone doing today see we got
some viewers let's see some activity in the chat everyone say hello make sure we got audio and video as usual David nice
to see you bud long time no see we've been missing you on
Fridays Franco two weeks in a row Mr Cole yep
there we go although to be fair I think last week I think I was like one minute late but close enough close enough you
know it my Brazilian wife is it's rubbing off on me you know the in terms of you know slacking off and just taking
it easy you know taking my time
excellent hey Sean Dr Bob Rion hope everyone's doing
well today we have some fun stuff to show off
today let me raise my desk here there we go um so as you probably know um if you
especially I know some of you have already been on Hangouts so um yeah I've
been working uh pretty hard on Pi version 2 for for about 3 weeks
now um especially uh in the past week um
it's been like 12 plus hour days uh just getting it done and I'm really happy
with it it's uh it's really come along um I am going on a small weekend trip uh
starting tomorrow morning so I wanted to get it all done um I wanted to get it
shipped this week but may maybe if I didn't have my uh my getaway planned for tomorrow um going away for the a long
weekend then uh I I could have gotten an officially released but just let everybody know um I do have it available
for pre-release today okay you can go to the site you can already get the upgrade
as we speak okay I've actually shipped it I didn't announce it or anything like that but just for everybody here I know
you guys are going to want you get get your hands on it so um I haven't updated the product page with the all the new
features and I haven't updated the demo and all that stuff okay but the if you buy it now you get version two okay uh
the upgrade or the the original purchase so uh yeah just let you know you buy PI
right now uh you will get version two it's already shipped you don't I know sometimes I pre-release stuff and then
the downloads aren't available it's available it is shipped 2.0 is out there um it is going to be what I show you
today um so I well today minus one small thing which we'll get to I added
something like 10 minutes ago um that will be in the next update probably next week
okay um it's it's time away it's I'm going to
be busy it's a volleyball tournament just let everyone know I I am going to a volleyball tournament with my daughter
um so it will be a crazy weekend of uh hectic volleyball um trying to bite my
nails because it's probably going to be really close games um so yeah really excited about that um I do I do enjoy
that I'll be taking a gazillion photos I'm kind of like the team photographer um so I record every game take all the
photos and all that jazz so anyway right but we care about PI right now
so um let's uh go ahead and share my screen now I I'm probably I I know some
people here might not even know what pi is okay so um let's dive into kind of
just what pi is so
um let's go here actually let's go let's go to the product page that's fine we'll
we'll look at we'll look at this demo file okay oh I changed everything to
Foundation one second uh I think
uh sorry one second let's use this one okay um so so
I completely redid the demo this actually took me like three solid days to redo this demo for pi 2 uh it the
original demo file from PI um and I completely revamped it for pi 2 um
making sure everything worked and it's all using for the most part the starter pack um there are some that have to use
Foundation 6 form Fields because there's more advanced fields than what uh the starter pack has but I tried to get
everything uh done uh with it with the starter pack as possible okay um so this demo uh has I'm sure a lot of
you have seen it it's the same demo that's on the pie again the the pro the demo on Weaver space has some fancier
Fields like sliders and stuff where some of these don't use that just because it's not in the starter pack okay but
same thing I just use a number field instead okay um because the slider just produces a number so there we go so for
all intensive purposes Pi um essentially watches uh form inputs and then allows
you to do calculations or update data I mean essentially uh it can do a lot okay
um but here we have if you put in a number of pixels it'll tell you how much REM that is right so as I increase these
you'll see that it dynamically changes this and shows us how much REM if you
don't know what REM is it's a you know it's a unit of measurement in on the web
and normally it's um one REM to 16 pixels so this is just a quick little
calculator that lets us do that okay um here is another one where we see where I
have one input and I can have multiple outputs okay um again there's just more
kind of calculations here so I put in the radius of a circle here's the perimeter here's the area so we can get
some complex math and stuff like that right um it can do some other stuff kind of cool stuff where it can actually if
you see here it's not only updating uh these update the actual content or like
headers content on the web page based on uh numbers that we Supply okay but it
can also affect styles on the page as well so like for here here's an example where um I'm actually going ahead and
based on this number input I'm actually Translating that into um the size of the
text okay so there's a lot of things that we can do some interesting um things and this is kind of a cool little
part of the demo that you know um this actually doesn't use piie much it just basically uses some fancy JavaScript
that in this demo project if you want to steal it um that will then uh modify the
input value which then obviously because Pi is watching this input it'll modify
the style of this text so kind of a cool little doohickey
there um let's go fur I mean there there's just some more complex as you see here we're taking in the account
mult multiple inputs so here I'm taking this time this equals 66 M squ okay so
you you can take into account multiple inputs into formulas that you then do calculations on okay um here is a very
complex one where we're like calculating how many paint you know cans of paint we
need to paint a room right so here there's several different inputs uh that
we can use and based on all that we get down to the number of paint cans required okay okay um some pretty
interesting stuff um here we'll notice that uh I'm translating uh I'm typing
into an input and I'm updating the label as well as another input field so you can actually update input Fields as well
so this just kind of a an ex silly example right but here you can see how we can have an example of
you know picking a month uh a number and that translating it into text okay now
this is a quite elaborate example um and this allows you to uh pick a year uh a
month and a day and then it calculates the day of the week that you were
potentially born uh some people have criticized this uh um this demo and um
said that my calculations were wrong CU someone was born on a Wednesday and it says Tuesday so apparently somewhere in
there my math is slightly off um but the premise of the demo is pretty slick it
just shows you how uh and actually this is a quite complex demo which we can actually look at that in a little bit um
I'm not going to dive into all the intricacies of the equation but um yeah just to kind of show you how you can do
something take multiple inputs and based on that kind of output something uh that
could be useful right here here's an example where uh we're actually doing some color
manipulation so as I increase these colors you'll see that I'm not only just displaying the the actual color values
here but I'm actually styling the text all at the same time as well so um as I'm choosing a hue of saturation and
lightness um here let's make that a darker color there we go as I'm making the lightness smaller it's changing the
actual color of these which is pretty cool okay um then we can here's an
example of where we can get select boxes and um check boxes this is actually a
really great demo that I think people can really understand so let's say this is like something for like a conference
ticket um where you say oh I have two people I want the standard package and as you notice the total um and I'm going
to add a couple add-ons and I want this add-on here and as you see here is the actual total for my um checkout or my
cart right let's say um for my form so pretty cool you can kind of add and
subtract these things and you see the total um update dynamically on the Fly
based on the calculations that I made um and if you look here like if I do um I
think the add-on if I remember correctly these are per person and this one is per event so it doesn't matter if it uh is
one people or two people this uh when I check this it only gets applied once uh
but then these add-ons here the value are multiplied by the number of people right so um it's pretty interesting how
that uh calculation works okay um here we can also do some date and time math
okay so here I'm just saying the number of hours it's saying here's my local time and then it's calculating the date
and or time zones for particular people right um and then here we can actually do actual date math so I have two date
inputs here and let's say I change this to be uh 2026 you know and then I can
say how many days is that how many hours away is that how many seconds away is that right so you can kind of do some date math as well with pi which is
pretty cool um yeah not going to keep going actually here we'll we'll jump
down to this very last example okay and this one's kind of cool where I I have um I'm checking these checkboxes and
each one that I'm checking kind of displays down here right so there's a lot of workflows for forms where maybe
you want to display information based on what they've checked like create some sort of summary and um yeah this kind of
an interesting uh tidbit okay now everything you've seen right now um was
all possible inside Pi version one okay I wanted to give you kind of a a premise
on what pi is um and kind of we'll we'll dive into it a slight one of these
examples here just kind of see how Pi Works in edit mode okay um all of these are Pi 2 so if you
know if you're familiar with pi 1 you'll probably see some of the differences okay but essentially here what you do is
uh you Define pi and in here what we're doing is we're we're updating HTML on the page we're updating the the action
there's three different actions you can do you can update content on the page so I'm going to update this particular
header um or you can update a form so if you want uh as you saw some of those you can actually populate form input fields
or you can actually update CSS or the Styles okay so you can do as many of these as you like um based on uh your
formula okay and your formula is typed into here so this is a super simple
example here I'm doing pixels divided by 16 now if you look here uh here is my
text input and this is has a form field name of pixels so if I ever want to
access the value Val of this inside of Pi all I need to do is know that form
field name and then use it inside of my Pi equation with this particular syntax
now uh if you're an original Pi version one user you'll notice that this syntax has been updated a little bit um it is a
dollar sign and one curly brace around okay this is a change um from the
previous version and this was uh This was done in order to um
stop any potential conflicts in the future with things like total CMS and feeds that use something called twig not
going to dive into that but the syntaxes were very similar and um yeah I didn't want to have any sort of conflicts um
between the two products so I updated the pi syntax one thing that's nice about this syntax is its actual native
JavaScript syntax so um that's quite nice okay um so in here uh all I did is I
said I want to update um HTM and if you notice here it says whatever I add the class of pi- REM now here in
pi you give it a field name just as any other form input field you give it a name and anything I add pi-r to uh will
get updated with the contents and if you look at this header I added the class Pi REM and that's exactly why this header
gets replaced with the actual value from PI which is pretty
cool okay so that's kind of a a a very simple version of pi as you see down
here we can get a little bit more complex where you can actually have um pies reference each other right so here
I have a number okay which is just a number one and here this one multiplies it by three but then down here I'm
actually referencing this Pi this Pi has a name of triple and I can reference
triple inside of a different piie stack right so you can have pies that are based on other equations that you've
already built right so it's pretty cool um and as you see here this particular example has 1 2 3 4 five different
examples of how we could use um pi and how they can talk to each
other um so yeah that gives us a nice little um oh and here down here we'll
just look here we have something special called math.pi we can do all kinds of stuff now I don't want to do a
full-blown tutorial on how to on how to implement all of these today um I know we we want to get going and seeing what
all the new features are okay because there's some awesome new features here today as well okay um if you have any
questions or you want some clarifications on on any of this um please go ahead and let me know and I'll
make sure I I touch base on some of that today if I can if if I see your question in time okay else go ahead and feel free
to ask on the community okay all right so let's look at um actually you know
what let me go into my release notes really quick just to make sure uh let's see okay so here here's the the
official release p uh P product
page it's probably there should have got put up there
see oh good oh oh it didn't what the heck happened to my release notes Here
darn it something happened got all garbell goop I have to fix that I have
to look at my automation okay uh darn it oh well um so other things Pi
2 um so the if you if you remember before there
used to be a process as text checkbox and um it was always very confusing for
people to know when to check that and when not to check that and so yeah I've eliminated that setting and um Pi just
does what you would expect it to do okay um yeah it's much smarter now it's much
more clever in terms of predicting what you want if you want to Output a mathematical formula or if you want to
Output text okay um so yeah um it just works now okay you don't need to have
that checkbox anymore that was actually a quite a big change um there was a lot of smarts to go into that another thing
is a lot of the dependencies so Pi used jQuery so it's been completely Rewritten in Native JavaScript and uh yeah it's
nice it's much faster now it's more performant um and it actually everything happens in real time which is really
really cool um so before uh if if you made any changes let's say I typed in some changes here okay uh you wouldn't
see as you you'll see as I'm typing in to this the numbers are dynamically changing on the Fly um before you'd have
to like either Tab out or hit enter key or something like that right so now all the all the values are calculated on the
Fly um so you don't need to worry about that it just all just just happens immediately um so much more performant
um yeah and I'm I'm really happy with how that turned out okay
um let's see um we'll go into the new Stacks in a little bit real time
processing performance yep we talked about the syntax okay um let's dive into
some of the new stuff okay um we we'll go into the fancy one I know that I think is going to cause the most Wows
okay and this is um the gauges okay so there is a new stack called P gauge and
allows us to create um graphs and charts based on our form inputs okay which is
pretty cool here's a few examples of things that we can do um right now this is the only style uh it's either a gauge
or a circle okay um kind of a donut chart and uh eventually you know this
kind of this is my dip in the toes I think eventually I will create an entire chart Suite of stacks that will be
external to Pi okay but I thought this was a nice introduction for myself to to kind of learn how to do charting um and
then we'll we'll get something more Pro and better for pie charts and bar charts and all that stuff um in the future okay
I think that'd be really awesome to have with total CS 3 but let before we get off on a tangent there let's start
looking at this so as you see here as I Chang these inputs okay all of the charts change and update dynamically now
some of these charts allow you to only have one number so like this particular one only references the top and that's
it okay U but I see these other ones allow you to actually reference um multiple data points okay now I'm
referencing these uh values right here directly from the slider however um you
could reference pi as well so let's say you have a complex mathematical formula and you want to Output that formula
inside your chart totally do that okay um I just thought for this particular
demo it was just easier to show uh and understand how it just are directly
manipulated through these sliders okay um let's look at some of the unique features on a per chart basis here okay
let's start off with this one so as you see here um it just it's mapped to this particular slider and something that is
quite interesting okay is notice how the color uh again we're focusing on this top left chart how the color changes as
the value changes okay it goes from red to orange to Yellow eventually to Green
okay um so what this allows us to do is it allows us to Define thresholds for
our colors so in the settings you'll notice that I have multiple colors defined and I can Define thresholds for
this so once um you know from 0 to 30 here U let me get my little uh my little
cursor bad boy here okay uh you'll see here that we have a threshold of 30 50
and 80 okay so uh once I passed 80 it went green but once I dip below 80
you'll see now it goes yellow okay and then once it dips below 50 okay um it goes orange and once we
dip below 30 it goes red right so this is kind of a a great way as maybe a user is filling out your form in some way um
and you're doing some sort of calculation to kind of give them a progress of how they're doing okay um
you know uh by you know changing the color like hey you're green you're good to go right um so we can define those
thresholds here okay um as you notice here you can actually hover over and now I think the
hover kind of works better let's move over to this next one you'll see here in this particular next one on the top
right okay uh we're defining two different data points and they're directly mapped to um the
sliders however I I you can have them set to be multiple rows let's say let's
for lack of a better term okay um and if you notice you hover over that you can see this value is 88 you hover over this
one is value of 47 you can also hover over these uh in the legend you can actually turn off values and turn on
values which is kind of interesting as well okay um so yeah this is kind of interesting I I like how the gauges are
kind of displayed um with the lines and then the numbers are out there I think it's quite nice okay and again this is
allows us to map multiple data sets or multiple data points points now you can actually add thresholds here as well um
but here I just want to show you how you can actually have them just be static uh colors as well
okay um down here uh we have a traditional kind of dut chart okay and
as you see this one um you can have multiple data points however and have them on the same row okay but another
another thing happens here is that you'll notice that instead of the the raw value okay it shows us a percentage
Okay so you can actually say hey instead you know this is a value of 70 which you can kind of see in the little tool tip
as I hover over here but it's 42.4% of the total right uh which is
quite interesting so as you resize these the percentage is dynamically calculated
um for each one and again you you can hover over these um items and see each individual one you could turn on and off
uh items with the legend as well okay uh and then this is the you know
multi multi- example but with two rings okay and they are you know as you see
individually mapped um here as well okay pretty cool I'm really happy about that
um I I think the charts turned out really well I think they're fun to play with I've sat here and played around
with charts for hours already right um pretty cool
stuff uh we'll look at the settings really quick um so you can actually you can map uh well let's look at these Set
uh secure you you'll see that I have two sliders okay I have uh number and number two okay the actual field name is called
number two okay um I was super clever when I did that okay
um so uh in here uh let's look at this one uh you can you'll notice here we
have input names and you supply the actual name of the fields that you want to import data from okay um if you
wanted to import um a pi let's say here like this one I I created a pie here called addition that adds number one
plus number two let's go ahead and oh and oh this one adds uh let's do addition here okay so now we have
addition and if we app apply there you'll see now it's this is 50 and 10 it
is now 60 right so uh as I increase this that goes up okay so it's the addition
of that okay and I created that just by a normal pie stack okay and uh I just
created a new field with the name addition and we have number one plus
number two and that gives us what addition is so that we can access that data from our
gauge and if you want to again if you want to supply multiple you just simply do a comma delimited list uh from that
okay next pretty simple uh simple settings here we have full circle gauge so if you want the full circle uh the
multi- gauge which is is you know the multiple rows and then if you want percentage labels and then the height of
the grid so here you define the height that you want your graph to be um and then the width is automatically
determined based on your height you can apply it to four different colors uh and
then as we saw earlier the thresholds that you can supply here as well um so you can actually have the colors you
know progress as the data uh set progresses uh then you can uh have uh
Min and max value and then you can enforce the min max uh let me show you what that means okay um
so in this particular example here you'll notice remember I Chang this to be the addition of these two rows and it
has 0 to 100 now what I'm going to do is I'm going to make that all go all the way to 100 and I'm going to make this
now go up to 100 now you notice here the value is 200 but my chart stops still
stops at 100 okay let's go ahead and turn off the enforcement Max and we'll
see what happens okay so now I'm going to uh go all the way up to 100 on this one and you'll notice here as I increase
this it actually increases the maximum okay for
us right so it it does increase the Max and as you as I go down the maximum the
the new maximum was um was dealt with um and then it doesn't go down once you
kind of increase the max it stays at that Max um so yeah uh that was interesting feature to turn on and off
um just in case you needed something like that okay uh then we have the ability to also
do a title um let's do ahead maybe on this one um we'll add a title to this um
I don't know we'll just do uh live right so you can do that and you can do uh any
units let's say npx right something like that so you kind of have a title I say this is units maybe I should call this
subtitle eh I don't know um so yeah um you have a main title you don't want this to be something large right get one
maybe two words right so it's small I guess it depends on the size of your graph um but there we go I'm pretty
excited about this uh I think it's a super easy to use stack um wasn't so easy to implement but uh yeah I'm I'm
really really happy with it um so yeah hope you guys like that as well
okay um bar charts coming too uh not in pi um so
not in pi um probably in a future um charts stack coming to you
okay um next up okay uh Pi show hide so this
is a uh a stack the use case here is uh a lot of times what we want to do is
based on um some form inputs we want to show or hide um other data okay and so
um in this example here um I think I okay in this example here I have a text input that has a number field and then
basically I just have a a bit of text here that if the number is greater than 10 let's show this text okay so let's go
ahead and show that right so I'm just going to increase this number until we hit number well greater than
10 and voila we have um our text is now displayed okay
um so there we go uh pretty simple right um the the settings for this are just
basically show and hide um and then your equation here uh I actually have a cheat sheet here that kind of shows you um the
type of comparisons that we can do we can do a comparison on text as well as numbers um and yeah some some really
cool stuff here and so as you see here if I wanted it to be less than or equal to I can do that right and if we go
ahead and change that now if it if it's less than or equal to 10 um our contents
is displayed now um You can show and hide whatever right this is just a um a
drop zone here let me just show you when you add show hide here it's just a drop zone okay so um yeah you can add
whatever you want here I just added a simple text field but you can show and hide other form Fields as well right so
um if you have a really complex form where certain form elements are kind of relied on other form elements let's look
at this this example here so you're have display extra Fields let's say yes okay
and then based on that it showed me another field okay and I could say either yes or no okay and then based on
if I say yes there it actually changes this text here right so you can actually build out some um some logic here okay
um let's look at the implementation here where I have uh here I just have a simple select box called yes no okay and
that says display extra fields okay and the options are just yes or no um and then here I have a Pi show
hide um that is set to be show okay and it's going to show this other
select box that's called love okay that is also a yes no um I wasn't feeling too
creative last night when I created this okay um and then below that it also has
two other show uh P show hides inside so they're they're inside of this parent
one so they're all hidden um where um if love equals yes then I want to show this
text if uh but on this one I want to if love equals yes I want to hide um this
particular one right so um here there's the you know the difference of Show
versus hide okay so in love equals yes I want to hide this text else I could have
just done if no equals if love equals no then show this right but I I wanted to have a demo of a show and a height
example so um yeah my ultra creativity here um that's what it it did last night
it was late I was tired okay I'll probably come up with a with a slightly
uh more elaborate demo um later on but there we go just kind of show you and and what's kind of cool is if I go back
at this up to know it hides everything that was there before right so it's all interl and it can undo stuff kind of
similar to somewhat similar to how the stacks uh settings do in the in this when you
enable and disable settings here although in in this case um you know if
if I do yes here and then I I go back up to the parent and say no um it h where
if you're a stack Dev that you know that's not always true with Stacks API but okay anyway I
digress okay um
let's see next one uh so that was new stack number two was P show hide um uh
seems like a super simple stack uh but yeah I'm really happy with I it's going to be really powerful allow us to do
some really flexible things especially since these um these Logics here can be
quite elaborate right um You know here I have some very simple examples but if you look at the cheat sheet I I have
some more complex examples where you can do you know multiple things like here I have numbers greater than 100 and number
2 is greater than 99 right so you can kind of do um comparisons of multiple inputs you can actually do like maybe is
input one greater than input two something like that right so um pretty cool okay so you can do some quite
elaborate um yeah formulas here uh for showing and hiding uh
data okay um the last new stack is something
called Pi autosave and what's the use case here so
um the use case here is let's say you know I I spend a lot of
time you know filling out a
form and let's fill this out okay and I'm like okay uh and something happens
and I close my browser okay um and a lot of times you're like oh no do I have to retype all of that
all over again well let's go ahead and preview that and no if you look all that
data was restored okay pretty cool okay so what
this uh stack allows us to do is it will um by default it Autos saves all form Fields okay so all text form Fields will
be Autos saved so that um yeah if a user types and then doesn't submit the form
now once a form is submitted Ed it will go ahead and clear all that data so if it the form gets loaded again it's not
going to repopulate the same data okay so it's a onetime shot thing but whether
or not I click the back button and and you know whenever I restore um and what's really cool is all this happens
in real time I'll even show you some of the the magic behind the curtains here so if we go to the application tab
here we go okay so um you you notice this is uh something called local store
in the browser okay it's like a little database in the browser and um a lot of form save features are timed based like
it it'll save it every X time this is instant so watch watch this name field
as I type it okay you'll notice that all of this is happening instantaneously and actually
this field here this Pi that's actually a pi field that's just doing some text manipulation okay and it all happens in
real time which means um all of this data gets saved instantaneously um so you're always kind
of guaranteed to have the latest and greatest data saved um within your form
okay and it just works so again I can close this browser window let's preview again and it's all right there as you
see Joe Workman hello pretty cool right so sweet that's Auto saave um and
if you wanted you can actually if you don't want to autosave all Fields you can actually uncheck this and and Define
multiple field names just do a common Del limited list of names of fields that you want to actually
watch okay there we go um the last update that
I want to share um this is definitely Advanced now you probably know a few weeks ago it's actually a a live stream
that kind of spurred uh this entire update okay uh was I did a live stream
on this UK post codes thing right oh this this demo actually uses Foundation
6 one second
here okay there we go preview that all right if if you're familiar with this it
actually goes ahead and we if we type in a UK post code it goes out to a external API and gets the town County and region
okay and it autofills these fields pretty cool now in order to accomplish this though we had to get
down and dirty in some JavaScript okay and I wanted to make that easier a
little bit okay um so what I've done here um let me go ahead and let's copy
this we're going to go we're going to dive into a little bit of code here
um we're going to save that and let's just
go make this a little bit bigger right um this is the new JavaScript let's go
ahead and uh let's see if I still have the old
JavaScript in my right here was the old JavaScript
that that I use creating chat GPT okay um and this worked 100% but I thought it
would be fun to kind of make it optimized so I've created a few helper
function here that you can use in your JavaScript to make things easier okay um
I have Pi update input and what this does is it it will update the uh input
so I here it'll take the input with the name town and it'll actually update it with the data that we get okay and then
here I have pi. fetch Json and you give it a URL and this will actually go ahead and connect to an a an API bring down
the Json and then inject it all that data into a variable for you to use okay
so yeah we just have some really cool new um helper functions here to make our
JavaScript with pi a little bit easier and more
friendly um Daniel asked about the data for local storage it's all saved in the browser nothing ever gets sent to the
server okay um so yeah uh that was the last kind of update uh that that I did for pi
2 was just some helper functions I'm thinking over time I'll probably add maybe a little bit more helper functions here and there um to make our lives
easier okay um so yeah there we
go so everybody that was um that's kind of an overview of Pi 2 um I'm super
excited about it um if there are any questions I'm happy to answer and um
yeah uh let let me have it let's let's bring in the questions um it is available right now on Weaver space and
uh yeah it's uh currently 59.95 and the upgrade price is $39.95 if
you were an owner of Pi version one okay all
right sweet thank you Dr Bob I appreciate
that okay um I'm going to have to run away for a
second if you guys have any questions come I I'll be back in 30 seconds um and
if you have any questions uh I'll answer them else we'll wrap things up okay I'll be right
back
e
e
e e
okay excellent guys um I've used uh some complex Financial calculations with oh
so yes Franco uh thanks for uh Pi does have
Integrations uh it's part of the default demo set actually some of those ones I skipped okay if we go scroll down
to okay let's look at this particular one okay or uh this one is actually
interesting okay oops darn it I'm G to have to figure out these
uh these reason all themes reason all right if we
scroll down here this demo 13 um it calculates loan payments and this
particular one you give it your loan amount um your interest rate and your terms right so 30 year 15 year and then
what it does is it gives you your monthly payment okay um now some of that math can be quite
complex okay so um what pi does is it
integrates with several external libraries um that gives us some helper functions okay so um in this particular
one it's uh we're importing the finance functions okay and you can use um this
so finance. am which is amortization of a loan okay and you can just pass in the
values from your inputs uh and voila it outputs your
monthly payment right so super simple um there is cheat sheets for all of these as well to kind of give you an example
of things that it can do okay um so yeah actually when when we the date there's
one that has date math here date difference okay yeah here um here I'm using a date some date
functions where where we're calculating again the the difference between dates and outputting it in hours or minutes or
seconds right so um and there's a uh yeah one for date uh there's currency
Finance um advanced math functions such as Pi and a bunch of other stuff okay
and then date functions okay uh advanced math actually does some some crazy stuff if you're you know you logs and square
roots and derivatives and all kinds of stuff probably most of us aren't going to do that but um yeah if that's
something you need Pi's got your back okay it has all the common um math
advanced math um built directly in so that you don't need to know how to do that and code it yourself okay so pretty
cool oh shoot I'm not sharing I hate when I do that thank you Franco man
someone fire this guy Jesus okay darn it I hate when I don't share here I am you
guys watching me talking to myself okay um hate that so here uh in pi uh as you
see here we have several different functions again as I said currency Finance advanced math and date functions
okay um all of these have a cheat sheet so if you click on the cheat sheet you can go ahead and see you know various
examples of how you can do some date math in this case right let's go back to the loan amortization one that's
actually a really good example okay um let's show you this example again um live so we have your loan amount um your
your interest rate and your amortization schedule you know how many years the loan is going to be and then that
outputs the monthly payment okay um and that's again super easy um all you have
to do is add the finance functions in here and you just simply use that Finance function in there and you pass
it the loan amount the interest rate and the number of years and it magically
outputs the the actual monthly payment that you would have um super useful very
very useful there's a lot of other great financial options in here as well but the amortization one is pretty cool um
there's also Roi and uh cash flow okay um which is actually the next example
here where we um we calculate the future value of something so we have you know
uh the amount the grow rate and how many months uh we want to calculate that rate
okay and it will output the cash flow and normally that those sort of calculations are quite complex but it's
really easy with pi and these these Integrations with these external libraries um such as Finance okay um so
sorry sorry about the lack of screen share uh it's not the first time that's happened I'm sure it won't be the last
but um thanks for pointing that out Franco I appreciate
that okay uh let's see uh B Dr Bob says I used to create a calculation on what
to charge people paying with square so I get uh to know what I want deposited
based on the manual entry or swipe in the C okay cool yeah so I guess he's built a form for himself to kind of
calculate what he needs to charge someone with square and then he types in that value into the square and swipes
their card or whatnot right so cool yeah very very cool I like
that all right um yeah p uh Pi is a very powerful stack remind me
later um I think I think we've gone over all of it um so far today I've seen some
really amazing things built with pi um it's pretty cool um that demo I so the
or the demo that's actually on the product page um I have to still give credit to Paul russom If he if anyone's
been around for a while Paul russom um he didn't do web design very often anymore but he uh was the mad scientist
behind most of those demos especially that that the actual the birthday calculator one um super cool very
elaborate um you can check out the demo file all of that all of those demos are in the demo file so if you want to see
how any of that is done it's all there and uh for most of those demos I have to give the credit to Paul for that because
he was just the mad scientist helping me test pie out in the early days and uh he
just went all out and created all that stuff so um Paul I still appreciate you
even though you're probably not watching this right now but uh yeah it's it's really good really really great so okay
everybody uh I think we're going to call it a day I don't see any more uh questions so thank you very much for uh
being a member of the Weaver space Community uh hangout happens Friday um I might join from Denver I don't know uh
depends on uh what's going on okay but um yeah I might peep my head in
sometimes I tend to do that just to say hi to everybody um but Hangouts happen with or without me so join in meet up
with your fellow Weavers and uh get some help they're there to help you as well um and go out there and build something
great this week I appreciate it take care everybody have a wonderful rest of your week we will see you back next week
and again Pi is available right now on the website uh you can either buy it new or the upgrade uh I'll officially launch
it next week's once I get all the marketing done and all that that fun stuff okay so take care everyone we'll
see you on the community bye