corn_js 0.0.1 → 0.0.2

data/app/assets/stylesheets/corn.css

@@ -0,0 +1,13 @@
+/*
+ * 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_self
+ *= require_tree .
+*/

data/app/assets/stylesheets/corn_js/23states.css

@@ -1,11 +1,15 @@
 /*
  * Widget for 2 3 states display
  */
+div._23states  {
+  display: block;
+  width: 160px;
+  height: 32px;
+}
 ._23states input[type="radio"]{
   -webkit-appearance:none;
   display:none;
 }
-
 ._23states input[type="radio"]+label{ 
   background-color:#dae2e8;
   float: left;
@@ -16,8 +20,7 @@
   text-align: center;
   font-weight: bold;
   border: 1px solid #c3ccd1;
-} 
-
+}
 ._23states input[type="radio"]+label span{
   display: block;
   line-height:22px;
@@ -29,18 +32,21 @@
   text-decoration: none;
 }
 ._23states input[type="radio"]+label.true {
+  color: #888;
   border-right: none;
   -moz-border-radius: 3px 0 0 3px;
   -webkit-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
 }
 ._23states input[type="radio"]+label.false {
+  color: #888;
   border-left: none;
   -moz-border-radius: 0 3px 3px 0;
   -webkit-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
 }
 ._23states input[type="radio"]+label.nil {
+  color: #888;
   border-left: none;
   border-right: none;
 }
@@ -73,4 +79,4 @@
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#e8e8e8), to(white));
   background-image: -moz-linear-gradient(-90deg, #e8e8e8, white);
   text-shadow: 0 1px 0 white;
-}
+}

data/app/assets/stylesheets/corn_js/corn.css

