Transcript

00:19 hey hey guys hi Joe
00:31 let's see some lights going okay one thing that's new I hadn't done
00:38 the live stream from this let's did it automatically do it hold on one
00:50 second hey Matas hi Joe hey Jeff's here long time no see Jeff how you
00:58 doing yes s Joe can you hear me yes oh I right can you see me yep oh
01:07 okay I can't see myself so the top of my head's cropped off or
01:16 whatever excellent okay let's see it looks like you're Frozen though but I can see you yeah hold on sec
01:30 let me join the I just have to check the YouTube chat in case anyone chats over there one
01:40 second you I love one password but sometimes it just doesn't work it doesn't launch doesn't autofill
01:47 drives me nuts it's an it's a feature J
01:53 [Applause]
01:57 yeah I have I said recently how much I hate recapture like seriously can we just stop using recapture in the world
02:06 like it just makes the world a worse place in my opinion cuz I just got that one wrong so
02:14 now I got to find a bunch of stairs okay okay okay so this is
02:23 user now I have to find crosswalks okay like you think I could like just do one puzzle why three
02:32 there we go now it's letting me in started the
02:48 recording so far the bordies have it oh it's recording at least I don't
02:56 see the live stream going but darn it and I don't see a way to start
03:02 it oh well oh live
03:12 streaming how to set up your live
03:14 [Music]
03:18 stream did that did that did that how do you how to start live stream when the time comes start your session or event
03:26 click the live stream button next to the record button start live stream okay got
03:32 it I see the button but I can't click it oh well at least I'm recording we'll upload it
03:43 later okay um how's everyone doing today okay excellent um I did literally just a few
03:52 minutes ago I did post um the announcement with the with the buy links if you guys want to get access to the
03:58 beta okay um as I said on that post um this is a payto playay beta okay um and
04:07 the reason I'm doing that is I I really want to make sure that um there aren't too many cooks in the kitchen per se and that the people that want to test are
04:16 serious about it right so um it is a payto playay um eventually once the final product is shipped there will be the free download Trial just like I have
04:24 in the current uh total CMS okay um but yeah during the beta process um yeah I just want to make sure I get people that
04:33 are serious and uh people that are serious are ones that are willing to put the money up and pay to play okay um
04:40 with that said uh when you do purchase um you will get an invoice with a download you won't get a license yet um
04:48 I haven't built the licenses yet right so um you will not get a license yet um when once I build it before the final
04:57 product ships um you'll get a new invoice with your official license okay Hey Joe your automatic mic volume just
05:04 dropped like it just went poof oh really you went it was like a little too Buzzy and then all of a sudden something just
05:11 went poof and it dropped oh really disable here all disable noise reduction I don't know what it was but
05:19 yeah is that how's that now it hasn't changed it's still quiet but it's oh okay if I move it closer is that better
05:27 a little better but it's drastically this is happens it's like something on your system puts you high for like 15
05:35 minutes and then it Dives you for 15 minutes and then it puts you high for yeah it's on all your live streams and
05:42 stuff it seems to have this like pattern I'm gonna quit Sound Source let's see if that uh if that does
05:49 anything I'm just curious about that okay um yeah
05:59 if you aren't talking if you can mute yourself though that way we can reduce the echo because sometimes there's some Echo going around so um yeah if you can
06:07 just mute yourself while you're not CH chatting uh you're H you're ha I'm happy to have anybody unmute themselves to talk um I want this to be an open
06:15 discussion okay but uh yeah you know lot with lives there's always going to be some Echo when we have multiple people coming in and out okay um okay so let me
06:24 just rehash a little bit what's in that announcement before we dive into the demo or answer anything questions okay there will be three versions of total
06:33 CMS 3 or three additions of total CS 3 okay there is a light Edition um which actually uh isn't available during this
06:41 beta access so you can't purchase it pricing is still to be determined on that um think of that though as like
06:48 what easy CMS is now okay um but it will actually have a lot more features I'm actually planning on adding gallery and
06:54 feeds into the light version um feed is kind of like the very right now feed is only in total CMS It's Kind like a very
07:02 simple blog right so um the light version will be getting that as well okay so that's nice um then there's
07:09 standard okay uh standard is essentially what total C the current version of total CMS is right um plus a bunch of
07:17 new features there's obviously a lot of new features which we'll dive into a little bit um that total cms3 just has
07:23 in general such as the new image the new image engine the pre-built admin area um there's a new Factory API that all
07:32 versions have access to uh which is really cool and then obviously the new the whole new macro uh twig macro engine
07:40 uh which is extremely powerful okay um and all additions will have access to that as well um but yeah professional uh the
07:48 standard version is essentially like the current version of total CMS uh you'll have blog and a bunch of other there's also some new Fields such as SVG um and
07:57 a few others right then you have access to all of those and then there's going to and I said the price for standard is
08:04 going to be 159 total CMS is still licensed per domain okay one time per domain no
08:11 subscription um then we have professional professional uh will have the features that a lot of us have wanted for years right that is
08:19 essentially unlimited Fields okay uh you can now create what's called a custom collection okay we'll uh we'll dive into
08:27 what a collection is a little bit later but essentially it's think of everything as a Blog now right where um you can name it whatever you want you can add
08:34 however many number of fields you want and you can name those fields whatever you want right because I know we all
08:41 abuse total sems blog now and one of the annoying things of it is we have to remember um what did I use the author
08:50 field for right you're using the author field for price and you're using you know the the extra content field for
08:58 product description or something like that right I mean so and you have to remember okay what did I and a lot I know I've seen people have like spreadsheets that like have little maps
09:06 of what they use fields for right but um yeah obviously that is not a viable
09:13 solution um obviously you can still do that if you wanted to use the standard version but Pro allows you to name those
09:20 fields whatever you want right so the price field is going to be named price and you so on and so forth right so you get to name those fields whatever you
09:28 want um and I know uh Bill Burton doesn't seem to be here uh but he's done quite a
09:36 lot of work and he says it's just a breath of fresh air now being able to name you know he builds a lot if you don't know bill um he builds a lot of
09:44 stamp collection websites okay calling it a collection is is a misjustice because he does an insane amount of
09:52 really cool stuff if you're a stamp collector but H being able to name those fields exactly what he needs to name
09:58 them um for whatever the stamp you know uh verogy is for uh for that is a
10:05 gamechanging for him and he's loving it right and I think everyone is going to love that okay um other things that Pro will have access to um so there's a
10:15 completely elaborate documented API that we will uh that will then allow you to integrate it with other services either
10:22 through zapier or I prefer a service called active pieces that will allow you to integrate your website with external data source
10:30 all into total CMS so super powerful there um some other FAQs uh I figured I just
10:39 go through all of these up up up front really now um so upgrade pricing there will be upgrade pricing um on once we
10:47 ship um but it's not available yet I haven't established what the upgrade pricing is okay as I said though it is pay to playay so if you want it into the
10:56 the beta access now you pay full price right now okay um sorry I just haven't had time to figure out all the various
11:03 combinations of upgrading they're they're because there's different additions to Total CMS now like upgrading to each one like how do we do
11:11 it right and um so yeah um so right now they're will be uh upgrades uh and also upgrading of while we're talking about
11:19 upgrades um upgrading of an existing website um so that will be possible you
11:27 can upgrade an existing website from version one to version three the stacks however are different
11:35 right um total CMS 3 is a complete reimagining of what total CS is zero absolutely zero lines of code were
11:43 brought over from version one to the current version this is a th% new okay um I've actually Rewritten total CMS
11:51 this is my third rewrite of total CMS since the current production version okay and I've i' pretty sure I've nailed
11:59 it like I really love it it's really good okay um Weaver space if you didn't know is powered by an alternate version
12:06 uh that technically like total CS 3 should be like version four or five because I have Rewritten it multiple
12:13 times um but anyway uh upgrading of sites Stacks are completely new okay um
12:20 so you you will have to update the stacks uh to be the version three okay uh data though um this currently isn't
12:29 elemented but by the time we release I will have a process to migrate your existing total CMS data into total CMS 3
12:37 okay so you won't lose any of your data I think that's the most important part right making sure that we still have all of our blog posts or whatever you're you
12:45 know manipulating blog to be and all of your images and all that stuff we want to make sure that we we keep the Integrity of all that data um so that
12:53 you can just use and leverage the new version okay um okay let's see can you
12:59 use total CMS 1 and three on the same website technically yes um I I'd
13:07 recommend against it though um I just I me personally I like keeping things clean like you know it's just like I you know I Implement I would do like a
13:15 subdomain of your existing website maybe and just like try to play around with it for now um but with that said if you
13:22 really really really wanted to um there's no technical reasons they can't live on the same website however they should not live on the same web page
13:31 100% right so um they should never be on the same web page at least um so yeah I'd recommend again not doing them on
13:40 the same website but technically I haven't personally tested it but there there is no technical reason they are essentially two different products okay
13:49 so um but yeah I definitely would not have them on the same web page uh I think after someone uses total CMS
13:58 3 they never ever want to go back okay uh I think that covered all my
14:08 FAQs are there any other kind of opening questions um before I kind of dive in
14:15 and uh maybe do some showand tell and and whatnot no okay um I say today is quite
14:25 raw this morning I was still working on new features for the next beta build and then I was like oh shoot I got to get this email and everything posted right
14:32 so um I don't have like a pol hugely polished demo other than the demo that I've just been using for total CS um
14:41 just curious has anyone is anybody here not seen total CS 3 at
14:48 all Jeff okay okay I I just wanted to make sure that you know uh how far back
14:56 I need to go okay cool so we'll do a quick refresher of what
15:02 total CS 3 um does and can do let me share my screen let's do this
15:10 screen I got to move that over here you guys can see my screen now I
15:18 believe it's black oh it's black right it's like clear white for
15:26 me you are now sharing your screen everything's there just F I can see it now we can see it now it's all
15:35 good okay cool perfect um all right let's actually before instead of this one let's do the my other
15:42 website right perfect so we'll do a a little tour of
15:50 total CMS online before we like dive into rapid Weaver Stacks okay and show
15:56 that off inside there okay um so here here we are this is a total cms3
16:04 based website and obviously you know everything on this page is managed with total CS just as you would you could potentially do with total CS one right
16:11 so these this text up here is this image is what you'll notice is we have a watermark here that Watermark was added by total CS which is quite cool that's a
16:19 new feature in total CS 3 where we can actually Watermark images and that that Watermark is added it's in the image it's not like an overlay or anything
16:28 like that it is is embedded into the image which is nice okay we have a nice uh a nice uh Gallery um that is I think
16:37 quite elegant um I really like the new Gallery okay so yeah so there we have that we have um a feed okay so this is
16:45 obviously uh similar to again this a simple version of a Blog okay I'm not going to win any Design Awards for this
16:52 demo okay but um yeah I mean this is mostly I use this for testing and whatnot okay but this is just a simple feed okay I thought I had a popup light
17:02 box I guess I didn't add a light box to this okay then we have something that's you know a Blog okay which has a little bit more um you know data uh than a feed
17:11 if we can you know Click on each inded one it takes you to the blog post page so on and so forth okay so we have a
17:19 Blog um is I do have custom collections working okay so um this is a custom collection and um essentially remember
17:27 custom collections can be uh it's similar to a Blog right where you have individual items and you can click on them and go to the page but we have the
17:34 ability to rename uh the um fields to be whatever we want right and we'll look at that this isn't a very exciting uh
17:42 version of that but um it is what it is okay um next up is the admin areas so
17:50 there's two ways now to um do admin areas in total CS 3 we have the ability
17:58 to just as we did before to build our own custom admin areas I think this is
18:05 very important I think this is actually a an interesting selling point that of total CS that not many other CS
18:12 Solutions have right um and I'm sure you've seen some of the Amazing Project files out there and some users have made
18:20 some absolutely stunning admin areas okay uh DAV has uh Chris has um man I
18:29 know I'm gonna miss some um uh was what was the newest one mimo does some amazing ones yes and
18:38 then the latest one was um oh man I could I could picture his face um he just did one where you can manage all the colors and everything it's they're
18:46 absolutely it was absolutely stunning oh that's going to drive me nuts one second here I got to look
18:55 uh oh oh and I think I ran out of space I I wasn't even to actually give him a space was
19:03 I oh no from Belgium Josh help me out
19:16 dude Ah that's going to drive me nuts I feel so bad
19:23 now uh hold on here I got to find this out is any let's see announcement he just he just shipped his his first project file few months ago
19:33 um oh stack saap Studio there it is boom and it's
19:42 uh there we go stack app Studio let's check that out and uh pallets that was the name of the the project pallets
19:50 super cool and his name is oh man
20:09 oh well project file is awesome gone there it is Jesus thank you all right check out pallets if you guys haven't
20:15 checked that one out it's really slick okay um where were we demo okay um all
20:24 right back to this so we can create our own admin areas just as we did before as you see this is you know looks I think
20:32 slightly upgraded from total cms1 okay um there are a lot of features we'll dive into um but we have like this is
20:39 the admin area for just the general thing right um the homepage and then we have our feed admin area you can do all kinds of stuff I click on this it opens
20:47 it up in a light box right um and then Blog has a slightly different implementation where you click on that and it takes you to the individual blog
20:55 post page um so yeah uh a lot of that is you know very similar to you guys okay
21:02 but total CS 3 as I said there's another way of doing things and I know building out an admin
21:09 area can be a lot of work and it sometimes it could it can feel like you have to design two
21:16 different websites right um so what I want to do is I want to give us an admin dashboard okay and um this is a
21:25 pre-built for you admin area that allows you to um edit all of your collections so like if I I can go into blog here's
21:34 all my blog posts I can click on a blog posts and I can edit that blog post right as you see here's all of my
21:40 collections here here's my feed okay here's that uh that custom collection that I was talking about that we saw earlier um and I can click on that this
21:49 is a custom collection that has custom Fields okay that um yeah so we have access to edit everything here um the
21:58 documentation will be it's baked in um it's obviously still a work in progress okay but um yeah the documentation is all baked in uh we have a bunch of
22:06 utilities that we can do such as project shed up and cash cleaners and um all kinds of cool stuff uh there's a server
22:14 Checker which I think is really cool a log file analyzer that lets you see all the various log files and total CMS and all the errors associated with it and
22:23 stuff so um some really cool stuff okay all baked into this admin area that obviously is still a work in progress okay
22:32 um so yeah admin area um two different ways and again maybe you don't give your client access to this particular admin
22:40 area maybe they don't have access to it maybe um you know you reserve this for you um and you only give you create a
22:48 small admin area that gives your customers access just to what they need right um and so I mean there will be
22:56 some granular user level details um that's actually what I'm working on as we speak um you know there is no no authentication built in right now so
23:05 that's what I'm working on and uh giving out rights and you know turning on and off things based on uh user and user
23:12 groups and whatnot um but yeah the the custom admin area I think is going to be the ultimate tool in terms of you know
23:19 if you really want to give your client just what they needed in a very userfriendly custom way um this is still
23:27 possible any questions yet cool okay um some other cool stuff
23:35 with total CS um some of the gamechanging things is in image there's an entire like image editor right um and
23:45 so we can save all kinds of information about an image uh we can modify if you see there's a focal point here um I can
23:52 either drag these little sliders around or I can drag the actual focal point around and save the focal point of an
23:59 image and why is that good because let's say if I wanted to crop an image I can now crop it based on the focal point so
24:08 every single image you can actually drag this around set what the focal point of that image is and then you can create let's say Square cropped versions of an
24:16 image right this particular image I think you know the center is probably where you'd want it but let's say this Vol wagon this VW bus was over here
24:24 right you can like set the focal point over somewhere else which is quite cool um we have access to all the exf
24:32 information uh this particular image doesn't have any um but when you upload it it actually extracts the exf data uh from an image and you can actually edit
24:40 that uh that data here within the CMS as well um it extracts colors so whenever you um look at or upload an image um
24:49 it'll extract the colors and then you can actually modify these colors if you want um and then rearrange them so there's a lot of really cool stuff going
24:58 on here um for images in total CS 3 another thing we can do is we have now
25:06 this image Builder okay and this image Builder um is pretty cool it allows us to create versions of our images so um
25:15 let's step back and let's talk about what total cms1 does for images if you're uh a user of total cs1 you know
25:23 that when you upload an image it creates three versions of that image it creates um a scale Down original
25:32 version it creates a uh a thumbnail Square cropped and it creates a thumbnail with the original aspect
25:40 ratio and you defined what the sizes of all those images were um in on upload right and once they were created they
25:48 were created however over the years we've realized that it it can be annoying
25:55 because let's say you uploaded 100 images and um a couple years later you're like you know what I wish these
26:03 images were larger I I want larger thumbnails well you're kind of out of luck because um total CS created that
26:10 image and you can't get a larger version of that image anymore without re-uploading the image so in total CS 3
26:18 what we do is we upload your original image that you uploaded okay we store the original image and then you can
26:26 generate new versions of that image on on the fly as much as you want and this image Builder allows us to do that so
26:33 let's say I wanted this uh this particular one let's say I wanted a 300 width um thumbnail Let's uh scroll down let's do
26:41 like a crop um I'm going to do uh let's do crop focal point okay and
26:50 uh let's preview that image oops and I want to do oh I want to do height 300 as well so that we get a square okay now if you remember remember
26:58 on this image I I actually changed the focal point to be over here so that's why it's over here right um so just to
27:05 just for fun let's go ahead I'm going to go back into this image we're going to switch the focal point back over there okay and we're going to go back into here and we're going to preview that
27:14 image again and voila it's dynamically I changed the focal point I reloaded this image and voila it Dynam it dynamically
27:22 created this image on the fly right now okay pretty cool we do all kinds of other stuff there's some effects we could do right I can blur this if I
27:30 wanted to uh these are probably you know Edge case things you're probably not going to use too much but um yeah I think uh the filters are nice if you
27:38 wanted like a black and white version of an image there we go right or cpia toned so you could do some some cool stuff
27:45 there uh you can add a background color uh this is it mostly if it's a PNG a transparent image you can actually make the background color of particular color
27:52 if you need to and then you can add some borders okay um this actually adds the border to the image now though it's not like a CSS border it actually adds a
28:07 in here and I can say I want uh the Weaver space logo and I can say go and there it is now I have the Weaver space
28:15 logo dead smack on the image okay and that is baked into the image and you can adjust the height of that so if you want to make sure it's um I think like uh
28:24 let's do like 50% something like that I think we could do that no wait what is it uh oh
28:31 uh see I think it's 50w there it is right and then you you
28:38 can position it wherever you want you can change the opacity right so if we want it Alpha um I think it's 50 right
28:48 there so we can adjust the alpha all kinds of cool stuff right maybe position we want it in the middle there we go so pretty slick um I
28:57 really like I think the the the dynamic water marking is going to be a game Cher now what's also awesome is once you've
29:05 kind of built the image that you want you can just copy this and this is the macro that you would use on your web page to get this exact image every
29:13 single time right pretty cool and we do the same thing I'm not
29:21 going to do the whole demo again but we do the same thing for for gallery images as well right um so all images have that
29:29 um that feature pretty cool any
29:37 questions no man okay
29:44 um with that said let's dive into actually let's go ahead and build I think Matias uh you had some questions
29:51 um earlier this week and you're like Hey Joe I I would like you to review something this week on the live stream if you can and um so figured why not
29:59 we'll jump in and um help Matias out here okay so let me go ahead I think he sent me an email hold on one second let
30:08 me move this over before I let's go into my ticketing system I
30:17 pretty sure he sent an email yeah all right Matas are you here why
30:26 don't you talk us through so so you're wanting to build a a um a gallery of galleries correct
30:35 correct it's like a Blog which only um has a blog list which links to a Blog G
30:43 to different blog galleries yeah got it okay so um yeah let's go ahead and create that and I don't know if I have
30:51 to use a Blog for that in TCMS 3 or if there are other ways so maybe um have to
30:58 use a Blog sure um so there's two ways you you could use a Blog um right uh or
31:06 uh you could create a custom collection um we we can kind of play around with both ideas if you like of
31:13 course sure now another uh another uh thing about total CMS now that we have
31:19 launched um Stacks here is that um as you know total CMS the current version
31:26 okay that is shipped um displays the data from your website inside
31:32 preview and while that is a very nice feature um over the time as we I've total CMS
31:40 has grown in power and use and people use it for so many more things um it can take a long time for preview to generate
31:49 and the reason for that is that um it had to connect to your server pull down the data to build the preview and then
31:57 display right and it could have took up to two minutes in some I've seen a a two-minute preview time um it took two
32:05 minutes because there was so much CMS stuff on the page and so I I want to dirtified to make things work better
32:14 inside preview okay and um the way I've done that is total CMS 3 currently um
32:21 works 100% um on its own um inside preview okay so that means
32:29 all the data inside here is managed all within preview so um we as you see this
32:38 is the project file for that demo site that we were just looking at and there's not much data in here okay and if I were
32:46 to go in here let's let's use I like I still like using the browser though okay um if I were to go into preview
32:53 into here um and I can go and I can add in my own images okay and then if I were to go back to
33:01 this page let's go ahead and let preview the homepage again we'll see now that image is there right because all the
33:10 data is managed um inside preview and it makes
33:17 previewing fast as you see I mean that that would have tooken a lot longer uh with total cs1 and not to mention once we start I
33:26 mean this just has an image and some text but as we start adding more and more things to a page um this is going
33:33 to be so much faster because everything is local on your machine it also means that you can be on an airplane or in a cafe without internet access and
33:41 everything will work okay um with that said I understand uh it is a nice feature to have um data from your actual
33:49 web server so um possibly you know I'll look at some things we could do in the in the future with keeping performance
33:56 but still maybe possibly syncing some of the data down okay um there is a manual process to do that as well um this data
34:04 does live on your Mac in a folder um so it can just be easily manipulated um for those that want to see that really quick
34:12 uh if you just do command n um it brings up this and you go to Open document it's it's buried a little bit okay I will
34:19 admit it's buried um but it is on your on your Mac and so if we open up these are all the files that preview uses
34:28 okay to generate your preview um and I have to say this location is much easier to use in Stacks Pro okay which we're not going to dive into today um but this
34:37 it's much easier to get to this information with Stacks Pro so that's a nice thing just to let you know U so if I scroll all the way down here here we
34:44 go this is all my data for preview okay um as you see I do have a lot of blog posts so if I were to go to the blog page here we'll see that I do have a lot
34:53 of blog posts okay and a lot of this is just dummy data um because yeah for preview I just need
35:09 can look at in a little bit okay um but yeah uh again the whole point of this was that uh preview is kind of uh its
35:17 own Standalone instance of total CS 3 um which I think is a nice thing all right um let's get into matias's thing where
35:26 he wanted to build out a a gallery of galleries okay um so how are we going to
35:33 do that let's go ahead and uh I'm just going to duplicate this and let's just do
35:41 a Blog right I'm going to call this Gallery blog why
35:55 not right okay let's go into um here remember
36:04 right now I'm in preview so I'm just going to build all this out in preview and I'm just going to go into um here
36:11 I'm in the total CS admin uh area and we are in preview just to let everybody know I'm in preview and the admin area
36:18 Works uh just dandy in there okay so I'm going to go ahead and we're going to create a um a new collection okay
36:25 actually let me uh um let's talk about new terminology really quick in total CS 3 um there's
36:33 essentially three there's a three- tier approach um to Total CS we have something called a schema and a schema
36:41 defines um what a particular object of that type is okay so like for example here we have
36:49 a schema of blog and um a Blog has a draft and featured an ID a title a date all that
36:56 stuff right so you define all of the fields what makes a blog post
37:04 up very similar to what a database schema is if you're familiar familiar with databases next up is we have a
37:12 collection a collection is a collection of objects that conform to that schema
37:20 right so here I have a collection happens to also be called blog okay and inside there we have a bunch bunch of
37:27 objects now in this case the objects happen to be blog posts okay but if I click on those I can then edit that particular
37:36 object so that's the terminology we have schemas collections and objects and I guess you wanted to go one
37:44 level deeper an object has properties okay so there we go that's kind of the four tier approach um to
37:52 Total CMS and everything behaves like that even simple things like here we have color oh and I don't have any color
37:59 let's go to text oh there's no text in there either here let's go to color here let's quickly show you uh the factory so
38:07 I don't currently have any color objects I'm just going to randomly generate example data for me so I'm going to go into Factory for this color collection
38:16 and I'm just going to say generate uh let's generate 10 colors generate new objects okay and let's go back into my
38:23 color collection and voila I now have 10 randomly generated
38:29 colors now this color object is very simple all it is is an ID and a color that's it and if I click on it you'll
38:38 see that all I have is the access to change that color and I can go ahead and change this color to be whatever I seem fit right and I can save
38:46 it okay um yeah and if I go back that color is now changed okay so everything is a
38:56 collection and collections all contain objects no matter how complex or simple those objects are in this case this
39:04 object is just again an ID and a color which actually shows another new
39:12 feature in total cms3 is we can now manage colors which is fun and exciting okay um okay so with that done um let's
39:20 go ahead and I'm going to create a new collection um and we're going to call this um um
39:29 Gallery blog why not I guess okay um and so I'm going to create a new collection called Gallery blog um it conforms to
39:37 the blog schema okay because we we are going to use it as a Blog right now okay and I'll just leave these other fields blank for now we'll come back to this
39:45 URL field in a little bit but I'm going to save that all right um so let's go into this
39:52 Gallery blog now I have nothing okay um now Maas you just what did you want in particular do you do you remember do you
39:59 know um yeah I have the email open here um just a second um
40:07 boom uh okay uh title of course um I need a date for sorting yeah um a short
40:16 description and an image this is for the for the blog and a gallery right so you need an image just a second I'm talking
40:24 about the blog list yes yeah there there I don't need a gallery but on the blog post page I need a block
40:33 the title and the gallery okay got it yeah okay so um just just for fun I'm just gonna just to keep things quick I'm
40:41 just gonna generate three example blog posts for right now using the factory okay yeah so um so now I have three blog
40:48 posts okay um and here let's see let's make sure I have I mean we have more data than we need I don't think you
40:55 needed all of this but that's okay okay um and we don't have any galleries so let's just add a couple galleries a
41:01 couple images into here why not oops uh what happened
41:07 oh there is a there's a bug I have fixed that I didn't fix in the stacks yet one second let
41:16 me maybe it's just with that image it's only with certain images uh on let's
41:23 see let me try a different image let's try this one darn
41:38 it yes I fixed this [ __ ] oops sorry oops ignore I said I didn't say that that bad
41:46 word um God darn it yeah exactly uh he give me one second
41:54 I'm just going to uh I'm going to rebuild total CS really quick shouldn't take me long let me just run this simple command let me make sure I'm on the
42:02 right tree here oh man am I going to regret
42:14 that I don't want to do that because I have a lot of untested changes that I haven't committed
42:25 yet okay all right how are we going to do
42:36 that oops what did I do that oh I quit rapid
42:44 Weaver darn it that's not going to work after the
42:55 preview anyway
43:16 wonder if it works hold on let me see if it works on
43:20 [Music]
43:22 um let's I'm going to quickly redo what I just did there we're going to create a new collection it was called Gallery
43:32 blog okay uh schema is a Blog say
43:39 save go into my um Gallery blog collection let's go ahead and just
43:46 create three objects for myself go into there edit this and if we're lucky
44:09 continue on um and we'll just pretend that this has a gallery is that okay for you for now um so okay yes yes okay so I
44:19 mean the gallery works on your on your instance correct um again it's it's just broken on my machine flawlessly I can
44:26 give the URL to it so it's okay I think the concept the concept is is going to be what's important here okay so you saw
44:35 I created that just a a collection okay and in this case I just created some objects we have an image and you would
44:42 have a gallery okay um so now let's look at the blog list page okay yeah y um and
44:52 in here um I have a the the I'm going to Loop through my blog okay uh and here uh
45:05 sense okay y y um and then um I'm G to Loop through here and we have again here
45:13 for those that are new uh this is the new macro syntax okay so um this is a Blog so um everything is just going to
45:20 be post Dot and then the attribute name so we have post. tile um you have a post. DAT uh we don't this little star
45:28 um the summary was your description y okay um and then this image here um brings in the image from that blog post
45:37 yep okay uh let's see we don't need tags and um yeah let's just we'll even remove the button we'll make it so that you can
45:45 click on this image um and and that should just work okay and this object link stack creates the link actually here let's go ahead and we can make
45:54 we'll just make the whole thing one big one big link how about that there so now um now inside this object
46:01 link stack we have the image our header our date and the summary which is our
46:07 details okay yep and if I preview this this should work inside preview because I generated um some dummy data if you
46:15 remember correctly right yep and it does all right uh
46:23 the image didn't come up though what's going on there oh it's because in here I need to
46:32 change the collection to be uh gallery-blog in the image stack um so now now if you do it there
46:41 we go okay so now I have um now I have the uh my simple grid okay of of blog
46:50 posts okay yeah now uh let's go to the gallery post page really quick and let's design that okay um so here I'm uh
46:59 loading my uh collection okay and my collection this one it's not blog it's
47:04 Gallery blog okay and um we'll continue to call this a post okay uh but you can
47:12 rename this to be gallery or something if you wanted um and remember whatever you type into here on the on this page would change here so if I were to change
47:21 this to be um Gallery okay um then down here I would do gallery. tile yeah yeah
47:29 yeah okay okay so um for this particular object loading um stack you define um
47:38 the variable name that is used in your Macros okay so let's just put that to post since I already have post
47:45 everywhere else on the page okay yep um and then we have our main image
47:53 will be here uh and again in the image stack you do have to supply the collection again so this going to be gallery-blog okay um and then we have our title our
48:03 date um maybe of the full content you probably have the I I assume you just want the summary again maybe y
48:12 yep okay summary um and then down here you would have your um well here I have the
48:19 gallery image you would probably just have your gall I don't need that no no yeah so you you would just have the the gallery down here and again down here you'd have to to the collection would be
48:28 um um gallery-blog okay um there we go right so that will create
48:37 that'll Loop through and create a gallery and you don't need this x-ray St
48:44 there we go so um let's save that now um let's let's before I I go ahead and
48:53 publish this okay um Let's do let's look at these so I'm going to do um the folder here is going to be slash um
49:08 let's do um slash um Gary Das blog and just for fun here just to be different I'm going to call this gallery.
49:18 PHP okay yeah okay um and uh let's
49:29 uh let's preview that now oops let's preview it in the browser I like the browser all right now
49:36 what we want is we want the ability to um click on this okay and take us to the blog to take us to the gallery page yeah
49:45 correct okay um and if you remember okay um we have here let's go ahead and
49:51 preview this particular page okay preview this page okay okay so um in preview this is our
50:01 this is our Gallery page okay so what I'm gonna do is I'm gonna copy
50:07 that um and what I'm gonna do is yep so we're going to go and edit that
50:14 collection okay and uh remember earlier when I created this collection I said I was going to I was going to skip the URL
50:22 field okay I'm going to paste that URL in here this is the into remember in the current version of total CS when you
50:29 previewed the blog post page that light box would come up and then you had to like save the gallery the URL um to the
50:36 CMS this is that this is exactly what that does okay but um this saves it within the collection and I I think this
50:43 is I think this is better I think it's more um ma it's less magical okay because it just basically it's clear
50:52 this I created a collection and this is the URL to that
50:58 collection's uh object page yeah yeah right okay so I'm gonna go ahead and let's just save
51:06 that and remember right now I'm all inside preview right now right so that that's why this URL is kind of fugly
51:13 right obviously um uh a once I restart rapid Weaver this won't work uh because this port little port number changes um
51:22 but if we were on a published site um this is you know you would publish you know your m.com you know so on and so forth okay
51:30 so now uh let's go ahead and go back to my blog Gallery page let just preview this in the browser and now if I click
51:38 on this it should magically but do I not do something in preview
51:59 did I save it I saved it hold on yeah there as well correct maybe I do
52:08 something inside preview that makes I'll be honest maybe maybe I do do something in preview that kind of breaks that thing here let's go ahead and publish this that it's that way it's on a live
52:16 site
52:30 and uh right so now we're on this and I
52:37 think I created that Gallery here already yeah I did okay cool what I'm going to do is just paste
52:45 that and I'll just change the domain to be uh
53:02 right so now let's go back um and if I go
53:09 to the gallery-blog page okay now I have this now if I click
53:17 through oh look at that we have an error what happened here ID must be a typ string null
53:24 Gib oh hold on and I think I know why it didn't work in preview um he inside this object link
53:34 stack um oh no I didn't use pretty URLs oh the collection that's why it wasn't working and the object link you have to
53:42 put the collection as well and that is gallery-blog shoot
53:48 yep oh boy here I'm curious now if I click on that and it works in preview now okay that makes sense now
53:57 um but here let's just for fun let's go ahead and publish that we should see it online too that's me just trying to skip steps
54:05 and use existing stuff sorry about that the ne the next one when I I build it with a custom collection we'll do it
54:13 completely with scratch I won't copy anything uh from an existing implementation okay just to be fair great I'm very curious on that cool um
54:22 okay let's refresh this page and if I go in here and click on it and it works now okay great
54:29 sweet um okay question this I think I will need this uh done as a custom collection
54:37 since when I use the block uh the standard block schema there's it's two column and there's not not much space
54:46 for the gallery images it's it's in the right column and if my client adds 80 pictures no I don't want to see that
54:55 that's fair that's fair okay cool um any questions from anybody else
55:01 okay no everybody's quiet okay um yeah maybe Joe sure
55:08 so um in admin or or setting up a new H what collection it's the hierarchy
55:17 schema then collection yeah and then say blog yeah yes and within that say blog
55:26 are then a listed properties correct oh good so um when you did that just now
55:34 you for this example um the properties when you when you went to blog the properties came up
55:44 automatically are they preset or um is there preset yes so um out of the box all like blog properties those are all
55:53 preset you cannot change them so like go into you'll see if I go into the schemas you'll see that all all these sections
56:08 Fant okay um if you go to custom schemas uh this is a custom and you'll see that I can I can edit I can add new Fields
56:16 yeah okay you know this could be know I can have a field called uh you know Jeff right if I wanted to okay and I you can
56:24 add stuff you can actually reorder them um yeah and you can you know delete Fields you do all kinds of stuff um
56:32 and without getting into two the weeds too much here you can actually click on this and then you can have properties
56:38 you know customizations about that particular field yeah like if you want to customize the the label in the form
56:46 the placeholder in the form so you have a lot of options in here of what you can do for every single
56:53 field y brilliant okay um one thing I I don't think I've actually uh explained this to any uh
57:08 will affect is the order of the fields in the form okay so for example if I go into blog you'll see that it's draft
57:16 featured ID title okay and let's go into a Blog form um let's go into blog you'll see that is draft featured archive you
57:24 see so it's the of the of the fields in the schema will affect the order of the
57:30 fields in the form yep okay yep um so cool does that clear things up Jeff it
57:38 does absolutely um and then Factory sorry one one thing just I'm sorry sorry to the other guys I I've been out of out
57:47 of the loop for some while so I have to say sorry all right um Factory okay the factory which looks amazing um is that
57:55 basic so is that AI driven um uh it does not connect to any external Services it is all built I mean
58:03 it I'm calling it AI it's kind of my own though uh but it's all built inside total CS it doesn't use any external
58:10 Services it's ji then yes exactly so yeah um it has a bunch even
58:19 if you notic the um all the images that were generated in the blog um a it like this is it so these particular ones uh
58:28 these images if you have a real photo like this this is pulled down from a a stock image service oh right okay yeah
58:36 okay but um if you'll notice there there there images like this that look like this yeah these are generated images on
58:46 the Fly by your server wow so um you know it it's just a random you know thing with shapes yeah um but a a
58:54 generating these are a lot fter fter than trying to pull down stock images so if you want to create you know 50 blog posts really quick you can do it with
59:02 this like licky split your server will generate these images really fast yeah um but it'll take a little bit longer to generate if you wanted actual photos
59:10 sure so for so for templating and and just you know getting something together that is really really handy and a yes
59:17 massive if you notice here for like author it even puts in something that looks like a name yeah right um and we
59:25 have a lot of really cool stuff if we go into looking for the where's the docs for the factory
59:32 uh there it is there it is okay so uh there's a lot of stuff um in the factory docs here so we can do uh you can even
59:40 do a black and white image image shapes you can do image with a word on it yeah um you can generate a a title of a mail
59:48 you can do a name you can do uh the name of a male the name of of a female um you can do addresses cities uh longitude
59:56 latitude so all kinds of stuff um wow and so yeah um this pretty pretty exciting I think it's GNA be yeah
60:05 absolutely um Christ I I yeah BL so that's that's
60:12 answer that one um lastly sorry guys again worries when when you mentioned earlier um that that you were the uh T
60:21 TCMS 3 Works in preview yeah yes um so all of the data yeah will you don't
60:29 necessarily although like you I prefer to up you know obviously upload it but um yes it sometimes it's really cool
60:36 just to see it quickly in preview yes either or locally rather that's what I'm talking about locally yes locally
60:44 correct yeah so is is that true yeah is that what you were saying yeah good yes yeah so every all the preview data is
60:52 all local nothing is on the server at all um all generated locally oh that's really
61:01 cool yeah yeah well it's all very cool just thank you thank
61:09 you okay um let's go ahead yes yeah just a second maybe it helps jof and and also
61:15 others yesterday to get my hand my head around TCMS 3 a bit I have done a graphic I just posted it into the
61:24 chat um yeah and I want to ask you Joe if I'm right with that is that correct what I
61:33 posted there oh sure uh you know I I just realized I didn't even have the chat open and there was lots of question there oh
61:41 brilliant uh okay uh let me look at this image here really quick is it correct let me download it
61:48 everybody see it it's it's um an example for a Blog yeah yeah sure all right um
61:55 so we have a collection which is a Blog okay um and then inside the collection you have a blog post yeah
62:04 yeah and then that object it has a schema okay I um and then that schema
62:12 defines properties um so yes I I think this is um this is valid I think that's a a
62:20 valid representation of how things yeah because you have a collection of objects those objects conform to a schema that
62:28 schema has properties correct yeah yeah correct um now um there is the ability
62:36 to so let's say for example um wa we have a schema okay um the schema has all these properties and these properties
62:44 have various default values okay like for example um I have a label of title
62:51 okay um but uh if we go into this particular uh collection I edit this
62:58 collection what you'll notice is um right now I'm editing the collection not the schema even though this looks like similar it looks similar to what the
63:06 schema is I still have all of my Fields here okay but what I can do here is I can go into draft and I can customize
63:15 this whoops just for this particular collection ah rename it to something else like if you don't and it doesn't
63:24 rename the field it just add it just changes the labels in the form yeah yeah I meant it this way yeah yeah um so yes
63:31 so um this way if you have a you know a collection and you wanted to have the it to have the same Fields aka the same
63:39 schema you can still customize and override the forms on a on a collection basis yeah okay
63:49 great can I also left side of menu say that again can I also translate
63:57 the left side of the menu Bill block color data uh you mean the the uh oh
64:04 this yes this uh no the the style of this is is yeah I mean if you if you
64:11 want to use the admin area that I built you have to like the styles that I built but you can make a new collection
64:19 and rename it as he wants it correct yes well I I thought he was talking about renaming oh yes he talks about oh the
64:26 name here yes you can rename this be like you know blog test right and I can I can rename
64:35 that and there let's just refresh yeah so yes you can change the name over here yeah I'm sorry I misunderstood your
64:43 question um so yes you can rename things over here just like I I created this Gallery
64:51 blog okay and I I named it Gallery blog you can name it whatever you want okay it doesn't need to be named
64:58 blog okay um let's see I wanted to show oh a perfect example of this is let's say draft by default it's a checkbox but
65:07 let's say for this I actually wanted it to be a toggle okay so let's close that let's
65:15 save and now when I go into the uh collection we'll see that draft is no longer a I have an issue with the help
65:23 on there I'll have to fix that but it's longer a box like these it's now a toggle that's great okay that's a style bug I'll I'll
65:32 make sure I fix that let me make a note of that one
65:45 second all right cool um okay so now what we're going to do is we're going to create a completely
65:52 custom collection that does exactly what Matias wants so to do that first we we need to create a custom schema okay so
66:08 um um let's call it uh
66:16 um how about a better Gallery I don't know okay I'm GNA call it better Gallery
66:23 why not okay um a gallery for UMAS oops
66:28 two you always write i a i it's it's I a oh it is oh
66:37 man I am a jerk I am a jerk okay um no problem and I'm just gonna save this
66:43 really quick yeah and then voila okay so now um it automatically adds ID um in the required and index fields which
66:51 we'll talk about what those are in a minute um hold on one second I need to yell at my dogs CU they are having a hissy
66:59 [Laughter]
67:12 fit sorry the gardener is in the backyard and that is like having man the most evil person in the universe right
67:20 next to our back door and they're going we have five dogs they're going berserk okay
67:27 okay um so required fields are obviously fields that well actually let's add the field so we have ID okay and then we
67:35 have uh you said you need a title correct y y right so uh we're going to go into here that's going to be a string um I'm not going to worry about setting
67:42 up this is where you would set up the factory guys so like this field would be a date or country code or whatever right um there's a bunch of examples in here
67:50 that you can use okay um but yeah we're not going to worry about that for right now uh let's go into the form let's see our label um I know you're probably
67:59 going to have this all in German I'm just going to stick with English for night now yep no problem okay um so we'll just do title uh label title okay
68:08 and then uh yeah let's go next is going to be um you had uh details right or description um the same summary as on
68:17 the um blog list page yeah okay all let's do description just so oh the name yeah yeah yeah description it's okay
68:24 yeah just just okay so in here um that's going to be um string as well we're going to go into here and this is going to be let's say we want that to be a
68:31 style text field yeah okay and it's called description okay we going to close that
68:39 um we're going to go into here we're next one's going to be an image uh no not on the blog post page only the
68:46 gallery uh okay uh but you still want to have uh like uh I I was thinking you would have an image that displayed like
68:55 like you would have one image that you set as like the the image to show on the blog list yes but not on the blog post page
69:03 right since but it still needs to be a property of that object yeah okay do it yeah yeah it's okay so this is going to
69:10 be an image no problem okay and then uh obviously the field type is going to be an
69:17 image and we're going to do uh uh I just call it main image why not okay main
69:24 image we're going to add one more field which is the gallery yeah okay and that is a gallery
69:31 field um and it is a gallery field label
69:38 is uh Gallery images yeah yeah yeah okay oh you wanted a date field correct uh
69:47 yes for sorting the blog list but it's okay it can be on the blog post page also it's no problem okay
69:56 uh so that's G to be a date field and uh we're going to do just date y
70:07 okay now if if it was just for sorting purposes you could just make this a number or you know it doesn't need to be
70:14 a date you know um it doesn't it could just be a I mean again you don't have to think of this as a Blog anymore right we
70:21 have custom values right so if it was purely for sorting purposes it's the old thinking yes I mean here just for fun
70:30 let's change things I'm G to make this a number instead okay uh and let's just make it a number
70:37 field and uh we'll call this sort y yeah okay and in here I'm going to call that
70:45 sort so let's do save yep all right so uh if we reload this
70:52 page we should see now now it has like all nice little icons it knows what it is um so cool so these are all of our fields that we want in our custom um
71:01 Gallery okay all right so now let's go ahead and oh by the way let's talk about uh the
71:08 required fields and index Fields so what are these okay um so let's go back to uh what total
71:16 cms1 is and let's compare what this is to the what total cs1 okay we're all familiar with blog in total cs1
71:23 hopefully everybody is yeah and uh as you know not all fields are available in the blog
71:30 list yeah okay um and that is now called the index okay so um things feel
71:39 properties that are added to the index are going to be available inside of remember when we went on the this Gallery page and we
71:48 used this loop stack okay um the fields that this Loops through are accessible
71:55 in the index okay so for you we on the on the list page we wanted to make sure we had
72:03 title oops uh there there's just we want title we want the image and we want the description and you want the sort
72:12 basically everything except Gallery correct y okay and the required field is let's make sure we get uh we wanted make sure we have a description gallery image
72:20 here we want all of them we want to make sure all fields are required okay when you save all fields are required and the index um is just those without Gallery
72:29 yeah let's say that yep all right so now let's go ahead and create a
72:37 collection and uh let's create a new collection um let's just call this better Gallery since that's kind of what we called it before it could be whatever
72:46 right um The Collection name doesn't need to be the same as the schema name okay um and then here I can select the schema that we're going to we're going
72:53 to use which is better gallery we're going to save that okay all right and you see here um
73:01 I didn't want to but if you wanted to then you can override all these fields you know um here okay and the URL we
73:09 we'll put later on yeah we'll put we'll we'll do that later okay right so let's go ahead and now that we've kind of created and now total CS 3 is very
73:17 important that you understand your data okay um because here uh I I need to know
73:25 a what my what my collection is I need to know the names of all the fields that are that we need to have access to okay
73:32 and on top of that I need to know what fields are inside the index right because if it's not in the index I can't access
73:41 it right right um so let's go ahead here let's let's
73:48 actually create some uh now I didn't set up the factory so we're going to have to just manually do this uh I'm going to do a new object in here okay
73:55 and um let's just do um
74:03 okay let's just do image gallery was failing before let's see what's going to happen today
74:11 right now let's see okay uh in sort let's do the like a one okay yeah um and here let's put in multiple images in
74:19 there yeah yeah and uh let's save oh ID
74:36 um oh no the Galler probably proba it's proba of the
74:45 gallery actually one thing I did do let's see live test right I want this ID field just for fun I want this ID to be
74:54 tied to the title yeah yeah okay so let's let's let's fix that
75:02 yeah um we're going to go into here we're going to go
75:08 um into the ID okay and it is in uh let
75:15 me I'm I'm just going to copy paste an example from the blog because I know it has
75:20 it this right here oops ah
75:29 copy that here ID field and settings all right so what
75:35 this does um these settings in here um there's specific settings for different types of fields okay um I'll eventually
75:44 have documentation for all this but right now um I if we have an ID field okay um an ID field I can set this
75:52 autogen setting and what I can do is here what it does is it's going to look at whenever I change the title field it
76:06 I could be like title Dash um I don't like um you know Feld to like here let's do
76:15 like I can do like sort or something like that right so you can base the ID off multiple Fields you know we have a title field and a sort field I can base
76:23 that ID off that okay and there's other cool stuff we could do in here like if I did um dollar I think it's
76:31 uid um we can do we can do a uu ID I can also do a dollar I think it's now okay
76:39 um and that will put in the timestamp right so pretty cool um let's just stick with the title for now though
76:46 yeah let's close that save now because I already uh created a
76:54 collection for for this um I'm going to actually go ahead and edit the collection go into here and add it into
77:02 here as well because before I updated the schema but since I already created this collection um this this collection
77:09 already has a specific uh you know instance so if I wanted to update that setting I would need to update it here as well that makes
77:17 sense all right so now uh let's go into here and let's create a new object and live
77:25 test now when I create that it automatically creates that here okay and
77:31 um if this object already existed um this would this would turn red okay maybe I showed an example when we create a second object this would turn red and
77:40 it it wouldn't let me save this until I you know provided a unique identifier for this particular one okay which is
77:48 also beneficial like if you were to use like that the that now it kind of ensures that it's Unique because it's a time stamp for right right now right so
77:56 you know that it's you know not going to exist already in the database if you're adding a time stamp to the end of the ID if that makes any sense okay um right so
78:05 let's do that and I'm just gonna add an image because again uh in the build I have on my machine the Galler is broken sorry no problem yeah let's save
78:15 that oh great okay right um so there we go so now I have this one let's go ahead
78:21 and let's create another object and just for fun I'm going to do um Live
78:28 Test here as well and you'll see now it's red okay uh because it knows that that already exists I can't create a an
78:36 object now what's kind of cool is I can just I can go in here and type um new I can manually edit this okay and it will
78:44 as well right so if I still want to make sure my title was this you can manually edit that
78:52 okay and let's just do so it's different right and let's do a
79:09 and then the next one I add I'm going to do two yeah it's okay so now all let's go back in here uh
79:17 someone actually Bill buron said I there needs to be a add new button right away uh I think that would be a good thing um especially now that I've just done that
79:26 three times um
79:39 yeah different this one and we'll do two on this
79:50 one all right um oh another thing I I should point out is all the fields that you see on this collection page are are
79:58 the index Fields okay so um anything that is added to the index gets displayed here and as you see this these tables are sortable
80:07 so you can sort by um you know all these fields as well okay and you can actually if you didn't know you can actually highlight these and re you know make
80:16 them you can resize them as well which is kind of cool great okay um and if you had a lot
80:23 uh there's pagination down the bottom so like if we went to I think one of oh this one has a lot right so if you see there there's two I can go to page two
80:31 so on and so forth okay and then there's live filtering as well so we can search for you know Network and you know
80:38 there's live filtering of all this data as well and it filters all pages not just the current page you're on which is
80:45 nice all right but um let's get back to this so we have we now have three let's just deal with that right now okay um and so now that we have data
80:54 let's go and build out our pages so um and I said we were going to do a new
81:01 one so uh here I do want to keep this shell of my
81:09 page let's just call this better Gallery okay um let's go ahead and I'm going to I promis we're going to do it from
81:17 scratch so there we go okay right so now we have a completely blank page okay um I do have a block grid on here because
81:24 just because I want to use a grid yeah um so let's go ahead and let's
81:33 do here it is all right so we want to do a um now this is a custom collection okay so um what we're going to do is we
81:42 have where down in the layout helpers there's a bunch of different Loop Stacks okay now before we use Loop blog um and
81:50 there's also Loop feed and loop Gallery okay um but those are specific to a Blog a feed and a gallery since we have a
81:57 custom collection we're going to use the okay okay oh
82:05 dear okay so here we have a loop stack and I know that uh I'm GNA my loop stack
82:12 I want to create a block grid cell for each item in the loop yeah okay so now
82:18 let's configure this this uh loop stack first off our collection is better gallery
82:27 that make sense okay yeah and and um my in my Loop variable um I'm GNA call it
82:33 Gallery okay because each each instance of the loop is a gallery does that make
82:41 sense yes okay right just as if if I were if I were doing a Blog each
82:48 instance is a post ah okay okay got it got it each each instance is Gallery yeah yeah right each one is a gallery
82:57 okay um so yeah okay and uh let's not do filtering or sorting yet okay um okay
83:05 let's just get get it working okay so now um inside there each individual one we want um first we want an image
83:14 okay so let's go into the content stacks and we find the
83:21 image so I drag the image in there and um first off so this is um where
83:29 things can potentially get confusing okay um so right now by default the image stack will display images from the
83:38 image collection okay so in inside total CS 3 there is a by default there is an image
83:47 collection okay so if I want here let me just drag this out really quick if I wanted to display this particular image
83:54 which is has an ID of demo image okay all I would have to do is add this to the page and type demo image because
84:03 that's the ID of my object and this would display that image does that make sense
84:11 okay um however I want to display an image that's not inside the image
84:17 collection okay so um to do that I'm gonna we'll drag it back into the GP grid cell you'll see that there's a
84:26 checkbox here for custom collection and property so I'm going to check that and um because again we don't want the image
84:35 collection this is in a custom collection and our custom collection is um better Gallery right yeah yeah remember that's the name of our
84:43 collection okay and the property here it happens to it is image right I want to display the image property right this
84:51 could be anything though like let's say it could be screen shot or something like that right it depends on what what your collection is in this case it is
84:59 just an image okay the the name of the property is image and the object ID can stay demo image no so this is where I
85:08 wanted to get into um this is the that's not the confusing part I think that's pretty straightforward we wanted a custom collection and a property now
85:16 yeah um we are inside of a a actually let's I'm gonna drag this out
85:24 okay and let's say object ID now let's go into my better Gallery okay and I have ID of of Live Test third one and
85:32 Live Test new one okay so I could go in here and I can type live Dash
85:39 test and this will work okay here actually let's go ahead let's go and publish this page so we can see it
85:46 better Dash Gallery but it's not
85:56 dynamically exactly it's it's going to be hardcoded right yeah right right so let's
86:07 um better Dash Gallery right and as you see there that is my image from the
86:14 better Gallery yeah yeah but but I but we don't want we don't want it static we want it
86:21 Dynamic Okay so um if you remember okay um inside the
86:29 loop stack we created a um a variable called Gallery okay and actually um if you look
86:38 inside inside the title of this it gives us a little hint oh okay okay we'll see we have curly braces
86:46 gallery. and curly braces okay so so um and if you look here there's a
86:53 setting here for use variables okay oh dear so this I want this object ID to be
87:10 valerie. ID oh no
87:18 okay okay now yeah I hope so
87:31 oops there we go yeah yeah yeah yeah
87:42 okay okay I I know that can be a little confusing so please please ask questions so I can help you
87:52 understand um certainly not going to be using custom
88:01 sorry okay that's okay no it's good to know but wow yeah
88:07 yeah carry on Joe okay okay um so now the rest I think that was the the
88:15 trickiest part I think the rest is is pretty simple okay so um we're GNA oops I don't want that I want title title
88:22 summary Gallery yep exactly right so let's go ahead and uh let's just
88:28 [Music]
88:29 use the tek stack okay well actually you know you're Pro we want to use found we're cool around here we want to use Foundation six header stacks and stuff
88:37 like that right so we we want to be cool right so I'm gonna use a foundation 6 header stack directly below the image
88:44 Joe is cool yeah right and I wanna inside this title okay Mak it an A3 I
88:51 want to add the title of the gallery yeah okay so in here I just type in
88:58 curly brace curly brace Aller title ah
89:06 okay okay okay yep
89:13 okay um and then below that uh we wanted the summary just just
89:22 yeah that okay I'll just make in the header you can make it a paragraph so I'll just make a paragraph yeah and then in here we'll just do summary or I think
89:30 I did description just to be different okay right so now I have the title and
89:37 the description yeah okay and let's publish that
89:48 okay yep there we are great Joe and uh if the gallery would be working it it
89:56 doesn't do today but if it would be working what would I have how would I have to configure the gall the gallery
90:02 uh so let's go ahead so this is the list page now we want to make sure we can click on this and go into the the post
90:10 page ah this is ah you you're right this this is the blog list page yeah yeah this is the blog list page because we
90:16 everything okay um all right so now let's go ahead and uh I'm just going to do let's just duplicate
90:24 this right and I'm just going to call this uh
90:30 Gallery right Post Yeah post sure yeah okay um and then uh in here let's do
90:38 this was um slash better- gallery and I'm going to do gallery. PHP why
90:47 not okay now in here uh let's just we're going to start from scratch okay so um
90:55 right so here um maybe at the I don't know maybe at the very top um well actually first we need
91:03 to so when I click on this okay this page we need to load in the object that
91:11 is getting ped via the URL right let me let me explain what I mean by that okay let's go to a Blog okay and I'm going to
91:19 click on this particular blog post okay now let's look at the URL if we look at the URL here we'll see that um the ID of
91:28 that particular blog post is passed via the URL do you understand that right yeah okay so depending on what id is
91:36 passed to the URL um it needs to load this particular blog post does that make sense yeah okay it's principally just in
91:45 just like in TCMS one exactly it's this same exact thing as TCMS one correct
91:50 okay so um now in uh total CS one the blog post stack did that for us MH okay
92:01 now um what we're going to use right now is um inside there is data loaders okay
92:08 in total CS 3 okay and you'll notice that there is an object data
92:15 loader okay right so we want to load an
92:22 object okay and um now you can statically type in um our collection obviously is better
92:31 gallery does that make sense right yes now um you can go ahead and manually
92:38 type in let's say live- test and it would it would load that exact object yeah okay but that's not what we want we
92:47 want to load it from the URL so what I'm going to do is I'm going to click load from URL okay okay MH y so now just on the
92:56 list um we want to load this and give it a name okay now by default it's object but um we can change that right so this
93:04 is a gallery so I'm going to use Gallery at this point you can use a name
93:11 what you want or whatever you want right exactly okay okay yeah um again I I'm I'm calling it Gallery because that's
93:18 what is if this was a a car I would say car yeah yeah I or if it was a blog post I would
93:28 use post or whatever right but we are loading a gallery so I'm gonna call it Gallery
93:37 right so now we want to now that we have the that the data from that object loaded we need to display the data okay
93:46 so um at the top let's say I want to have that that main image again just for fun okay just to have it again so I'm going to go ahead and say U the main
93:55 image okay um and just like we did before we're doing a custom collection which is uh better uh Gallery okay the
94:03 property is image okay and just like we had before um we're gonna have uh we're
94:10 going to load in gallery. yes okay because because it's
94:20 asking us for the object ID yeah yeah yeah okay and again I could type in Live
94:27 test and not use variables but that's not useful for us here that's static yeah exactly okay so we W to we want to
94:35 tell it what the what we we need to tell it where the object ID is and we do gallery.
94:42 ID okay yeah now at this point it um it's going to load in the image that we that we
94:50 added here okay then um essentially we here I'm just going to go here I'm just going to be lazy I'm going to copy because this is all the same okay so I'm
94:59 gonna paste that I want to have a header the header is going to be um again because I used the same variable called
95:06 Gallery remember I said it here I would use that here as well oh yeah yeah does that make sense yes okay so um so now I
95:14 have the gallery title The Gallery description and let's say then below this I want to load in the gallery all
95:21 right yeah right okay so um here in the content Stacks there is a gallery stack okay so we're going to load the gallery
95:30 in okay yeah um oh that doesn't look too great inside edit mode what the heck I have to fix that
95:38 um all right um so same exact thing like in object okay so we have Gallery we
95:46 we're loading it from a custom collection and the collection is called better Dash gallery
95:54 and the property here is I think we called it Gallery I think right I assume we did again this is why we need to know
96:03 our data right so if I go into bet better Gallery all let's go into the schema
96:10 actually I called it Gallery yeah okay so um so now I need to go into here the property is going to be
96:19 Gallery okay now we have the same thing we we I don't I could set this object ID to be live test but that doesn't help us
96:28 right because that's going to always load the live test object okay so we need to load the object from a variable
96:36 and we need to tell it what that ID is and that ID is gallery. ID yeah
96:50 okay okay um and at that point you know there's VAR settings here for the images leave them as the defaults okay but at
96:58 that point this is this is done okay all right let's go ahead let's publish that
97:08 yeah we won't see Gallery images but otherwise everything should be okay correct correct
97:24 all right so it was um better Dash Gallery okay so this my my the list page
97:32 now I remember if I did if I went to now I haven't set up the links to these yet we will okay but let's just make sure
97:39 that my page works I'm going to go to um gallery. PHP and then I'm G to load in an an ID automatically I'm just do ID
97:48 equals live- test yeah it's okay yeah right and there it is looks works okay
97:55 okay so now let's go ahead and let's create the linking so that when we click in the list page it goes to this page yeah
98:02 okay oops what the heck um I'm I'm just going to copy this
98:09 URL okay and then we're going to go into the admin area I'm going to go into my collection
98:18 for better Gallery I'm going to edit that collection and I'm going to save this UR
98:33 okay all right so now um now we want to uh use that link inside this
98:40 grid yeah okay yeah and there is
98:46 a where's the object link stack where you have to
98:55 make layout yeah I need to have icons it's it's coming it's just low priority right now I know I layout helpers
99:02 there's an object link stack okay so we're gonna um we're gonna add that into here and I want the whole thing um I'll
99:11 just add the image in there for now yeah that's okay yeah okay so you click on the image and it takes you there okay there's also an object button if you
99:19 wanted to add that down here you can have a button that goes there too let's do both why not yeah yeah that's great
99:26 okay so here's an object link okay um so uh first we need to give it an object or the object I should change this to be
99:35 object ID okay we need to give it object ID and by default is post. ID okay but remember we we're using gallery okay so
99:43 I'm G to rename that to gallery. ID and then my collection is um better Dash
99:51 gallery okay and that's it that's all you need to know that's all we need to do okay um
100:01 now if at any point in time you wanted to link to a different URL than the one that is saved inside the CMS you can do
100:10 add custom link and then you can link to a any any page you wanted okay but I um
100:17 I strongly urge you to save it inside the CMS okay um this is important because of eventually when we have like
100:24 um uh total CS doesn't yet create site maps and stuff like that for us and RSS feeds um but when it does um it's going
100:33 to use this URL to generate the RSS feeds and sitemap files for us okay so saving it inside the collection is going
100:42 to be a very important step okay yeah um and the same thing like so I have a button down here um it
100:50 would just be the same thing so this is going to be gallery.
100:54 ID and the collection is better- gallery and now now I can click on the
101:03 image or I can click on this button let's go
101:20 okay oops oh okay refresh this right so now if I click on this takes me to that oh great
101:29 great I click on the button it takes me there yeah if I click on these right and takes me there Perfect all right so now
101:39 let's worry about the Sorting right because you want to make sure you can adjust the sort yeah yeah
101:45 yeah okay um so um inside the loop stack okay I skipped this earlier uh but
101:55 we're we can go ahead and set sort okay now um you'll notice that it it added Stacks into here and the reason
102:03 I do that is because you can actually um have you can multi multiple levels of sorting in total CX so um in this case
102:11 we only want to sort by one field okay we want to sort by the created a field called sort yeah I know yeah the number
102:20 right and you can do reverse sort and all that stuff here yeah okay natur you might want to if you're doing number based you might want to do natural sort
102:28 um so it by 10 and greater it's probably better yeah so at that point um yeah it
102:35 that should that's all we have to do is you sort by that particular field and so if we look at these it's live test third
102:41 one test one right and if we sort that let's publish
102:54 uh here let's if I do reverse sort now yeah yeah yeah just so it changes
103:06 things there we go now it's reversed right so it's it's sorting by we don't need to display that field that Field's
103:13 not displayed anywhere yeah um it's just used for the Sorting purposes oh great great
103:20 great oh Joel thank you Ah that's
103:28 great now I can work on the solution for my client yeah all right let me let me look
103:36 through the the chat here um I'm going to stop my presenting for right now and let's uh
103:55 oh there it goes okay um let me go through the chat and see if there's any questions in here
104:02 um I've got a few Joe if you sure yeah here go ahead yeah go ahead what are what are your questions the
104:12 um oh right so okay image um are we restrict do we have to specify
104:21 jpeg PNG um no we're we're not restricted so um you can upload a a JPEG and it'll
104:30 convert to webp PNG jpeg whatever you want yeah um SVG now do we still have to
104:39 upload the code um so with SVG um there's going to be two ways you could potentially Do It
104:47 um if you want to upload an SVG file uh what I'd recommend is just using a Depot actually or a file okay um I do have a
104:56 specific SVG object Brant that's it that's yeah yep but that that is storing
105:03 the SVG code itself so it is you you would paste that code I'm used to doing on the page I'm really happy doing that
105:11 yeah so that's fantastic yeah I understand that completely um I'm sorry guys that some of these are
105:18 are um no if you have that question I'm sure many others do so it's fine um I can't
105:27 read my own writing now oh yes actually yes I this is in no particular order
105:34 okay um so I would like to my personal site is so old right all designers you
105:43 know you are your Your Own Worst client yeah um and like you I've skipped from
105:50 version one to version three to version 10 right now um it's all total CMS
105:58 obviously can I can I use um that license
106:05 to experiment with my site yeah on a subdomain with
106:13 with version three yeah yes so um as of right now there there are really no
106:19 restrictions to the beta version and moving forward it'll it'll behave exactly like total CS licenses do now
106:28 right so um you'll be able to use it on a subdomain for testing purposes and then the main domain as well the same fastic because I've got everything in
106:35 the video galleries you know the [ __ ] um yeah pretty URLs yeah yes I've NE I've
106:45 always had a problem with this um I think like a lot of other people you know in version one
106:53 yeah sure changing the HD access uh God it's just it's a black
107:08 right it's just it's just how it works okay and also it's where you put it yeah yeah um but the whole process
107:17 where currently you have like this light box that pops up and you can't save wa that process is better because um now
107:24 when I pasted that URL to the to the file in the collection um I I didn't make it pretty okay um however you would
107:34 instead just paste in basically what your pretty URLs is without the ID yeah okay um you would save that and then
107:42 inside if you notice like in the object in the object link stack in the object button stack yeah there was a setting there for pretty URL and if if you if
107:50 you had configured pretty URLs you would check that box and then it it wouldn't it would do things properly yeah
107:58 brilliant that's brilliant um now I now one other thing I didn't show it because I haven't built it yet is I do plan on having an HT access rule Builder um
108:08 inside the admin area right that's cool that is really cool yeah yes because I definit want
108:18 easier yeah um Joe can you show it how it looks like for a customer at the back
108:26 end um well it it depends uh if you want to give your access uh customer the access to um the live admin area like
108:34 the pre-built admin area you can it doesn't look any different um but you can also build your own custom admin
108:41 areas um I I showed that earlier um maybe I think you joined maybe a little late um here let me just show that again really
108:50 quick I think it's about a the preview uh you have to still save the
108:57 post first for the preview uh yes uh yes in order to preview it uh total CMS okay um is is
109:07 was that the question Marcelo yeah and okay so um you have put a URL to it so
109:15 if the I don't want that the customer change air um yes so that's why there is you
109:23 know there's there's going to be different levels of access so that um I haven't built all of that yet okay um but there will be different levels of
109:31 access so that you can set your customer to do certain things or have access to certain things or um you can completely
109:38 lock it down and build their own admin area just like we have nowadays where you can really only fine-tune the access
109:45 of things you want them to be able to do okay um now um do we have live preview I
109:52 know I saw that uh Johan created a question uh asking how do we solve the previewing my blog post question right
110:01 um issue so one of the main features of total CMS and this is one of its core
110:10 philosophies is separating your design from your content okay total CMS manages
110:18 your content you manage the design okay so with that said um total CMS has
110:26 no clue it doesn't care what your design is it manages all of your data okay
110:33 however um there are things you could do like let's say um if you were to set a web page or a a blog post as a draft
110:42 okay um you can make it so that you can still preview that blog post on their actual live blog page even though it
110:50 doesn't show up right right um so you know obviously let's say your the blog the loop stack you would hide everything
110:58 that is by default it hides drafts okay but you would hide everything as draft uh and then if a c as a customer is
111:06 drafting a Blog um you know post uh you could you know we can create like a little link to that blog post on where
111:14 it will be when it's finally live you know and then um display that even though it's not live and active on the
111:22 web page does that make sense right and to be honest you can actually do that now with total CMS there's nothing stopping you from doing that right now
111:29 in in the current version either right um set it as a draft hide dra hi by default all drafts are hidden from the
111:36 blog list and then um yeah you can just create a little URL put it on the blog form page obviously they have to save
111:44 the blog post before you can see it right so they could save and at that point they could just you know click on a link that you know and their they
111:52 could view the draft blog post live um on the web page on the actual web page
111:59 hopefully that makes sense yeah look you Johan I always call you is
112:07 am I do I pronounce your name properly is it Johan or is it pronounced some a different way okay excellent not easy okay
112:17 excellent it's very easy Johan yeah okay for
112:25 Dr I mean it's not hard to Johan is easy but yeah I just want to make sure that that's pronounced now I'm in Denmark and all
112:34 say Yan okay so does ver version three get get
112:44 rid of the uh and I think it does um the global Post URL requirements in other words
112:52 [Music]
112:53 this is a lot more free form for a designer yeah which I am I'm not a you know I think photographers whatever yeah
113:02 um yep that's all even though I was part of the early version one beta as you
113:10 know yeah I never I never got my head round that the fact that you had to give
113:17 a global or a generic um post URL Within TCMS within
113:26 CMS so I mean we still kind of have that again it's you I as you saw I saved that Ural in the collection okay precis yes
113:35 this is what so that that's where the freedom lies is within this collection you
113:42 can dictate whever you you can be absolutely
113:48 free about where that yes within that collection correct and I keep referring
113:55 to um matias's graphic it's absolutely fantastic I mean thank you for that
114:02 because that gives me the the hierarchy yes yes which I need as a design you know I need to think visually
114:10 I think and I work visually um I like many of us here I guess you
114:17 know yep exactly we're trying we're trying to get inside your head Joe so that's brilliant and if I may one
114:27 last question okay sorry i' I worry why we're here in admin I have a couple of
114:33 clients that have uh events okay and and that's great i' you know I've got
114:40 calendar Stacks there that deal with that on the page one thing they can't do
114:47 um is add a button in admin okay would do they want to add a button so
114:56 for example in summary not in summary necessarily but in in in the main content or extra content whatever
115:02 currently yeah to be able to just go up to and go add button add give it a title and add a link which I could obviously
115:11 then style you CSS um so like you're talking like within
115:19 the um the style text engine you want to just add a button okay so um that' be absolutely brilliant sure uh what I what
115:28 I would like to do um I haven't done much work on the styleex engine in total CS 3 yet um currently once you install
115:35 it you'll you have like bold italic and I I think that's like it okay I haven't done any any work on it other than it saves and it works okay yeah one thing I
115:44 would like to do um and this I I hate to High features to Total
115:53 CMS or I'm sorry to Foundation but I I think I would like to have add some Fe special features for total for
115:59 foundation users that are like add a add a foundation button right I could probably I could probably make it bootstrap uh compatible as well right so
116:08 that um yeah and at that point you can just you know have like a drop down that has some certain UI components yeah and
116:16 you know I I like to you know give people that purchase my other tools a little benefits so if you own Foundation there'll probably be extra stuff in
116:23 there for foundation since I own that entire ecosystem right um so I could probably make it super easy you can add a foundation 6 button directly inside
116:32 the style text that's definitely something I would like to do yeah I mean a button it's actually pretty generic
116:39 anyway isn't it so yeah oh yeah but Ian it's hard to make sure that the style works everywhere you know what I
116:48 mean the color the the the padding the roundness right um I mean yeah I mean that that's the
116:55 Crux of the problem there is is making sure that you style it exactly to to look part of the website you know what I mean yeah it's quite interesting I I
117:04 personally disable anything to do with font colors
117:10 sizes yeah I agree I agree a thousand percent yes if I give them that I've
117:16 noticed over the all the years they'll they'll experiment with purple type Jesus oh yes
117:24 capitals on a pink background you know italic yeah pink background italics Jesus Christ and then they'll make the
117:31 text different sizes and all kinds of stuff you're just like what you do this was beautiful when I gave it to
117:38 you yeah tying down you know
117:46 yep hey any other questions I think we covered everything in the um in the chat if there's anything else any
117:55 other questions or things you'd like me to show off Joe can you hear me yes um I would like to know this three questions
118:04 I had what was the solution you had for backup and backup the item is on the total CMS in the three
118:13 locations um what is the option you choose for version backup for the data backing up in three locations so I mean
118:21 so total saves the data in a folder on your server okay all the data is stored as just um raw um everything in in total
118:30 CS is saved as something called a Json file it is a a plain text file that is easily readable anywhere it is an open
118:37 standard which is why I chose that particular format on how data is saved um now uh currently total CMS um the
118:46 default behavior is it saves that uh it's called TCMS data is the name of the it's current the new ver the current version is CMS data the the version
118:55 three will save it to a folder called TCMS data um and it by default it is at the root of your website however which
119:02 is a a nice feature is you'll be able to customize the location of this folder okay um so you'll be able to take that
119:09 folder and actually move it outside of your website okay um which is I actually a
119:17 really amazing feature for security and all kinds of purposes especially now that total CS will have you can actually store username and you know uh data um
119:26 you know in the CMS like login data although your raw passwords are not saved in the in the text files um it is
119:33 all encrypted but um the ability to move that outside and store outside so none of the data is accessible um with direct
119:42 URL paths um is is a huge feature um now in terms of backups um total CS
119:49 currently doesn't do any backups um it is up to you to and your host to back make sure that you have routine backups
119:57 of your web server most hosting companies do a minimum of weekly backups so that um you know that folder will be
120:04 saved and backed up Scott Williams has a stack uh to back up um a certain
120:11 directory nice cool it's called I think CM TCMS backup or CMS backup yep I'm not
120:19 sure yeah I'm sure he'll be able to update that to to uh work with tcs3 since it's just you know it's just a
120:26 same concept as CMS one like you give um any folder on your
120:32 server and this is backed up so will work oh nice nice eventually um
120:40 I've built in hooks that um in the future I might offer some sort of CMS
120:47 data off-site backup service so that whenever you save data it'll save it to
120:54 like Amazon AWS or something like that um I I don't know I I don't know if I want to have that level of responsibility to be honest with you but
121:03 it's it's something I've built to make that that feature possible okay um again I haven't decided I'm not committing to
121:10 implementing that uh because there's a lot of obviously you know um sensitive data potentially in there um and that
121:18 that needs to be definitely siloed and protected for you know each individual user sake um but it's something I am I'm
121:26 researching and willing to potentially do in the future all right
121:32 one about the backup um why I asked for version say friend inst if only a total CMS and I want to have other
121:40 users um some of the users have a learning curve and if they back if they
121:47 mess up and to go back to their previous version they may get stuck and so I said who it's backed
121:55 up but they may not know how back and show them how and if they break something I have to go back and
122:03 get them back because I one of the applications I'm considering will have other users who could put data in there
122:10 it'll be backed up but y it be version where did you go from here where this started um so total SE the current
122:19 version actually does um that to some extent um and I have not built that
122:27 feature yet into total CS 3 um I I do think there's room for improvement and also the the current um total teams
122:36 actually doesn't have has zero UI built around restoring any of those backups that it creates um so
122:44 uh yeah total c 3 doesn't have that it won't have that before launch um but it's definitely something I would like to potentially do maybe even like
122:53 potentially integrating with an actual version Source control system would kind of be interesting um but yeah uh that's
123:01 all ideas in my head at this point um so right now it doesn't have that it won't have it for launch I don't have a
123:08 timetable on when or if I will add that we'll see based on user feedback and and prioritization of what needs to be added in the
123:16 future okay right I appreciate it no problem so please let me ask again um
123:24 have I understand it right that there are can be more than one customers so uh
123:31 one can change the text and the build and another one can change this and uh the gallery so there are more
123:41 accessibilities so um so you want to uh update you want to give people access to certain properties within a object is
123:50 that correct yes so the the she can do more than other one right so um to get
123:58 that level of granularity um you would uh create a custom um uh page that the
124:06 particular user would have access to and you can actually in total CMS 3 um create a form that only updates
124:15 particular fields in the form right so let's say you want to give access to somebody to only update
124:22 like like you said the gallery okay you can actually create a form for a object
124:29 that only updates the gallery not all Fields um so so yeah um that should solve your problem it's not something
124:38 that I I won't have that level of granularity in terms of Access Control in the built-in in the pre-made admin area but it definitely is something you
124:47 could do on a custom admin page okay and it's it's saved like page
124:53 shave before or um I'm building it will have its own um user access system um I'm actually currently actively
125:02 developing that as we speak and if this is one side so um if
125:12 another password another page opens or uh so um it'll it'll behave so if you um
125:20 go to a uh page um there'll be like a centralized login page that uh you'll log into and then it will just basically
125:28 uh redirect back to where you were before um and then the the page will be reloaded with whatever access permissions you've determined are needed
125:37 right um yeah okay and then yeah I will I also plan
125:43 on I don't know if it'll be for launch or after but I do want to also do like um Google authentication and stuff like
125:51 that so that um if you prefer to use um you know uh you know if you require two Factor authentication or something like
125:58 that I'll provide various services such as you know Google authentication um if you don't want to use the built-in login
126:06 system oh great um maybe with lock in with emails
126:12 so you get an email click on the link it'll be email and password um so uh yeah it'll be it won't be it won't be
126:21 you know just passcode like page safe is I like that but I think total CMS really needs the email password um
126:28 authentication so uh so yeah we'll have email and password um and uh I think currently I have in the user profile
126:37 field I have here I'll I'll share this doesn't work okay but I'll share with
126:45 you but that is not a part with u the CMS system
126:55 uh yes it is it is built into total CMS okay or it will be again I'm working on that as we
127:03 speak um so uh here's an example oh my image broke but oh wow what did I do
127:11 here all right as you see this is my local development server okay but you'll see I have ID you can you know you can
127:18 set a user as active or inactive um you'll have their full name so you can have a name an email the password a user
127:25 profile picture right so you would you know load in you know user profile okay um and then here here you would have you
127:34 can add multiple groups so you could be like you know this is uh you know he's a part of admin and team and you know you know whatever else okay so uh you'll be
127:43 able to add various you know uh groups then you know you can set those group levels on various pages so like you know people can load this page are in this
127:52 team and so on and so forth right um so you can add multiple groups to a person um and then I thought an interesting feature was adding the ability to have
127:59 an account expiration so like you can set a date where this account will no longer be able to log in right so you
128:07 can set an expiration date on the account so that's currently what I'm actively working on um maybe if you have
128:15 a little bit time um you can um that's um you can only put five time s a row a
128:22 password and then you blocked for the time yeah um I do want to add some sort
128:29 of logic like that but I mean people that are going to do stuff like that they're just going to VPN out get a new IP or change you know go to a different
128:38 browser and just keep going I you know um so there's I I do plan on trying to address that to some extent um you know
128:47 I so that you know you don't get pounded by various requests but I these guys out there are pretty clever and they're just
128:55 again just VPN to a different place is just going to give them a new IP address and not gonna be able to track him anymore so it's it's kind of like
129:02 playing whack-a-mole if you know what that game is you know we know that yeah so any timetable
129:13 for the next beta and what will it contain I need file and Depot you know that yes uh this beta
129:22 um is is user authentication yeah um and I'm going to try to do search for Loop um okay and
129:32 then after that um a timetable depends on how fast this authentication thing really goes um so I
129:42 am about 40% there I think um I I would
129:48 like to have beta 9 shipped by Friday if not no probably at the
129:55 fastest would be next Friday okay um that would be my that would be my my goal okay um and then after that um beta
130:05 10 has File Depot and file chunking okay so a month or six weeks from now yes I
130:13 would say a month a month yeah I I don't think Depot and file should be that difficult um they're really not do it I
130:21 don't think I don't think that they're much different than image and gallery actually in fact they're kind of easier because I don't need to process the
130:29 image and do all kinds of fancy stuff with it it's just taking the file that you upload and popping it in a folder um the file chunking will
130:38 be a challenge um I think we talked about that before yeah yeah yep um so yeah
130:45 that's definitely the the bigger item in beta 10 it's something I really really really want because I know people want to upload large f and file chunking is definitely required
130:53 for that would be great if a Depot on the user side would have some sort of um
131:07 yeah um so I you'll we'll have uh just like I have Loop blog we'll have Loop Depot and you can build it to look
131:13 however you want okay great okay yep if you want it to look like a list you make a list yeah right um
131:21 now probably for launch I'll probably like as you as you know as you saw the stacks right now are are very on the
131:28 custom side right um you could build whatever you want right um like the blog it's just it's just a loop and you can
131:36 build in whatever layout you want if you want to be a block Grid or if you want to use Bento you can right I mean you can use whatever you want okay
131:45 um but I do think it would be nice to have like a pre-made blog list list somewhat like what the current
131:54 total CMS is I'll be honest probably a little simpler I think the current blog list stack in total CS grew and had lots of features added on to it but I
132:03 basically my my goal would be I want someone to be able to get a Blog up and running in like a minute in Total Team
132:11 S3 okay just add in this stack to the page done like you know there might be some tweaks and settings to change some
132:19 things but it'll just be like if you want a basic blog I would love to have blog in 60 seconds like that is kind of
132:26 my goal okay to be able to have a Blog in 60 seconds again it might not be exactly what you want you might want a custom layout and if you want the custom
132:35 stuff then you can build all of that but that won't be in 60 seconds right but each blog post can have its own Depot
132:43 right right uh yes if you have if you create a custom collection that is a Blog right you can't modify the blog but
132:51 you cre My ultimate blog schema and then you can add aot to that correct great
133:07 that on the site oh sorry Marcel
133:13 Marcel sure what's up Marcel um sometimes I see a pen uh floating on the
133:20 the red side uh maybe you explained this before but what is this a pen it's only
133:27 an icon to symbolize what type of field it is a pen for the text field and an
133:35 image IC okay I think that's what he meant I don't know got here let me screen I'll make sure
133:43 that side or the the front end it's on sure let me meare yeah you see there's a
133:51 on the right side no oh these stay okay yeah it that that is just sorry um let's go to a one that isn't oh all of them
134:09 to to the other side to to the side before oh this
134:15 one no yes there there is a pen maybe where oh
134:23 that that's a browser extension yeah that's that's not toal
134:31 te that that adds like you know uh a an AI kind of uh spell checker and grammar
134:39 and all kinds of stuff it's called linguist um but yeah yeah yeah it's a browser
134:45 exension good question though good eyes
134:52 [Music]
134:54 Jeff what was your question uh I kind of forget now what um I do have other questions but
135:04 I've been out of the loop for a year so I don't really want to ask him ear yeah no okay well I mean you
135:11 should literally two minutes this will this will take all right so in the 12 months Loop yeah please
135:21 just give me the quick concept on on the loop okay so um process so have you used feeds at
135:31 all I've tried my feed stack yes okay um so you know feeds um it takes um let's
135:39 say an RSS feed yeah and it it Go and it Loops through each item in the feed yeah okay and and parses it you know parses
135:48 that individually same thing in total CS the loop will Loop through your collection actually it Loops through an index okay it'll Loop through your
135:57 collection index yeah and it'll it'll you know for each instance inside of that Loop here maybe it's better if I show okay so we that be
136:07 [Music]
136:10 cool all right let's take this example here where uh that I just built um you know for this better Gallery yeah okay
136:18 yeah so here here uh here is theop loop stack yes okay and everything inside of
136:24 it gets applied to each item in each iteration of the loop right right okay
136:33 so like if we we go back to let's find the the page for that oops wrong keyboard
136:49 shortcut right so this page in Rapid Weaver is this page y
136:56 online yep okay and as you see here it creates it it looped through the collection okay the index and it it
137:05 displayed three because there's only three right we only created three objects yeah so it looped through and it create it applied this layout that we
137:14 built here to each individual object and then it displayed each one now if I had 10 here it would it would do the same
137:22 thing for all 10 of them yeah okay okay now um what what might uh confuse some
137:30 people is uh I'm gonna go ahead and uh let's go ahead I'm going
137:39 to just add a container down here just add like a py another blog list yeah so
137:48 what I'm going to do is I'm going to take this it's the difference between that and a blog list yes the loop is a blog list
137:57 essentially yeah okay yes the loop is essentially a blog list yeah um I just want to give a quick example of
138:12 something oops all right uh let's go and publish that
138:27 okay so what I've done here is if you notice if you remember inside here um uh I had a block grid and then Loop is
138:35 inside the block grid yes okay um and then inside the loop um all the contents that I wanted are inside of a block grid
138:43 cell yeah okay on so on so yeah okay um so think about it this way um when I
138:52 have a normal block grid okay and I want to have multiple cells in my block grid this is how I would do it right I would
139:07 okay so um what what these Loop Stacks will do is I only have one block grid cell and what it's doing is it it's
139:15 going going to create a block grid cell for each object object yeah okay um so instead of me
139:25 having to go here and create a block grid cell for every single object yeah okay um uh that's what the loop stack does for us fantastic I have my block
139:34 grid and inside the loop will automatically generate a block grid cell for every single object yeah right so
139:43 what I what I did here what I wanted to show you was okay um further down the page here I I took block grid out of the
139:52 situation right um and all I did is I just have a loop stack and inside the loop stack I just have this object link
139:59 with the image and the headers and the buttons yeah and what that did is it just created them straight on top of each other right because because I I
140:07 didn't Define any sort of layout function it's so it's just gonna boop boop boop right on top of each other yeah wow see this gives us the power if
140:17 if I wanted to have a list layout here we go yeah fantastic right yeah uh you know and then here let's say I wanted to
140:25 have here let's change it up a little bit let's say I uh I want to have a two column and over here I want that and then over here I want this yeah gotcha
140:33 okay brilliant absolutely brilliant yeah so then uh what it's going to do is for every single object it's going to create a two
140:41 column okay based on a single instance there we go yeah yeah yeah okay brilliant right and obviously I would add padding and gutter or whatever right
140:49 but you get theidea IDE right it's very simple yeah it okay so that is oh God this could go
140:59 on for hours guys I'm gonna get it and I'm gonna yeah I'm gonna really go for it's just
141:07 brilliant I I I have I know we've done a lot today um there is a actually when
141:14 you uh let me share again uh sorry keep sharing and stop sharing um
141:21 when you go when you first load it okay um and you go into this admin dashboard um there's these uh videos here this
141:30 particular one this beta 7 overview um I recommend this one it's it is like three hours but I start from the very Basics
141:39 and I I show everything okay um I skipped a lot of what I showed here in this video today um but yeah I
141:48 definitely recommend um at least showing uh watching this beta 7 video um it is uh yeah a a very a very long one but is
141:56 very thorough okay yeah um so there we
142:04 go wow I'm happy to stay on as long as you guys have questions so uh let me
142:12 know anything else um okay yeah I do I do and again it's a
142:20 something you guys probably already know um fade versus blog yes in a
142:29 simpleton um so feed uh as I said uh early on feed I'm gonna add feed into the light version of total CMS and feed
142:38 is just a very simple version of blog it has like four Fields you get title um
142:45 content image and date I think and I think have a featured flag right so it's
142:52 just a very slimmed down very simple version of blog that doesn't has minimal
143:08 version you know oh okay so it's probably not something I would use I mean I I I wouldn't think so I'll be honest I mean if you have blog I would
143:16 use blog right um yeah and also sorting is kind of a problem I think
143:23 no yeah we spoke about yeah um yeah there's less fields to kind of oh
143:30 another thing that I I did add in blog it's also in feeds as well um there's a two new date fields um so whenever you
143:39 uh there is a date creation date and update date um as well as your usual
143:46 manual date that you can set okay so that way if you want to sort by creation date maybe the creation date is
143:53 different than what you want the the date that you put into the field is right or if you want to sort by you know latest updated posts right so whenever
144:02 you go and and update a blog post it automatically sets these aren't thing you can't even manually set these dates it is all automated so whenever a blog
144:11 post is created that creation date is set and when every time you update a blog post that uh update date is changed
144:19 or updated right yep and then similarly uh actually what I'm using what I'm working on now
144:27 for the user stuff is there'll also be a logged in date on the user on the user side um so you can see whenever a user
144:34 last logged in um which will be I think
144:40 [Music]
144:43 useful
144:44 [Music]
144:46 wow oh my God I'm so looking forward to into this excellent I'm happy thanks a lot
144:55 thanks a lot Joe for helping me with my isue during this session yeah oh no problem I hope it's getting clear for
145:02 you um you know um and sorry to everyone else that Joe has given me so much time I hope you have learned something anyway
145:11 I think it was good um I think it gave people an idea of how things could work or function so um I definitely make sure that if you haven't watched this beta 7
145:19 video I think is very good it gives a very thorough of everything okay Jo so Joe why do I find this this total CMS
145:29 beta area I don't know oh oh that's a great question actually um so in the
145:36 community there is a um if you on the sidebar there is a total CS3 beta area
145:43 and um not everyone is you can join it um and yeah I recommend you definitely post any questions that you have over here
145:51 um yeah um so then once you join this when you click in there there'll be like an add join but now button or something
145:58 like that up here you can join the space and then um any new posts in here will then show up in your main feed on the
146:05 community I I see Stacks Pro beta but I don't see uh yeah I I created that uh there's not much posted there yet
146:13 because it's not I'm kind of waiting for the new beta to be released which should be I'm hoping this month so
146:21 is there what do I do to sign up for that um uh join this group and we'll make sure that it's everything's posted
146:29 here I thought I I thought I did join the group I don't cool yeah then then uh yep when as you see the last post was 22
146:37 days ago so uh whenever a new announcement comes in here make sure you you'll see it here if you're a part of this
146:44 group okay okay I try that um
146:51 what was it gonna say uh I forget now shoot oh well don't worry you get old
146:58 [Music]
146:58 [Laughter]
147:08 something I don't remember now oh well must not have been that important as I said as I
147:18 said Jo
147:20 [Music]
147:22 oh M was like I showed you something I don't remember okay thank you I just said Thank you to Joe and sorry to the
147:30 others for the time and jof if you uh intend to use
147:36 TCMS don't forget um Don't Panic oh nice it's all
147:44 doable nice I like it awesome well okay guys I appreciate you
147:52 popping on and staying for so late I know it's super late for some of you guys so thank you very much yeah thank you Joe don't worry about it it's