rollout_admin 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 Alexander Balsam
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,23 @@
+= RolloutAdmin
+
+Gem to controll your rollout features via a webinterface. This is the first "not yet clean" version. Please do not use in production environment.
+
+== INSTALL
+
+Add rollout_admin to your Gemfile. Then bundle install. Make sure you have rollout installed as well from nedeco git because rollout_admin relies on the IP address extension.
+
+rollout_admin expects that you have a User model with the attributes "id", "name", "email". Rollout must be initialized and available viw $rollout variable.
+
+Add the following line to your routes.rb: 
+
+  mount RolloutAdmin::Engine => "/rollout_admin"
+
+You will be asked for a username and password. This is "foo/bar".
+
+== TODO
+
+- check dependencies 
+- make detailed install instructions
+- add configuration for authentication
+- make ip feature configurable
+- make User model dependency more generic

data/Rakefile

@@ -0,0 +1,40 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'RolloutAdmin'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/rollout_admin/admin.js.erb

@@ -0,0 +1,150 @@
+<% 
+# import the routes from the engine router to be aware
+# of the mount path when doing javascript ajax calls
+url = RolloutAdmin::Engine.routes.url_helpers 
+%>
+
+$(function(){
+    $('a.icon-chevron-down').click(
+	    function(){
+	        $(this).parent().find('div.details').fadeIn(1000);
+	        $(this).hide();
+	        $(this).parent().find('a.icon-chevron-up').show();
+	    }
+    );
+    $('a.icon-chevron-up').click(
+	    function(){
+	       	$(this).parent().find('div.details').fadeOut(500);
+   	        $(this).hide();
+   	        $(this).parent().find('a.icon-chevron-down').show();
+	    }
+    );
+
+    $(document).delegate('i.delete_user', 'click',
+    	function(){
+    		var context=$(this).closest("div").parent().find("h4#feature_name").html(),
+    			that=$(this).closest("li"),
+    			ulist=$(this).closest("ul");
+	 		$.post('<%= url.remove_path(:format => :json )%>', {object_type:"user", user: $(this).closest("li").text(), feature: context}, function(data) {
+	 			that.remove();
+	 			if ($("li",ulist).length == 1) {
+	 				ulist.children(':last').before('<li>No members</li>');
+	 			}
+			});
+    	});
+
+    $(document).delegate('i.delete_group','click',
+    	function(){
+    		var context=$(this).closest("div").parent().find("h4#feature_name").html(),
+    			that=$(this).closest("li"),
+    			ulist=$(this).closest("ul");
+	 		$.post('<%= url.remove_path(:format => :json )%>', {object_type:"group", group: $(this).closest("li").text(), feature: context}, function(data) {
+	 			that.remove();
+	 			if ($("li",ulist).length == 1) {
+	 				ulist.children(':last').before('<li>No members</li>');
+	 			}
+			});
+    	});
+
+    $(document).delegate('i.delete_ip','click',
+    	function(){
+    		var context=$(this).closest("div").parent().find("h4#feature_name").html(),
+    			that=$(this).closest("li"),
+    			ulist=$(this).closest("ul");
+	 		$.post('<%= url.remove_path(:format => :json )%>', {object_type:"ip", ip: $(this).closest("li").text(), feature: context}, function(data) {
+	 			that.remove();
+	 			if ($("li",ulist).length == 1) {
+	 				ulist.children(':last').before('<li>No members</li>');
+	 			}
+			});
+    	});
+
+
+    $('i.add_users').click(
+	    function(){
+	    	context=$(this).closest("div").parent().find("h4#feature_name").html();
+	    	$('.feature_name').html(context);
+	    	$that = $(this);
+
+			$.getJSON('<%= url.get_users_path(:format => :json )%>', function(json) {
+					userlist='<h5>Select users to add</h5><form id="userlist"><ul class="unstyled">';
+					$.each(json, function() {
+					    userlist += '<li><input type="checkbox", value="'+this.id+'" data-username="'+this.Name+'"> '+this.Name+', '+this.email+'</li>';
+					  });
+					userlist +='</ul></form>';
+
+					$('#addUserModal').find("div.modal-body").html(userlist);
+
+					// clear former event handlers
+					$('#addUserModal').find("div.modal-footer").find("button.btn-primary").unbind();
+			    	$('#addUserModal').find("div.modal-footer").find("button.btn-primary").click(function() {
+			    		 var allUsers = [];
+			    		 var allUserNames = [];
+						 $('#userlist :checked').each(function() {
+						   allUsers.push($(this).val());
+						   allUserNames.push($(this).data("username"));
+						 });
+
+			    		$.post('<%= url.add_path(:format => :json )%>', {object_type:"user", user: allUsers.join(), feature: context}, function(data) {
+			    			list = $that.closest('ul');
+		    				if (list.children(':first').text() == "No members") {
+    							list.children(':first').remove();
+    						}
+			    			allUserNames.forEach(function(entry) {
+								list.children(':last').before('<li><i class="icon-minus delete_user"></i>'+entry+'</li>');
+							});
+						});
+			    		$('#addUserModal').modal('hide');
+			    	});
+					$('#addUserModal').modal();
+
+			});
+	    	
+	    }
+    );
+    $('i.add_groups').click(
+	    function(){
+	    	context=$(this).closest("div").parent().find("h4#feature_name").html();
+	    	$('.feature_name').html(context);
+	    	$that = $(this);
+
+			// clear former event handlers
+			$('#addGroupModal').find("div.modal-footer").find("button.btn-primary").unbind();
+	    	$('#addGroupModal').find("div.modal-footer").find("button.btn-primary").click(function() {
+	    		$.post('<%= url.add_path(:format => :json )%>', {object_type:"group", group: $('#addGroupModal').find("div.modal-body").find("input#group_name").val(), feature: context}, function(data) {				  
+	    			list = $that.closest('ul');
+	    			if (list.children(':first').text() == "No members") {
+	    				list.children(':first').remove();
+	    			}
+					list.children(':last').before('<li><i class="icon-minus delete_group"></i>'+$('#addGroupModal').find("div.modal-body").find("input#group_name").val()+'</li>');
+					$('#addGroupModal').find("div.modal-body").find("input#group_name").val('');
+				});
+	    		$('#addGroupModal').modal('hide');
+	    	});
+			$('#addGroupModal').modal();
+	    }
+    );
+    $('i.add_ips').click(
+	    function(){
+	    	context=$(this).closest("div").parent().find("h4#feature_name").html();
+	    	$('.feature_name').html(context);
+	    	$that = $(this);
+
+			// clear former event handlers
+			$('#addIPModal').find("div.modal-footer").find("button.btn-primary").unbind();
+	    	$('#addIPModal').find("div.modal-footer").find("button.btn-primary").click(function() {
+	    		$.post('<%= url.add_path(:format => :json )%>', {object_type:"ip", ip: $('#addIPModal').find("div.modal-body").find("input#ipaddr").val(), feature: context}, function(data) {				  
+
+	    			list = $that.closest('ul');
+	    			if (list.children(':first').text() == "No members") {
+	    				list.children(':first').remove();
+	    			}
+					list.children(':last').before('<li><i class="icon-minus delete_ip"></i>'+$('#addIPModal').find("div.modal-body").find("input#ipaddr").val()+'</li>');
+					$('#addIPModal').find("div.modal-body").find("input#ipaddr").val('');
+				});
+	    		$('#addIPModal').modal('hide');
+	    	});
+			$('#addIPModal').modal();
+	    }
+    );
+});

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

