瀏覽代碼

HUE-6077 [frontend] Added breadcrumbs to LESS

Enrico Berti 8 年之前
父節點
當前提交
bf8116e
共有 28 個文件被更改,包括 89 次插入46 次删除
  1. 1 1
      apps/beeswax/src/beeswax/templates/create_table_manually.mako
  2. 1 1
      apps/beeswax/src/beeswax/templates/import_wizard_choose_delimiter.mako
  3. 1 1
      apps/beeswax/src/beeswax/templates/import_wizard_choose_file.mako
  4. 1 1
      apps/beeswax/src/beeswax/templates/import_wizard_define_columns.mako
  5. 1 1
      apps/filebrowser/src/filebrowser/static/filebrowser/css/display.css
  6. 0 0
      apps/filebrowser/src/filebrowser/static/filebrowser/css/listdir_components.css
  7. 1 1
      apps/filebrowser/src/filebrowser/static/filebrowser/less/display.less
  8. 1 1
      apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less
  9. 1 1
      apps/filebrowser/src/filebrowser/templates/display.mako
  10. 4 4
      apps/filebrowser/src/filebrowser/templates/fb_components.mako
  11. 3 3
      apps/filebrowser/src/filebrowser/templates/listdir_components.mako
  12. 1 1
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/css/jobbrowser-embeddable.css
  13. 4 4
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less
  14. 1 1
      apps/jobbrowser/src/jobbrowser/templates/job_browser.mako
  15. 0 0
      apps/metastore/src/metastore/static/metastore/css/metastore.css
  16. 4 4
      apps/metastore/src/metastore/static/metastore/less/metastore.less
  17. 1 1
      apps/metastore/src/metastore/templates/components.mako
  18. 1 1
      apps/metastore/src/metastore/templates/metastore.mako
  19. 3 3
      apps/rdbms/src/rdbms/templates/execute.mako
  20. 0 0
      desktop/core/src/desktop/static/desktop/css/hue.css
  21. 0 0
      desktop/core/src/desktop/static/desktop/css/hue3-extra.css
  22. 8 8
      desktop/core/src/desktop/static/desktop/css/hue3.css
  23. 2 2
      desktop/core/src/desktop/static/desktop/js/jquery.filechooser.js
  24. 42 0
      desktop/core/src/desktop/static/desktop/less/components/hue-breadcrumbs.less
  25. 1 1
      desktop/core/src/desktop/static/desktop/less/components/hue-filechooser.less
  26. 1 0
      desktop/core/src/desktop/static/desktop/less/hue-cross-version.less
  27. 1 1
      desktop/core/src/desktop/templates/document_browser.mako
  28. 4 4
      desktop/libs/indexer/src/indexer/templates/collections.mako

+ 1 - 1
apps/beeswax/src/beeswax/templates/create_table_manually.mako

@@ -92,7 +92,7 @@ ${ assist.assistPanel() }
               <div class="inline-block pull-right" style="margin-top: -8px">
                 <a href="${ url('beeswax:import_wizard', database=database) }" title="${_('Create a new table from a file')}" class="inactive-action"><span class="fa-stack fa-fw" style="width: 1.28571429em"><i class="fa fa-file-o fa-stack-1x"></i><i class="fa fa-plus-circle fa-stack-1x" style="font-size: 14px; margin-left: 5px; margin-top: 6px;"></i></span></a>
               </div>
-              <ul id="breadcrumbs" class="nav nav-pills hueBreadcrumbBar">
+              <ul id="breadcrumbs" class="nav nav-pills hue-breadcrumbs-bar">
                 <li>
                   <a href="${url('metastore:databases')}">${_('Databases')}</a><span class="divider">&gt;</span>
                 </li>

+ 1 - 1
apps/beeswax/src/beeswax/templates/import_wizard_choose_delimiter.mako

@@ -93,7 +93,7 @@ ${ assist.assistPanel() }
                 <a href="${ url('beeswax:create_table', database=database) }" title="${_('Create a new table manually')}" class="inactive-action margin-left-10"><i class="fa fa-wrench"></i></a>
               </div>
 
-              <ul id="breadcrumbs" class="nav nav-pills hueBreadcrumbBar">
+              <ul id="breadcrumbs" class="nav nav-pills hue-breadcrumbs-bar">
                 <li>
                   <a href="${url('metastore:databases')}">${_('Databases')}</a><span class="divider">&gt;</span>
                 </li>

+ 1 - 1
apps/beeswax/src/beeswax/templates/import_wizard_choose_file.mako

