Browse Source

HUE-5052 [home] Rename file browser to doc browser

Johan Ahlen 9 years ago
parent
commit
42e0662de4

+ 2 - 2
apps/beeswax/src/beeswax/templates/create_database.mako

@@ -42,8 +42,8 @@ ${layout.metastore_menubar()}
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

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

@@ -41,8 +41,8 @@ ${ layout.metastore_menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

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

@@ -42,8 +42,8 @@ ${ layout.metastore_menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

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

@@ -41,8 +41,8 @@ ${ layout.metastore_menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

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

@@ -42,8 +42,8 @@ ${ layout.metastore_menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

+ 2 - 2
apps/metastore/src/metastore/templates/describe_partitions.mako

@@ -40,8 +40,8 @@ ${ components.menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

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

@@ -53,8 +53,8 @@ ${ components.menubar() }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('desktop/ext/css/bootstrap-editable.css') }">
 <link rel="stylesheet" href="${ static('desktop/ext/css/bootstrap-editable.css') }">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">
 <link rel="stylesheet" href="${ static('metastore/css/metastore.css') }" type="text/css">

+ 0 - 0
desktop/core/src/desktop/static/desktop/js/fileBrowser/hueDocument.js → desktop/core/src/desktop/static/desktop/js/document/hueDocument.js


+ 0 - 0
desktop/core/src/desktop/static/desktop/js/fileBrowser/hueFileEntry.js → desktop/core/src/desktop/static/desktop/js/document/hueFileEntry.js


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

@@ -983,7 +983,7 @@ from metadata.conf import has_navigator
       ko.bindingHandlers.assistFileDroppable = {
       ko.bindingHandlers.assistFileDroppable = {
         init: function(element, valueAccessor, allBindings, boundEntry) {
         init: function(element, valueAccessor, allBindings, boundEntry) {
           var dragData;
           var dragData;
-          huePubSub.subscribe('file.browser.dragging', function (data) {
+          huePubSub.subscribe('doc.browser.dragging', function (data) {
             dragData = data;
             dragData = data;
           });
           });
           var $element = $(element);
           var $element = $(element);

+ 6 - 0
desktop/core/src/desktop/templates/common_header.mako

@@ -402,6 +402,12 @@ if USE_NEW_EDITOR.get():
         $(this).attr("src", $(this).data("orig"));
         $(this).attr("src", $(this).data("orig"));
         window.clearTimeout(_skew);
         window.clearTimeout(_skew);
       });
       });
+
+      window.hueDebug = {
+        viewModel: function () {
+          return ko.dataFor(document.body);
+        }
+      }
     });
     });
   </script>
   </script>
 </head>
 </head>

+ 119 - 119
desktop/core/src/desktop/templates/file_browser.mako → desktop/core/src/desktop/templates/document_browser.mako

@@ -23,11 +23,11 @@ from desktop.views import _ko
 
 
 <%namespace name="hueIcons" file="/hue_icons.mako" />
 <%namespace name="hueIcons" file="/hue_icons.mako" />
 
 
-<%def name="fileBrowser()">
+<%def name="docBrowser()">
   ${ hueIcons.symbols() }
   ${ hueIcons.symbols() }
 
 
   <style>
   <style>
-    .fb-container {
+    .doc-browser-container {
       position: absolute;
       position: absolute;
       top: 0;
       top: 0;
       bottom: 0;
       bottom: 0;
@@ -37,8 +37,8 @@ from desktop.views import _ko
       flex-direction: column;
       flex-direction: column;
     }
     }
 
 
-    .fb-action-bar,
-    .fb-header {
+    .doc-browser-action-bar,
+    .doc-browser-header {
       -ms-flex: 0 0 auto;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       flex: 0 0 auto;
       overflow: hidden;
       overflow: hidden;
@@ -50,14 +50,14 @@ from desktop.views import _ko
       flex-wrap: nowrap;
       flex-wrap: nowrap;
     }
     }
 
 
-    .fb-header {
+    .doc-browser-header {
       border-bottom: 1px solid #f1f1f1;
       border-bottom: 1px solid #f1f1f1;
       letter-spacing: 0.035em;
       letter-spacing: 0.035em;
       font-size: 15px;
       font-size: 15px;
       color: #737373;
       color: #737373;
     }
     }
 
 
-    .fb-empty {
+    .doc-browser-empty {
       letter-spacing: 0.035em;
       letter-spacing: 0.035em;
       font-size: 15px;
       font-size: 15px;
       color: #737373;
       color: #737373;
@@ -67,20 +67,20 @@ from desktop.views import _ko
       animation-name: fadeIn;
       animation-name: fadeIn;
     }
     }
 
 
-    .fb-list {
+    .doc-browser-list {
       -ms-flex: 1 1 auto;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       flex: 1 1 auto;
       overflow-y: scroll;
       overflow-y: scroll;
       overflow-x: hidden;
       overflow-x: hidden;
     }
     }
 
 
-    .fb-breadcrumbs {
+    .doc-browser-breadcrumbs {
       padding: 9px 9px;
       padding: 9px 9px;
       margin: 0 10px 10px 10px;
       margin: 0 10px 10px 10px;
       list-style: none outside none;
       list-style: none outside none;
     }
     }
 
 
-    .fb-breadcrumbs li {
+    .doc-browser-breadcrumbs li {
       line-height: 36px;
       line-height: 36px;
       padding: 0;
       padding: 0;
       vertical-align: middle;
       vertical-align: middle;
@@ -89,7 +89,7 @@ from desktop.views import _ko
       border-bottom: 2px solid transparent;
       border-bottom: 2px solid transparent;
     }
     }
 
 
-    .fb-breadcrumbs .fb-drop-target {
+    .doc-browser-breadcrumbs .doc-browser-drop-target {
       padding: 0 6px;
       padding: 0 6px;
     }
     }
 
 
@@ -98,23 +98,23 @@ from desktop.views import _ko
       color: #444;
       color: #444;
     }
     }
 
 
-    .fb-breadcrumbs li:not(.divider):not(.active):hover {
+    .doc-browser-breadcrumbs li:not(.divider):not(.active):hover {
       border-bottom: 2px solid #338BB8;
       border-bottom: 2px solid #338BB8;
     }
     }
 
 
-    .fb-breadcrumbs a {
+    .doc-browser-breadcrumbs a {
       color: #338BB8 !important;
       color: #338BB8 !important;
     }
     }
 
 
-    .fb-breadcrumbs a:hover {
+    .doc-browser-breadcrumbs a:hover {
       text-decoration: none;
       text-decoration: none;
     }
     }
 
 
-    .fb-main-header {
+    .doc-browser-main-header {
       position: relative;
       position: relative;
     }
     }
 
 
