refactor(import) : refactor import task and others

- update elixir and uikit npm packages
- fix phpunit config
- refactor export/import to their own controllers
- refactor import tasks to use interface repository pattern and a vue component along with uikit upload library
- refactor icons to uikit icons instead of custom icon library
- refactor caching mechanism
- better route model binding along with strict types in controller methods

Author: roshangautam

.gitattributes

@@ -13,3 +13,8 @@ phpunit.xml.dist export-ignore
 *.css linguist-vendored
 *.js linguist-vendored
 
+public/js/**/*.js -diff
+public/js/**/*.js.map -diff
+public/css/**/*.css -diff
+public/css/**/*.css.map -diff
+

gulpfile.js

@@ -20,5 +20,4 @@ elixir(mix => {
     .copy('resources/assets/img', 'public/img')
     .copy('resources/assets/less/img', 'public/img')
     .copy('public', '../../../public/vendor/totem');
-    // .copy('public', '../app/public/vendor/horizon');
 });

package.json

@@ -9,12 +9,12 @@
     "es6-promise": "^4.0.5",
     "gulp": "^3.9.1",
     "laravel-elixir": "^6.0.0-14",
-    "laravel-elixir-vue-2": "^0.2.0",
+    "laravel-elixir-vue-2": "^0.3.0",
     "laravel-elixir-webpack-official": "^1.0.2",
     "lodash": "^4.16.2",
     "moment": "^2.10.6",
     "phpunserialize": "1.*",
-    "uikit": "^3.0.0-beta.30",
+    "uikit": "^3.0.0-rc.11",
     "vue": "^2.2.0",
     "xml-loader": "1.1.0"
   }

phpunit.xml

@@ -7,9 +7,7 @@
 		 convertNoticesToExceptions="true"
 		 convertWarningsToExceptions="true"
 		 processIsolation="false"
-		 stopOnFailure="false"
-		 syntaxCheck="false"
->
+		 stopOnFailure="false">
 	<testsuites>
 		<testsuite name="Laravel Totem Test Suite">
 			<directory suffix="Test.php">./tests/</directory>

public/css/app.css

@@ -1,53 +1,58 @@
-import './bootstrap'
-import Vue from 'vue'
-import moment from 'moment'
-import Icon from './components/Icon.vue';
-import UIKitAlert from './components/UiKitAlert.vue'
-import TaskType from './tasks/components/TaskType.vue'
-import TaskOutput from './tasks/components/TaskOutput.vue'
-import StatusButton from './tasks/components/StatusButton.vue'
-import ExecuteButton from './tasks/components/ExecuteButton.vue'
+import './bootstrap';
+import Vue from 'vue';
+import moment from 'moment';
+import UIkit from 'uikit';
+import Icons from 'uikit/dist/js/uikit-icons';
+import UIKitAlert from './components/UiKitAlert.vue';
+import TaskType from './tasks/components/TaskType.vue';
+import TaskOutput from './tasks/components/TaskOutput.vue';
+import StatusButton from './tasks/components/StatusButton.vue';
+import ExecuteButton from './tasks/components/ExecuteButton.vue';
+import ImportButton from './tasks/components/ImportButton'
 
 Promise.delay = function (time) {
-    return new Promise((resolve, reject) => {
-        setTimeout(resolve, time)
-    })
-}
+  return new Promise((resolve, reject) => {
+    setTimeout(resolve, time)
+  })
+};
 
 Promise.prototype.takeAtLeast = function (time) {
-    return new Promise((resolve, reject) => {
-        Promise.all([this, Promise.delay(time)]).then(([result]) => {
-            resolve(result)
-        }, reject)
-    })
-}
+  return new Promise((resolve, reject) => {
+    Promise.all([this, Promise.delay(time)]).then(([result]) => {
+      resolve(result)
+    }, reject)
+  })
+};
 
 Vue.mixin({
-    methods: {
-        /**
-         * Format the given date with respect to timezone.
-         */
-        formatDate(unixTime){
-            return moment(unixTime * 1000).add(new Date().getTimezoneOffset() / 60)
-        },
+  methods: {
+    /**
+     * Format the given date with respect to timezone.
+     */
+    formatDate(unixTime){
+      return moment(unixTime * 1000).add(new Date().getTimezoneOffset() / 60)
+    },
 
-        /**
-         * Convert to human readable timestamp.
-         */
-        readableTimestamp(timestamp){
-            return this.formatDate(timestamp).format('HH:mm:ss')
-        }
+    /**
+     * Convert to human readable timestamp.
+     */
+    readableTimestamp(timestamp){
+      return this.formatDate(timestamp).format('HH:mm:ss')
     }
-})
+  }
+});
 
 new Vue({
-    el: '#root',
-    components: {
-        'icon'  : Icon,
-        'uikit-alert'  : UIKitAlert,
-        'status-button': StatusButton,
-        'execute-button': ExecuteButton,
-        'task-type' : TaskType,
-        'task-output' : TaskOutput
-    }
-})
+  el: '#root',
+  components: {
+    'uikit-alert'  : UIKitAlert,
+    'status-button': StatusButton,
+    'execute-button': ExecuteButton,
+    'import-button': ImportButton,
+    'task-type' : TaskType,
+    'task-output' : TaskOutput
+  },
+  mounted() {
+    UIkit.use(Icons);
+  }
+});