|
|
| (14 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| <html> | | <html> |
| <h4>Continue on introducing the MDriven Turnkey to demonstrate types, images, value stores and pick lists and how to manage </h4> | | <h4>We continue to introduce how you can use MDriven Turnkey to demonstrate types, images, value stores, and pick lists and how to manage them. </h4> |
|
| |
|
| <p class="warn"> | | <p class="video-warn"> |
| <em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em> | | <em>To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.</em> |
| <style type="text/css">
| |
| p.warn {
| |
| opacity: 0.7;
| |
| text-align: justify;
| |
| width: 90%
| |
| }
| |
| </style>
| |
| </p> | | </p> |
|
| |
|
| <style>
| | <div class="video__wrapper"> |
| #video12 {
| | <iframe width="740" height="500" src="https://www.youtube.com/embed/Ca6ShDvSjxc?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe> |
| position: relative;
| | </div> |
| height: 500px;
| | |
| width:560px;
| |
| padding-bottom: 10px;
| |
| }
| |
| #video12 iframe {
| |
| position: absolute;
| |
| min-height: auto;
| |
| min-width: auto;
| |
| }
| |
| #video12 div {
| |
| position: absolute;
| |
| top: 0;
| |
| left:760px;
| |
| width: 260px;
| |
| height: 100%;
| |
| padding-left: 10px;
| |
| overflow-y: auto;
| |
| }
| |
| span.time {
| |
| font-size: 18;
| |
| display:block;
| |
| padding: 2px 10px 2px 10px;
| |
| padding-bottom: 0.5;
| |
| padding-top: 0.5;
| |
| opacity: 0.7;
| |
| }
| |
| span.time:hover {
| |
| color: #0000FF;
| |
| cursor: pointer;
| |
| }
| |
| span.time:focus {
| |
| color: blue; | |
| </style>
| |
| <br>
| |
| <div id="video12"> | |
| <iframe width="740" height="500" src="https://www.youtube.com/embed/4WqRP-2nytQ?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
| |
| </div> | |
|
| |
|
| <script>
| |
| var IMG = document.querySelectorAll('#video12 span'),
| |
| IFRAME = document.querySelector('#video12 iframe');
| |
| for (var i = 0; i < IMG.length; i++) {
| |
| IMG[i].onclick = function() {
| |
| IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
| |
| if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
| |
| if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
| |
| this.stle.backgroundColor='rgba(0,0,0,.2)';
| |
| }
| |
| }
| |
| </script>
| |
| </html> | | </html> |
| | | [[Category:MDriven Turnkey Sessions]] |
| Raw subtitles text
| | [[Category:MDriven Turnkey]] |
| | | {{Edited|July|12|2024}} |
| this is session 2 of turnkey
| |
| | |
| MDriven turnkey, gonna continue with | |
| | |
| early model here to demonstrate types and gonna add a new class called
| |
| | |
| brand and the relation, so that
| |
| | |
| each car can have 0...1 Brand
| |
| | |
| Brands can have many cars, of course, gonna add some attributes to car
| |
| | |
| object to the car class to demonstrate
| |
| | |
| that you could have data of different types
| |
| | |
| tire radius we will make double
| |
| | |
| gonna add an image to
| |
| | |
| brand as well, so we could demonstrate blob types
| |
| | |
| we set image on the blob type
| |
| | |
| in the EditOneCar we add these new possibilities, pick list, like that
| |
| | |
| and let's make a new View Model
| |
| | |
| to handle the brand manage, brands
| |
| | |
| got that one make that ran and
| |
| | |
| like before we gonna do all instances of brand this time
| |
| | |
| and have the column Name
| |
| | |
| and let's add image the grid as well to see what happens
| |
| | |
| in this View Model would rather much like edited me
| |
| | |
| on the brand in the same view
| |
| | |
| add a nesting self to go from many integrate to one single and then I add
| |
| | |
| columns for name and brand image again
| |
| | |
| they will be rendered by the scalefolding engine as editable
| |
| | |
| for each select brand I could now set the name and brand image
| |
| | |
| global action for show on the manage brands
| |
| | |
| and also view election for create
| |
| | |
| on new brands, so alright
| |
| | |
| you see them there, correct, let's go to the cloud
| |
| | |
| upload, we check status, untill it's done okay
| |
| | |
| sequence script has added the table for brand and staff
| |
| | |
| F5 we seed a new menu item show manage brands
| |
| | |
| I'm gonna add a brand, pick and set name Audi
| |
| | |
| let's find image for each of these, like that and save
| |
| | |
| one very common cases, of course that in the EditOneCar we will want to set the brand
| |
| | |
| we are going to do that soon, just check the daytime picker in the different fields
| |
| | |
| and it seems to work and switch back to
| |
| | |
| model and the View Models
| |
| | |
| for EditOneCar, here I want to add select to be able to browse to brands
| |
| | |
| there's quick command for that, so in this case
| |
| | |
| brand all instances we want to pick one of the available to brands and assign to our brand relation in our class
| |
| | |
| that will exist on Car object
| |
| | |
| gonna add the brand image behind there
| |
| | |
| so we have a picker and the brand image, right
| |
| | |
| let's do the model check, requiring error there
| |
| | |
| that an easy one because there is EditOneCar view
| |
| | |
| needed to check that it required a root object
| |
| | |
| to show this one we need to have a car object
| |
| | |
| F5 this and show all cars, View EditOneCar and we have the pick list, pick Volvo
| |
| | |
| images updated of course and pick another one that we haven't set anything on Audi
| |
| | |
| let's set the registration number as well
| |
| | |
| okay and that's pretty much
| |
