SAA-354: Package frontend assets

.circleci/config.yml

@@ -53,6 +53,7 @@ jobs:
             - node_modules
             - build-info.json
             - build
+            - assets
             - dist
             - .cache/Cypress
 
@@ -128,9 +129,9 @@ jobs:
       - store_test_results:
           path: test_results
       - store_artifacts:
-          path: integration-tests/videos
+          path: integration_tests/videos
       - store_artifacts:
-          path: integration-tests/screenshots
+          path: integration_tests/screenshots
 
 workflows:
   version: 2

.eslintignore

@@ -1,6 +1,7 @@
 node_modules
 public
 assets
+frontend
 cypress.json
 reporter-config.json
 dist/

.gitignore

@@ -117,7 +117,7 @@ dist
 
 
 
-assets/stylesheets/*.css
+assets
 .idea
 .vscode
 build-info.json

frontend/_all.scss

@@ -0,0 +1,3 @@
+@import './components/all';
+@import './spikes/all';
+@import './utilities/all';

frontend/all.js

@@ -0,0 +1,40 @@
+ActivitiesFrontend.nodeListForEach = function (nodes, callback) {
+  if (window.NodeList.prototype.forEach) {
+    return nodes.forEach(callback)
+  }
+  for (var i = 0; i < nodes.length; i++) {
+    callback.call(window, nodes[i], i, nodes)
+  }
+}
+
+ActivitiesFrontend.initAll = function () {
+  var $backLinks = document.querySelectorAll('[class*=js-backlink]')
+  ActivitiesFrontend.nodeListForEach($backLinks, function ($backLink) {
+    new ActivitiesFrontend.BackLink($backLink)
+  })
+
+  var $printButtons = document.querySelectorAll('[class*=js-print]')
+  ActivitiesFrontend.nodeListForEach($printButtons, function ($printButtons) {
+    new ActivitiesFrontend.PrintButton($printButtons)
+  })
+
+  var $cards = document.querySelectorAll('.card--clickable')
+  ActivitiesFrontend.nodeListForEach($cards, function ($card) {
+    new ActivitiesFrontend.Card($card)
+  })
+
+  var $multiSelects = document.querySelectorAll('[data-module="activities-multi-select"]')
+  ActivitiesFrontend.nodeListForEach($multiSelects, function ($multiSelect) {
+    new ActivitiesFrontend.MultiSelect($multiSelect)
+  })
+
+  var $autoCompleteElements = document.getElementsByName('autocompleteElements')
+  ActivitiesFrontend.nodeListForEach($autoCompleteElements, function ($autoCompleteElements) {
+    new ActivitiesFrontend.AutoComplete($autoCompleteElements)
+  })
+
+  var $calendars = document.querySelectorAll('[data-module="calendar"]')
+  ActivitiesFrontend.nodeListForEach($calendars, function ($calendar) {
+    new ActivitiesFrontend.Calendar($calendar).init()
+  })
+}

frontend/application-ie8.scss

@@ -0,0 +1,6 @@
+@import './variables/variables';
+
+@import 'govuk/all-ie8';
+@import 'moj/all-ie8';
+
+@import './all';

frontend/application.scss

@@ -0,0 +1,6 @@
+@import './variables/variables';
+
+@import 'govuk/all';
+@import 'moj/all';
+
+@import './all';

frontend/components/_all.scss

@@ -0,0 +1,5 @@
+@import './autocomplete/autocomplete';
+@import './card/card';
+@import './header-bar/header-bar';
+@import './multi-select/multi-select';
+@import './search-bar/search-bar';