Skip to content

Fukász Rómeó Ervin / cloud

Go to a project
Commit 406efb10 by Estók Dániel
Options

Separate machine and element panel. Modified client-server communication 

due to backend modifications.
parent e7c08ebc
Showing with 80 additions and 29 deletions
circle/setty/static/setty/setty.js
......@@ -71,7 +71,6 @@ jsPlumb.ready(function() {
var elementConnections = [];
var elementIndex = 0;
var dragContainerScroll = 0;
var clickEvent = 0;
var workspaceWidth = $("#dropContainer").width();
var workspaceHeight = $("#dropContainer").height();
......@@ -80,6 +79,8 @@ jsPlumb.ready(function() {
var objectStack = [];
var undoStack = [];
var redoStack = [];
var clickEvent = 0;
var nextStepConstraint = 0;
/* Functions. */
......@@ -94,6 +95,7 @@ jsPlumb.ready(function() {
};
addInfo = function(title, info, type, object) {
/*
$("#informationContainer").empty();
switch(type){
......@@ -140,7 +142,7 @@ jsPlumb.ready(function() {
'</div>&nbsp;' +
'<div class="row">' +
'<div class="col-xs-12 text-center">' +
'<button id="removeFromWorkspace" class="btn btn-info">Remove from workspace</button>' +
'<button id="removeElementFromWorkspace" class="btn btn-info">Remove from workspace</button>' +
'</div>' +
'</div>';
break;
......@@ -162,7 +164,13 @@ jsPlumb.ready(function() {
'</div>' +
'</div>';
break;
}
}*/
// Here comes the ajax getInformation post.
// elementtemplateid vagy hostname
div = 0;
$("#informationContainer").append(div);
......@@ -271,6 +279,21 @@ jsPlumb.ready(function() {
});
return returnValue;
};
elementIsConnected = function(element) {
anchors = element.attr("anchors");
id = element.attr("id");
for(i=0;i<anchors;i++)
{
if(isConnected(i + "_" + id))
{
return true;
}
}
return false;
};
getConnectionparamAndAnchor = function(anchorId) {
parameters = "";
......@@ -391,11 +414,11 @@ jsPlumb.ready(function() {
}
$("#dropContainer").append(newInstance);
for (i = 0; i <= endpoints; i++) {
addEndpoint(newInstance);
}
jsPlumbInstance.draggable(jsPlumb.getSelector(".element"), {
containment: $("#dropContainer")
});
......@@ -501,12 +524,13 @@ jsPlumb.ready(function() {
$('body').on('contextmenu', '.element', function(event) {
setServiceStatus("unsaved");
removeElement($(this));
undoStack.splice(stackIndexer, 0, addElement);
redoStack.splice(stackIndexer, 0, removeElement);
objectStack.splice(stackIndexer, 0, $(this));
nextStepConstraint = 0;
stackSize++;
stackIndexer++;
});
......@@ -542,7 +566,8 @@ jsPlumb.ready(function() {
stackSize++;
});
$('body').on('click', '#removeFromWorkspace', function() {
$('body').on('click', '#removeElementFromWorkspace', function() {
setServiceStatus("unsaved");
removeElement(sharedObject);
undoStack.splice(stackIndexer, 0, addElement);
......@@ -570,8 +595,7 @@ jsPlumb.ready(function() {
});
$('body').on('click', '#clearService', function() {
jsPlumbInstance.reset();
$(".element").remove();
jsPlumbInstance.remove("element");
setServiceStatus("unsaved");
elementIndex = 0;
......@@ -590,9 +614,18 @@ jsPlumb.ready(function() {
if (stackIndexer >= stackSize) return;
clickEvent = 1;
object = objectStack[stackIndexer];
redoStack[stackIndexer++](object);
redoStack[stackIndexer](object);
stackIndexer++;
clickEvent = 0;
});
$('body').on('click', '#addMachineDialog', function() {
// Here comes the ajax post of getMachineAvailableList
// posting usedhostnames
//
//
// after it, appending obtained content to addmachinedialogbody
});
$('body').on('click', '.elementTemplateInfo', function() {
id = $(this).attr("element");
......
circle/setty/templates/setty/index.html
......@@ -17,33 +17,37 @@
<div class="panel-heading">
<div class="row">
<div class="col-xs-1 text-left">
<button class="btn btn-info btn-xs hidden-xs hidden-sm" id="undoMovement">{% trans 'Undo' %}</button>
<button class="btn btn-info btn-xs hidden-md hidden-lg" id="undoMovement"><i class="fa fa-undo"></i></button>
<button class="btn btn-info btn-xs btn-block hidden-xs hidden-sm hidden-md" id="undoMovement">{% trans 'Undo' %}</button>
<button class="btn btn-info btn-xs hidden-lg" id="undoMovement"><i class="fa fa-undo"></i></button>
</div>
<div class="col-xs-1 text-left">
<button class="btn btn-info btn-xs hidden-xs hidden-sm" id="redoMovement">{% trans 'Redo' %}</button>
<button class="btn btn-info btn-xs hidden-md hidden-lg" id="redoMovement"><i class="fa fa-repeat"></i></button>
<button class="btn btn-info btn-xs btn-block hidden-xs hidden-sm hidden-md" id="redoMovement">{% trans 'Redo' %}</button>
<button class="btn btn-info btn-xs hidden-lg" id="redoMovement"><i class="fa fa-repeat"></i></button>
</div>
<div class="col-xs-1 text-left">
<button class="btn btn-success btn-xs hidden-xs hidden-sm" id="showAddElementDialog" data-toggle="modal" data-target="#addElementDialog">{% trans 'Add element' %}</button>
<button class="btn btn-success btn-xs hidden-md hidden-lg" id="showAddElementDialog" data-toggle="modal" data-target="#addElementDialog"><i class="fa fa-plus"></i></button>
<button class="btn btn-success btn-xs btn-block hidden-xs hidden-sm hidden-md" id="showAddElementDialog" data-toggle="modal" data-target="#addElementDialog">{% trans 'Elements' %}</button>
<button class="btn btn-success btn-xs hidden-lg" id="showAddElementDialog" data-toggle="modal" data-target="#addElementDialog"><i class="fa fa-plus"></i></button>
</div>
<div class="col-xs-6 text-center">
<div class="col-xs-1 text-left">
<button class="btn btn-success btn-xs btn-block hidden-xs hidden-sm hidden-md" id="showAddMachineDialog">{% trans 'Machines' %}</button>
<button class="btn btn-success btn-xs hidden-lg" id="showAddMachineDialog" ><i class="fa fa-plus-circle"></i></button>
</div>
<div class="col-xs-4 text-center">
<h3 class="no-margin" id="serviceName"></h3>
<input class="form-control form-control-sm initHidden" id="serviceNameEdit" type="text" style="margin-top: -4px !important; margin-bottom: -4px !important;width:80%;" />
<input class="form-control form-control-sm initHidden" id="serviceNameEdit" type="text" style="margin-top: -4px !important; margin-bottom: -4px !important; width: 80%;" />
<button class="btn btn-success btn-xs initHidden" id="serviceNameSave">{% trans 'OK' %}</button>
</div>
<div class="col-xs-1 text-right">
<button class="btn btn-info btn-xs hidden-xs hidden-sm" id="clearService">{% trans 'Clean' %}</button>
<button class="btn btn-info btn-xs hidden-md hidden-lg" id="clearService"><i class="fa fa-eraser"></i></button>
<button class="btn btn-info btn-xs btn-block hidden-xs hidden-sm hidden-md" id="clearService">{% trans 'Clean' %}</button>
<button class="btn btn-info btn-xs hidden-lg" id="clearService"><i class="fa fa-eraser"></i></button>
</div>
<div class="col-xs-1 text-right">
<button class="btn btn-success btn-xs hidden-xs hidden-sm" id="saveService">{% trans 'Save' %}</button>
<button class="btn btn-success btn-xs hidden-md hidden-lg" id="saveService"><i class="fa fa-floppy-o"></i></button>
<button class="btn btn-success btn-xs btn-block hidden-xs hidden-sm hidden-md" id="saveService">{% trans 'Save' %}</button>
<button class="btn btn-success btn-xs hidden-lg" id="saveService"><i class="fa fa-floppy-o"></i></button>
</div>
<div class="col-xs-1 text-right">
<button class="btn btn-danger btn-xs hidden-xs hidden-sm" id="deleteService" data-toggle="modal" data-target="#deleteServiceDialog">{% trans 'Delete' %}</button>
<button class="btn btn-danger btn-xs hidden-md hidden-lg" id="deleteService" data-toggle="modal" data-target="#deleteServiceDialog"><i class="fa fa-trash-o"></i></button>
<button class="btn btn-danger btn-xs btn-block hidden-xs hidden-sm hidden-md" id="deleteService" data-toggle="modal" data-target="#deleteServiceDialog">{% trans 'Delete' %}</button>
<button class="btn btn-danger btn-xs hidden-lg" id="deleteService" data-toggle="modal" data-target="#deleteServiceDialog"><i class="fa fa-trash-o"></i></button>
</div>
</div>
</div>
......@@ -152,7 +156,7 @@
</div>
</div>
<!-- changing information dialog -->
<!-- Changing information dialog -->
<div class="modal fade" id="changeInformationDialog" role="dialog">
<div class="modal-dialog">
......@@ -169,5 +173,22 @@
</div>
</div>
<!-- Adding machine dialog -->
<div class="modal fade" id="addMachineDialog" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><i class="fa fa-outdent"></i>&nbsp;{% trans 'Machines' %}</h4>
</div>
<div class="modal-body" id="addMachineDialogBody">
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
{% endblock %}
circle/setty/views.py
......@@ -34,13 +34,11 @@ class DetailView(LoginRequiredMixin, TemplateView):
context = super(DetailView, self).get_context_data(**kwargs)
context['elementTemplateList'] = ElementTemplate.objects.all()
context['actualId'] = kwargs['pk']
# context['elementCategoryList'] = ...
return context
def post(self, request, *args, **kwargs):
if self.request.POST.get('event') == "saveService":
data = json.loads(self.request.POST.get('data'))
service = Service.objects.get(id=kwargs['pk'])
service.name = data['serviceName']
service.save()
......@@ -129,7 +127,6 @@ class CreateView(LoginRequiredMixin, TemplateView):
else:
return ['dashboard/nojs-wrapper.html']
def get_context_data(self, *args, **kwargs):
context = super(CreateView, self).get_context_data(*args, **kwargs)
......@@ -144,7 +141,7 @@ class CreateView(LoginRequiredMixin, TemplateView):
service_name = self.request.POST.get('serviceName')
if not service_name:
service_name="Noname"
service_name = "Noname"
service = Service(
name=service_name,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment