| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/MichaelMalz/CST2146/Labs/Lab04/ |
Upload File : |
<?
// MichaelMalz/CST2146/Labs/Lab03.phpinc
$css .= ',colorCode.css';
#d_Var('$f_task',$f_task,'df');
#d_Var('$f_subtask',$f_subtask,'df');
// Process $f_subtask == 'Save path information'
if ( $f_task == 'Submit' && $f_subtask == 'Save path information' ) {
$EvaluationSubmission_PROCESS = false;
require('getLabInfo.phpinc');
require('saveLabInfo.phpinc');
}
require('getLabInfo.phpinc');
$checkFileUpload = false;
#$showEvaluationVariables = true;
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
$disabled = '';
$disabled = ' disabled';
$uploadFilename = $classNumber.'_'.$saveFilename.'.zip';
$UN = strtolower(substr($userFirstName,0,3).substr($userLastName,0,3));
$PW = $f_sId;
$ShowSpanCountBefore = false;
//$ShowSpanCountBefore = true;
// <span class="count">
#d_Var("\$_SESSION",$_SESSION,'d+');
#d_Var("\$_SESSION['CST2146']",$_SESSION['CST2146'],'d+');
?>
<fieldset><legend>Description</legend>
The purpose of this lab is to setup your computer to run a local copy of the CST2146 project for class.
<br>
<span class="note normal">
There are a lot of steps and variations that can happen and I will try to cover them below.
<br>No matter what I do, you may need help to get this all working.
If you need help, don't be shy; Call me, or email me to set up a web meeting where we can talk.
</span>
<br>
<?=$gradeNote?>
<? if ( $disabled ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?>
</fieldset>
<fieldset><legend><?=$evaluationType?> <?=$evaluationNumber?> Assignment</legend>
<ol class="count">
<li>*** Use Inertia.js and Vue.js for this lab ***</li>
<!-- 1 -->
<li>Modify the OrdersController index function to pass $orders to Vue.js with Inertia </li>
<!-- 2 -->
<li>Create a new vue page called resources/js/Pages/orders.vue</li>
<ol>
<li>Page must have a opening and closing template</li>
<li>Template must have a parent div</li>
<li>parent div must contain a table or div structure for the order loop</li>
<li>Page must have a script section to handle the props and functions</li>
<li>Page must have a style section to handle the styles of orders</li>
<li>Apply your own styles on how you would like the orders list to look</li>
<li>*** You must use more styling than that of screenshot example ***</li>
</ol>
<!-- 3 -->
<li>Create a directory called <b><?=$evaluationName?></b>. We will use it for all work performed in this lab.</li>
<!-- 4 -->
<li>Demonstrate that your new orders page works via a /orders route.
<ol>
<li>Open the page in your Chrome browser</li>
<li>Take a screenshot of the order list and save it as <b class="copyText"><?=$saveFilename?>-browser.png</b> in your <b><?=$evaluationName?></b> folder.
<? showBegin('See example screenshot','Hide example screenshot'); ?><br>
<img src="images/ScreenShot.png" width="1000" height="650" alt="Screenshot"/><br>
<? showEnd (); ?>
</li>
<li>Copy your orders.vue file into your <b><?=$evaluationName?></b> folder.</li>
</ol>
</li>
<li>Turn in your assignment:
<ol type="a">
<li>Ensure the following files are in your <b><?=$evaluationName?></b> folder:
<ul>
<li>orders.vue</li>
<li><?=$saveFilename?>-browser.png</li>
</ul>
</li>
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b class="copyText"><?=$uploadFilename?></b>.</li>
<li>Browse and select your <b><?=$uploadFilename?></b> file: <input type="file" name="fileUpload" id="inpFileUpload"<?=$disabled?>><div id="divFileploadError"></div></li>
<li>Then <input type="submit" name="f_subtask" id="inpSubmit" value="Submit"<?=$disabled?>> for grading.</li>
</ol>
</li>
</ol>
</fieldset>
<? if ( $disabled ) { ?>
<span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><br>
<? } ?>
</fieldset>
<?
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>