Add chamadas do botão fechar e excluir dispositivos

sapl/compilacao/forms.py

@@ -656,8 +656,8 @@ class DispositivoEdicaoBasicaForm(ModelForm):
 
         buttons = FormActions(*more, css_class='form-group')
 
-        _fields = [to_row([(buttons, 12)])] + \
-            [Div(*layout, css_class="row-fluid")]
+        _fields = [Div(*layout, css_class="row-fluid")] + \
+            [to_row([(buttons, 12)])]
         self.helper.layout = Layout(*_fields)
 
 

sapl/static/js/compilacao_edit.js

@@ -44,13 +44,15 @@ function DispositivoEdit() {
             instance.scrollTo(_this);
             _this.off('get_form_base')
 
-            var btn_fechar = _this.find('.btns-excluir');
-            _this.find('.dpt-actions-bottom').last().append(btn_fechar);
+            var btn_fechar = _this.find('.btn-fechar');
             btn_fechar.on('click', function() {
                 instance.clearEditSelected();
             });
 
-            btn_fechar.on('click', function() {
+            var btns_excluir = _this.find('.btns-excluir');
+            _this.find('.dpt-actions-bottom').last().append(btns_excluir);
+
+            btns_excluir.find('.btn-excluir').on('click', function() {
                 var action = this.getAttribute('action');
                 var pk = $(this).closest('.dpt-selected').attr('pk');
                 if (pk !== undefined) {

sapl/static/styles/compilacao.scss

@@ -623,9 +623,9 @@ a:link:after, a:visited:after {
       background-color: #fafafa;
       border-radius: 3px;
       z-index: 2;
-      & > .dpt-text {
+      & > .dpt-text1 {
         opacity: 1;
-        border: 1px solid #e0e0e0 !important;
+        border: 0px solid #e0e0e0 !important;
         margin: 1em;
         padding: 0.3em;
         position: relative;
@@ -635,24 +635,24 @@ a:link:after, a:visited:after {
         &:before {
           border-width: 1rem;
           border-style: solid;
-          border-color: #e0e0e0 #e0e0e0 transparent transparent;
+          border-color: transparent transparent #e0e0e0 #e0e0e0 ;
           content: "";
           display: block;
           height: 0px;
           width: 0px;
           position: absolute;
-          top: 0rem;
-          right: 0rem;
+          bottom: 0rem;
+          left: 0rem;
         }
       }
       & > .dpt-form {
-        margin-bottom: 1em;
+        margin-bottom: 0em;
       }
       & > .dpt-actions, & > .dpt-actions-bottom {
         display: table;
         background-color: #e5e5e5;
         padding: 1em;
-        margin-bottom: 1em;
+        margin-bottom: 0em;
         width: 100%;
         & > .btn-action {
           display: table-cell;