mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
feat(): started work on new import system
This commit is contained in:
65
public/app/features/dashboard/upload.ts
Normal file
65
public/app/features/dashboard/upload.ts
Normal file
@@ -0,0 +1,65 @@
|
||||
///<reference path="../../headers/common.d.ts" />
|
||||
|
||||
import kbn from 'app/core/utils/kbn';
|
||||
import coreModule from 'app/core/core_module';
|
||||
|
||||
var wnd: any = window;
|
||||
|
||||
class DashboardImporter {
|
||||
|
||||
prepareForImport(dash) {
|
||||
dash.id = null;
|
||||
return Promise.resolve(dash);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/** @ngInject */
|
||||
function uploadDashboardDirective(timer, alertSrv, $location) {
|
||||
return {
|
||||
restrict: 'A',
|
||||
link: function(scope) {
|
||||
function file_selected(evt) {
|
||||
var files = evt.target.files; // FileList object
|
||||
var readerOnload = function() {
|
||||
return function(e) {
|
||||
var dash;
|
||||
try {
|
||||
dash = JSON.parse(e.target.result);
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
scope.appEvent('alert-error', ['Import failed', 'JSON -> JS Serialization failed: ' + err.message]);
|
||||
return;
|
||||
}
|
||||
|
||||
var importer = new DashboardImporter();
|
||||
importer.prepareForImport(dash).then(modified => {
|
||||
wnd.grafanaImportDashboard = modified;
|
||||
var title = kbn.slugifyForUrl(dash.title);
|
||||
|
||||
scope.$apply(function() {
|
||||
$location.path('/dashboard-import/' + title);
|
||||
});
|
||||
});
|
||||
};
|
||||
};
|
||||
|
||||
for (var i = 0, f; f = files[i]; i++) {
|
||||
var reader = new FileReader();
|
||||
reader.onload = readerOnload();
|
||||
reader.readAsText(f);
|
||||
}
|
||||
}
|
||||
// Check for the various File API support.
|
||||
if (wnd.File && wnd.FileReader && wnd.FileList && wnd.Blob) {
|
||||
// Something
|
||||
document.getElementById('dashupload').addEventListener('change', file_selected, false);
|
||||
} else {
|
||||
alertSrv.set('Oops','Sorry, the HTML5 File APIs are not fully supported in this browser.','error');
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
coreModule.directive('dashUpload', uploadDashboardDirective);
|
||||
Reference in New Issue
Block a user