@@ -16,8 +16,8 @@ a:hover {
   width: 160px;
   min-height:20px;
   overflow: visible;
-  position: fixed;
-  z-index: 9000;
+  position: absolute;
+  z-index: 800;
   margin-top: 4px;
 }
 .popcorn .popcorn-body {
@@ -36,12 +36,16 @@ a:hover {
 /* ----------------*/
 /* grip */
 .fatpopcorn_grip {
-  padding-right: 20px;
+  display: inline-block  ;
   position: relative;
-  z-index: 100px;
+  z-index: 800;
+  /*height: 30px;*/
+  width: 160px;
+  margin-top: 4px;
 }
 .fatpopcorn_grip:hover {
-  background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcpJREFUeNqUU02rgVEQft73ykJJkixkI99+gYWFJCt+gGQnNvyGu7KwJMrCRpbWJFlIWStfiY0sKF/ZSp1rprhX93V1nzrNnM48z5yZM0cSQkAJ5/NZTKdT9j0eD3Q6naQUp3pFzmazOJ1OvNfr9SgUCkJJRFYSqNVqTPb5fLzIr9frijf9JbBarUSn04Esy0gkEojH4+y3221sNhuhWEKv1+N6F4sFlsslH4TDYZjNZvYDgQC63S5SqRRsNptwOp3cF7/fL30YDAZB1yPi8XhkgsPhQDqdhkaj4b3dbsdoNOJSKIYSDQYD7Pf7TykSiQiVSoVkMsmBtwz4C5RoPp+jWq3ier1CDoVC7IzHY1itVrwDxVC5xCGuHIvFoNVq0e/3UalU3gpQDMUSh7jyrQdSLpfjw1arhUaj8ZI8HA7pJWA0GkEc4oImkVaz2RTUj3K5LP6B7znY7XZsSf0/eAhst1u2JpOJ7eFw4HppkU+g2qPRKPL5PG2lp7+gVqvZXi4XlEolHhzqNIGmMBgMwuVyPcWyyv033sZXFIvFp+vdJu2R+ScymQw9ofQkcBeZTCZwu908qhaLhYPW6zWP+mw2g9frfZAJXwIMABU5CfhlmG8GAAAAAElFTkSuQmCC") no-repeat scroll right;
+  background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcpJREFUeNqUU02rgVEQft73ykJJkixkI99+gYWFJCt+gGQnNvyGu7KwJMrCRpbWJFlIWStfiY0sKF/ZSp1rprhX93V1nzrNnM48z5yZM0cSQkAJ5/NZTKdT9j0eD3Q6naQUp3pFzmazOJ1OvNfr9SgUCkJJRFYSqNVqTPb5fLzIr9frijf9JbBarUSn04Esy0gkEojH4+y3221sNhuhWEKv1+N6F4sFlsslH4TDYZjNZvYDgQC63S5SqRRsNptwOp3cF7/fL30YDAZB1yPi8XhkgsPhQDqdhkaj4b3dbsdoNOJSKIYSDQYD7Pf7TykSiQiVSoVkMsmBtwz4C5RoPp+jWq3ier1CDoVC7IzHY1itVrwDxVC5xCGuHIvFoNVq0e/3UalU3gpQDMUSh7jyrQdSLpfjw1arhUaj8ZI8HA7pJWA0GkEc4oImkVaz2RTUj3K5LP6B7znY7XZsSf0/eAhst1u2JpOJ7eFw4HppkU+g2qPRKPL5PG2lp7+gVqvZXi4XlEolHhzqNIGmMBgMwuVyPcWyyv033sZXFIvFp+vdJu2R+ScymQw9ofQkcBeZTCZwu908qhaLhYPW6zWP+mw2g9frfZAJXwIMABU5CfhlmG8GAAAAAElFTkSuQmCC") no-repeat scroll 100% 4px;
+  
 }
 
 /* generic classes */
@@ -53,11 +57,17 @@ a:hover {
   position: absolute;
 }
 .fatpopcorn h1 {
+  font: bold 12px/14px "Segoe UI","Lucida Grande",Arial,sans-serif;
+
   margin: 12px 0 4px 0;
   padding-left: 15px;
   font-size: 12px;
   color: #303030;
 }
+.fatpopcorn .watchlist h1 {
+  background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbZJREFUeNpMUjtrmmEUfj4/b4NQlA8cFAshqAiKDkqgVTInCJkSCIE0m0sG/0RA+hccajKGLtKukkI2RSoFL4ilRRfxMqigeM1zXiJ4lpdze87znPNq6XQa7+ba7XaXi8XifLVafaa/tVqtrzab7Yemad/pj6VIe2842mw233RdT8ZiMQQCAYXQarVQrVax3W5/MfeFoX/SYKzX62en03mayWQQj8fBJAaDARhHu91GPp/HZDL5yfi17vf7bzjyPpvNIplMwmw2I5fLwW63g3F4vV643W6Uy2U//d+m0Wh0EQ6HkUgk9loUsslkAmliOBzC5/MhEolguVxemQuFwicKU8iHZrFYQNHgItQ0wzAEIKyqZPShiYZGowGHw6EaXC6XmqpylUrldDweH6dSKVUoNDganU4H0+lUxGI+n6PX6wm9Fz0ajX7o9/tnFA+Px4Nut6vohUIhBINBiD7qRKlUEsCvOnf+n6gn9Xr9o3AV27+z2Qy1Wg3FYhE86AsX8bA/3DGbnoh8IsiyRuHOyWg2m+DlX4l+y7q/2sHXMFh0R/6XbA7J1yDAH27rmUt5pD+SojcBBgBCW8Ar7p88wQAAAABJRU5ErkJggg==") no-repeat scroll 0 2px;
+}
+
 .fatpopcorn .attachment h1 {
   background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0Q3JlYXRpb24gVGltZQAxMS0wMS0yMDEytcl2IgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAADESURBVCiRfdAhcgJBEAXQtywCVHIEZGQcOLhByA1WEscRkMjIyI1DIpEcYeMikUjiggJBDzW1lc2vmprpqf/7/+5CN5aY4QE/OGDV6yDXuGCPIu66S1CjwWt0nWEUZ1q2yO844glbbOJ/gm8Mcocq8o6yCMnxhBU+i4w8beXN483dltCUGfkLA6yDvIx6jkUIpRnOGOMtcxxjGHPsUu4+HvESW/kv3h2HECU8B6lqE/NIDX7jvY764y9B6rgN+73bkJ24AvtdK0qIEWRDAAAAAElFTkSuQmCC") no-repeat scroll 0 2px;
 }
@@ -144,6 +154,7 @@ a:hover {
 /* stream classes */
 .fatpopcorn .stream {
   padding: 10px 0px 10px 10px;
+  display: none;
 }
 .fatpopcorn .stream .content {
   max-height: 400px;
@@ -167,6 +178,37 @@ a:hover {
   vertical-align: bottom;
   white-space: nowrap;
 }
+.fatpopcorn .stream .content > div {
+  padding: 1px;
+  margin-top: 4px;
+}
+.fatpopcorn .stream .content > div.note:hover, .fatpopcorn .stream .content > div.attachment:hover {
+  -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.50);
+  -moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.50);
+  box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.50);  
+}
+
+.fatpopcorn .stream div > h1 {
+  margin-top: 4px;
+}
+
+.fatpopcorn .stream div > h1 > span.star, .fatpopcorn .stream div > h1 > span.delete {  
+  display: block;
+  width: 12px;
+  height: 12px; 
+  color: transparent;
+  float: right;
+  margin-left: 2px;
+}
+
+div > h1 > span.delete {
+  background: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tJREFUeNqUVF1IU2EYfs/Ojtv82ZSxWju0ZCsRSoVExEYZWOEQcRFEQbjqVgi6CIJuuulGhNON0EXlVdEP/TGsQd3ovFEswWwrFRRpZlrOn83N7Zzz9XwfBN32wnd+3vP+Pc/7cCTGGP2PSZqm2ZB0b3d3t6tUKq1WVVWp8HdJkuQ1TbO/rKwsuLW1lXY4HCn4z1hxuZnP53tcLldNIBDwTE5OEpI+oEDKMIxgfX09pdNpNZfLqSj8mCdcl2XZ1dvbywNF2/HxcQduTY2NjdTa2koVFRU0ODhIiLvAE3J2u921uLhIDQ0NFA6HCaOQ1WqVOzo6CKNRKpWi7e1tqqys/CZ3dnbOIenizMyMCKytraW6ujryeDxUXl5O09PTNDw8TE6n8/Pa2toA7xBDldf4GBkbG6OWlhYxAjCRrusUi8VEF/gzNpttiCccBDv5nZ0dampqIjwTp5oHYSzy+/3CDzwhTHCEJ/QXCoWzzc3N1NbWRtXV1ZRMJimTyVAoFKJoNCqIKBaLcjwef8UTegBagOVVJyYmaGRkhLLZrOjAWUIwjY6O0sLCwkEO+gToCqysrBB4p0QiQRgvD4qV2dlZwtw0NTXFqdZR8C3fNN/sGCp6VVW1r6+v66isAUcSZwjJv7BtN2LmFEWJSnFVtZmQxoZpdmVNc9WvKEIaMpG3xFi/02IJLuh62iPLQhoWLo2fhtFTqyie7pMnDy+VStXwfciY5i2cYPDYMWq22VQUOAX/Y0KHjSdeLystLTFuP86fZ4N79vCjf29vZ7tfvjBjY4PFfD72XlUZ75BzyzLlsCBu3qdP6Syqnjt9WvbF46QcOkTZZ8/oO5ZYYOwb79CNw4b27mWrfX3srxXn58U9o2nsESZA9ek7bvcVDpow3ysAjCyD1uinT2T1+UQ3VijQ/QMHyIL9RK5eHbXU1LQLaYCdPIBT99GjxCARLISgZZKw0DNcV9eukauvLwTdHOEjvXyIcZYjEQGQ2+aDB2ztxg32rxmbmywdDs/xBOMNGDCLRcZ0nf2+fZu92LeP3fV4xPPf4JXLlwVL8iWn84RNkgL2d++IQTMfNY1WDSO/32pVpqArfy5HmYEBep5I6KD0LQctpLGs697jDof9a7Go2yVJw78kqUMawPYL23bjfa7SYolK//ub+SPAAGX01NPxCvd+AAAAAElFTkSuQmCC") no-repeat scroll transparent;
+}
+
+div > h1 > span.delete:hover {
+  background-position: left bottom;
+  cursor: pointer;
+}
 
 /* history classes*/
 .fatpopcorn .history {
@@ -206,10 +248,12 @@ a:hover {
 .fatpopcorn .edit .watchlist { 
   margin: 10px 10px 16px 10px;
 }
-
 .fatpopcorn .edit .note {
   margin: 10px 10px 26px 10px;
 }
+.fatpopcorn .edit #send_note {
+  padding-right: 6px;
+}
 .fatpopcorn .edit .attachment {
   margin: 10px 10px 26px 10px;
 }
@@ -219,6 +263,19 @@ a:hover {
 .fatpopcorn .edit .watchlist .on-off {
   display: inline;
   float: right;
+  width: auto !important;
+}
+.fatpopcorn .qq-upload-button {
+  font-style: italic;
+  cursor: pointer;
+  color: #0066ff;
+  text-decoration: none;
+  font-style: italic;
+  font-size: 12px;
+  float: right;
+}
+.fatpopcorn .qq-upload-button-hover {
+  color: #f56a00;
 }
 .fatpopcorn .edit .info {
   background-color: #f3f3f3;
@@ -264,6 +321,14 @@ a:hover {
   text-align: right;
   float: right;
 }
+.fatpopcorn .content .no-content {
+  position:absolute;
+  top:50%;
+  font-size: 20px;
+  color: #ccc;
+  background:transparent;
+  text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
+}
 .fatpopcorn .loader {
   display: none;
   background: white url("data:image/gif;charset=utf-8;base64,R0lGODlhEAALAPQAAP///3F/j+rs7uTn6fL09XSCkXF/j4qWo7nAx6avuNjc4IOQnZqkr73Ey6ixutre4oaSn3OBkJymsfDy8+jr7fj5+ZCbp+vt7/f4+Nba3snP1OHk5/X29wAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAALAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQACwABACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQACwACACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQACwADACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAALAAQALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkEAAsABQAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAALAAYALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkEAAsABwAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA") no-repeat 50% 50%;
@@ -272,5 +337,40 @@ a:hover {
   top: 0;
   width: 100%;
   height: 100%;
-  z-index: 10000;
-}
+  z-index: 810;
+}
+.fatpopcorn .qq-upload-drop-area {
+    position:absolute; 
+    top:0; 
+    left:0; 
+    width:100%;
+    height:100%;
+    max-height: 100px;
+    min-height: 50px;
+    z-index:802;
+    background:#ffffff; 
+    text-align:center; 
+    border: 2px dashed #566476;
+    border-radius: 4px;
+    background:#ffffff;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.5);
+}
+.fatpopcorn .qq-upload-drop-area span {
+    display:block; 
+    position:absolute; 
+    top: 50%; 
+    width:100%; 
+    margin-top:-8px; 
+    font-size:16px;
+    color: #ccc;
+    background:transparent;
+    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
+}
+.fatpopcorn .qq-upload-drop-area-active span {
+  color: #566476;
+}
+.fatpopcorn .qq-upload-drop-area-active {
+  color: #566476;
+  background:#E4EDF5;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.5);
+}

data/app/assets/stylesheets/corn_js/fileuploader.css

@@ -0,0 +1,63 @@
+.qq-uploader { position:relative; width: 100%;}
+
+.qq-uploader input[file]{width: 200000px;}
+
+.qq-upload-button {
+    display:block; /* or inline-block */
+    width: 65px; padding:0; text-align:center;
+    background:transparent; color:#0066CC;
+    font-weight: bold;
+    font-style: italic;
+    font-size: 10px;
+}
+.qq-upload-button-hover {background:transparent;}
+.qq-upload-button-focus {outline:1px dotted black;}
+
+.qq-upload-drop-area {
+    display:none;
+    position:absolute; 
+    top:0; 
+    left:0; 
+    width:100%;
+    height:100%;
+    max-height: 100px;
+    min-height: 50px;
+    z-index:2;
+    background:#ffffff; 
+    text-align:center; 
+    border: 2px dashed #566476;
+    border-radius: 4px;
+    background:#ffffff;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.5);
+}
+.qq-upload-drop-area span {
+    display:block; 
+    position:absolute; 
+    top: 50%; 
+    width:100%; 
+    margin-top:-8px; 
+    font-size:16px;
+    color: #ccc;
+    background:transparent;
+    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
+}
+.qq-upload-drop-area-active span {
+  color: #566476;
+}
+.qq-upload-drop-area-active {
+  color: #566476;
+  background:#E4EDF5;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.5);
+}
+.qq-upload-list {margin:15px 35px; padding:0; list-style:none;}
+.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
+.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
+    margin-right: 7px;
+}
+
+.qq-upload-file {}
+.qq-upload-spinner {display:inline-block; background: url("/assets/ajax-loader_small.gif"); width:15px; height:15px; vertical-align:text-bottom;}
+.qq-upload-size,.qq-upload-cancel {font-size:11px;}
+
+.qq-upload-failed-text {display:none;}
+.qq-upload-fail .qq-upload-failed-text {display:inline;}

data/lib/corn_js/version.rb

@@ -1,3 +1,3 @@
 module CornJs
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: corn_js
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-02-07 00:00:00.000000000Z
+date: 2012-02-17 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &2165801040 !ruby/object:Gem::Requirement
+  requirement: &70118779504420 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 3.2.1
   type: :runtime
   prerelease: false
-  version_requirements: *2165801040
+  version_requirements: *70118779504420
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &2165800420 !ruby/object:Gem::Requirement
+  requirement: &70118779504000 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,7 +32,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2165800420
+  version_requirements: *70118779504000
 description: It's possible to use the generic popcorn and the app specific fat popcorn
   plugin
 email:
@@ -43,8 +43,11 @@ extra_rdoc_files: []
 files:
 - app/assets/javascripts/corn.js
 - app/assets/javascripts/corn_js/corn.js
+- app/assets/javascripts/corn_js/fileuploader.js
+- app/assets/stylesheets/corn.css
 - app/assets/stylesheets/corn_js/23states.css
 - app/assets/stylesheets/corn_js/corn.css
+- app/assets/stylesheets/corn_js/fileuploader.css
 - config/routes.rb
 - lib/corn_js/engine.rb
 - lib/corn_js/version.rb
@@ -66,7 +69,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2277742273154172901
+      hash: -4203106786295094410
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -75,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2277742273154172901
+      hash: -4203106786295094410
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.10