Code Migration

.gitignore

@@ -17,5 +17,6 @@ dist
 /RUNNING_PID
 /.settings
 *.iws
+node_modules
 
-
+

Gruntfile.js

@@ -0,0 +1,47 @@
+module.exports = function(grunt){
+  grunt.initConfig({
+    // Builds libsass
+    sass: {
+      dev: {
+        options: {
+          style: "expanded"
+        },
+        files: [{
+          expand: true,
+          cwd: "app/uk/gov/hmrc/nisp/assets/sass",
+          src: ["*.scss"],
+          dest: "public/stylesheets/",
+          ext: ".css"
+        }]
+      }
+    },
+    // Watches styles and specs for changes
+    watch: {
+      css: {
+        files: ['app/uk/gov/hmrc/nisp/assets/sass/**/*.scss'],
+        tasks: ['sass'],
+        options: { nospawn: true }
+      }
+    },
+    clean: ["public/stylesheets"],
+    plato: {
+        nisp_js_report: {
+          files: {
+            'logs/reports': ['public/**/*.js']
+          }
+        }
+  }
+  });
+
+  [
+    'grunt-contrib-watch',
+    'grunt-contrib-sass',
+    'grunt-contrib-clean',
+    'grunt-plato'
+  ].forEach(function (task) {
+    grunt.loadNpmTasks(task);
+  });
+
+  grunt.registerTask('build', ['clean','sass','plato'])
+  grunt.registerTask('default', ['clean','sass','plato']);
+};

LICENSE

@@ -1,3 +1,4 @@
+
                                  Apache License
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/
@@ -178,15 +179,15 @@
    APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "{}"
+      boilerplate notice, with the fields enclosed by brackets "[]"
       replaced with your own identifying information. (Don't include
       the brackets!)  The text should be enclosed in the appropriate
       comment syntax for the file format. We also recommend that a
       file or class name and description of purpose be included on the
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright {yyyy} {name of copyright owner}
+   Copyright 2015 HM Revenue and Customs
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
@@ -199,4 +200,3 @@
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
-

README.md

@@ -1,11 +1,70 @@
+Frontend of the National Insurance and new State Pension application
+====================================================================
 
