Kaynağa Gözat

Move StatusBar and Informer install into the Dashboard (bundle them)

// cc @goto-bus-stop @Acconut
Artur Paikin 7 yıl önce
ebeveyn
işleme
0b329c8c1d

+ 11 - 11
src/plugins/Dashboard/index.js

@@ -2,6 +2,8 @@ const Plugin = require('../Plugin')
 const Translator = require('../../core/Translator')
 const dragDrop = require('drag-drop')
 const Dashboard = require('./Dashboard')
+const StatusBar = require('../StatusBar')
+const Informer = require('../Informer')
 const { findDOMElement } = require('../../core/Utils')
 const prettyBytes = require('prettier-bytes')
 const { defaultTabIcon } = require('./icons')
@@ -208,15 +210,6 @@ module.exports = class DashboardUI extends Plugin {
     bus.on('dashboard:file-card', this.handleFileCard)
 
     window.addEventListener('resize', this.updateDashboardElWidth)
-
-    // bus.on('core:success', (uploadedCount) => {
-    //   bus.emit(
-    //     'informer',
-    //     `${this.core.i18n('files', {'smart_count': uploadedCount})} successfully uploaded, Sir!`,
-    //     'info',
-    //     6000
-    //   )
-    // })
   }
 
   removeActions () {
@@ -230,8 +223,7 @@ module.exports = class DashboardUI extends Plugin {
 
   updateDashboardElWidth () {
     const dashboardEl = this.target.querySelector('.UppyDashboard-inner')
-    // const containerWidth = dashboardEl.offsetWidth
-    // console.log(containerWidth)
+    // console.log(dashboardEl.offsetWidth)
 
     const modal = this.core.getState().modal
     this.core.setState({
@@ -404,6 +396,14 @@ module.exports = class DashboardUI extends Plugin {
     const plugin = this
     this.target = this.mount(target, plugin)
 
+    this.core.use(StatusBar, {
+      target: DashboardUI
+    })
+
+    this.core.use(Informer, {
+      target: DashboardUI
+    })
+
     this.initEvents()
     this.actions()
   }

+ 0 - 2
website/src/examples/dashboard/app.es6

@@ -1,6 +1,5 @@
 const Uppy = require('uppy/lib/core')
 const Dashboard = require('uppy/lib/plugins/Dashboard')
-const StatusBar = require('uppy/lib/plugins/StatusBar')
 const GoogleDrive = require('uppy/lib/plugins/GoogleDrive')
 const Dropbox = require('uppy/lib/plugins/Dropbox')
 const Webcam = require('uppy/lib/plugins/Webcam')
@@ -27,7 +26,6 @@ function uppyInit () {
     inline: opts.DashboardInline,
     target: opts.DashboardInline ? '.DashboardContainer' : 'body'
   })
-  uppy.use(StatusBar, {target: Dashboard})
 
   if (opts.GoogleDrive) {
     uppy.use(GoogleDrive, {target: Dashboard, host: UPPY_SERVER})