zmi: minor fix of action manage_tab_tasks

shifted spinner-style  to onclick-attribute

Author: drfho

Products/zms/conf/metacmd_manager/manage_tab_tasks/__init__.py

@@ -34,7 +34,7 @@ class manage_tab_tasks:
 	package = "com.zms.foundation.metacmd.tabs"
 
 	# Revision
-	revision = "5.0.1"
+	revision = "5.0.2"
 
 	# Roles
 	roles = ["*"]

Products/zms/conf/metacmd_manager/manage_tab_tasks/manage_tab_tasks.zpt

@@ -10,16 +10,20 @@
 	task_ids python:['TASK_ZMSNOTE', 'TASK_UNTRANSLATED', 'TASK_CHANGED_BY_DATE','TASK_INACTIVE_NODES'];
 	global obs python:[]">
 
-<form class="form-horizontal card border-bottom" role="form" name="form0" method="get">
+<form class="form-horizontal card border-bottom" role="form" name="form0" method="get" action="manage_tab_tasks">
 	<input type="hidden" name="id" value="manage_tab_tasks" />
 	<legend><span tal:replace="python:here.getZMILangStr('TAB_TASKS')">the task-type</span></legend>
 	<div class="card-body">
 		<div class="form-group row task_type my-0">
 			<div class="col-sm-2">
-				<button type="submit" class="btn btn-primary w-100 text-nowrap" tal:content="python:here.getZMILangStr('BTN_DISPLAY')">Display</button>
+				<button type="submit" class="btn btn-secondary w-100 text-nowrap"
+					onclick="$(this).html('<i class=\'fas fa-spinner fa-spin\'></i>')"
+					tal:content="python:here.getZMILangStr('BTN_DISPLAY')">
+					Display
+				</button>
 			</div>
 			<div class="col-sm-10">
-				<select class="form-control" id="task_type" name="task_type">
+				<select class="form-control" id="task_type" name="task_type" onchange="$('.btn.btn-secondary').removeClass('btn-secondary').addClass('btn-primary')">
 					<option value="" tal:content="python:'----- %s -----'%(here.getZMILangStr('ACTION_SELECT')%here.getZMILangStr('ATTR_DISPLAY'))">--- ACTION_SELECT%ATTR_DISPLAY ---</option>
 					<option tal:repeat="wfActivity python:here.getWfActivities()" tal:attributes="value python:wfActivity['id']; selected python:['','selected'][int(request.get('task_type','')==wfActivity['id'])]" tal:content="python:wfActivity['name']">the name</option>
 					<option tal:repeat="id task_ids" tal:attributes="value id; selected python:['','selected'][int(request.get('task_type','')==id)]" tal:content="python:here.getZMILangStr(id)">the name</option>
@@ -59,9 +63,9 @@
 
 	<tal:block tal:condition="python:request['task_type']=='TASK_CHANGED_BY_DATE'">
 		<tal:block tal:define="
-				obj_tuples python:[ ( x.attr('change_dt'), x ) for x in [here]+here.getTreeNodes(request) ];
-				obj_tuples python:sorted(obj_tuples, key=lambda obj: obj[0], reverse=True);
-				global obs python:[obj[1] for obj in obj_tuples]"></tal:block>
+			obj_tuples python:[ ( x.attr('change_dt'), x ) for x in [here]+here.getTreeNodes(request) ];
+			obj_tuples python:sorted(obj_tuples, key=lambda obj: obj[0], reverse=True);
+			global obs python:[obj[1] for obj in obj_tuples]"></tal:block>
 	</tal:block>
 
 	<tal:block tal:condition="python:request['task_type'] not in task_ids">
@@ -76,7 +80,7 @@
 		</tal:block>
 	</tal:block>
 
-	<form class="form-horizontal" method="get" 
+	<form class="form-horizontal task_list" method="get" 
 		tal:attributes="id python:request.get('task_type', None)"
 		tal:content="structure python:here.zmi_manage_main_grid(obs=obs)">
 		zmi_manage_main_grid
@@ -87,26 +91,27 @@
 </tal:block>
 </div><!-- #zmi-tab -->
 <footer tal:replace="structure python:here.zmi_body_footer(here,request)">zmi_body_footer</footer>
-<script>
-	// <!-- 
-	$(function() {
-		$('.btn.btn-primary').on('click',function() {
-			$(this).html('<i class="fas fa-spinner fa-spin"></i>')
-		})
-	});
-	//-->
-</script>
 <style>
-	/* <!-- */
-	.zmi.tasks #TASK_INACTIVE_NODES .breadcrumb li.breadcrumb-item.active {
+/* <!-- */
+	form.task_list#TASK_INACTIVE_NODES .breadcrumb li.breadcrumb-item.active {
 		max-width: unset !important;
 		overflow: unset;
 		text-overflow: unset;
 	}
-	.zmi.tasks #TASK_INACTIVE_NODES .breadcrumb li.breadcrumb-item.active a {
+	form.task_list#TASK_INACTIVE_NODES .breadcrumb li.breadcrumb-item.active a {
 		text-decoration: line-through;
 	}
-	/* --> */
+	form.task_list .zmi-manage-main-change {
+		white-space: nowrap;
+		text-align: right;
+	}
+	form.task_list .zmi-manage-main-change .zmi-change-uid {
+		margin-right: .35em;
+	}
+	form.task_list .zmi-manage-main-change i {
+		line-height: 1.25;
+	}
+/* --> */
 </style>
 </body>
 </html>