-    .fb-folder-actions {
+    .doc-browser-folder-actions {
       display: inline-block;
       display: inline-block;
       position: absolute;
       position: absolute;
       right: 10px;
       right: 10px;
@@ -123,20 +123,20 @@ from desktop.views import _ko
       line-height: 50px;
       line-height: 50px;
     }
     }
 
 
-    .fb-folder-actions > div {
+    .doc-browser-folder-actions > div {
       float: left;
       float: left;
     }
     }
 
 
-    .fb-list {
+    .doc-browser-list {
       padding: 4px 0;
       padding: 4px 0;
     }
     }
 
 
-    .fb-entries {
+    .doc-browser-entries {
       list-style: none;
       list-style: none;
       margin: 0;
       margin: 0;
     }
     }
 
 
-    .fb-entries > li {
+    .doc-browser-entries > li {
       clear: both;
       clear: both;
       line-height: 42px;
       line-height: 42px;
       border: 1px solid transparent;
       border: 1px solid transparent;
@@ -146,31 +146,31 @@ from desktop.views import _ko
       cursor: pointer;
       cursor: pointer;
     }
     }
 
 
-    .fb-entries > li:hover:not(.fb-selected) {
+    .doc-browser-entries > li:hover:not(.doc-browser-selected) {
       background-color: #E8F5FE;
       background-color: #E8F5FE;
     }
     }
 
 
-    .fb-selected {
+    .doc-browser-selected {
       background-color: #DBE8F1;
       background-color: #DBE8F1;
     }
     }
 
 
-    .fb-list i {
+    .doc-browser-list i {
       color: #338BB8;
       color: #338BB8;
       font-size: 20px;
       font-size: 20px;
       font-weight: lighter;
       font-weight: lighter;
     }
     }
 
 
-    .fb-list .hi {
+    .doc-browser-list .hi {
       color: #338BB8;
       color: #338BB8;
       font-size: 24px;
       font-size: 24px;
     }
     }
 
 
-    .fb-action {
+    .doc-browser-action {
       font-size: 25px;
       font-size: 25px;
       margin-left: 5px;
       margin-left: 5px;
     }
     }
 
 
-    .fb-row {
+    .doc-browser-row {
       display: -ms-flexbox;
       display: -ms-flexbox;
       display: flex;
       display: flex;
       -ms-flex-wrap: nowrap;
       -ms-flex-wrap: nowrap;
@@ -179,7 +179,7 @@ from desktop.views import _ko
       height: 100%;
       height: 100%;
     }
     }
 
 
-    .fb-primary-col {
+    .doc-browser-primary-col {
       -ms-flex: 2;
       -ms-flex: 2;
       flex: 2;
       flex: 2;
       vertical-align: middle;
       vertical-align: middle;
@@ -190,26 +190,26 @@ from desktop.views import _ko
       padding-right: 20px;
       padding-right: 20px;
     }
     }
 
 
-    .fb-header .fb-primary-col {
+    .doc-browser-header .doc-browser-primary-col {
       height: 30px;
       height: 30px;
       line-height: 30px;
       line-height: 30px;
     }
     }
 
 
-    .fb-row .fb-primary-col {
+    .doc-browser-row .doc-browser-primary-col {
       height: 42px;
       height: 42px;
     }
     }
 
 
-    .fb-primary-col .fa {
+    .doc-browser-primary-col .fa {
       vertical-align: middle;
       vertical-align: middle;
     }
     }
 
 
-    .fb-primary-col .hi {
+    .doc-browser-primary-col .hi {
       vertical-align: middle;
       vertical-align: middle;
       display: inline-block;
       display: inline-block;
       margin-bottom: 0.2em;
       margin-bottom: 0.2em;
     }
     }
 
 
-    .fb-attr-group {
+    .doc-browser-attr-group {
       -ms-flex: 1;
       -ms-flex: 1;
       flex: 1;
       flex: 1;
       white-space: nowrap;
       white-space: nowrap;
@@ -218,11 +218,11 @@ from desktop.views import _ko
       height: 30px;
       height: 30px;
     }
     }
 
 
-    .fb-row .fb-attr-group {
+    .doc-browser-row .doc-browser-attr-group {
       height: 42px;
       height: 42px;
     }
     }
 
 
-    .fb-attr-col {
+    .doc-browser-attr-col {
       display: inline-block;;
       display: inline-block;;
       height: 30px;
       height: 30px;
       line-height: 30px;
       line-height: 30px;
@@ -230,37 +230,37 @@ from desktop.views import _ko
       padding-right: 20px;
       padding-right: 20px;
     }
     }
 
 
-    .fb-row .fb-attr-col {
+    .doc-browser-row .doc-browser-attr-col {
       margin-bottom: 2px;
       margin-bottom: 2px;
     }
     }
 
 
-    .fb-shared-icon-active {
+    .doc-browser-shared-icon-active {
       color: #338BB8 !important;
       color: #338BB8 !important;
     }
     }
 
 
-    .fb-type {
+    .doc-browser-type {
       width: 140px;
       width: 140px;
     }
     }
 
 
-    .fb-owner {
+    .doc-browser-owner {
       width: 170px;
       width: 170px;
     }
     }
 
 
-    .fb-modified {
+    .doc-browser-modified {
       width: 150px;
       width: 150px;
     }
     }
 
 
-    .fb-drag-container {
+    .doc-browser-drag-container {
       position: fixed;
       position: fixed;
     }
     }
 
 
-    .fb-drag-select {
+    .doc-browser-drag-select {
       position: fixed;
       position: fixed;
       border: 1px solid #338BB8;
       border: 1px solid #338BB8;
       cursor: pointer;
       cursor: pointer;
     }
     }
 
 
-    .fb-drag-helper {
+    .doc-browser-drag-helper {
       display: none;
       display: none;
       position: absolute;
       position: absolute;
       width: auto;
       width: auto;
@@ -279,18 +279,18 @@ from desktop.views import _ko
       z-index: 1000;
       z-index: 1000;
     }
     }
 
 
-    .fb-drag-helper i {
+    .doc-browser-drag-helper i {
       line-height: 30px;
       line-height: 30px;
       vertical-align: middle;
       vertical-align: middle;
       margin-right: 8px;
       margin-right: 8px;
       font-size: 16px;
       font-size: 16px;
     }
     }
 
 
-    .fb-drop-target {
+    .doc-browser-drop-target {
       border: 1px solid transparent;
       border: 1px solid transparent;
     }
     }
 
 
-    .fb-drop-hover {
+    .doc-browser-drop-hover {
       border: 1px solid #338BB8 !important;
       border: 1px solid #338BB8 !important;
     }
     }
 
 
@@ -307,28 +307,28 @@ from desktop.views import _ko
       width: 95%;
       width: 95%;
     }
     }
 
 
