rake_ui 0.1.0

data/app/assets/javascripts/jquery_ujs.js

@@ -0,0 +1,160 @@
+/*
+ * jquery-ujs
+ *
+ * http://github.com/rails/jquery-ujs/blob/master/src/rails.js
+ *
+ * This rails.js file supports jQuery 1.4.3 and 1.4.4 .
+ *
+ */
+
+jQuery(function ($) {
+    var csrf_token = $('meta[name=csrf-token]').attr('content'),
+    csrf_param = $('meta[name=csrf-param]').attr('content');
+
+    $.fn.extend({
+        /**
+         * Triggers a custom event on an element and returns the event result
+         * this is used to get around not being able to ensure callbacks are placed
+         * at the end of the chain.
+         *
+         * TODO: deprecate with jQuery 1.4.2 release, in favor of subscribing to our
+         *       own events and placing ourselves at the end of the chain.
+         */
+        triggerAndReturn: function (name, data) {
+            var event = new $.Event(name);
+            this.trigger(event, data);
+
+            return event.result !== false;
+        },
+
+        /**
+         * Handles execution of remote calls. Provides following callbacks:
+         *
+         * - ajax:beforeSend  - is executed before firing ajax call
+         * - ajax:success  - is executed when status is success
+         * - ajax:complete - is executed when the request finishes, whether in failure or success.
+         * - ajax:error    - is execute in case of error
+         */
+        callRemote: function () {
+            var el      = this,
+            method  = el.attr('method') || el.attr('data-method') || 'GET',
+            url     = el.attr('action') || el.attr('href'),
+            dataType  = el.attr('data-type')  || ($.ajaxSettings && $.ajaxSettings.dataType);
+
+            if (url === undefined) {
+                throw "No URL specified for remote call (action or href must be present).";
+            } else {
+                var $this = $(this), data = el.is('form') ? el.serializeArray() : [];
+
+                $.ajax({
+                    url: url,
+                    data: data,
+                    dataType: dataType,
+                    type: method.toUpperCase(),
+                    beforeSend: function (xhr) {
+                        xhr.setRequestHeader("Accept", "text/javascript");
+                        if ($this.triggerHandler('ajax:beforeSend') === false) {
+                            return false;
+                        }
+                    },
+                    success: function (data, status, xhr) {
+                        el.trigger('ajax:success', [data, status, xhr]);
+                    },
+                    complete: function (xhr) {
+                        el.trigger('ajax:complete', xhr);
+                    },
+                    error: function (xhr, status, error) {
+                        el.trigger('ajax:error', [xhr, status, error]);
+                    }
+                });
+            }
+        }
+    });
+
+    /**
+     *  confirmation handler
+     */
+
+    $('body').delegate('a[data-confirm], button[data-confirm], input[data-confirm]', 'click.rails', function () {
+        var el = $(this);
+        if (el.triggerAndReturn('confirm')) {
+            if (!confirm(el.attr('data-confirm'))) {
+                return false;
+            }
+        }
+    });
+
+
+
+    /**
+     * remote handlers
+     */
+    $('form[data-remote]').live('submit.rails', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    $('a[data-remote],input[data-remote]').live('click.rails', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    /**
+     * <%= link_to "Delete", user_path(@user), :method => :delete, :confirm => "Are you sure?" %>
+     *
+     * <a href="/users/5" data-confirm="Are you sure?" data-method="delete" rel="nofollow">Delete</a>
+     */
+    $('a[data-method]:not([data-remote])').live('click.rails', function (e){
+        var link = $(this),
+        href = link.attr('href'),
+        method = link.attr('data-method'),
+        form = $('<form method="post" action="'+href+'"></form>'),
+        metadata_input = '<input name="_method" value="'+method+'" type="hidden" />';
+
+        if (csrf_param !== undefined && csrf_token !== undefined) {
+            metadata_input += '<input name="'+csrf_param+'" value="'+csrf_token+'" type="hidden" />';
+        }
+
+        form.hide()
+        .append(metadata_input)
+        .appendTo('body');
+
+        e.preventDefault();
+        form.submit();
+    });
+
+    /**
+     * disable-with handlers
+     */
+    var disable_with_input_selector           = 'input[data-disable-with]',
+    disable_with_form_remote_selector     = 'form[data-remote]:has('       + disable_with_input_selector + ')',
+    disable_with_form_not_remote_selector = 'form:not([data-remote]):has(' + disable_with_input_selector + ')';
+
+    var disable_with_input_function = function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.data('enable-with', input.val())
+            .attr('value', input.attr('data-disable-with'))
+            .attr('disabled', 'disabled');
+        });
+    };
+
+    $(disable_with_form_remote_selector).live('ajax:before.rails', disable_with_input_function);
+    $(disable_with_form_not_remote_selector).live('submit.rails', disable_with_input_function);
+
+    $(disable_with_form_remote_selector).live('ajax:complete.rails', function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.removeAttr('disabled')
+            .val(input.data('enable-with'));
+        });
+    });
+
+    var jqueryVersion = $().jquery;
+
+    if (!( (jqueryVersion === '1.4.3') || (jqueryVersion === '1.4.4'))){
+        alert('This rails.js does not support the jQuery version you are using. Please read documentation.');
+    }
+
+
+});

