summaryrefslogtreecommitdiffstats
path: root/client/components/import
diff options
context:
space:
mode:
authorXavier Priour <xavier.priour@bubblyware.com>2015-10-15 14:01:13 +0200
committerXavier Priour <xavier.priour@bubblyware.com>2015-10-17 18:00:46 +0200
commit468694a84cc164e4923f2d2e4631c37ceb1c4b55 (patch)
tree654abe750816e8d6fc7e4affff1af7c44932a829 /client/components/import
parent15ebfa63c61694e4aa60e0f9c5047f678d6cf0c4 (diff)
downloadwekan-468694a84cc164e4923f2d2e4631c37ceb1c4b55.tar.gz
wekan-468694a84cc164e4923f2d2e4631c37ceb1c4b55.tar.bz2
wekan-468694a84cc164e4923f2d2e4631c37ceb1c4b55.zip
Import board: added UI
Diffstat (limited to 'client/components/import')
-rw-r--r--client/components/import/import.jade8
-rw-r--r--client/components/import/import.js80
2 files changed, 88 insertions, 0 deletions
diff --git a/client/components/import/import.jade b/client/components/import/import.jade
new file mode 100644
index 00000000..8059b65b
--- /dev/null
+++ b/client/components/import/import.jade
@@ -0,0 +1,8 @@
+template(name="importPopup")
+ if error.get
+ .warning {{_ error.get}}
+ form
+ label
+ | {{_ getLabel}}
+ textarea.js-card-json(placeholder="{{_ 'import-json-placeholder'}}" autofocus)
+ input.primary.wide(type="submit" value="{{_ 'import'}}")
diff --git a/client/components/import/import.js b/client/components/import/import.js
new file mode 100644
index 00000000..f15185ed
--- /dev/null
+++ b/client/components/import/import.js
@@ -0,0 +1,80 @@
+/**
+ * Abstract root for all import popup screens.
+ * Descendants must define:
+ * - getMethodName(): return the Meteor method to call for import, passing json data decoded as object
+ * and additional data (see below)
+ * - getAdditionalData(): return object containing additional data passed to Meteor method
+ * (like list ID and position for a card import)
+ * - getLabel(): i18n key for the text displayed in the popup, usually to explain how to get the data out of the
+ * source system.
+ */
+const ImportPopup = BlazeComponent.extendComponent({
+ template() {return 'importPopup';},
+ events() {
+ return [{
+ 'submit': (evt) => {
+ evt.preventDefault();
+ const dataJson = $(evt.currentTarget).find('textarea').val();
+ let dataObject;
+ try {
+ dataObject = JSON.parse(dataJson);
+ } catch (e) {
+ this.setError('error-json-malformed');
+ return;
+ }
+ Meteor.call(this.getMethodName(), dataObject, this.getAdditionalData(),
+ (error, response) => {
+ if (error) {
+ this.setError(error.error);
+ } else {
+ Filter.addException(response);
+ Popup.close();
+ }
+ }
+ );
+ },
+ }];
+ },
+
+ onCreated() {
+ this.error = new ReactiveVar('');
+ },
+
+ setError(error) {
+ this.error.set(error);
+ },
+});
+
+ImportPopup.extendComponent({
+ getAdditionalData() {
+ const listId = this.data()._id;
+ const firstCardDom = $(`#js-list-${this.currentData()._id} .js-minicard:first`).get(0);
+ const sortIndex = Utils.calculateIndex(null, firstCardDom).base;
+ const result = {listId, sortIndex};
+ return result;
+ },
+
+ getMethodName() {
+ return 'importTrelloCard';
+ },
+
+ getLabel() {
+ return 'import-card-trello-instruction';
+ },
+}).register('listImportCardPopup');
+
+ImportPopup.extendComponent({
+ getAdditionalData() {
+ const result = {};
+ return result;
+ },
+
+ getMethodName() {
+ return 'importTrelloBoard';
+ },
+
+ getLabel() {
+ return 'import-board-trello-instruction';
+ },
+}).register('boardImportBoardPopup');
+