-    @-webkit-keyframes fb-search-visible {
+    @-webkit-keyframes doc-browser-search-visible {
       from { opacity: 0; }
       from { opacity: 0; }
       to { opacity: 1; }
       to { opacity: 1; }
     }
     }
 
 
-    @keyframes fb-search-visible {
+    @keyframes doc-browser-search-visible {
       from { opacity: 0; }
       from { opacity: 0; }
       to { opacity: 1; }
       to { opacity: 1; }
     }
     }
 
 
-    .fb-search-container {
+    .doc-browser-search-container {
       position: absolute;
       position: absolute;
       top: 26px;
       top: 26px;
       right: 330px;
       right: 330px;
 
 
-      -webkit-animation-name: fb-search-visible;
-      animation-name: fb-search-visible;
+      -webkit-animation-name: doc-browser-search-visible;
+      animation-name: doc-browser-search-visible;
       -webkit-animation-duration: 0.4s;
       -webkit-animation-duration: 0.4s;
       animation-duration: 0.4s;
       animation-duration: 0.4s;
     }
     }
 
 
-    .fb-search-container input {
+    .doc-browser-search-container input {
       width: 300px;
       width: 300px;
     }
     }
 
 
@@ -341,8 +341,8 @@ from desktop.views import _ko
     }
     }
   </style>
   </style>
 
 
-  <script type="text/html" id="fb-template">
-    <div class="fb-drag-helper">
+  <script type="text/html" id="doc-browser-template">
+    <div class="doc-browser-drag-helper">
       <i class="fa fa-fw"></i><span class="drag-text">4 entries</span>
       <i class="fa fa-fw"></i><span class="drag-text">4 entries</span>
     </div>
     </div>
 
 
@@ -388,10 +388,10 @@ from desktop.views import _ko
           </div>
           </div>
         </div>
         </div>
         <!-- /ko -->
         <!-- /ko -->
-        <div class="fb-empty animated" style="display: none;" data-bind="visible: loading">
+        <div class="doc-browser-empty animated" style="display: none;" data-bind="visible: loading">
           <i class="fa fa-spinner fa-spin fa-2x" style="color: #999;"></i>
           <i class="fa fa-spinner fa-spin fa-2x" style="color: #999;"></i>
         </div>
         </div>
-        <div class="fb-empty animated" style="display: none;" data-bind="visible: hasErrors() && ! loading()">
+        <div class="doc-browser-empty animated" style="display: none;" data-bind="visible: hasErrors() && ! loading()">
           ${ _('There was an error loading the document.')}
           ${ _('There was an error loading the document.')}
         </div>
         </div>
         <div style="margin-top: 20px" data-bind="visible: fileEntry.canModify() && ! hasErrors() && ! loading()">
         <div style="margin-top: 20px" data-bind="visible: fileEntry.canModify() && ! hasErrors() && ! loading()">
@@ -503,7 +503,7 @@ from desktop.views import _ko
         <!-- /ko -->
         <!-- /ko -->
       </div>
       </div>
       <div class="modal-body">
       <div class="modal-body">
-        <div class="fb-empty animated" style="display: none;" data-bind="visible: selectedDocsWithDependents().length === 0">
+        <div class="doc-browser-empty animated" style="display: none;" data-bind="visible: selectedDocsWithDependents().length === 0">
           <i class="fa fa-spinner fa-spin fa-2x"></i>
           <i class="fa fa-spinner fa-spin fa-2x"></i>
         </div>
         </div>
         <ul data-bind="foreach: selectedDocsWithDependents()">
         <ul data-bind="foreach: selectedDocsWithDependents()">
@@ -535,42 +535,42 @@ from desktop.views import _ko
       <!-- /ko -->
       <!-- /ko -->
     </div>
     </div>
 
 
-    <div class="fb-container">
-      <div class="fb-action-bar">
-        <h4 class="fb-main-header">
+    <div class="doc-browser-container">
+      <div class="doc-browser-action-bar">
+        <h4 class="doc-browser-main-header">
           <div data-bind="with: activeEntry">
           <div data-bind="with: activeEntry">
-            <ul class="fb-breadcrumbs">
+            <ul class="doc-browser-breadcrumbs">
               <!-- ko if: isRoot -->
               <!-- ko if: isRoot -->
-              <li class="active"><div class="fb-drop-target">${ _('My documents') }</div></li>
+              <li class="active"><div class="doc-browser-drop-target">${ _('My documents') }</div></li>
               <!-- /ko -->
               <!-- /ko -->
 
 
               <!-- ko if: definition().isSearchResult -->
               <!-- ko if: definition().isSearchResult -->
-              <li class="active"><div class="fb-drop-target">${ _('Result for') }: <!-- ko text: definition().name --><!-- /ko --></div></li>
+              <li class="active"><div class="doc-browser-drop-target">${ _('Result for') }: <!-- ko text: definition().name --><!-- /ko --></div></li>
               <!-- /ko -->
               <!-- /ko -->
               <!-- ko ifnot: definition().isSearchResult -->
               <!-- ko ifnot: definition().isSearchResult -->
               <!-- ko foreach: breadcrumbs -->
               <!-- ko foreach: breadcrumbs -->
-              <li><div class="fb-drop-target" data-bind="fileDroppable: { entries: $parent.entries, disableSelect: true }"><a href="javascript:void(0);" data-bind="text: isRoot() ? '${ _('My documents') }' : (isTrash() ? '${ _('Trash') }' : definition().name), click: open"></a></div></li>
+              <li><div class="doc-browser-drop-target" data-bind="docDroppable: { entries: $parent.entries, disableSelect: true }"><a href="javascript:void(0);" data-bind="text: isRoot() ? '${ _('My documents') }' : (isTrash() ? '${ _('Trash') }' : definition().name), click: open"></a></div></li>
               <li class="divider">&gt;</li>
               <li class="divider">&gt;</li>
               <!-- /ko -->
               <!-- /ko -->
               <!-- ko ifnot: isRoot -->
               <!-- ko ifnot: isRoot -->
-              <li class="active"><div class="fb-drop-target" data-bind="text: isTrash() ? '${ _('Trash') }' : definition().name"></div></li>
+              <li class="active"><div class="doc-browser-drop-target" data-bind="text: isTrash() ? '${ _('Trash') }' : definition().name"></div></li>
               <!-- /ko -->
               <!-- /ko -->
               <!-- /ko -->
               <!-- /ko -->
             </ul>
             </ul>
           </div>
           </div>
         </h4>
         </h4>
         <!-- ko if: searchVisible -->
         <!-- ko if: searchVisible -->
