suri_modal 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+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,3 @@
+= SuriModal
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,38 @@
+#!/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    = 'SuriModal'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+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/lib/assets/javascripts/model_alert.js

@@ -0,0 +1,88 @@
+/**
+ * User: Suraj Pratap
+ * Email: suraj.pratap24@gmail.com
+ * Date: 03/08/13
+ * Time: 9:24 PM
+ */
+
+
+
+
+function modelAlert(data, type, time){
+
+    removeAlertBox();
+
+    var $model_alert_box = createModelAlertBox(data);
+
+    $('body').append($model_alert_box);
+
+    $model_alert_box.show().animate({'top': '+=120px'}, 200);
+
+    if( type && type == 'fluid' ){
+        setTimeout(function(){
+            $model_alert_box.animate({ 'top': '-=120px' }, 800, function(){ $(this).remove() });
+        }, time);
+    }
+
+    if( type && type == 'error'){
+        $model_alert_box.css({
+            'color': 'red'
+        });
+    }
+
+}
+
+function removeAlertBox(){
+    $('#model-alert-box').animate({ 'top': '-=120px' }, 200, function(){ $(this).remove() });
+}
+
+function createModelAlertBox(data){
+    var $cross_button = $("<span id='model-alert-cross' >X</span>");
+
+    $cross_button.css({
+        'fontFamily': 'sans-serif',
+        'float': 'right',
+        'color': 'violet',
+        'cursor': 'pointer'
+    });
+
+    var $alert_data = $("<div id='model-alert-data' >"+ data +"</div>");
+
+    var $model_alert_box = $("<div id='model-alert-box'></div>");
+
+    $model_alert_box.css({
+        'position': 'fixed',
+        'width': '60%',
+        'top': '-100px',
+        'left': '20%',
+        'padding': '10px',
+        'border': '1px lightgray solid',
+        'border-radius': '6px',
+        'box-shadow': '0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15)',
+        'background-color': 'white',
+        'display': 'none',
+        'color': 'green'
+    });
+
+    return $model_alert_box.append($cross_button).append($alert_data);
+}
+
+// add events
+
+$(document).ready(function(){
+    $(document).on('mouseenter', '#model-alert-cross', function(){
+        $(this).css({
+            'color': 'red'
+        });
+    });
+
+    $(document).on('mouseout', '#model-alert-cross', function(){
+        $(this).css({
+            'color': 'violet'
+        });
+    });
+
+    $(document).on('click', '#model-alert-cross', function(){
+        removeAlertBox();
+    });
+});

data/lib/assets/javascripts/model_view.js

@@ -0,0 +1,95 @@
+
+function modelView(){
+    this.container = $("<div id='model-view-container' class='suri-model-view'></div>");
+    this.dataWrapper = $("<div id='model-view-data-wrapper' class='suri-model-view' ></div>");
+
+    this.launch = function(){
+//        remove previous
+        removeModelView();
+
+        setContainer(this.container);
+
+        setDataWrapper(this.dataWrapper);
+
+//      on window resize change the dimensions of container
+        $(window).resize(function(){
+            var tmp = $(window);
+            $('#model-view-container').css({
+                'min-height': tmp.height(),
+                'min-width': tmp.width()
+            });
+        });
+
+//        cross button css and js
+        $('.cross-button').on({
+            'mouseenter': function(){
+                $(this).css({'color':'green'});
+            },
+            'mouseout': function(){
+                $(this).css({
+                    'color': 'red'
+                });
+            },
+            'mouseup': function(){
+                removeModelView();
+            }
+        });
+
+    };
+
+    this.setData = function(data){
+        var $data = $("<div id='data-holder-model' ></div>").append(data);
+        $data.css({
+            'margin': '20px 20px 20px 20px'
+        });
+        this.dataWrapper.append($data);
+    };
+
+    function setDataWrapper($dataWrapper){
+
+        $dataWrapper.find('#data-holder-model').before("<span class='cross-button' style='font-family: sans-serif;font-size: 15px;float: right;margin-top: 3px;margin-right: 5px;cursor: pointer;color: red'  >X</span>");
+
+        $dataWrapper.css({
+            'display': 'inline-block',
+            'min-height': '200px',
+            'min-width': '200px',
+            'border': '1px lightgray solid',
+            'box-shadow': '0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15)',
+            'max-height': '80%',
+            'max-width': '80%',
+            'border-radius': '6px',
+            'background-color': 'white'
+        });
+
+        $dataWrapper = $("<div class='suri-model-view' id='data-wrap-holder'></div>").append($dataWrapper);
+
+        $dataWrapper.css({
+            'text-align': 'center',
+            'position': 'fixed',
+            'z-index': 15,
+            'width': '100%',
+            'top': '20%'
+        });
+
+        $('body').append($dataWrapper);
+    }
+
+    function setContainer(container){
+        var tmp = $(window);
+        container.css({
+            'min-height': tmp.height()+'px',
+            'min-width': tmp.width()+'px',
+            'position': 'fixed',
+            'z-index': 10,
+            'top': '0px',
+            'background-color': 'white',
+            'opacity': 0.8
+        });
+        $('body').append(container);
+    }
+
+//    remove the model
+    function removeModelView(){
+        $('.suri-model-view').remove();
+    }
+}