@@ -0,0 +1,19 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require jquery.ui.slider
+//= require jquery.ui.dialog
+//= require jquery.ui.datepicker
+//= require twitter/bootstrap
+//= require_tree .

data/app/assets/javascripts/rollout_admin/failures.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/rollout_admin/admin.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/rollout_admin/application.css

@@ -0,0 +1,16 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * 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 twitter/bootstrap
+ *= require_self
+ *= require jquery.ui.slider
+ *= require jquery.ui.datepicker
+ *= require_tree .
+ */

data/app/assets/stylesheets/rollout_admin/override.css.less

@@ -0,0 +1,102 @@
+
+@import "twitter/bootstrap/variables";
+@import "twitter/bootstrap/mixins";
+@import "twitter/bootstrap/responsive";
+
+
+/* clearfix */
+.cf{
+    zoom:1;
+    &:before,
+    &:after{
+        content:"";
+        display:table;
+    }
+    &:after{
+        clear:both;
+    }
+}
+
+html, body {
+    background: url(/assets/rollout_admin/main_bg.jpg);
+    font-family: 'Roboto Condensed', sans-serif;    
+    font-size: 12px;
+    color: @white;
+}
+
+header {
+    z-index: 100;
+    position: fixed;
+    display: block;
+    height: 60px;
+    box-shadow: 0 0 30px @darkblue;
+    background: url(/assets/rollout_admin/head_bg.jpg);
+    border-bottom: 5px solid @blue;
+    width: 100%;
+
+    @media (max-width: 767px) {
+        margin-left: -20px;
+        margin-right: -20px;
+    }
+
+    .app_icon {
+        margin: 6px;
+        cursor: pointer;
+    }
+    a.addlist i {
+        margin: 18px 10px;
+    }
+}
+
+.title {
+    color: #fff;
+}
+
+div.container{
+    padding-top: 70px;
+}
+
+
+.transition (@time: 0.2s) {
+    transition: all @time;
+    -moz-transition: all @time; /* Firefox 4 */
+    -webkit-transition: all @time; /* Safari and Chrome */
+    -o-transition: all @time; /* Opera */
+}
+
+.corners (@radius: 5px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  -ms-border-radius: @radius;
+  -o-border-radius: @radius;
+  border-radius: @radius;
+}
+
+
+@darkblue: #04263a;
+
+
+div.feature {
+    color: #111;
+	background-color: #eee;
+	margin-bottom: 20px;
+        box-shadow: 0 5px 20px #000;
+
+	padding: 10px;
+	border: solid 1px #ccc;
+	.box-sizing(border-box);
+    .border-radius( 5px );
+    .actions {
+    	position:relative;
+    	bottom: 25px;
+    	float: right;
+    }
+    .details {
+    	display:none;
+    }
+}
+
+div.modal {
+    color: #111;
+}
+

