RubyGems - peoplefinder - Versions diffs - 0.0.2 - Mend

peoplefinder 0.0.2

Files changed (1009) hide show

data/vendor/assets/components/Jcrop/demos/tutorial4.html ADDED

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Animations + Transitions | Jcrop Demo</title>
+  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
+<script src="../js/jquery.min.js"></script>
+<script src="../js/jquery.Jcrop.js"></script>
+<script src="../js/jquery.color.js"></script>
+<script type="text/javascript">
+  jQuery(function($){
+    var jcrop_api;
+    $('#target').Jcrop({
+      bgFade:     true,
+      bgOpacity: .2,
+      setSelect: [ 60, 70, 540, 330 ]
+    },function(){
+      jcrop_api = this;
+    });
+    $('#fadetog').change(function(){
+      jcrop_api.setOptions({
+        bgFade: this.checked
+      });
+    }).attr('checked','checked');
+    $('#shadetog').change(function(){
+      if (this.checked) $('#shadetxt').slideDown();
+        else $('#shadetxt').slideUp();
+      jcrop_api.setOptions({
+        shade: this.checked
+      });
+    }).attr('checked',false);
+    // Define page sections
+    var sections = {
+      bgc_buttons: 'Change bgColor',
+      bgo_buttons: 'Change bgOpacity',
+      anim_buttons: 'Animate Selection'
+    };
+    // Define animation buttons
+    var ac = {
+      anim1: [217,122,382,284],
+      anim2: [20,20,580,380],
+      anim3: [24,24,176,376],
+      anim4: [347,165,550,355],
+      anim5: [136,55,472,183]
+    };
+    // Define bgOpacity buttons
+    var bgo = {
+      Low: .2,
+      Mid: .5,
+      High: .8,
+      Full: 1
+    };
+    // Define bgColor buttons
+    var bgc = {
+      R: '#900',
+      B: '#4BB6F0',
+      Y: '#F0B207',
+      G: '#46B81C',
+      W: 'white',
+      K: 'black'
+    };
+    // Create fieldset targets for buttons
+    for(i in sections)
+      insertSection(i,sections[i]);
+    function create_btn(c) {
+      var $o = $('<button />').addClass('btn btn-small');
+      if (c) $o.append(c);
+      return $o;
+    }
+    var a_count = 1;
+    // Create animation buttons
+    for(i in ac) {
+      $('#anim_buttons .btn-group')
+        .append(
+          create_btn(a_count++).click(animHandler(ac[i])),
+          ' '
+        );
+    }
+    $('#anim_buttons .btn-group').append(
+      create_btn('Bye!').click(function(e){
+        $(e.target).addClass('active');
+        jcrop_api.animateTo(
+          [300,200,300,200],
+          function(){
+            this.release();
+            $(e.target).closest('.btn-group').find('.active').removeClass('active');
+          }
+        );
+        return false;
+      })
+    );
+    // Create bgOpacity buttons
+    for(i in bgo) {
+      $('#bgo_buttons .btn-group').append(
+        create_btn(i).click(setoptHandler('bgOpacity',bgo[i])),
+        ' '
+      );
+    }
+    // Create bgColor buttons
+    for(i in bgc) {
+      $('#bgc_buttons .btn-group').append(
+        create_btn(i).css({
+          background: bgc[i],
+          color: ((i == 'K') || (i == 'R'))?'white':'black'
+        }).click(setoptHandler('bgColor',bgc[i])), ' '
+      );
+    }
+    // Function to insert named sections into interface
+    function insertSection(k,v) {
+      $('#interface').prepend(
+        $('<fieldset></fieldset>').attr('id',k).append(
+          $('<legend></legend>').append(v),
+          '<div class="btn-toolbar"><div class="btn-group"></div></div>'
+        )
+      );
+    };
+    // Handler for option-setting buttons
+    function setoptHandler(k,v) {
+      return function(e) {
+        $(e.target).closest('.btn-group').find('.active').removeClass('active');
+        $(e.target).addClass('active');
+        var opt = { };
+        opt[k] = v;
+        jcrop_api.setOptions(opt);
+        return false;
+      };
+    };
+    // Handler for animation buttons
+    function animHandler(v) {
+      return function(e) {
+        $(e.target).addClass('active');
+        jcrop_api.animateTo(v,function(){
+          $(e.target).closest('.btn-group').find('.active').removeClass('active');
+        });
+        return false;
+      };
+    };
+    $('#bgo_buttons .btn:first,#bgc_buttons .btn:last').addClass('active');
+    $('#interface').show();
+  });
+</script>
+<link rel="stylesheet" href="demo_files/main.css" type="text/css" />
+<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
+<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
+<link rel="stylesheet" href="../css/jquery.Jcrop.extras.css" type="text/css" />
+</head>
+<body>
+<div class="container">
+<div class="row">
+<div class="span12">
+<div class="jc-demo-box">
+<div class="page-header">
+<ul class="breadcrumb first">
+  <li><a href="../index.html">Jcrop</a> <span class="divider">/</span></li>
+  <li><a href="../index.html">Demos</a> <span class="divider">/</span></li>
+  <li class="active">Animations + Transitions</li>
+</ul>
+<h1>Animations + Transitions</h1>
+</div>
+  <div class="row-fluid">
+    <div class="span9">
+    <img src="demo_files/sago.jpg" id="target" alt="Jcrop Image" />
+<div class="description">
+  <p id="shadetxt" style="display:none; color:#900;">
+    <b>Experimental shader active.</b>
+    Jcrop now includes a shading mode that facilitates building
+    better transparent Jcrop instances. The experimental shader is less
+    robust than Jcrop's default shading method and should only be
+    used if you require this functionality.
+  </p>
+  <p>
+    <b>Animation/Transitions.</b>
+    Demonstration of animateTo API method and transitions for bgColor
+    and bgOpacity options. Color fading requires inclusion of John Resig's
+    jQuery <a href="http://plugins.jquery.com/project/color">Color
+    Animations</a> plugin. If it is not included, colors will not fade.
+  </p>
+</div>
+    </div>
+    <div class="span3" id="interface">
+      <label class="checkbox">
+        <input type="checkbox" id="fadetog" /> Enable fading (bgFade: true)
+      </label>
+      <label class="checkbox">
+        <input type="checkbox" id="shadetog" /> Use experimental shader (shade: true)
+      </label>
+    </div>
+  </div>
+<div class="tapmodo-footer">
+  <a href="http://tapmodo.com" class="tapmodo-logo segment">tapmodo.com</a>
+  <div class="segment"><b>&copy; 2008-2013 Tapmodo Interactive LLC</b><br />
+    Jcrop is free software released under <a href="../MIT-LICENSE.txt">MIT License</a>
+  </div>
+</div>
+<div class="clearfix"></div>
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>