data/lib/assets/javascripts/option_list.js

@@ -0,0 +1,148 @@
+/**
+ * User: Suraj Pratap
+ * Email: suraj.pratap24@gmail.com
+ * Date: 04/08/13
+ * Time: 1:04 PM
+ */
+
+
+//    initialize global identifier for recording calls
+Identifier = 1;
+
+(function($){
+
+
+
+
+    $.fn.option_list = function (options) {
+
+        Identifier++;
+
+        var container = "<div class='popup_ option_list" + Identifier + "'><ul class='options_"+ Identifier +"' style='list-style-type: none;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px'>";
+
+        $.each(options, function(index, value){
+            container = container + "<li>"+ value[0] +"</li>";
+        });
+
+        container = container + "</ul></div>";
+        this.parents('body').append(container);
+
+        $('.option_list'+Identifier).css('position', 'absolute').hide();
+
+        var tmp = Identifier;
+
+        $.each($('.options_'+tmp).children(), function(index, element){
+            if(options[index][1]){
+
+                element.onclick = options[index][1];
+
+//                hide when any option is clicked
+
+                $(element).mouseup(function(){
+                    $('.popup_').hide();
+                });
+            }
+        });
+//
+//        show options menu when element is clicked
+
+        this.on({
+            'click': function(){
+                var position = $(this).offset();
+
+                position.top += $(this).height();
+
+                $('.option_list'+tmp).css(position).show();
+            }
+        });
+
+//        return this for chaining
+        return this;
+    }; // plugin ends
+
+//    ----------------------------------------------------
+
+    $.fn.mouseenterOptionList = function(options){
+        Identifier++;
+
+        var container = "<div class='popup_ option_list" + Identifier + "'><ul class='block-ul options_"+ Identifier +"' style='list-style-type: none;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px'>";
+
+        $.each(options, function(index, value){
+            container = container + "<li class='block-li' >"+ value[0] +"</li>";
+        });
+
+        container = container + "</ul></div>";
+        this.parents('body').append(container);
+
+        $('.option_list'+Identifier).css('position', 'absolute').hide();
+
+        var tmp = Identifier;
+
+        $.each($('.options_'+tmp).children(), function(index, element){
+            if(options[index][1]){
+
+                element.onclick = options[index][1];
+
+//                hide when any option is clicked
+
+                $(element).mouseup(function(){
+                    $('.popup_').hide();
+                });
+
+//                when cursor goes out of option list, it hides
+//                $(element).mouseout(function(){
+//                    $(this).parents('.option_list'+tmp).hide();
+//                });
+            }
+        });
+
+//        $('.option_list'+tmp).mouseout(function(){
+//            $(this).hide();
+//        });
+//
+//        show options menu when element is clicked
+
+        this.on({
+            'mouseenter': function(){
+                var position = $(this).offset();
+
+                position.top += $(this).height();
+
+                $('.option_list'+tmp).css(position).show();
+            },
+
+            'mouseout': function(){
+                var flag = true;
+                var target = $('.option_list'+tmp);
+                target.mouseenter(function(){
+                    flag = false;
+                });
+                setTimeout(
+                    function(){
+                        if(flag){
+                            target.hide();
+                        }
+                    },
+                    100
+                );
+            }
+        });
+
+//        return this for chaining
+        return this;
+    };
+
+
+
+
+    $(document).mouseup(function (e)
+    {
+        var container = $(".popup_");
+        if (!container.is(e.target) // if the target of the click isn't the container...
+            && container.has(e.target).length === 0)
+        {
+            container.hide();
+        }
+    });
+//    }
+}(jQuery));

data/lib/assets/javascripts/suri_model.js

@@ -0,0 +1,4 @@
+//= require model_alert
+//= require model_view
+//= require option_list
+//= require model_prompt

data/lib/assets/stylesheets/option_list.css

@@ -0,0 +1,34 @@
+.popup_{
+    background-color: white;
+    z-index: 10;
+    border: 1px lightgray solid;
+    box-shadow: 0px 0px 6px #AAA;
+    max-width: 200px;
+}
+
+.popup_ li{
+    cursor: pointer;
+    padding: 2px 4px;
+    border: 1px lightgray solid;
+    border-collapse: collapse;
+}
+
+.popup_ li:hover{
+    background-color: lightgray;
+}
+
+.block-ul{
+    display: block;
+}
+
+.block-li{
+    display: inline-block;
+    min-height: 21px;
+    min-width: 21px;
+}
+
+.block-li img{
+    display: block;
+    min-width: 20px;
+    min-height: 20px;
+}

data/lib/assets/stylesheets/suri_model.css

@@ -0,0 +1,3 @@
+/*
+*= require option_list
+*/

data/lib/suri_modal/engine.rb

@@ -0,0 +1,5 @@
+module SuriModal
+  class Engine < ::Rails::Engine
+
+  end
+end

data/lib/suri_modal/version.rb

@@ -0,0 +1,3 @@
+module SuriModal
+  VERSION = "0.0.1"
+end

data/lib/suri_modal.rb

@@ -0,0 +1,3 @@
+require 'suri_modal/engine'
+module SuriModal
+end

data/lib/tasks/suri_modal_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :suri_modal do
+#   # Task goes here
+# end