diff --git a/app/angular/conceptual/conceptual.js b/app/angular/conceptual/conceptual.js index bc258d05..83c1f2de 100644 --- a/app/angular/conceptual/conceptual.js +++ b/app/angular/conceptual/conceptual.js @@ -157,6 +157,7 @@ const controller = function (ModelAPI, $stateParams, $rootScope, $timeout, $uibM ctrl.onSelectElement = (cellView) => { if (cellView != null) { + configs.elementSelector.cancel(); $timeout(() => { const elementType = cellView.model.isLink() ? "Link" : cellView.model.attributes.supertype; ctrl.selectedElement = { @@ -352,7 +353,7 @@ const controller = function (ModelAPI, $stateParams, $rootScope, $timeout, $uibM } else { configs.editorScroller.startPanning(evt); } - configs.editorActions.setCopyContext(evt); + configs.elementSelector.setCopyContext(evt); }); paper.on('link:options', (cellView) => { @@ -402,9 +403,9 @@ const controller = function (ModelAPI, $stateParams, $rootScope, $timeout, $uibM configs.keyboardController.registerHandler(types.ZOOM_OUT, () => ctrl.zoomOut()); configs.keyboardController.registerHandler(types.ZOOM_NONE, () => ctrl.zoomNone()); configs.keyboardController.registerHandler(types.ESC, () => ctrl.unselectAll()); - configs.keyboardController.registerHandler(types.COPY, () => configs.editorActions.copyElement(ctrl.selectedElement.element)); - configs.keyboardController.registerHandler(types.PASTE, () => configs.editorActions.pasteElement()); - configs.keyboardController.registerHandler(types.DELETE, () => configs.selectedElementActions?.removeElement() ); + configs.keyboardController.registerHandler(types.COPY, () => configs.elementSelector.copyAll()); + configs.keyboardController.registerHandler(types.PASTE, () => configs.elementSelector.pasteAll()); + configs.keyboardController.registerHandler(types.DELETE, () => configs.elementSelector.deleteAll() ); } const registerGraphEvents = (graph) => { diff --git a/app/angular/conceptual/sidebarControl.html b/app/angular/conceptual/sidebarControl.html index 068ec447..9d9cc748 100644 --- a/app/angular/conceptual/sidebarControl.html +++ b/app/angular/conceptual/sidebarControl.html @@ -13,7 +13,7 @@ -
+
-
+
-
+
-
+
-
+
-
+
0) { + this.options.graph.trigger("batch:start"); + this.model.forEach(model => model.remove()); + this.options.graph.trigger("batch:stop"); + this.cancel(); + } + }, + copyAll: function() { + if(this.model.length > 0) { + this.options.copyContext.clones = this.options.graph.cloneSubgraph(this.model.models, { + deep: true, + }); + } + }, + setCopyContext: function (event) { + if(event.type === "mousedown") { + const normalizedEvent = joint.util.normalizeEvent(event); + let localPoint = this.options.paper.clientToLocalPoint({ x: normalizedEvent.clientX, y: normalizedEvent.clientY }); + this.options.copyContext.event = { + "x": localPoint.x, + "y": localPoint.y + } + } + }, + pasteAll: function() { + const options = Object.assign({}, this.defaults, options); + const graph = this.options.graph; + const pastePoint = this.options.copyContext.event; + const copiedCells = this.options.copyContext.clones; + const origin = this.findbBox(Object.values(copiedCells)); + if (origin) { + const originX = origin.x == 0 ? pastePoint.x : (pastePoint.x - origin.x); + const originY = origin.y == 0 ? pastePoint.y : (pastePoint.y - origin.y); + const translation = { + dx: originX, + dy: originY + }; + options.translate = translation; + let zIndex = graph.maxZIndex(); + const context = this; + const modifiedCells = Object.values(copiedCells).map(cell => { + return context.moveCell(cell, options, zIndex += 1); + }); + graph.startBatch("paste"); + graph.addCells(modifiedCells); + graph.stopBatch("paste"); + this.options.copyContext = { + clones: [], + event: null + } + } + }, + findbBox: function(cells, opt){ + return joint.util.toArray(cells).reduce(function(memo, cell) { + if (cell.isLink()) return memo; + let rect = cell.getBBox(opt); + const angle = cell.angle(); + if (angle) rect = rect.bbox(angle); + if (memo) { + return memo.union(rect); + } else { + return rect; + } + }, null); + }, + moveCell: function(cell, options, zIndex) { + cell.set("z", zIndex); + if (cell.isLink() && options.link) { + cell.set(options.link); + } + if (options.translate) { + const { dx, dy } = options.translate; + cell.translate(Number.isFinite(dx) ? dx : 0, Number.isFinite(dy) ? dy : 0); + } + cell.collection = null; + return cell; + }, start: function(event) { const normalizedEvent = joint.util.normalizeEvent(event); this.cancel(); @@ -275,5 +362,8 @@ joint.ui.ElementSelector = Backbone.View.extend({ var d = Array.prototype.slice.call(arguments, 2); d.unshift("action:" + a + ":" + b); this.trigger.apply(this, d); - } + }, + getSelectedElements: function() { + return this.model.models; + } }); \ No newline at end of file diff --git a/app/angular/logic/logic.html b/app/angular/logic/logic.html index c293fa1a..8694c08c 100644 --- a/app/angular/logic/logic.html +++ b/app/angular/logic/logic.html @@ -47,7 +47,7 @@

{{ 'Logical model of:' | translate }} {{$ctrl.model.nam
    • diff --git a/app/angular/logic/logic.js b/app/angular/logic/logic.js index aaa91141..bb398741 100644 --- a/app/angular/logic/logic.js +++ b/app/angular/logic/logic.js @@ -154,6 +154,12 @@ const controller = function ( } }); + $rootScope.$on("model:warning-copy", function () { + $timeout(() => { + ctrl.showFeedback("Copy is not allowed on this module when element has references.", true, "warning"); + }); + }); + ctrl.updateCardA = function (card) { LogicService.editCardinalityA(card); } diff --git a/app/angular/logic/sidebarControl.html b/app/angular/logic/sidebarControl.html index 1844a1a4..47acc5ee 100644 --- a/app/angular/logic/sidebarControl.html +++ b/app/angular/logic/sidebarControl.html @@ -13,7 +13,7 @@

    -
    +

    {{ 'Table properties' | translate }}

    diff --git a/app/angular/service/logicService.js b/app/angular/service/logicService.js index e8038847..637f759f 100644 --- a/app/angular/service/logicService.js +++ b/app/angular/service/logicService.js @@ -9,7 +9,6 @@ import uml from "../../joint/table"; joint.shapes.erd = erd; joint.shapes.uml = uml; import "jointjs/dist/joint.min.css"; - import "../editor/editorManager" import "../editor/editorScroller" import "../editor/editorActions" @@ -185,7 +184,7 @@ const logicService = ($rootScope, ModelAPI, LogicFactory, LogicConversorService) ls.editorScroller.startPanning(evt); } - ls.editorActions.setCopyContext(evt); + ls.elementSelector.setCopyContext(evt); }); ls.getConnectionType = link => { @@ -352,6 +351,7 @@ const logicService = ($rootScope, ModelAPI, LogicFactory, LogicConversorService) var name = ""; if (ls.selectedElement.model != null) ls.selectedElement.unhighlight(); if (cellView.model.attributes.name != null) { + ls.elementSelector.cancel(); ls.selectedElement = cellView; name = ls.selectedElement.model.attributes.name; ls.selectedElement.highlight(); @@ -473,6 +473,18 @@ const logicService = ($rootScope, ModelAPI, LogicFactory, LogicConversorService) ls.editorScroller.zoom(); } + ls.copySelectedElements = function () { + const elements = ls.elementSelector.getSelectedElements(); + const hasConnections = elements.some(element => { + return element.attributes.objects.some(attr => attr.FK); + }); + if(hasConnections) { + $rootScope.$broadcast('model:warning-copy'); + } else { + ls.elementSelector.copyAll(); + } + } + ls.registerShortcuts = () => { ls.keyboardController.registerHandler(types.UNDO, () => ls.undo()); ls.keyboardController.registerHandler(types.REDO, () => ls.redo()); @@ -482,11 +494,11 @@ const logicService = ($rootScope, ModelAPI, LogicFactory, LogicConversorService) ls.keyboardController.registerHandler(types.ESC, () => ls.clearSelectedElement()); ls.keyboardController.registerHandler(types.SAVE, () => { ls.updateModel(); - $rootScope.$broadcast('model:saved') + $rootScope.$broadcast('model:saved'); }); - ls.keyboardController.registerHandler(types.COPY, () => ls.editorActions.copyElement(ls.selectedElement)); - ls.keyboardController.registerHandler(types.PASTE, () => ls.editorActions.pasteElement()); - ls.keyboardController.registerHandler(types.DELETE, () => ls.selectedActions?.removeElement() ); + ls.keyboardController.registerHandler(types.COPY, () => ls.copySelectedElements()); + ls.keyboardController.registerHandler(types.PASTE, () => ls.elementSelector.pasteAll()); + ls.keyboardController.registerHandler(types.DELETE, () => ls.elementSelector.deleteAll()); } ls.getTablesMap = function () { diff --git a/app/i18n/languages/en.js b/app/i18n/languages/en.js index 38753a97..c559b5d9 100644 --- a/app/i18n/languages/en.js +++ b/app/i18n/languages/en.js @@ -157,5 +157,6 @@ export default { 'Delete account model error': 'It was not possible to delete your account because you have models. Please remove all your models before deleting your account.', 'Forbidden access': 'Forbidden access', 'Looks like this model does not exist or you don\'t have access to it.': 'Looks like this model does not exist or you don\'t have access to it.', - 'Back to models list': 'Back to models list' + 'Back to models list': 'Back to models list', + 'Copy is not allowed on this module when element has references.': 'Copy is not allowed on this module when element has references.' }; \ No newline at end of file diff --git a/app/i18n/languages/pt_BR.js b/app/i18n/languages/pt_BR.js index 7101beac..c0401d66 100644 --- a/app/i18n/languages/pt_BR.js +++ b/app/i18n/languages/pt_BR.js @@ -157,5 +157,6 @@ export default { 'Delete account model error': 'Não foi possível deletar sua conta pois você possui modelos. Remova-os antes de prosseguir.', 'Forbidden access': 'Acesso proibido', 'Looks like this model does not exist or you don\'t have access to it.': 'Parece que este modelo não existe ou você não tem acesso a ele.', - 'Back to models list': 'Voltar à lista de modelos' + 'Back to models list': 'Voltar à lista de modelos', + 'Copy is not allowed on this module when element has references.': 'Copiar não é permitido nesse módulo quando elementos já estiverem conectados.' }; \ No newline at end of file