@@ -90,7 +90,7 @@ ${ assist.assistPanel() }
                 <a href="${ url('beeswax:create_table', database=database) }" title="${_('Create a new table manually')}" class="inactive-action margin-left-10"><i class="fa fa-plus"></i></a>
               </div>
 
-              <ul id="breadcrumbs" class="nav nav-pills hueBreadcrumbBar">
+              <ul id="breadcrumbs" class="nav nav-pills hue-breadcrumbs-bar">
                 <li>
                   <a href="${url('metastore:databases')}">${_('Databases')}</a><span class="divider">&gt;</span>
                 </li>

+ 1 - 1
apps/beeswax/src/beeswax/templates/import_wizard_define_columns.mako

@@ -93,7 +93,7 @@ ${ assist.assistPanel() }
                 <a href="${ url('beeswax:create_table', database=database) }" title="${_('Create a new table manually')}" class="inactive-action margin-left-10"><i class="fa fa-wrench"></i></a>
               </div>
 
-              <ul id="breadcrumbs" class="nav nav-pills hueBreadcrumbBar">
+              <ul id="breadcrumbs" class="nav nav-pills hue-breadcrumbs-bar">
                 <li>
                   <a href="${url('metastore:databases')}">${_('Databases')}</a><span class="divider">&gt;</span>
                 </li>

+ 1 - 1
apps/filebrowser/src/filebrowser/static/filebrowser/css/display.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 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.
- */#fileviewerComponents .card-body{padding:0;margin:0}#fileviewerComponents .hueBreadcrumbBar{margin:0;padding-bottom:0}#fileviewerComponents #fileArea{overflow:auto;background-color:#F5F5F5;position:relative;font-size:12px}#fileviewerComponents #fileArea.loading{opacity:.7}#fileviewerComponents #loader{position:fixed;margin-top:40px;width:140px;height:140px;line-height:140px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size:50px;text-align:center}#fileviewerComponents .binary{font-family:"Courier New",Courier,monospace}#fileviewerComponents pre{border:none}#fileviewerComponents pre a{color:#444;cursor:default;white-space:inherit}#fileviewerComponents pre a:hover{color:#444;text-decoration:none}#fileviewerComponents .pagination-input-form{position:relative;right:1em;top:-10px}#fileviewerComponents .pagination-input{text-align:center;width:40px}#fileviewerComponents dd{margin-left:0;margin-bottom:6px}
+ */#fileviewerComponents .card-body{padding:0;margin:0}#fileviewerComponents .hue-breadcrumbs-bar{margin:0;padding-bottom:0}#fileviewerComponents #fileArea{overflow:auto;background-color:#F5F5F5;position:relative;font-size:12px}#fileviewerComponents #fileArea.loading{opacity:.7}#fileviewerComponents #loader{position:fixed;margin-top:40px;width:140px;height:140px;line-height:140px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size:50px;text-align:center}#fileviewerComponents .binary{font-family:"Courier New",Courier,monospace}#fileviewerComponents pre{border:none}#fileviewerComponents pre a{color:#444;cursor:default;white-space:inherit}#fileviewerComponents pre a:hover{color:#444;text-decoration:none}#fileviewerComponents .pagination-input-form{position:relative;right:1em;top:-10px}#fileviewerComponents .pagination-input{text-align:center;width:40px}#fileviewerComponents dd{margin-left:0;margin-bottom:6px}

文件差異過大導致無法顯示
+ 0 - 0
apps/filebrowser/src/filebrowser/static/filebrowser/css/listdir_components.css


+ 1 - 1
apps/filebrowser/src/filebrowser/static/filebrowser/less/display.less

@@ -21,7 +21,7 @@
     margin: 0;
   }
 
-  .hueBreadcrumbBar {
+  .hue-breadcrumbs-bar {
     margin: 0;
     padding-bottom: 0;
   }

+ 1 - 1
apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less

@@ -19,7 +19,7 @@
   padding: 14px;
 }
 