-        <div class="fb-search-container">
+        <div class="doc-browser-search-container">
           <input class="clearable" type="text" placeholder="Search for name, description, etc..." data-bind="hasFocus: searchFocus, textInput: searchQuery, clearable: searchQuery">
           <input class="clearable" type="text" placeholder="Search for name, description, etc..." data-bind="hasFocus: searchFocus, textInput: searchQuery, clearable: searchQuery">
         </div>
         </div>
         <!-- /ko -->
         <!-- /ko -->
         <!-- ko with: activeEntry -->
         <!-- ko with: activeEntry -->
-        <div class="fb-folder-actions" data-bind="visible: ! hasErrors()">
-          <div><a class="inactive-action fb-action" title="${_('Search')}" href="javascript:void(0);" data-bind="toggle: $parent.searchVisible, click: function () { $parent.searchFocus($parent.searchVisible()) }, css: { 'blue' : ($parent.searchVisible() || $parent.searchQuery()) }"><i class="fa fa-fw fa-search"></i></a></div>
+        <div class="doc-browser-folder-actions" data-bind="visible: ! hasErrors()">
+          <div><a class="inactive-action doc-browser-action" title="${_('Search')}" href="javascript:void(0);" data-bind="toggle: $parent.searchVisible, click: function () { $parent.searchFocus($parent.searchVisible()) }, css: { 'blue' : ($parent.searchVisible() || $parent.searchQuery()) }"><i class="fa fa-fw fa-search"></i></a></div>
           <!-- ko if: app === 'documents' -->
           <!-- ko if: app === 'documents' -->
           <div>
           <div>
             <span class="dropdown">
             <span class="dropdown">
-              <a class="inactive-action fb-action" title="${_('New document')}" data-toggle="dropdown" data-bind="css: { 'disabled': isTrash() || isTrashed() }" href="javascript:void(0);"><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: 6px; margin-top: 6px;"></i></span></a>
+              <a class="inactive-action doc-browser-action" title="${_('New document')}" data-toggle="dropdown" data-bind="css: { 'disabled': isTrash() || isTrashed() }" href="javascript:void(0);"><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: 6px; margin-top: 6px;"></i></span></a>
               <ul class="dropdown-menu less-padding document-types" style="margin-top:10px; width: 175px;" role="menu">
               <ul class="dropdown-menu less-padding document-types" style="margin-top:10px; width: 175px;" role="menu">
                 % if 'beeswax' in apps:
                 % if 'beeswax' in apps:
                   <li><a title="${_('Hive Query')}" data-bind="attr: { href: addDirectoryParamToUrl('${ url('notebook:editor') }?type=hive') }"><img src="${ static(apps['beeswax'].icon_path) }" class="app-icon"/> ${_('Hive Query')}</a></li>
                   <li><a title="${_('Hive Query')}" data-bind="attr: { href: addDirectoryParamToUrl('${ url('notebook:editor') }?type=hive') }"><img src="${ static(apps['beeswax'].icon_path) }" class="app-icon"/> ${_('Hive Query')}</a></li>
@@ -599,18 +599,18 @@ from desktop.views import _ko
             </span>
             </span>
           </div>
           </div>
           <!-- /ko -->
           <!-- /ko -->
-          <div><a class="inactive-action fb-action" title="${_('New folder')}" href="javascript:void(0);" data-bind="click: function () { showNewDirectoryModal() }, css: { 'disabled': isTrash() || isTrashed() }"><span class="fa-stack fa-fw" style="width: 1.28571429em;"><i class="fa fa-folder-o fa-stack-1x" ></i><i class="fa fa-plus-circle fa-stack-1x" style="font-size: 14px; margin-left: 7px; margin-top: 3px;"></i></span></a></div>
-          <div><a class="inactive-action fb-action" title="${_('Rename folder')}" href="javascript:void(0);" data-bind="click: function () { showRenameDirectoryModal() }, css: { 'disabled': isTrash() || isTrashed() || selectedEntry() === null || (selectedEntry() != null && !selectedEntry().isDirectory()) }"><i class="fa fa-fw fa-edit"></i></a></div>
+          <div><a class="inactive-action doc-browser-action" title="${_('New folder')}" href="javascript:void(0);" data-bind="click: function () { showNewDirectoryModal() }, css: { 'disabled': isTrash() || isTrashed() }"><span class="fa-stack fa-fw" style="width: 1.28571429em;"><i class="fa fa-folder-o fa-stack-1x" ></i><i class="fa fa-plus-circle fa-stack-1x" style="font-size: 14px; margin-left: 7px; margin-top: 3px;"></i></span></a></div>
+          <div><a class="inactive-action doc-browser-action" title="${_('Rename folder')}" href="javascript:void(0);" data-bind="click: function () { showRenameDirectoryModal() }, css: { 'disabled': isTrash() || isTrashed() || selectedEntry() === null || (selectedEntry() != null && !selectedEntry().isDirectory()) }"><i class="fa fa-fw fa-edit"></i></a></div>
 
 
-          <div><a class="inactive-action fb-action" href="javascript:void(0);" data-bind="click: function() {getSelectedDocsWithDependents(); showDeleteConfirmation();}, css: { 'disabled': selectedEntries().length === 0 || (sharedWithMeSelected() && ! superuser) }, attr: { 'title' : isTrash() || isTrashed() || (sharedWithMeSelected() && superuser) ? '${ _('Delete forever') }' : '${ _('Move to trash') }' }"><i class="fa fa-fw fa-times"></i></a></div>
+          <div><a class="inactive-action doc-browser-action" href="javascript:void(0);" data-bind="click: function() {getSelectedDocsWithDependents(); showDeleteConfirmation();}, css: { 'disabled': selectedEntries().length === 0 || (sharedWithMeSelected() && ! superuser) }, attr: { 'title' : isTrash() || isTrashed() || (sharedWithMeSelected() && superuser) ? '${ _('Delete forever') }' : '${ _('Move to trash') }' }"><i class="fa fa-fw fa-times"></i></a></div>
           <!-- ko if: app === 'documents' -->
           <!-- ko if: app === 'documents' -->
-          <div><a class="inactive-action fb-action" title="${_('Share')}" href="javascript:void(0);" data-bind="click: function() { showSharingModal(null) }, css: { 'disabled': selectedEntries().length !== 1 || (selectedEntries().length === 1 && selectedEntries()[0].isTrashed) }"><i class="fa fa-fw fa-users"></i></a></div>
+          <div><a class="inactive-action doc-browser-action" title="${_('Share')}" href="javascript:void(0);" data-bind="click: function() { showSharingModal(null) }, css: { 'disabled': selectedEntries().length !== 1 || (selectedEntries().length === 1 && selectedEntries()[0].isTrashed) }"><i class="fa fa-fw fa-users"></i></a></div>
           <!-- /ko -->
           <!-- /ko -->
