0.7.3 colorpicker für allegit push!

areas/templates/areas/areas_add.html

@@ -7,10 +7,37 @@
   <form method="POST">
 	  	{% csrf_token %}
 	  	{{ form|crispy }}	
+	  	<div class="form-group mb-2 mb-3">		    
+	    <span>Farbe</span><input type="color" id="color-picker" name="areacolor " />
+	  </div>  	
 	  	<p>Nachdem Erstellen eines Bereichs können Mitarbeiter zugewiesen werden.</p>
 	  <hr>	  	
 	  	<button type="submit" class="btn btn-success"  href="{% url 'areas-addarea' %} ">Bereich anlegen</button>&nbsp;
 	  	<a class="btn" href="{% url 'areas-management' %} ">Abbrechen</a>
   </form>
 </div>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/classic.min.css"/> <!-- 'classic' theme -->
+
+<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.es5.min.js"></script>
+<script type="text/javascript">
+
+$(document).ready(function(){
+	$("#div_id_color").hide();
+})
+
+const pickr1 = new Pickr({
+  el: '#color-picker',
+  default: "#000000",  
+  components: {
+    preview: false,
+    hue: true
+  }
+});
+
+pickr1.on('changestop', function(){
+	var col = pickr1.getColor().toHEXA().toString();
+	pickr1.setColor(col);
+	$("#id_color").val(col);
+});
+</script>
 {% endblock content %}

areas/templates/areas/areas_management.html

@@ -63,14 +63,10 @@ $(document).ready(function(){
     $("#tableresults tr").filter(function() {
       $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
     });
-
-    
-
-
+  });
 });
 
 
-});
 
 /*
   Update the sort-list by drag'n'drop

areas/templates/areas/areas_update.html

@@ -8,6 +8,9 @@
   <form method="POST">
 	  	{% csrf_token %}	  	
 	  	{{ form|crispy }}	
+	   <div class="form-group mb-2 mb-3">		    
+	    <span>Farbe</span><input type="color" id="color-picker" name="areacolor " />
+	  </div>  			  		  
 	  <h6>Mitarbeiter hinzufügen</h6>
 	  <div class="input-group mb-3">
 		  <input class="form-control" list="usersfree" name="searchusers" id="searchusers" type="text" onkeyup="javascript:checkValue()" onchange="javascript:checkValue()" >
@@ -41,7 +44,44 @@
   	<a class="btn" href="{% url 'areas-management' %} ">Abbrechen</a>
   </form>
 </div>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/classic.min.css"/> <!-- 'classic' theme -->
+
+<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.es5.min.js"></script>
 <script type="text/javascript">
+
+$(document).ready(function(){
+	$("#div_id_color").hide();
+})
+
+const pickr1 = new Pickr({
+  el: '#color-picker',
+  default: "{{object.color}}",  
+  components: {
+    preview: false,
+    hue: true
+  }
+});
+
+
+pickr1.on('changestop', function(){
+	var col = pickr1.getColor().toHEXA().toString();
+	pickr1.setColor(col);
+	$("#id_color").val(col);
+});
+
+var ua = window.navigator.userAgent;
+var isIE = /MSIE|Trident/.test(ua);
+if ( isIE ) {
+  //IE specific code goes here
+  	setInterval(function()
+	{
+	    checkValue();
+	},250);
+}
+
+
+
+
 	var tempid = null;
 	var tempcounter = 0;
 	function addUserToArea(){
@@ -118,7 +158,6 @@
 	//Check for valid input on inputfield
 	function checkValue(){			
 		var g = $('#searchusers').val();
-		console.log(g);
     	var id = $('#usersfree').find('option[value="' + g + '"]').attr('id');
     	if(id != undefined && id.length > 0){    		
     		tempid = id;

areas/views.py

@@ -75,6 +75,7 @@ class AreaUpdateView(LoginRequiredMixin, UpdateView):
 	def form_valid(self, form):	
 		# Send message to the site		
 		messages.success(self.request, f'Bereich aktualisiert!')
+		print(form)
 		return super().form_valid(form)
 
 	# Form wird geladen; Checkboxen werden vorbereitet und hier rausgerendert.

tasks/templates/tasks/tasks_update.html

@@ -43,7 +43,15 @@
 </div>
 <script type="text/javascript">
 
-
+var ua = window.navigator.userAgent;
+var isIE = /MSIE|Trident/.test(ua);
+if ( isIE ) {
+  //IE specific code goes here
+  	setInterval(function()
+	{
+	    checkSearchUser();
+	},250);
+}
 
 	var tempid = null;
 	var tempcounter = 0;