data/app/controllers/rollout_admin/admin_controller.rb

@@ -0,0 +1,90 @@
+require_dependency "rollout_admin/application_controller"
+
+module RolloutAdmin
+  class AdminController < ApplicationController
+
+  before_filter :authenticate
+
+  def index
+  	@feature_list = $rollout.features
+  	@features = []
+  	@feature_list.uniq.each { |feature| 
+  		@features << $rollout.get(feature)
+  	}
+  end
+
+  def create 
+  	$rollout.activate_percentage(params[:feature_name], 0)
+  	redirect_to index_path
+  end
+
+  def deactivate
+    if params[:object_type] == "feature"
+      $rollout.deactivate(params[:object].to_s)
+    end
+    redirect_to index_path    
+  end
+
+  def activate
+    if params[:object_type] == "feature"
+      $rollout.activate(params[:object].to_s)
+    end
+    redirect_to index_path    
+  end
+
+  def get_users
+    @users=User.all
+    render :json => @users
+  end
+
+  def add
+    if params[:object_type] == "user"
+      $rollout.activate_user(params[:feature], User.find(params[:user].to_i))
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.users
+    elsif params[:object_type] == "group"
+      $rollout.activate_group(params[:feature], params[:group].to_sym)
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.groups
+    elsif params[:object_type] == "ip"
+      $rollout.activate_ip(params[:feature], params[:ip].to_s)
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.ips
+    end
+  end
+
+  def remove 
+    if params[:object_type] == "user"
+      @user=User.where(:name => params[:user]).first
+      if @user
+        $rollout.deactivate_user(params[:feature], @user)
+      end
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.users
+    elsif params[:object_type] == "group"
+      $rollout.deactivate_group(params[:feature], params[:group].to_sym)
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.groups
+    elsif params[:object_type] == "ip"
+      puts params[:ip]
+      $rollout.deactivate_ip(params[:feature], params[:ip].to_s)
+      @feature = $rollout.get(params[:feature])
+      render :json => @feature.ips
+    end
+  end
+
+  def update_percentage
+    $rollout.activate_percentage(params[:feature].to_sym,params[:percentage].to_i)
+    render :json => {:status => "success"}
+  end
+
+  protected
+
+  def authenticate
+    authenticate_or_request_with_http_basic do |username, password|
+      username == "foo" && password == "bar"
+    end
+  end
+
+  end
+end

data/app/controllers/rollout_admin/application_controller.rb

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

data/app/helpers/rollout_admin/admin_helper.rb

@@ -0,0 +1,4 @@
+module RolloutAdmin
+  module AdminHelper
+  end
+end

data/app/helpers/rollout_admin/application_helper.rb

@@ -0,0 +1,4 @@
+module RolloutAdmin
+  module ApplicationHelper
+  end
+end

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

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>RolloutAdmin</title>
+  <%= stylesheet_link_tag    "rollout_admin/application", :media => "all" %>
+  <%= javascript_include_tag "rollout_admin/application" %>
+  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
+
+  <%= csrf_meta_tags %>
+</head>
+<body>
+    <header>
+      <div class="dropdown" style="float:left;">
+            <%= image_tag "rollout_admin/icon_todos50x50.png", :class => "app_icon", :style => "float:left; margin-right: 20px;" %>
+        <h1 style="float:left;">Feature Administration</h1>
+      </div>
+    </header>
+
+    <div class="container">
+        <%= yield %>
+    </div>
+</body>
+</html>

data/app/views/rollout_admin/admin/_feature.html.erb