data/app/assets/javascripts/rake_ui/application.js

@@ -0,0 +1,9 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require_tree .

data/app/assets/javascripts/rake_ui/rake_tasks.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/stylesheets/rake_ui/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree . 
+*/
+
+body {font-family: arial, sans-serif;font-size:.8em;}
+form label {float:left; width:150px;}
+.actions{margin-left:150px;}
+label{font-weight:bold;}
+#task_description{margin-left:150px;margin-top:10px;}

data/app/assets/stylesheets/rake_ui/rake_tasks.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/scaffold.css

@@ -0,0 +1,56 @@
+body { background-color: #fff; color: #333; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+
+div.field, div.actions {
+  margin-bottom: 10px;
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}

data/app/controllers/rake_ui/application_controller.rb

@@ -0,0 +1,4 @@
+module RakeUi
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/rake_ui/rake_tasks_controller.rb

@@ -0,0 +1,28 @@
+module RakeUi
+  class RakeTasksController < ApplicationController
+    respond_to :js
+    before_filter :load_tasks
+    
+    def index
+      @rake_task = RakeUi::RakeTask.new
+    end
+    
+    def create
+      @rake_task = RakeUi::RakeTask.new(params[:rake_task])
+      @rake_task.command = @tasks.select {|task| task['id'] == @rake_task.id }.pop['cmd']
+      Kernel.system("RAILS_ENV=#{Rails.env} #{@rake_task.command} #{@rake_task.arguments} >> #{Rails.root}/log/rake.log")
+      respond_to do |format|
+        format.js {}
+      end
+    end
+    
+    private
+    
+    def load_tasks
+      @tasks = JSON.parse(RAKE_TASKS)
+      arr = ['rake deploy:local_test','rake db:migrate:all','rake about','rake routes']
+      @tasks = @tasks.select { |task| arr.index(task['cmd']) }
+      @host = RakeUiCfg['host']
+    end
+  end
+end

data/app/helpers/rake_ui/application_helper.rb

@@ -0,0 +1,7 @@
+module RakeUi
+  module ApplicationHelper
+    
+
+    
+  end
+end

data/app/helpers/rake_ui/rake_tasks_helper.rb

@@ -0,0 +1,4 @@
+module RakeUi
+  module RakeTasksHelper
+  end
+end

data/app/models/rake_ui/rake_task.rb

@@ -0,0 +1,14 @@
+module RakeUi
+  class RakeTask 
+    include ActiveModel::Validations
+    
+    attr_accessor :command
+    attr_accessor :arguments
+    attr_accessor :id
+    
+    def initialize(opts={})
+      @id, @command, @arguments = opts[:id], opts[:command], opts[:arguments]
+    end
+    
+  end
+end

data/app/views/layouts/rake_ui/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>RakeUi</title>
+  <%= stylesheet_link_tag    "rake_ui/application" %>
+  <%= javascript_include_tag "rake_ui/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/rake_ui/rake_tasks/create.js

@@ -0,0 +1,2 @@
+$("#confirm_<%= @rake_task.id %>").show().html('The task has been completed.');
+$('#loading').hide();

data/app/views/rake_ui/rake_tasks/index.html

@@ -0,0 +1,16 @@
+<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+<script src="http://localhost:1337/socket.io/socket.io.js"></script>
+<style type="text/css" media="screen">
+  body {background:#000; color:#fff;}
+</style>
+
+<div style='width:100%'>
+  <pre id="tail"></pre>
+</div>
+
+<script type="text/javascript">
+  var socket = io.connect('http://localhost:1337');
+  socket.on('tail', function (data) {
+    $('#tail').append(data.tail);
+  }); 
+</script>

data/app/views/rake_ui/rake_tasks/index.html.erb

@@ -0,0 +1,48 @@
+<h1>Rake Tasks</h1>
+
+<div style='width:100%'>
+  <div style='float:left;width:35%'>
+    <%= form_for @rake_task, :as => :rake_task, :url => rake_tasks_path, :remote => true do |f| %>
+      <div>
+        <label>Select a Rake Task</label>
+        <%= f.select :id, @tasks.map{|t| [t['cmd'], t['id']]}.unshift(['-- select a task --',''])  %>
+      </div>
+
+      <div>
+        <label>Optional Arguments</label>
+        <%= f.text_area :arguments, :size => '30x4' %>
+      </div>
+      
+      <div class='actions'>
+        <%= f.submit 'run', :id => 'submit' %>
+        <span id='loading' style='display:none;'><%= image_tag 'rake_ui/ajax-loader.gif', :valign => 'middle' %>Your task is running...</span>
+      </div>
+    <% end %>
+
+    <div id='task_description'>
+      <% @tasks.each do |task| %>
+        <div id='<%= task['id'] %>' class='task_description' style='display:none;'><%= task['desc'] %></div>
+      <% end %>
+    </div>
+  </div>
+
+  <div style='float:left;width:55%'>
+    <div><strong>Terminal Output</strong></div>
+    <iframe src="http://<%= @host %>:1337" width="100%" height="600" frameborder='0'></iframe>
+  </div>
+</div>
+
+<script type="text/javascript" charset="utf-8">
+  $('#rake_task_id').change(function(){
+    $('.task_description').hide();
+    $( '#' + $(this).val() ).show();
+  });
+  
+  $('#submit').click(function(){
+    if($('#rake_task_id').val() == ''){
+      alert('Select a Rake Task');
+      return false;
+    }
+    $('#loading').show();
+  });
+</script>

data/app/views/rake_ui/rake_tasks/server.js

@@ -0,0 +1,64 @@
+// node /data/projects/rake_ui/app/views/rake_ui/rake_tasks/server.js -host=192.168.10.107 -log=/data/projects/entos/log/rake.log
+
+var app = require('http').createServer(handler)
+   , io = require('socket.io').listen(app)
+   , fs = require('fs')
+
+var args = process.argv.slice(2);
+var host = args[0].substr(6);
+var log = args[1].substr(5)
+
+// console.log(host);
+console.log("listeing log:" + log);
+
+
+app.listen(1337);
+
+// function handler (req, res) {
+//   fs.readFile(__dirname + '/index.html',
+//   function (err, data) {
+//     if (err) {
+//       res.writeHead(500);
+//       return res.end('Error loading index.html');
+//     }
+//     res.writeHead(200);
+//     res.end(data);
+//   });
+// }
+
+// console.log('<script src="http://'+ host +':1337/socket.io/socket.io.js"></script>');
+
+function handler (req, res) {
+  
+    var data = '<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>' + 
+'<script src="http://'+ host +':1337/socket.io/socket.io.js"></script>' +
+'<style type="text/css" media="screen">' +
+  'body {background:#000; color:#fff;}' +
+'</style>' +
+
+'<div style="width:100%">' +
+  '<pre id="tail"></pre>' +
+'</div>' +
+
+'<script type="text/javascript">' +
+  'var socket = io.connect("http://'+ host +':1337");' +
+  'socket.on("tail", function (data) {' +
+    '$("#tail").append(data.tail);'  + 
+  '}); ' +
+'</script>';
+
+    res.writeHead(200);
+    res.end(data);
+  
+}
+
+io.sockets.on('connection', function (socket) {
+	var spawn = require('child_process').spawn;
+	var tail = spawn("tail", ["-f", log]);
+	
+  tail.stdout.on("data", function (data) {
+    socket.emit('tail', { tail : data.toString('utf-8') } )
+  });
+});
+
+console.log('Log Server running now at http://'+ host +':1337/ in your browser');