-.fileChooserModal .hueBreadcrumb {
+.fileChooserModal .hue-breadcrumbs {
   margin: 0 0 18px !important;
 }
 

+ 1 - 1
apps/filebrowser/src/filebrowser/templates/display.mako

@@ -485,7 +485,7 @@ ${ fb_components.menubar() }
   $(document).ready(function () {
     ko.applyBindings(viewModel, $('#fileviewerComponents')[0]);
 
-    $("#loader").css("marginLeft", ($(".hueBreadcrumbBar").width() - $("#loader").width()) / 2);
+    $("#loader").css("marginLeft", ($(".hue-breadcrumbs-bar").width() - $("#loader").width()) / 2);
 
     $(document).ajaxError(function () {
       $.jHueNotify.error("${_('There was an unexpected server error.')}");

+ 4 - 4
apps/filebrowser/src/filebrowser/templates/fb_components.mako

@@ -22,7 +22,7 @@ from aws import get_client
 
 <%def name="breadcrumbs(path, breadcrumbs, from_listdir=False)">
     % if from_listdir:
-      <ul class="nav nav-pills hueBreadcrumbBar">
+      <ul class="nav nav-pills hue-breadcrumbs-bar">
         %if path.lower().find('s3a://') == 0:
           <li style="padding-top: 10px">
             <span class="homeLink" title="${ _('S3 region %s') % get_client()._region }">
@@ -33,7 +33,7 @@ from aws import get_client
           <li><a class="pointer homeLink" data-bind="click: $root.openHome, attr:{'href': '${url('filebrowser.views.view', path=urlencode(path))}?default_to_home'}"><i class="fa fa-home"></i> ${_('Home')}</a></li>
         %endif
         <li>
-            <ul id="editBreadcrumb" class="hueBreadcrumb editable-breadcrumbs" data-bind="foreach: breadcrumbs" style="padding-right:40px; padding-top: 12px" title="${_('Edit path')}">
+            <ul id="editBreadcrumb" class="hue-breadcrumbs editable-breadcrumbs" data-bind="foreach: breadcrumbs" style="padding-right:40px; padding-top: 12px" title="${_('Edit path')}">
                 <li data-bind="visible: label.slice(-1) == '/'"><a data-bind="click: show, attr:{'href': '${url('filebrowser.views.view', path=urlencode(''))}' + url}"><span class="divider" data-bind="text: label"></span></a></li>
                 <li data-bind="visible: label.slice(-1) != '/'"><a data-bind="text: label, click: show, attr:{'href': '${url('filebrowser.views.view', path=urlencode(''))}' + url}"></a><span class="divider">/</span></li>
             </ul>
@@ -55,10 +55,10 @@ from aws import get_client
         </li>
       </ul>
     % else:
-      <ul class="nav nav-pills hueBreadcrumbBar">
+      <ul class="nav nav-pills hue-breadcrumbs-bar">
         <li><a href="${url('filebrowser.views.view', path=urlencode(path))}?default_to_home" class="homeLink"><i class="fa fa-home"></i> ${_('Home')}</a></li>
         <li>
-          <ul class="hueBreadcrumb" style="padding-right:40px; padding-top: 12px">
+          <ul class="hue-breadcrumbs" style="padding-right:40px; padding-top: 12px">
           % for breadcrumb_item in breadcrumbs:
             <% label, f_url = breadcrumb_item['label'], breadcrumb_item['url'] %>
             %if label[-1] == '/':

+ 3 - 3
apps/filebrowser/src/filebrowser/templates/listdir_components.mako

@@ -1225,7 +1225,7 @@ from filebrowser.conf import ENABLE_EXTRACT_UPLOADED_ARCHIVE
           }
 
           if ($("#hueBreadcrumbText").is(":visible")) {
-            $(".hueBreadcrumb").show();
+            $(".hue-breadcrumbs").show();
             $("#hueBreadcrumbText").hide();
             $("#editBreadcrumb").show();
           }
@@ -2534,7 +2534,7 @@ from filebrowser.conf import ENABLE_EXTRACT_UPLOADED_ARCHIVE
       $("#editBreadcrumb").click(function (e) {
         if ($(e.target).is('ul')){
           $(this).hide();
-          $(".hueBreadcrumb").hide();
+          $(".hue-breadcrumbs").hide();
           $("#hueBreadcrumbText").show().focus();
         }
       });
@@ -2556,7 +2556,7 @@ from filebrowser.conf import ENABLE_EXTRACT_UPLOADED_ARCHIVE
         },
         onBlur: function() {
           $("#hueBreadcrumbText").hide();
-          $(".hueBreadcrumb").show();
+          $(".hue-breadcrumbs").show();
           $("#editBreadcrumb").show();
         },
         smartTooltip: "${_('Did you know? You can use the tab key or CTRL + Space to autocomplete file and folder names')}"

+ 1 - 1
apps/jobbrowser/src/jobbrowser/static/jobbrowser/css/jobbrowser-embeddable.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 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.
- */.jobbrowser-components .content-panel-inner{padding:10px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hueBreadcrumbBar{padding:0}.jobbrowser-components .hueBreadcrumbBar li{padding:12px}.jobbrowser-components .hueBreadcrumbBar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hueBreadcrumbBar a{color:#338BB8 !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}
+ */.jobbrowser-components .content-panel-inner{padding:10px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hue-breadcrumbs-bar{padding:0}.jobbrowser-components .hue-breadcrumbs-bar li{padding:12px}.jobbrowser-components .hue-breadcrumbs-bar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hue-breadcrumbs-bar a{color:#338BB8 !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}

+ 4 - 4
apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less

@@ -25,20 +25,20 @@
     border: none !important;
   }
 
-  .hueBreadcrumbBar {
+  .hue-breadcrumbs-bar {
     padding: 0;
   }
 
-  .hueBreadcrumbBar li {
+  .hue-breadcrumbs-bar li {
     padding: 12px;
   }
 
-  .hueBreadcrumbBar li:first-child {
+  .hue-breadcrumbs-bar li:first-child {
     padding-left: 0;
     padding-right: 0;
   }
 
-  .hueBreadcrumbBar a {
+  .hue-breadcrumbs-bar a {
     color: #338BB8 !important;
     display: inline !important;
   }

+ 1 - 1
apps/jobbrowser/src/jobbrowser/templates/job_browser.mako

@@ -275,7 +275,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
 
 <script type="text/html" id="breadcrumbs">
   <h3>
-    <ul class="inline hueBreadcrumbBar" data-bind="foreach: breadcrumbs">
+    <ul class="inline hue-breadcrumbs-bar" data-bind="foreach: breadcrumbs">
       <li>
       <!-- ko if: $index() > 0 -->
         <span class="divider">&gt;</span>

文件差異過大導致無法顯示
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


+ 4 - 4
apps/metastore/src/metastore/static/metastore/less/metastore.less

@@ -19,19 +19,19 @@
 @import (reference) "cui/colors.less";
 @import (reference) "hue-mixins.less";
 
-.hueBreadcrumbBar {
+.hue-breadcrumbs-bar {
   padding: 0;
 }
 
-.hueBreadcrumbBar li {
+.hue-breadcrumbs-bar li {
   padding: 12px;
 }
 
-.hueBreadcrumbBar li:first-child {
+.hue-breadcrumbs-bar li:first-child {
   padding-left: 0;
 }
 
-.hueBreadcrumbBar a {
+.hue-breadcrumbs-bar a {
   color: @hue-primary-color-dark !important;
   display: inline !important;
 }

+ 1 - 1
apps/metastore/src/metastore/templates/components.mako

@@ -39,7 +39,7 @@
 
 
 <%def name="breadcrumbs(breadcrumbs, icon='')">
-  <ul class="nav nav-pills hueBreadcrumbBar" id="breadcrumbs">
+  <ul class="nav nav-pills hue-breadcrumbs-bar" id="breadcrumbs">
     %if icon != '':
       <li>
         <i class="${icon}"></i>

+ 1 - 1
apps/metastore/src/metastore/templates/metastore.mako

@@ -74,7 +74,7 @@ ${ components.menubar() }
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 
 <script type="text/html" id="metastore-breadcrumbs">
-  <ul class="nav nav-pills hueBreadcrumbBar" id="breadcrumbs">
+  <ul class="nav nav-pills hue-breadcrumbs-bar" id="breadcrumbs">
     <li>
       <a href="javascript:void(0);" data-bind="click: databasesBreadcrumb">${_('Databases')}</a>
       <!-- ko if: database -->

+ 3 - 3
apps/rdbms/src/rdbms/templates/execute.mako

@@ -251,16 +251,16 @@ ${ commonshare() | n,unicode }
     width: 40px;
   }
 
-  .hueBreadcrumb {
+  .hue-breadcrumbs {
     padding: 12px 14px;
   }
 
-  .hueBreadcrumbBar {
+  .hue-breadcrumbs-bar {
     padding: 0;
     margin: 12px;
   }
 
-  .hueBreadcrumbBar a {
+  .hue-breadcrumbs-bar a {
     color: #338BB8 !important;
     display: inline !important;
   }

文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 8 - 8
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -86,36 +86,36 @@ ul.errorlist li {
   line-height: 18px;
 }
 
-.hueBreadcrumb {
+.hue-breadcrumbs {
   font-size: 1.25em;
   list-style: none outside none;
   padding: 9px 9px;
 }
 
-.hueBreadcrumb li {
+.hue-breadcrumbs li {
   display: inline-block;
   text-shadow: 0 1px 0 #FFFFFF;
 }
 
-.hueBreadcrumb .divider {
+.hue-breadcrumbs .divider {
   color: #999999;
   padding: 0 5px;
 }
 
-.hueBreadcrumb .active a {
+.hue-breadcrumbs .active a {
   color: #333333;
 }
 
-.hueBreadcrumb a.nounderline:hover {
+.hue-breadcrumbs a.nounderline:hover {
   text-decoration: none;
 }
 
-.hueBreadcrumb > li:last-child > a {
+.hue-breadcrumbs > li:last-child > a {
   font-weight: bold;
   color: #333333;
 }
 
-.hueBreadcrumb > li:last-child > span {
+.hue-breadcrumbs > li:last-child > span {
   display: none;
 }
 
@@ -123,7 +123,7 @@ ul.errorlist li {
   padding-bottom: 0;
 }
 
-.hueBreadcrumbBar {
+.hue-breadcrumbs-bar {
   padding: 8px 15px;
   margin: 0 0 20px;
   list-style: none;

+ 2 - 2
desktop/core/src/desktop/static/desktop/js/jquery.filechooser.js

@@ -262,14 +262,14 @@
 
         $search.appendTo($(_parent.element).find('.filechooser-tree'));
 
-        var $homeBreadcrumb = $("<ul>").addClass("hueBreadcrumb").css({
+        var $homeBreadcrumb = $("<ul>").addClass("hue-breadcrumbs").css({
           'padding': '0',
           'marginLeft': '0',
           'float': 'left',
           'white-space': 'nowrap'
         });
 
-        var $scrollingBreadcrumbs = $("<ul>").addClass("hueBreadcrumb editable-breadcrumbs").css({
+        var $scrollingBreadcrumbs = $("<ul>").addClass("hue-breadcrumbs editable-breadcrumbs").css({
           'padding': '0',
           'marginLeft': '10px',
           'marginBottom': '0',

+ 42 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-breadcrumbs.less

@@ -0,0 +1,42 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ 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.
+*/
+
+.hue-breadcrumbs {
+  list-style: none outside none;
+  padding: 9px 9px;
+  li {
+    display: inline-block;
+  }
+  .divider {
+    color: #999999;
+    padding: 0 5px;
+  }
+  .active a {
+    color: #333333;
+  }
+  a.nounderline:hover {
+    text-decoration: none;
+  }
+  & > li:last-child > a {
+    font-weight: bold;
+    color: #333333;
+  }
+  & > li:last-child > span {
+    display: none;
+  }
+}

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-filechooser.less

@@ -55,6 +55,6 @@
   padding-left: 4px!important;
 }
 
-.filechooser-tree .hueBreadcrumb > li:last-child > a {
+.filechooser-tree .hue-breadcrumbs > li:last-child > a {
   color: @cui-gray-800;
 }

+ 1 - 0
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -32,6 +32,7 @@
 @import "components/hue-scrollbar.less";
 @import "components/hue-query-builder.less";
 @import "components/hue-qq-upload.less";
+@import "components/hue-breadcrumbs.less";
 @import "hue-helpers.less";
 
 .app-header {

+ 1 - 1
desktop/core/src/desktop/templates/document_browser.mako

@@ -293,7 +293,7 @@ from desktop.views import _ko
       border: 1px solid #338BB8 !important;
     }
 
-    .hueBreadcrumbBar a {
+    .hue-breadcrumbs-bar a {
       color: #338BB8 !important;
       display: inline !important;
     }

+ 4 - 4
desktop/libs/indexer/src/indexer/templates/collections.mako

@@ -30,16 +30,16 @@ ${ commonheader(_('Search Indexes'), "indexer", user, request, "29px") | n,unico
 <link rel="stylesheet" href="${ static('indexer/css/admin.css') }">
 
 <style type="text/css">
-.hueBreadcrumb {
+.hue-breadcrumbs {
   padding: 12px 14px;
 }
 
-.hueBreadcrumbBar {
+.hue-breadcrumbs-bar {
   padding: 0;
   margin: 12px;
 }
 
-.hueBreadcrumbBar a {
+.hue-breadcrumbs-bar a {
   color: #338BB8 !important;
   display: inline !important;
 }
@@ -135,7 +135,7 @@ ${ commonheader(_('Search Indexes'), "indexer", user, request, "29px") | n,unico
 
 <!-- breadcrumb component -->
 <script id="breadcrumb" type="text/html">
-<ul data-bind="foreach: breadcrumb.list" class="nav nav-pills hueBreadcrumbBar">
+<ul data-bind="foreach: breadcrumb.list" class="nav nav-pills hue-breadcrumbs-bar">
   <li class="nowrap">
     <!-- ko if: $index() == ( $root.breadcrumb.list().length - 1 ) -->
     <span data-bind="text: label" style="padding-left:12px"></span>

部分文件因文件數量過多而無法顯示