-          <div style="margin-top: 2px"><a class="inactive-action fb-action" title="${_('Download')}" href="javascript:void(0);" data-bind="click: download"><i class="fa fa-fw fa-download"></i></a></div>
-          <div><a class="inactive-action fb-action" title="${_('Upload')}" href="javascript:void(0);" data-bind="click: showUploadModal, css: { 'disabled': isTrash() || isTrashed() }"><i class="fa fa-fw fa-upload"></i></a></div>
+          <div style="margin-top: 2px"><a class="inactive-action doc-browser-action" title="${_('Download')}" href="javascript:void(0);" data-bind="click: download"><i class="fa fa-fw fa-download"></i></a></div>
+          <div><a class="inactive-action doc-browser-action" title="${_('Upload')}" href="javascript:void(0);" data-bind="click: showUploadModal, css: { 'disabled': isTrash() || isTrashed() }"><i class="fa fa-fw fa-upload"></i></a></div>
           <!-- ko if: app === 'documents' -->
           <!-- ko if: app === 'documents' -->
           <div class="margin-left-20" data-bind="contextMenu: { menuSelector: '.hue-context-menu' }">
           <div class="margin-left-20" data-bind="contextMenu: { menuSelector: '.hue-context-menu' }">
-            <a class="inactive-action fb-action" title="${_('Show trash')}" href="javascript:void(0);" data-bind="click: showTrash, trashDroppable, css: { 'blue' : isTrash() || isTrashed() }">
+            <a class="inactive-action doc-browser-action" title="${_('Show trash')}" href="javascript:void(0);" data-bind="click: showTrash, trashDroppable, css: { 'blue' : isTrash() || isTrashed() }">
               <i class="fa fa-fw fa-trash-o"></i>
               <i class="fa fa-fw fa-trash-o"></i>
             </a>
             </a>
             <ul class="hue-context-menu">
             <ul class="hue-context-menu">
@@ -624,37 +624,37 @@ from desktop.views import _ko
 
 
       <!-- ko with: activeEntry -->
       <!-- ko with: activeEntry -->
       <!-- ko if: entries().length > 0 -->
       <!-- ko if: entries().length > 0 -->
-      <div class="fb-header">
-        <div class="fb-primary-col" data-bind="click: function () { setSort('name') }, css: { 'sorting_asc' : activeSort() === 'nameAsc', 'sorting_desc' : activeSort() === 'nameDesc', 'sorting' : activeSort().indexOf('name') !== 0 }">${ _('Name') }</div>
-        <div class="fb-attr-group">
-          <div class="fb-attr-col fb-type" data-bind="click: function () { setSort('type') }, css: { 'sorting_asc' : activeSort() === 'typeAsc', 'sorting_desc' : activeSort() === 'typeDesc', 'sorting' : activeSort().indexOf('type') !== 0 }">${ _('Type') }</div>
-          <div class="fb-attr-col fb-owner" data-bind="click: function () { setSort('owner') }, css: { 'sorting_asc' : activeSort() === 'ownerAsc', 'sorting_desc' : activeSort() === 'ownerDesc', 'sorting' : activeSort().indexOf('owner') !== 0 }">${ _('Owner') }</div>
-          <div class="fb-attr-col fb-modified" data-bind="click: function () { setSort('lastModified') }, css: { 'sorting_asc' : activeSort() === 'lastModifiedAsc', 'sorting_desc' : activeSort() === 'lastModifiedDesc', 'sorting' : activeSort().indexOf('lastModified') !== 0 }">${ _('Last Modified') }</div>
+      <div class="doc-browser-header">
+        <div class="doc-browser-primary-col" data-bind="click: function () { setSort('name') }, css: { 'sorting_asc' : activeSort() === 'nameAsc', 'sorting_desc' : activeSort() === 'nameDesc', 'sorting' : activeSort().indexOf('name') !== 0 }">${ _('Name') }</div>
+        <div class="doc-browser-attr-group">
+          <div class="doc-browser-attr-col doc-browser-type" data-bind="click: function () { setSort('type') }, css: { 'sorting_asc' : activeSort() === 'typeAsc', 'sorting_desc' : activeSort() === 'typeDesc', 'sorting' : activeSort().indexOf('type') !== 0 }">${ _('Type') }</div>
+          <div class="doc-browser-attr-col doc-browser-owner" data-bind="click: function () { setSort('owner') }, css: { 'sorting_asc' : activeSort() === 'ownerAsc', 'sorting_desc' : activeSort() === 'ownerDesc', 'sorting' : activeSort().indexOf('owner') !== 0 }">${ _('Owner') }</div>
+          <div class="doc-browser-attr-col doc-browser-modified" data-bind="click: function () { setSort('lastModified') }, css: { 'sorting_asc' : activeSort() === 'lastModifiedAsc', 'sorting_desc' : activeSort() === 'lastModifiedDesc', 'sorting' : activeSort().indexOf('lastModified') !== 0 }">${ _('Last Modified') }</div>
         </div>
         </div>
       </div>
       </div>
       <!-- /ko -->
       <!-- /ko -->
 
 
-      <div class="fb-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && ! definition().isSearchResult && ! isTrash()">
-        ${ _('The current folder is empty, you can add a new file or folder form the top right menu')}
+      <div class="doc-browser-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && ! definition().isSearchResult && ! isTrash()">
+        ${ _('The current folder is empty, you can add a new document or folder form the top right menu')}
       </div>
       </div>
-      <div class="fb-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && ! definition().isSearchResult && isTrash()">
+      <div class="doc-browser-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && ! definition().isSearchResult && isTrash()">
         ${ _('The trash is empty')}
         ${ _('The trash is empty')}
       </div>
       </div>
-      <div class="fb-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && definition().isSearchResult">
+      <div class="doc-browser-empty animated" style="display:none;" data-bind="visible: entries().length == 0 && ! hasErrors() && ! loading() && definition().isSearchResult">
         ${ _('No documents found matching your query')}
         ${ _('No documents found matching your query')}
       </div>
       </div>
-      <div class="fb-empty animated" style="display: none;" data-bind="visible: hasErrors() && app === 'documents' && ! loading()">
+      <div class="doc-browser-empty animated" style="display: none;" data-bind="visible: hasErrors() && app === 'documents' && ! loading()">
         ${ _('There was an error loading the documents')}
         ${ _('There was an error loading the documents')}
       </div>
       </div>
-      <div class="fb-empty animated" style="display: none;" data-bind="visible: entries().length === 0 && loading()">
+      <div class="doc-browser-empty animated" style="display: none;" data-bind="visible: entries().length === 0 && loading()">
         <i class="fa fa-spinner fa-spin fa-2x" style="color: #999;"></i>
         <i class="fa fa-spinner fa-spin fa-2x" style="color: #999;"></i>
       </div>
       </div>
       <!-- /ko -->
       <!-- /ko -->
 
 
