From 14a75960785536c29f9ced927455f6c0d715bfd0 Mon Sep 17 00:00:00 2001 From: jcreek Date: Sat, 1 Apr 2017 11:59:03 +0100 Subject: [PATCH] Core files with basic layout set up --- app.js | 38 +++++++++++ index.html | 188 +++++++++++++++++++++++++++++++++++++++++++++++++++++ main.js | 21 ++++++ styles.css | 27 ++++++++ 4 files changed, 274 insertions(+) create mode 100644 app.js create mode 100644 index.html create mode 100644 main.js create mode 100644 styles.css 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:

+
    +
  • Assessment title
    • +
  • Question number
    • +
  • Content tested by the question (be specific)
    • +
  • Number of marks available for the question
    • +
+
+ +
+
+

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]+'