incubator-airflow git commit: [AIRFLOW-544] Add Pause/Resume toggle button

[sa...@apache.org]

Repository: incubator-airflow
Updated Branches:
  refs/heads/master eb5982d4a -> 2d07a161d


[AIRFLOW-544] Add Pause/Resume toggle button

Add Pause/Resume toggle button to DAG details
page, so one does not
need to go back and forth to view the details and
do the action.

Closes #1818 from msumit/AIRFLOW-544


Project: http://git-wip-us.apache.org/repos/asf/incubator-airflow/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-airflow/commit/2d07a161
Tree: http://git-wip-us.apache.org/repos/asf/incubator-airflow/tree/2d07a161
Diff: http://git-wip-us.apache.org/repos/asf/incubator-airflow/diff/2d07a161

Branch: refs/heads/master
Commit: 2d07a161d8c9522428f74efa5ca258fe05f31479
Parents: eb5982d
Author: Sumit Maheshwari <su...@qubole.com>
Authored: Mon Oct 3 14:17:40 2016 -0700
Committer: Siddharth Anand <si...@yahoo.com>
Committed: Mon Oct 3 14:17:40 2016 -0700

----------------------------------------------------------------------
 airflow/www/templates/airflow/dag.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-airflow/blob/2d07a161/airflow/www/templates/airflow/dag.html
----------------------------------------------------------------------
diff --git a/airflow/www/templates/airflow/dag.html b/airflow/www/templates/airflow/dag.html
index d7bc0e0..e9c1940 100644
--- a/airflow/www/templates/airflow/dag.html
+++ b/airflow/www/templates/airflow/dag.html
@@ -23,6 +23,7 @@
 {% block head_css %}
   {{ lib.form_css() }}
   {{ super() }}
+  <link href="{{ url_for("static", filename="bootstrap-toggle.min.css") }}" rel="stylesheet" type="text/css">
 {% endblock %}
 
 {% block body %}
@@ -31,6 +32,7 @@
       {% if dag.parent_dag %}
         <span style='color:#AAA;'>SUBDAG: </span> <span> {{ dag.dag_id }}</span>
       {% else %}
+        <input id="pause_resume" dag_id="{{ dag.dag_id }}" type="checkbox" {{ "checked" if not dag.is_paused else "" }} data-toggle="toggle" data-size="mini">
         <span style='color:#AAA;'>DAG: </span> <span> {{ dag.dag_id }}</span>
       {% endif %}
       {% if root %}
@@ -222,6 +224,7 @@
 {% block tail %}
   {{ lib.form_js() }}
   {{ super() }}
+  <script src="{{ url_for('static', filename='bootstrap-toggle.min.js') }}"></script>
   <script>
 function updateQueryStringParameter(uri, key, value) {
   var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
@@ -358,5 +361,16 @@ function updateQueryStringParameter(uri, key, value) {
       window.location = url;
     });
 
+    $("#pause_resume").change(function() {
+      var dag_id =  $(this).attr('dag_id');
+      if ($(this).prop('checked')) {
+        is_paused = 'true'
+      } else {
+        is_paused = 'false'
+      }
+      url = "{{ url_for('airflow.paused') }}" + '?is_paused=' + is_paused + '&dag_id=' + dag_id;
+      $.ajax(url);
+    });
+
   </script>
 {% endblock %}