-# nisp-frontend
+[![Apache-2.0 license](http://img.shields.io/badge/license-Apache-brightgreen.svg)](http://www.apache.org/licenses/LICENSE-2.0.html) [![Build Status](https://travis-ci.org/hmrc/nisp-frontend.svg)](https://travis-ci.org/hmrc/nisp-frontend) [ ![Download](https://api.bintray.com/packages/hmrc/releases/nisp-frontend/images/download.svg) ](https://bintray.com/hmrc/releases/nisp-frontend/_latestVersion)
 
-[![Build Status](https://travis-ci.org/hmrc/nisp-frontend.svg?branch=master)](https://travis-ci.org/hmrc/nisp-frontend) [ ![Download](https://api.bintray.com/packages/hmrc/releases/nisp-frontend/images/download.svg) ](https://bintray.com/hmrc/releases/nisp-frontend/_latestVersion)
+This service provides the frontend endpoint for the [National Insurance and State Pensions project](https://github.com/hmrc/nisp).
 
-This is a placeholder README.md for a new repository
+Summary
+-----------
 
-### License
+This service provides the following useful information to the customer:
+
+* When they will reach [State Pension] age
+* How much their [State Pension] is currently worth
+* A forecast of what their [State Pension] will be when they reach State Pension age
+* A view of their [National Insurance] record, including any gaps
+
+Requirements
+------------
+
+This service is written in [Scala](http://www.scala-lang.org/) and [Play](http://playframework.com/), so needs at least a [JRE] to run.
+
+
+Authentication
+------------
+
+This customer logs into this service using [GOV.UK Verify](https://www.gov.uk/government/publications/introducing-govuk-verify/introducing-govuk-verify)
+
+
+Acronyms
+---
+
+In the context of this application we use the following acronyms and define their
+meanings. Provided you will also find a web link to discover more about the systems
+and technology.
+
+* [API]: Application Programming Interface
+
+* [HoD]: Head of Duty
+
+* [JRE]: Java Runtime Environment
+
+* [JSON]: JavaScript Object Notation
+
+* [NI]: National Insurance
+
+* [SP]: State Pension
+
+* [NINO]: National Insurance Number
+
+* [URL]: Uniform Resource Locator
+
+
+License
+---
 
 This code is open source software licensed under the [Apache 2.0 License]("http://www.apache.org/licenses/LICENSE-2.0.html").
-
+
+
+[NPS]: http://www.publications.parliament.uk/pa/cm201012/cmselect/cmtreasy/731/73107.htm
+[HoD]: http://webarchive.nationalarchives.gov.uk/+/http://www.hmrc.gov.uk/manuals/sam/samglossary/samgloss249.htm
+[NINO]: http://www.hmrc.gov.uk/manuals/nimmanual/nim39110.htm
+[NI]: https://www.gov.uk/national-insurance/overview
+[National Insurance]: https://www.gov.uk/national-insurance/overview
+[JRE]: http://www.oracle.com/technetwork/java/javase/overview/index.html
+[API]: https://en.wikipedia.org/wiki/Application_programming_interface
+[URL]: https://en.wikipedia.org/wiki/Uniform_Resource_Locator
+[State Pension]: https://www.gov.uk/new-state-pension/overview
+[SP]: https://www.gov.uk/new-state-pension/overview
+[JSON]: http://json.org/

app/uk/gov/hmrc/nisp/assets/sass/nirecord.scss

@@ -0,0 +1,192 @@
+// nirecord.scss
+
+
+.ni-action {
+  width: 40%;
+  float: left;
+  text-align: right;
+}
+
+.ni-years {
+  width: 20%;
+  @media only screen and (max-width: 640px) {
+    width: 25%;
+  }
+  float: left;
+}
+
+.ni-notfull {
+  width: 40%;
+  @media only screen and (max-width: 640px) {
+     width: 35%;
+  }
+  float: left;
+}
+
+.contributions-wrapper {
+  display: block;
+  clear: both;
+  padding: 0px 0px 0px 20%;
+  margin-bottom: 5px;
+  font-size: 16px;
+  @media only screen and (max-width: 640px) {
+    padding: 0;
+  }
+}
+
+
+
+
+.contributions-wrapper .contributions-header {
+    font-weight: 700;
+    color: #6F777B;
+    margin: 25px 0 0 0;
+}
+
+.accordion dd, .ni-table dd {
+  padding-bottom: 5px;
+}
+
+.accordion dd p {
+  font-size: 16px;
+  margin-top: 5px;
+  @media only screen and (max-width: 640px) {
+    font-size: 14px;
+  }
+}
+
+.accordion dd p.contributions-header {
+    font-weight: 700;
+    color: #6F777B;
+    margin: 25px 0 0 0;
+}
+
+.accordion dt:not(:first-child), .ni-table dt {
+  border-top: 1px solid #BFC1C3; 
+}
+
+
+.ni-wrapper {
+  display: inline-block;
+  clear: both;
+  width: 100%;
+  padding: 18px 0 5px 0;
+}
+
+
+
+aside {
+    padding-top: 30px;
+    width:30%;
+}
+
+aside h2 {
+    padding-top: 15px;
+    font-weight: bold;
+}
+
+.sidebar-border {
+
+    border-top: 10px solid #005EA5;
+    @media only screen and (max-width:640px){
+        display:none;
+
+    }
+}
+
+.form-label{
+    font-size: 17px;
+    font-weight: bold;
+}
+
+.full-width {
+    width:100%;
+}
+
+.sidebar-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+    @media only screen and (max-width:640px){
+
+        position: inherit;
+        width: inherit;
+        height: inherit;
+        padding: inherit;
+        margin: inherit;
+        overflow: inherit;
+        clip: inherit;
+        border: inherit;
+    }
+
+}
+
+ul.listbullets {
+    list-style-type: disc;
+    padding-left: 20px;
+    li {
+        font-size: 16px;
+    }
+}
+
+
+
+
+.inactive {
+  color: #6F777B;
+}
+
+.backlink {
+  margin-top: 14px;
+}
+
+.nirecord-heading {
+  margin-bottom: 0;
+}
+
+.nisummary-text {
+  font-size: 16px;
+  margin-top: 0;
+
+
+}
+
+.nisummary-number {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 0;
+}
+
+.nirecord-taxyear {
+  white-space:nowrap;
+}
+
+hr.summary-nirecord-feedback {
+  margin-top: 35px;
+  border-style: solid;
+  border-top: 1px;
+  border-color: #BFC1C3;
+}
+
+
+
+
+/*----------------------------------*\
+    # Gaps and how to check
+\*----------------------------------*/
+
+
+h1.gapsinyourrecord {
+  margin-top:0.5em;
+  margin-bottom:0;
+}
+
+h2.gapsinyourrecord {
+  margin-top:1.87em !important;
+  margin-bottom:0.83em;
+}