diff --git a/app.js b/app.js new file mode 100644 index 0000000..cc61145 --- /dev/null +++ b/app.js @@ -0,0 +1,38 @@ +(function(){ + // Declare App + var app = angular.module('testApp',[]); + + // Create Controller + app.controller('testController', function($scope){ + + // Data + $scope.title = "Hello, World!"; + $scope.products = [ + { + name: 'Product One', + price: 2, + forSale: true + }, + { + name: 'Product Two', + price: 5, + forSale: false + }, + { + name: 'Product Three', + price: 9, + forSale: true + } + ]; + + // Add Product Functionality + $scope.addProduct = function(){ + $scope.products.push($scope.newProduct); + $scope.newProduct = {}; + }; + + // End Controller + }); + +// End App +})(); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1b0ff06 --- /dev/null +++ b/index.html @@ -0,0 +1,188 @@ + + + + + + + + + + + + AssessmentAnalyser + + + + + + + + + + + + + + + + + + + + + +
+ + +
+

Make assessments easy...

+

...for teachers to analyse! To use this app, simply set up your exam by entering the question numbers, marks available per question and topics for each question, then input your student data question-by-question, and select an analysis to view from the drop-down menu.

+

Performing a gap analysis to ensure progress for every pupil has never been so easy.

+

+ Get started » +

+
+ + + +
+

Please enter the following fields:

+ +
+ +
+
+

Exam Setup

+
+
+
+ Assessment Title:
+ AngularJS is probably what I need to use to do the data analysis here - this project is probably best as a single page where users scroll using the persistent nav bar to get to the section they need, unless I can work out a way to make the data persistent across multiple pages without a database... +
+

Paste excel data here:

+
+ +

+

Table data will appear below

+
+
+
+
+ +
+
+

Student Data Entry

+
+
+

Paste excel data here:

+
+ +

+

Table data will appear below

+
+
+
+
+ +
+
+

Analysis By Cohort

+
+
+
+
+ +

{{title}}

+
    +
  • + {{product.name}} - {{product.price | currency: "£"}} +
    • +
+ +

Add Product

+
+ + + + + + + +
+ +
+
+
+
+ + + +
+ + + + + + + + + + + + + + + + + + + diff --git a/main.js b/main.js new file mode 100644 index 0000000..dca26b1 --- /dev/null +++ b/main.js @@ -0,0 +1,21 @@ +var element = document.querySelector("#greeting"); +element.innerText = "Hello, world!"; + +function generateTable(textAreaName,tableID) { // This function is used to enable copy & pasting of data from a spreadsheet directly into the webpage, retaining the rows and columns + var data = $('textarea[name='+textAreaName+']').val(); + //console.log(data); // For testing purposes only + var rows = data.split("\n"); + + var table = $(''); + + for(var y in rows) { + var cells = rows[y].split("\t"); + var row = $(''); + for (var x in cells) { + row.append(''); + } + table.append(row); + } + // Insert into DOM + $('#'+tableID+'').html(table); +} \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..2ae05df --- /dev/null +++ b/styles.css @@ -0,0 +1,27 @@ +body { + padding-top: 70px; + margin-bottom: 60px; /* Margin bottom by footer height */ +} + +#greeting { + background-color: #F8F8F8; + font-family: 'Open Sans', sans-serif; + font-size: 24px; + margin: 15px; +} + +.footer { + width: 100%; + height: 60px; /* Set the fixed height of the footer here */ + background-color: #f5f5f5; +} + +.footer .container { + width: auto; + max-width: 680px; + padding: 0 15px; + text-align: center; +} +.footer .container .text-muted { + margin: 20px 0; +} \ No newline at end of file
'+cells[x]+'