Update file module

Add method to breadcrumb for update the paths and update file
module. This commit can display bucket and files, but not yet
support display folder.

* add `updateFilePath` to $breadcrumb
* add necessary method call to file controller

src/components/file/file.controller.js

@@ -1,16 +1,21 @@
 export default class FileController {
   /** @ngInject */
-  constructor($scope, $stateParams, $file) {
+  constructor($scope, $stateParams, $file, $bucket, $breadcrumb) {
     Object.assign(this, {
-      $scope, $file,
+      $scope, $file, $bucket, $breadcrumb,
     });
 
     this.$scope.$watch(
       () => $file.state.lists,
       newVal => Object.assign(this, newVal)
     , true);
 
-    this.$file.setPaths($stateParams.path);
+    const [bucket, ...folders] = $stateParams.path.split('/');
+
+    this.$file.setPaths(bucket, folders);
+    this.$breadcrumb.updateFilePath(folders);
+
+    this.$bucket.getBuckets();
     this.$file.getFiles();
   }
 }

src/components/file/file.js

@@ -14,6 +14,7 @@ const route = $stateProvider => {
     controller: FileController,
     controllerAs: 'file',
     template: FileTemplate,
+    onEnter: $nav => $nav.setTypeToFile(),
   });
 };
 

src/components/file/file.service.js

@@ -27,17 +27,19 @@ export default class FileService {
     };
   }
 
-  setPaths(path) {
-    const [bucket, ...folders] = path.split('/');
+  setPaths(bucket, folders) {
     this.paths = { bucket, folders };
   }
 
   getFiles() {
+    const { bucket, folders } = this.paths;
+    const endpoint = `/v1/file/list/${bucket}?prefix=${folders.join('/')}`;
+
     this.state.lists.requesting = true;
     this.state.lists.data = [];
 
     this.$fetch
-      .get(`/v1/file/list/${this.paths.bucket}?prefix=${this.paths.folders.join('/')}`)
+      .get(endpoint)
       .then(({ data }) => {
         this.state.lists.error = false;
         this.state.lists.data = data.files || [];

src/components/layout/breadcrumb/breadcrumb.service.js

@@ -4,6 +4,11 @@ export default class BreadcrumbService {
     this.initPaths();
   }
 
+  /**
+   * Initial the paths state.
+   *
+   * @return {void}
+   */
   initPaths() {
     this.paths = [{
       link: '/bucket',
@@ -13,7 +18,28 @@ export default class BreadcrumbService {
     }];
   }
 
+  /**
+   * Update the files length of bucket.
+   *
+   * @param  {integer} len
+   *
+   * @return {void}
+   */
   updateBucketPath(len) {
     this.paths[0].len = len;
   }
+
+  /**
+   * Update paths in breadcrumb bar.
+   *
+   * @param  {Array} paths
+   *
+   * @return {void}
+   */
+  updateFilePath(paths) {
+    paths.forEach(path => {
+      const pathLink = this.paths.map(({ link }) => link).join('');
+      this.paths.push({ link: pathLink, text: path });
+    });
+  }
 }