data/vendor/assets/components/Jcrop/demos/tutorial5.html ADDED

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>API Demo | Jcrop Demo</title>
+  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
+<script src="../js/jquery.min.js"></script>
+<script src="../js/jquery.Jcrop.js"></script>
+<script type="text/javascript">
+  jQuery(function($){
+    // The variable jcrop_api will hold a reference to the
+    // Jcrop API once Jcrop is instantiated.
+    var jcrop_api;
+    // In this example, since Jcrop may be attached or detached
+    // at the whim of the user, I've wrapped the call into a function
+    initJcrop();
+    // The function is pretty simple
+    function initJcrop()//{{{
+    {
+      // Hide any interface elements that require Jcrop
+      // (This is for the local user interface portion.)
+      $('.requiresjcrop').hide();
+      // Invoke Jcrop in typical fashion
+      $('#target').Jcrop({
+        onRelease: releaseCheck
+      },function(){
+        jcrop_api = this;
+        jcrop_api.animateTo([100,100,400,300]);
+        // Setup and dipslay the interface for "enabled"
+        $('#can_click,#can_move,#can_size').attr('checked','checked');
+        $('#ar_lock,#size_lock,#bg_swap').attr('checked',false);
+        $('.requiresjcrop').show();
+      });
+    };
+    //}}}
+    // Use the API to find cropping dimensions
+    // Then generate a random selection
+    // This function is used by setSelect and animateTo buttons
+    // Mainly for demonstration purposes
+    function getRandom() {
+      var dim = jcrop_api.getBounds();
+      return [
+        Math.round(Math.random() * dim[0]),
+        Math.round(Math.random() * dim[1]),
+        Math.round(Math.random() * dim[0]),
+        Math.round(Math.random() * dim[1])
+      ];
+    };
+    // This function is bound to the onRelease handler...
+    // In certain circumstances (such as if you set minSize
+    // and aspectRatio together), you can inadvertently lose
+    // the selection. This callback re-enables creating selections
+    // in such a case. Although the need to do this is based on a
+    // buggy behavior, it's recommended that you in some way trap
+    // the onRelease callback if you use allowSelect: false
+    function releaseCheck()
+    {
+      jcrop_api.setOptions({ allowSelect: true });
+      $('#can_click').attr('checked',false);
+    };
+    // Attach interface buttons
+    // This may appear to be a lot of code but it's simple stuff
+    $('#setSelect').click(function(e) {
+      // Sets a random selection
+      jcrop_api.setSelect(getRandom());
+    });
+    $('#animateTo').click(function(e) {
+      // Animates to a random selection
+      jcrop_api.animateTo(getRandom());
+    });
+    $('#release').click(function(e) {
+      // Release method clears the selection
+      jcrop_api.release();
+    });
+    $('#disable').click(function(e) {
+      // Disable Jcrop instance
+      jcrop_api.disable();
+      // Update the interface to reflect disabled state
+      $('#enable').show();
+      $('.requiresjcrop').hide();
+    });
+    $('#enable').click(function(e) {
+      // Re-enable Jcrop instance
+      jcrop_api.enable();
+      // Update the interface to reflect enabled state
+      $('#enable').hide();
+      $('.requiresjcrop').show();
+    });
+    $('#rehook').click(function(e) {
+      // This button is visible when Jcrop has been destroyed
+      // It performs the re-attachment and updates the UI
+      $('#rehook,#enable').hide();
+      initJcrop();
+      $('#unhook,.requiresjcrop').show();
+      return false;
+    });
+    $('#unhook').click(function(e) {
+      // Destroy Jcrop widget, restore original state
+      jcrop_api.destroy();
+      // Update the interface to reflect un-attached state
+      $('#unhook,#enable,.requiresjcrop').hide();
+      $('#rehook').show();
+      return false;
+    });
+    // Hook up the three image-swapping buttons
+    $('#img1').click(function(e) {
+      $(this).addClass('active').closest('.btn-group')
+        .find('button.active').not(this).removeClass('active');
+      jcrop_api.setImage('demo_files/sago.jpg');
+      jcrop_api.setOptions({ bgOpacity: .6 });
+      return false;
+    });
+    $('#img2').click(function(e) {
+      $(this).addClass('active').closest('.btn-group')
+        .find('button.active').not(this).removeClass('active');
+      jcrop_api.setImage('demo_files/pool.jpg');
+      jcrop_api.setOptions({ bgOpacity: .6 });
+      return false;
+    });
+    $('#img3').click(function(e) {
+      $(this).addClass('active').closest('.btn-group')
+        .find('button.active').not(this).removeClass('active');
+      jcrop_api.setImage('demo_files/sago.jpg',function(){
+        this.setOptions({
+          bgOpacity: 1,
+          outerImage: 'demo_files/sagomod.jpg'
+        });
+        this.animateTo(getRandom());
+      });
+      return false;
+    });
+    // The checkboxes simply set options based on it's checked value
+    // Options are changed by passing a new options object
+    // Also, to prevent strange behavior, they are initially checked
+    // This matches the default initial state of Jcrop
+    $('#can_click').change(function(e) {
+      jcrop_api.setOptions({ allowSelect: !!this.checked });
+      jcrop_api.focus();
+    });
+    $('#can_move').change(function(e) {
+      jcrop_api.setOptions({ allowMove: !!this.checked });
+      jcrop_api.focus();
+    });
+    $('#can_size').change(function(e) {
+      jcrop_api.setOptions({ allowResize: !!this.checked });
+      jcrop_api.focus();
+    });
+    $('#ar_lock').change(function(e) {
+      jcrop_api.setOptions(this.checked?
+        { aspectRatio: 4/3 }: { aspectRatio: 0 });
+      jcrop_api.focus();
+    });
+    $('#size_lock').change(function(e) {
+      jcrop_api.setOptions(this.checked? {
+        minSize: [ 80, 80 ],
+        maxSize: [ 350, 350 ]
+      }: {
+        minSize: [ 0, 0 ],
+        maxSize: [ 0, 0 ]
+      });
+      jcrop_api.focus();
+    });
+  });
+</script>
+<link rel="stylesheet" href="demo_files/main.css" type="text/css" />
+<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
+<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
+<style type="text/css">
+  .optdual { position: relative; }
+  .optdual .offset { position: absolute; left: 18em; }
+  .optlist label { width: 16em; display: block; }
+  #dl_links { margin-top: .5em; }
+</style>
+</head>
+<body>
+<div class="container">
+<div class="row">
+<div class="span12">
+<div class="jc-demo-box">
+<div class="page-header">
+<ul class="breadcrumb first">
+  <li><a href="../index.html">Jcrop</a> <span class="divider">/</span></li>
+  <li><a href="../index.html">Demos</a> <span class="divider">/</span></li>
+  <li class="active">API Demo</li>
+</ul>
+<h1>API Demo</h1>
+</div>
+  <img src="demo_files/sago.jpg" id="target" alt="[Jcrop Example]" />
+  <div style="margin: .8em 0 .5em;">
+    <span class="requiresjcrop">
+      <button id="setSelect" class="btn btn-mini">setSelect</button>
+      <button id="animateTo" class="btn btn-mini">animateTo</button>
+      <button id="release" class="btn btn-mini">Release</button>
+      <button id="disable" class="btn btn-mini">Disable</button>
+    </span>
+    <button id="enable" class="btn btn-mini" style="display:none;">Re-Enable</button>
+    <button id="unhook" class="btn btn-mini">Destroy!</button>
+    <button id="rehook" class="btn btn-mini" style="display:none;">Attach Jcrop</button>
+  </div>
+  <fieldset class="optdual requiresjcrop">
+    <legend>Option Toggles</legend>
+    <div class="optlist offset">
+      <label><input type="checkbox" id="ar_lock" />Aspect ratio</label>
+      <label><input type="checkbox" id="size_lock" />minSize/maxSize setting</label>
+    </div>
+    <div class="optlist">
+      <label><input type="checkbox" id="can_click" />Allow new selections</label>
+      <label><input type="checkbox" id="can_move" />Selection can be moved</label>
+      <label><input type="checkbox" id="can_size" />Resizable selection</label>
+    </div>
+  </fieldset>
+  <fieldset class="requiresjcrop" style="margin: .5em 0;">
+    <legend>Change Image</legend>
+    <div class="btn-group">
+      <button class="btn" id="img2">Pool</button>
+      <button class="btn active" id="img1">Sago</button>
+      <button class="btn" id="img3">Sago w/ outerImage</button>
+    </div>
+  </fieldset>
+<div class="tapmodo-footer">
+  <a href="http://tapmodo.com" class="tapmodo-logo segment">tapmodo.com</a>
+  <div class="segment"><b>&copy; 2008-2013 Tapmodo Interactive LLC</b><br />
+    Jcrop is free software released under <a href="../MIT-LICENSE.txt">MIT License</a>
+  </div>
+</div>
+<div class="clearfix"></div>
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>