condition checking and renaming

device/templates/details.html

@@ -8,10 +8,10 @@
     <h3>{{ object.shortid }}</h3>
   </div>
   <div class="col text-end">
-
+    {% if state_definitions %}
       <div class="dropdown">
         <button class="btn btn-green-admin dropdown-toggle" type="button" id="addStateDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-        {% trans "Change state to" %}
+          {% trans "Action" %}
         </button>
         <ul class="dropdown-menu" aria-labelledby="addStateDropdown">
           {% for state in state_definitions %}
@@ -23,7 +23,11 @@
           {% endfor %}
         </ul>
       </div>
-  
+    {% else %}
+      <button class="btn btn-green-admin" type="button" disabled>
+        {% trans "Action" %}
+      </button>
+    {% endif %}
   </div>
 </div>
 
@@ -314,12 +318,13 @@
     </div>
   </div>
 
-<!-- add state to device popup modal-->
+<!-- add state to device - popup modal-->
+{% if state_definitions %}
 {% for state in state_definitions %}
 <div class="modal fade" id="addStateModal{{ state.id }}" tabindex="-1" aria-labelledby="addStateModalLabel{{ state.id }}" aria-hidden="true">
   <div class="modal-dialog">
 
-    <form method="post" action="">
+    <form method="post" action="{% url 'action:new_action'%}">
       {% csrf_token %}
       <div class="modal-content">
         <div class="modal-header">
@@ -335,7 +340,6 @@
 
               <span class="text-danger fw-bold me-2">{% trans "From:" %}</span>
               <span class="text-danger fw-italic">state_placeholder</span>  
-            
             </div>
             <div class="d-flex align-items-center mt-2">
               <i class="bi bi-arrow-right-circle text-success me-2"></i>
@@ -369,7 +373,7 @@
   </div>
 </div>
 {% endfor %}
-
+{% endif %}
 
 {% endblock %}