-      <div class="fb-list" data-bind="with: activeEntry" >
-        <ul class="fb-entries" data-bind="foreachVisible: { data: entries, minHeight: 39, container: '.fb-list' }">
-          <li data-bind="fileSelect: $parent.entries, fileDroppable: { entries: $parent.entries }, css: { 'fb-selected': selected }">
-            <div class="fb-row" data-bind="contextMenu: { scrollContainer: '.fb-list', menuSelector: '.hue-context-menu', beforeOpen: beforeContextOpen }">
+      <div class="doc-browser-list" data-bind="with: activeEntry" >
+        <ul class="doc-browser-entries" data-bind="foreachVisible: { data: entries, minHeight: 39, container: '.doc-browser-list' }">
+          <li data-bind="docSelect: $parent.entries, docDroppable: { entries: $parent.entries }, css: { 'doc-browser-selected': selected }">
+            <div class="doc-browser-row" data-bind="contextMenu: { scrollContainer: '.doc-browser-list', menuSelector: '.hue-context-menu', beforeOpen: beforeContextOpen }">
               <ul class="hue-context-menu">
               <ul class="hue-context-menu">
                 <!-- ko if: isTrashed -->
                 <!-- ko if: isTrashed -->
                 <li><a href="javascript:void(0);" data-bind="click: function() { $parent.getSelectedDocsWithDependents(); $parent.showDeleteConfirmation(); }"><i class="fa fa-fw fa-times"></i> ${ _('Delete') } <span data-bind="visible: $parent.selectedEntries().length > 1, text: '(' + $parent.selectedEntries().length + ')'"></span></a></li>
                 <li><a href="javascript:void(0);" data-bind="click: function() { $parent.getSelectedDocsWithDependents(); $parent.showDeleteConfirmation(); }"><i class="fa fa-fw fa-times"></i> ${ _('Delete') } <span data-bind="visible: $parent.selectedEntries().length > 1, text: '(' + $parent.selectedEntries().length + ')'"></span></a></li>
@@ -670,7 +670,7 @@ from desktop.views import _ko
                 <li data-bind="css: { 'disabled': $parent.selectedEntries().length !== 1 }"><a href="javascript:void(0);" data-bind="click: function() { $parent.showSharingModal(); }, css: { 'disabled': $parent.selectedEntries().length !== 1 }"><i class="fa fa-fw fa-users"></i> ${ _('Share') }</a> </li>
                 <li data-bind="css: { 'disabled': $parent.selectedEntries().length !== 1 }"><a href="javascript:void(0);" data-bind="click: function() { $parent.showSharingModal(); }, css: { 'disabled': $parent.selectedEntries().length !== 1 }"><i class="fa fa-fw fa-users"></i> ${ _('Share') }</a> </li>
                 <!-- /ko -->
                 <!-- /ko -->
               </ul>
               </ul>
-              <div class="fb-primary-col">
+              <div class="doc-browser-primary-col">
                 <svg class="hi">
                 <svg class="hi">
                   <!-- ko if: isDirectory -->
                   <!-- ko if: isDirectory -->
                   <use xlink:href="#hi-folder"></use>
                   <use xlink:href="#hi-folder"></use>
@@ -699,9 +699,9 @@ from desktop.views import _ko
                 </svg>
                 </svg>
                 <a href="javascript: void(0);" data-bind="text: definition().name, click: open, attr: { 'title': definition().name, 'href': definition().type === 'directory' ? '#' : definition().absoluteUrl }" class="margin-left-5"></a>
                 <a href="javascript: void(0);" data-bind="text: definition().name, click: open, attr: { 'title': definition().name, 'href': definition().type === 'directory' ? '#' : definition().absoluteUrl }" class="margin-left-5"></a>
               </div>
               </div>
-              <div class="fb-attr-group">
+              <div class="doc-browser-attr-group">
                 <!-- ko with: definition -->
                 <!-- ko with: definition -->
-                <div class="fb-attr-col fb-type">
+                <div class="doc-browser-attr-col doc-browser-type">
                   <!-- ko switch: type -->
                   <!-- ko switch: type -->
                   <!-- ko case: 'directory' -->${ _('Directory')}<!-- /ko -->
                   <!-- ko case: 'directory' -->${ _('Directory')}<!-- /ko -->
                   <!-- ko case: 'link-pigscript' -->${ _('Pig Script')}<!-- /ko -->
                   <!-- ko case: 'link-pigscript' -->${ _('Pig Script')}<!-- /ko -->
@@ -718,8 +718,8 @@ from desktop.views import _ko
                   <!-- /ko -->
                   <!-- /ko -->
                   <!-- /ko -->
                   <!-- /ko -->
                 </div>
                 </div>
-                <div class="fb-attr-col fb-owner" data-bind="text: owner, attr: { 'title': owner }"></div>
-                <div class="fb-attr-col fb-modified" data-bind="text: localeFormat(last_modified)"></div>
+                <div class="doc-browser-attr-col doc-browser-owner" data-bind="text: owner, attr: { 'title': owner }"></div>
+                <div class="doc-browser-attr-col doc-browser-modified" data-bind="text: localeFormat(last_modified)"></div>
                 <!-- /ko -->
                 <!-- /ko -->
               </div>
               </div>
             </div>
             </div>
@@ -734,7 +734,7 @@ from desktop.views import _ko
       ko.bindingHandlers.trashDroppable = {
       ko.bindingHandlers.trashDroppable = {
         init: function(element, valueAccessor, allBindings, boundEntry) {
         init: function(element, valueAccessor, allBindings, boundEntry) {
           var dragData;
           var dragData;
-          huePubSub.subscribe('file.browser.dragging', function (data) {
+          huePubSub.subscribe('doc.browser.dragging', function (data) {
             dragData = data;
             dragData = data;
           });
           });
           var $element = $(element);
           var $element = $(element);
@@ -757,14 +757,14 @@ from desktop.views import _ko
         }
         }
       };
       };
 
 
-      ko.bindingHandlers.fileDroppable = {
+      ko.bindingHandlers.docDroppable = {
         init: function(element, valueAccessor, allBindings, boundEntry, bindingContext) {
         init: function(element, valueAccessor, allBindings, boundEntry, bindingContext) {
           var options = valueAccessor();
           var options = valueAccessor();
           var allEntries = options.entries;
           var allEntries = options.entries;
           var $element = $(element);
           var $element = $(element);
           var dragToSelect = false;
           var dragToSelect = false;
           var alreadySelected = false;
           var alreadySelected = false;
-          huePubSub.subscribe('fb.drag.to.select', function (value) {
+          huePubSub.subscribe('doc.drag.to.select', function (value) {
             alreadySelected = boundEntry.selected();
             alreadySelected = boundEntry.selected();
             dragToSelect = value;
             dragToSelect = value;
           });
           });
@@ -779,7 +779,7 @@ from desktop.views import _ko
                   boundEntry.load();
                   boundEntry.load();
                 }
                 }
               }
               }
