Refactor component loading

* Move dynamicRequire content to bottom of Router, organize by chunk
* Set up Router to handle loading, wrapping Vue components
* Directly load four components
* Add .gitignore for stats.json

Refactor FlatLayout to a .vue file

Refactor PageErrors to a .vue file

Refactor StudentAssessments to a .vue file

Update chunking object in Router

Revert "Refactor StudentAssessments to a .vue file"

This reverts commit ccab1d8.

.gitignore

@@ -117,3 +117,6 @@ scripts/analytics/mongodb/.mainAuth.json
 
 # Build info file served by the production server
 .build_info.json
+
+# Webpack stats
+stats.json

app/core/components/FlatLayout.vue

@@ -0,0 +1,22 @@
+<template lang="jade">
+
+div
+  page-errors(v-if="errors.length")
+  slot(v-else)
+
+</template>
+
+<script lang="coffee">
+
+PageErrors = require('core/components/PageErrors.vue').default
+
+module.exports = {
+  name: 'flat-layout'
+  components:
+    'page-errors': PageErrors
+  computed: Vuex.mapState({
+    errors: (state) -> state.pageErrors
+  })
+}
+
+</script>

app/templates/core/components/page-errors.jade → app/core/components/PageErrors.vue

@@ -1,3 +1,22 @@
+<script lang="coffee">
+
+module.exports = {
+  name: 'page-errors'
+  computed: _.assign(
+    Vuex.mapState({
+      error: (state) -> _.first(state.pageErrors)
+    }),
+    Vuex.mapGetters('me', [
+      'isAnonymous'
+      'forumLink'
+    ])
+  )
+}
+
+</script>
+
+<template lang="jade">
+
 #loading-error.text-center
   div(v-if="error.stack")
     h1 {{ $t("loading_error.unknown") }}
@@ -93,3 +112,4 @@
         li
           a(href="https://twitter.com/codecombat") {{ $t("nav.twitter") }}
 
+</template>

app/views/admin/AdminClassroomLevelsComponent.vue

@@ -1,5 +1,5 @@
 <template lang="jade">
-div.admin-classroom-levels.container
+#admin-classroom-levels-view.admin-classroom-levels.container
   h3 Classroom Levels
   div(v-if="loading") Loading...
   div(v-else-if="!$store.getters['me/isAdmin']")

app/views/admin/CLAsComponent.vue

@@ -40,8 +40,6 @@ module.exports = Vue.extend({
 @import "app/styles/bootstrap/variables"
 
 #admin-clas-view
-  background-color: white
-
   padding: 50px 0 200px
 
   table

app/views/admin/FilesComponent.vue

@@ -1,5 +1,5 @@
 <template lang="jade">
-div.container
+#files-view.container
   h1 Files
 
   select#folder-select(v-model="directory")

app/views/admin/OutcomesReportComponent.vue

@@ -1,6 +1,6 @@
 <template lang="jade">
 
-.container
+#outcomes-report-view.container
   form
     label
       | Teacher email:
@@ -98,7 +98,7 @@ co = require('co')
 helper = require 'lib/coursesHelper'
 utils = require 'core/utils'
 
-OutcomesReportComponent = {
+module.exports = Vue.extend {
   data: ->
     accountManager: me.toJSON()
     teacherEmail: utils.getQueryVariable('email')
@@ -393,8 +393,6 @@ OutcomesReportComponent = {
 
 }
 
-`export default OutcomesReportComponent`
-
 </script>
 
 <style lang="sass">

app/views/admin/SkippedContactsView.coffee

@@ -3,7 +3,7 @@ RootComponent = require 'views/core/RootComponent'
 template = require 'templates/base-flat'
 co = require('co')
 api = require 'core/api'
-FlatLayout = require 'core/components/FlatLayout'
+FlatLayout = require('core/components/FlatLayout.vue').default
 
 SkippedContactInfo =
   template: require('templates/admin/skipped-contacts/skipped-contact-info')()

app/views/courses/ProjectGalleryView.coffee

@@ -1,6 +1,6 @@
 require('app/styles/courses/project-gallery.sass')
 RootComponent = require 'views/core/RootComponent'
-FlatLayout = require 'core/components/FlatLayout'
+FlatLayout = require('core/components/FlatLayout.vue').default
 api = require 'core/api'
 User = require 'models/User'
 Level = require 'models/Level'

app/views/courses/StudentAssessmentsView.coffee

@@ -1,6 +1,6 @@
 require('app/styles/courses/student-assessments-view.sass')
 RootComponent = require 'views/core/RootComponent'
-FlatLayout = require 'core/components/FlatLayout'
+FlatLayout = require('core/components/FlatLayout.vue').default
 api = require 'core/api'
 User = require 'models/User'
 Level = require 'models/Level'

test/app/views/admin/AdminClassroomLevelsView.spec.coffee

@@ -1,5 +1,4 @@
-AdminClassroomLevelsView = require 'views/admin/AdminClassroomLevelsView'
-AdminClassroomLevelsComponent = AdminClassroomLevelsView.prototype.VueComponent
+AdminClassroomLevelsComponent = require('views/admin/AdminClassroomLevelsComponent.vue').default
 factories = require 'test/app/factories'
 Levels = require 'collections/Levels'