@@ -0,0 +1,71 @@
+<div class="feature">
+	<h4 id="feature_name"><%=feature.name%></h4>
+	<a class="icon-chevron-down"></a>
+	<a class="icon-chevron-up" style="display:none;"></a>
+	<%#=$rollout.get(feature).inspect%>
+	<div id="details" class="details">
+		<dl class="dl-horizontal">
+		  <dt>Users</dt>
+		  <dd>
+		  	<ul class="unstyled">
+		  	<% if feature.users.count > 0 %>
+			  	<% feature.users.each {|user| %>
+			  		<li><i class="icon-minus delete_user"></i><%=User.find(user.to_i).Name%></li>
+				<% } %>
+			<% else %>
+				<li>No members</li>
+			<% end %>
+				<li><i class="icon-plus add_users"></i></li>
+			</ul>
+		  </dd>
+		  <dt>Groups</dt>
+		  <dd>
+		  	<ul class="unstyled">
+		  	<% if feature.groups.count > 0 %>
+			  	<% feature.groups.each {|group| %>
+			  		<li><i class="icon-minus delete_group"></i><%=group%></li>
+				<% } %>
+			<% else %>
+				<li>No members</li>
+			<% end %>
+				<li><i class="icon-plus add_groups"></i></li>
+			</ul>
+		  </dd>
+		  <dt>IPs</dt>
+		  <dd>
+		  	<ul class="unstyled">
+		  	<% if feature.ips.count > 0 %>
+			  	<% feature.ips.each {|ip| %>
+			  		<li><i class="icon-minus delete_ip"></i><%=ip%></li>
+				<% } %>
+			<% else %>
+				<li>No members</li>
+			<% end %>
+				<li><i class="icon-plus add_ips"></i></li>
+			</ul>
+		  </dd>
+		  <dt>Percentage</dt>
+		  <dd>
+			<div id="slider_<%=feature.name%>" style="width: 100%;"></div>
+			<p class="slider-input" style="width: 100%; text-align:center;"><%=feature.percentage%>%</p>	
+		  </dd>
+		</dl>
+	</div>
+	<div class="btn-group actions">
+	  <%= link_to "activate global", "/rollout_admin/activate?object_type=feature&object="+ feature.name.to_s, :method => :post, :class => "btn"%>
+
+	  <%= link_to "deactivate global", "/rollout_admin/deactivate?object_type=feature&object="+ feature.name.to_s, :method => :post, :class => "btn"%>
+	</div>
+</div>
+<script>
+	$("#slider_<%=feature.name%>").slider({
+		value: <%=feature.percentage%>,
+		'slide': function(e, ui){ 
+				console.log($(this).siblings('.slider-input'));
+				$(this).siblings('.slider-input').html(ui.value + "%");
+				$.post('<%= update_percentage_path(:format => :json )%>', {percentage: ui.value, feature: "<%=feature.name%>"}, function(data) {
+
+					});
+			}
+	});
+</script>

data/app/views/rollout_admin/admin/_modals.html.erb

@@ -0,0 +1,47 @@
+<!-- addUserModal-->
+<div id="addUserModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+    <h3 id="myModalLabel">Add User to <p class="feature_name"></p></h3>
+  </div>
+  <div class="modal-body">
+    <p>here we will display all users</p>
+  </div>
+  <div class="modal-footer">
+    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+    <button class="btn btn-primary">Save changes</button>
+  </div>
+</div>
+
+<!-- addGroupModal-->
+<div id="addGroupModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+    <h3 id="myModalLabel">Add Group to <p class="feature_name"></p></h3>
+  </div>
+  <div class="modal-body">
+    	<p>Group name</p>
+		<input type="text" name="group_name" id="group_name">
+		<p>Please type in the name of a group you would like to add.</p>
+  </div>
+  <div class="modal-footer">
+    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+    <button class="btn btn-primary">Save changes</button>
+  </div>
+</div>
+
+<!-- addIPModal-->
+<div id="addIPModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+    <h3 id="myModalLabel">Add IP to <p class="feature_name"></p></h3>
+  </div>
+  <div class="modal-body">
+    	<p>IP address</p>
+		<input type="text" name="ipaddr" id="ipaddr">
+		<p>Please type in the ip address you would like to add.</p>  </div>
+  <div class="modal-footer">
+    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+    <button class="btn btn-primary">Save changes</button>
+  </div>
+</div>

data/app/views/rollout_admin/admin/index.html.erb

@@ -0,0 +1,26 @@
+<div class="row">
+	<div class="span12">
+		<div class="page-header">
+				<h1><small>available features</small></h1>
+		</div>
+		<div class="row">
+			<div class="span8">
+				<% @features.each { |f|  %>
+					<%= render :partial => "feature", :object => f%>
+				<% } %>
+			</div>
+			<div class="span4">
+				<h4>Add another features</h4>
+				<%= form_tag(create_path, :method => "post") do %>
+				  <%= label_tag(:feature_name, "Feature name") %>
+				  <%= text_field_tag(:feature_name) %>
+				  <%= submit_tag("Create") %>
+				  <p><br /><b>Attention</b><br />
+				  	Adding a feature only means that you defined a feature within the your redis database. You have to write the code yourself that enables the functionality.
+				  </p>
+				<% end %>
+			</div>
+		</div>
+	</div>
+</div>
+<%= render :partial => "modals"%>