-              $element.removeClass('fb-drop-hover');
+              $element.removeClass('doc-browser-drop-hover');
             },
             },
             over: function () {
             over: function () {
               if (! dragToSelect && boundEntry.isDirectory()) {
               if (! dragToSelect && boundEntry.isDirectory()) {
@@ -787,20 +787,20 @@ from desktop.views import _ko
                   return entry.selected() && ! entry.isSharedWithMe();
                   return entry.selected() && ! entry.isSharedWithMe();
                 }).length;
                 }).length;
                 if (movableCount > 0) {
                 if (movableCount > 0) {
-                  $element.addClass('fb-drop-hover');
+                  $element.addClass('doc-browser-drop-hover');
                 }
                 }
               }
               }
             },
             },
             out: function (event, ui) {
             out: function (event, ui) {
               if (! dragToSelect && boundEntry.isDirectory()) {
               if (! dragToSelect && boundEntry.isDirectory()) {
-                $element.removeClass('fb-drop-hover');
+                $element.removeClass('doc-browser-drop-hover');
               }
               }
             }
             }
           })
           })
         }
         }
       };
       };
 
 
-      ko.bindingHandlers.fileSelect = {
+      ko.bindingHandlers.docSelect = {
         init: function(element, valueAccessor, allBindings, boundEntry, bindingContext) {
         init: function(element, valueAccessor, allBindings, boundEntry, bindingContext) {
           var $element = $(element);
           var $element = $(element);
           $element.attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);
           $element.attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);
@@ -812,8 +812,8 @@ from desktop.views import _ko
           var allRows;
           var allRows;
           $element.draggable({
           $element.draggable({
             start: function (event, ui) {
             start: function (event, ui) {
-              allRows = $('.fb-row');
-              var $container = $('.fb-drag-container');
+              allRows = $('.doc-browser-row');
+              var $container = $('.doc-browser-drag-container');
 
 
               var selectedEntries = $.grep(allEntries(), function (entry) {
               var selectedEntries = $.grep(allEntries(), function (entry) {
                 return entry.selected();
                 return entry.selected();
@@ -821,7 +821,7 @@ from desktop.views import _ko
 
 
               dragToSelect = ! boundEntry.selected();
               dragToSelect = ! boundEntry.selected();
 
 
-              huePubSub.publish('file.browser.dragging', {
+              huePubSub.publish('doc.browser.dragging', {
                 selectedEntries: selectedEntries,
                 selectedEntries: selectedEntries,
                 originEntry: boundEntry.parent,
                 originEntry: boundEntry.parent,
                 dragToSelect: dragToSelect
                 dragToSelect: dragToSelect
@@ -830,7 +830,7 @@ from desktop.views import _ko
               dragStartX = event.clientX;
               dragStartX = event.clientX;
               dragStartY = event.clientY;
               dragStartY = event.clientY;
 
 
-              huePubSub.publish('fb.drag.to.select', dragToSelect);
+              huePubSub.publish('doc.drag.to.select', dragToSelect);
 
 
               if (dragToSelect && selectedEntries.length > 0 && ! (event.metaKey || event.ctrlKey)){
               if (dragToSelect && selectedEntries.length > 0 && ! (event.metaKey || event.ctrlKey)){
                 $.each(selectedEntries, function (idx, selectedEntry) {
                 $.each(selectedEntries, function (idx, selectedEntry) {
@@ -849,7 +849,7 @@ from desktop.views import _ko
               }
               }
 
 
               if (! dragToSelect) {
               if (! dragToSelect) {
-                var $helper = $('.fb-drag-helper').clone().show();
+                var $helper = $('.doc-browser-drag-helper').clone().show();
                 var sharedCount = selectedEntries.filter(function (entry) {
                 var sharedCount = selectedEntries.filter(function (entry) {
                   return entry.isSharedWithMe();
                   return entry.isSharedWithMe();
                 }).length;
                 }).length;
@@ -863,12 +863,12 @@ from desktop.views import _ko
                   $helper.find('i').removeClass().addClass('fa fa-fw fa-clone');
                   $helper.find('i').removeClass().addClass('fa fa-fw fa-clone');
                 } else {
                 } else {
                   $helper.find('.drag-text').text(boundEntry.definition().name);
                   $helper.find('.drag-text').text(boundEntry.definition().name);
-                  $helper.find('i').removeClass().addClass($element.find('.fb-primary-col i').attr('class'));
+                  $helper.find('i').removeClass().addClass($element.find('.doc-browser-primary-col i').attr('class'));
                 }
                 }
 
 
                 $helper.appendTo($container);
                 $helper.appendTo($container);
               } else {
               } else {
-                $('<div>').addClass('fb-drag-select').appendTo('body');
+                $('<div>').addClass('doc-browser-drag-select').appendTo('body');
               }
               }
             },
             },
             drag: function (event) {
             drag: function (event) {
@@ -885,7 +885,7 @@ from desktop.views import _ko
                     boundObject.selected(false);
                     boundObject.selected(false);
                   }
                   }
                 });
                 });
-                $('.fb-drag-select').css({
+                $('.doc-browser-drag-select').css({
                   top: startY + 'px',
                   top: startY + 'px',
                   left: startX + 'px',
                   left: startX + 'px',
                   height: Math.max(event.clientY, dragStartY) - startY + 'px',
                   height: Math.max(event.clientY, dragStartY) - startY + 'px',
@@ -894,7 +894,7 @@ from desktop.views import _ko
               }
               }
             },
             },
             stop: function (event) {
             stop: function (event) {
-              $('.fb-drag-select').remove();
+              $('.doc-browser-drag-select').remove();
               var elementAtStart = document.elementFromPoint(dragStartX, dragStartY);
               var elementAtStart = document.elementFromPoint(dragStartX, dragStartY);
               var elementAtStop = document.elementFromPoint(event.clientX, event.clientY);
               var elementAtStop = document.elementFromPoint(event.clientX, event.clientY);
               if (elementAtStart.nodeName === "A" && elementAtStop.nodeName === "A" && Math.sqrt((dragStartX-event.clientX)*(dragStartX-event.clientX) + (dragStartY-event.clientY)*(dragStartY-event.clientY)) < 8) {
               if (elementAtStart.nodeName === "A" && elementAtStop.nodeName === "A" && Math.sqrt((dragStartX-event.clientX)*(dragStartX-event.clientX) + (dragStartY-event.clientY)*(dragStartY-event.clientY)) < 8) {
@@ -903,7 +903,7 @@ from desktop.views import _ko
             },
             },
             helper: function (event) {
             helper: function (event) {
               if (boundEntry.selected()) {
               if (boundEntry.selected()) {
-                return $('<div>').addClass('fb-drag-container');
+                return $('<div>').addClass('doc-browser-drag-container');
               }
               }
               return $('<div>');
               return $('<div>');
             },
             },
@@ -920,7 +920,7 @@ from desktop.views import _ko
             if (event.metaKey || event.ctrlKey) {
             if (event.metaKey || event.ctrlKey) {
               clickedEntry.selected(!clickedEntry.selected());
               clickedEntry.selected(!clickedEntry.selected());
             } else if (event.shiftKey) {
             } else if (event.shiftKey) {
-              var lastClickedIndex = ko.utils.domData.get(document, 'last-clicked-file-index') || 0;
+              var lastClickedIndex = ko.utils.domData.get(document, 'last-clicked-entry-index') || 0;
               var lower = Math.min(lastClickedIndex, clickedIndex);
               var lower = Math.min(lastClickedIndex, clickedIndex);
               var upper = Math.max(lastClickedIndex, clickedIndex);
               var upper = Math.max(lastClickedIndex, clickedIndex);
               for (var i = lower; i <= upper; i++) {
               for (var i = lower; i <= upper; i++) {
@@ -937,7 +937,7 @@ from desktop.views import _ko
             var selectedEntries = $.grep(allEntries(), function (entry) {
             var selectedEntries = $.grep(allEntries(), function (entry) {
               return entry.selected();
               return entry.selected();
             });
             });
-            ko.utils.domData.set(document, 'last-clicked-file-index', selectedEntries.length > 0 ? clickedIndex : 0);
+            ko.utils.domData.set(document, 'last-clicked-entry-index', selectedEntries.length > 0 ? clickedIndex : 0);
           };
           };
 
 
           ko.bindingHandlers.multiClick.init(element, function () {
           ko.bindingHandlers.multiClick.init(element, function () {
@@ -954,7 +954,7 @@ from desktop.views import _ko
        * @param {HueFileEntry} params.activeEntry - Observable holding the current directory
        * @param {HueFileEntry} params.activeEntry - Observable holding the current directory
        * @constructor
        * @constructor
        */
        */
-      function FileBrowser (params) {
+      function DocBrowser (params) {
         var self = this;
         var self = this;
         self.activeEntry = params.activeEntry;
         self.activeEntry = params.activeEntry;
 
 
@@ -973,7 +973,7 @@ from desktop.views import _ko
 
 
         $(document).click(function (event) {
         $(document).click(function (event) {
           var $target = $(event.target);
           var $target = $(event.target);
-          if ($target.parents('.fb-entries, .fb-folder-actions, .fb-header, .fb-search-container, .modal').length === 0) {
+          if ($target.parents('.doc-browser-entries, .doc-browser-folder-actions, .doc-browser-header, .doc-browser-search-container, .modal').length === 0) {
             self.activeEntry().selectedEntries().forEach(function (entry) {
             self.activeEntry().selectedEntries().forEach(function (entry) {
               entry.selected(false);
               entry.selected(false);
             });
             });
@@ -981,9 +981,9 @@ from desktop.views import _ko
         });
         });
       }
       }
 
 
-      ko.components.register('file-browser', {
-        viewModel: FileBrowser,
-        template: { element: 'fb-template' }
+      ko.components.register('doc-browser', {
+        viewModel: DocBrowser,
+        template: { element: 'doc-browser-template' }
       });
       });
     })();
     })();
   </script>
   </script>

+ 6 - 6
desktop/core/src/desktop/templates/home2.mako

@@ -19,7 +19,7 @@
 %>
 %>
 
 
 <%namespace name="assist" file="/assist.mako" />
 <%namespace name="assist" file="/assist.mako" />
-<%namespace name="fileBrowser" file="/file_browser.mako" />
+<%namespace name="docBrowser" file="/document_browser.mako" />
 
 
 ${ commonheader(_('Welcome Home'), "home", user) | n,unicode }
 ${ commonheader(_('Welcome Home'), "home", user) | n,unicode }
 
 
@@ -38,12 +38,12 @@ ${ commonheader(_('Welcome Home'), "home", user) | n,unicode }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 <script src="${ static('desktop/js/home2.vm.js') }"></script>
 <script src="${ static('desktop/js/home2.vm.js') }"></script>
 
 
 ${ assist.assistPanel() }
 ${ assist.assistPanel() }
-${ fileBrowser.fileBrowser() }
+${ docBrowser.docBrowser() }
 
 
 <style type="text/css">
 <style type="text/css">
   html {
   html {
@@ -216,8 +216,8 @@ ${ fileBrowser.fileBrowser() }
       </div>
       </div>
       <div class="resizer" data-bind="visible: $root.isLeftPanelVisible, splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }" style="display:none;"><div class="resize-bar">&nbsp;</div></div>
       <div class="resizer" data-bind="visible: $root.isLeftPanelVisible, splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }" style="display:none;"><div class="resize-bar">&nbsp;</div></div>
       <div class="right-panel home-container" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() ? '8px' : '0' }">
       <div class="right-panel home-container" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() ? '8px' : '0' }">
-        <div class="file-browser" data-bind="component: {
-          name: 'file-browser',
+        <div class="doc-browser" data-bind="component: {
+          name: 'doc-browser',
           params: {
           params: {
             activeEntry: activeEntry
             activeEntry: activeEntry
           }
           }

+ 2 - 2
desktop/libs/indexer/src/indexer/templates/indexer.mako

@@ -42,8 +42,8 @@ ${ commonheader(_("Solr Indexes"), "search", user, "60px") | n,unicode }
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 <script src="${ static('notebook/js/notebook.ko.js') }"></script>
 <script src="${ static('notebook/js/notebook.ko.js') }"></script>
 
 
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">
 <link rel="stylesheet" href="${ static('notebook/css/notebook.css') }">

+ 2 - 2
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -72,8 +72,8 @@ from notebook.conf import ENABLE_QUERY_BUILDER, ENABLE_QUERY_SCHEDULING, ENABLE_
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistDbSource.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
 <script src="${ static('desktop/js/assist/assistHdfsEntry.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueDocument.js') }"></script>
-<script src="${ static('desktop/js/fileBrowser/hueFileEntry.js') }"></script>
+<script src="${ static('desktop/js/document/hueDocument.js') }"></script>
+<script src="${ static('desktop/js/document/hueFileEntry.js') }"></script>
 
 
 % if ENABLE_QUERY_SCHEDULING.get():
 % if ENABLE_QUERY_SCHEDULING.get():
 <script src="${ static('oozie/js/dashboard-utils.js') }" type="text/javascript" charset="utf-8"></script>
 <script src="${ static('oozie/js/dashboard-utils.js') }" type="text/javascript" charset="utf-8"></script>