mongo3 0.0.1 → 0.0.2

data/lib/public/stylesheets/mongo3.css

@@ -272,4 +272,115 @@ span.what {
 }
 .level_3 {
   color: #5273ff;
-}
+}
+
+/* Pagination collections */
+div.cltn {
+  font-size: 0.4em;
+}
+
+div#fields {
+  margin:                         20px 10px;
+  padding:                        10px 10px;
+  overflow:                       hidden;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+  border:                         1px #92b948 solid;    
+}
+div.title {
+  text-align: center;
+  font-size:  2em;
+}
+
+a.back {
+  font-size: 1.2em;
+}
+
+fieldset {
+  border: none;
+}
+fieldset.check {
+  float:  left;
+  width:  20%;
+}
+
+div.table {
+  padding:                        10px;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+  border:                         1px #92b948 solid;    
+}
+
+table.cltn {
+  color:           #a1a1a1;
+  width:           100%;
+  border-collapse: collapse;
+  text-align:      left;
+}
+
+table.cltn thead {
+  font-weight:   bold;
+  border-bottom: 1px #c1c1c1 solid;
+  color:         #c1c1c1;
+}
+
+div.cltn div#summary {
+  font-size:  .8em;
+  text-align: right;
+  margin:     10px 10px;
+}
+
+div.cltn div#links {
+  margin:     10px 0px;
+  text-align: center;
+}
+
+input.search {
+  background:                     #fff url(/images/search.png) no-repeat 2px 6px;  
+  width:                          80%;
+  border:                         2px #434343 solid;
+  -moz-border-radius-bottomleft:  5px;
+  -moz-border-radius-bottomright: 5px;
+  -moz-border-radius-topleft:     5px;
+  -moz-border-radius-topright:    5px;   
+  height:                         25px;
+  font-size:                      1.2em;
+  color:                          #434343;
+  padding:                        5px 0px 0px 20px;
+}
+
+button {
+  -moz-border-radius-bottomleft:  14px;
+  -moz-border-radius-bottomright: 14px;
+  -moz-border-radius-topleft:     14px;
+  -moz-border-radius-topright:    14px;
+  -moz-box-shadow:                2px 2px 6px #232323;
+  background:                     transparent url(/images/button.png) repeat-x center bottom;
+  height:                         20px;
+  width:                          100px;
+  margin-right:                   10px;
+  color:                          #c1c1c1;
+}
+
+button.show:hover {
+  background-color: #ad1ecb;
+}
+
+button.search:hover {
+  background-color: #92b948;
+}
+
+#tooltip { 
+  display:    none; 
+  background: transparent url(/images/tooltip/black_arrow.png); 
+  font-size:  1em; 
+  height:     70px; 
+  width:      160px; 
+  padding:    25px; 
+  color:      #fff;     
+}
+

data/lib/views/_cltn.erb

@@ -0,0 +1,25 @@
+<div id="summary" style="clear:both">
+  <%= page_entries_info @cltn, :entry_name => 'item' %>
+</div>  
+
+<table id="cltn" class="cltn" border="0" cellpadding="10" cellspacing="20">
+  <thead>
+    <% @selected_cols.each do |col| %>
+      <th><%=col%></th>
+    <% end %>
+  </thead>
+  <tbody>
+    <% @cltn.each do |cltn| %>
+      <tr valign="top">
+        <% @selected_cols.each do |k| %>
+          <td><%= cltn[k] %></td>
+        <% end %>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<div id="links">
+  <%= will_paginate @cltn, :params => { :url => '/cltn' } %>
+</div>      
+

data/lib/views/_fields_form.erb

@@ -0,0 +1,27 @@
+<form id="cols" onsubmit="fields_submit();return false;" action="/cltn_refresh" method="post">
+  <div style="width:85%;overflow:hidden;float:left">
+    <% @cols.each do |col|%>
+      <fieldset class="check">
+        <input id="<%=col%>" type="checkbox" name="cols[<%=col%>]" value="1" <%=@selected_cols.include?(col) ? "checked" : ""%>/>
+        <label for='<%=col%>'><%=col%></label>
+      </fieldset>  
+    <% end %>
+  </div>
+  <fieldset style="float:right;">
+    <button type="submit" id="submit_button" class="button show">
+      <span style="font-size:1em">show</span>
+    </button>
+  </fieldset>  
+</form>
+
+<script>
+ function fields_submit()
+ {
+   $.ajax({
+     data:     $.param( $("form#cols").serializeArray() ),
+     dataType: 'script',
+     type:     'post',
+     url:      '/cltn_refresh/<%=@page%>'
+   }); 
+ }
+</script>

data/lib/views/_info.erb

@@ -1,4 +1,11 @@
-<h1 style="text-align:center">Details</h1>
+<h1 style="text-align:center">Details for <em><%=@info.delete( :title ) %></em></h1>
+
+<% if @info.has_key? :edit %>
+  <div style="text-align:right;">
+    <a href='<%=@info.delete(:edit)%>'>manage</a>
+  </div>
+<% end %>
+
 <table border="0" cellpadding="10" cellspacing="20" style="width:100%;border-collapse:collapse;;font-size:0.7em;text-align:left">
   <thead style="font-weight:bold;font-size:1em;border-bottom:1px #c1c1c1 solid;color:#c1c1c1">
     <th width="20%">Name</th>

data/lib/views/_search_form.erb

@@ -0,0 +1,30 @@
+<div id="tooltip">&nbsp;</div>
+
+<% tip = "Enter query|sort<br/>{<b>'fred'</b>:20} | [[<b>'count'</b>:-1]]" %>
+
+<form id="search" onsubmit="search_submit();return false;" action="/cltn_search" method="post" style="text-align:center;margin:10px">
+  <fieldset>
+    <input id="search" type="text" name="search" class="search" title="<%=tip%>" value="<%=@query%>"/>
+    <button type="submit" id="submit_button" class="button search" style="display:none">search</button>
+  </fieldset>  
+  <fieldset style="">
+  </fieldset>
+</form>
+
+<script>
+ $( function() {
+   $( 'form#search input[title]').tooltip( { 
+     tip:    '#tooltip', 
+     events: { input: "mouseover,mouseout" } } );    
+ });
+
+ function search_submit()
+ {
+   $.ajax({
+     data:     $.param( $("form#search").serializeArray() ),
+     dataType: 'script',
+     type:     'post',
+     url:      '/cltn_search'
+   }); 
+ }
+</script>

data/lib/views/cltn_list.erb

@@ -0,0 +1,16 @@
+<div class="cltn">
+  <div class="title"><%=@title%></div>
+  <a class="back" href="<%=@back_url%>">&laquo;&nbsp;back</a>
+  <% unless @cltn.empty? %>
+    <div id="fields">
+      <%= partial :fields_form %>
+    </div>
+    <%= partial :search_form %>
+
+    <div class="table">    
+      <%= partial :cltn %>
+    </div>
+  <% else %>
+    <span>No items found!</span>
+  <% end %>
+<div>

data/lib/views/cltn_update_js.erb

@@ -0,0 +1 @@
+$('div.table').html( "<%=escape_javascript(partial(:cltn))%>" );

data/lib/views/db_list.erb

@@ -0,0 +1,30 @@
+<div class="cltn">
+  <div class="title"><%=@title%></div>
+  <a class="back" href="<%=@back_url%>">&laquo;&nbsp;back</a>
+
+  <div id="summary">
+    <%= page_entries_info @cltns, :entry_name => 'item' %>
+  </div>
+
+  <table class="cltn" border="0" cellpadding="10" cellspacing="20">
+    <thead>
+      <% cols = @cltns.first.keys %>
+      <% cols.each do |col| %>
+        <th><%=col%></th>
+      <% end %>
+    </thead>
+    <tbody>
+      <% @cltns.each do |cltn| %>
+        <tr valign="top">
+          <% cltn.each_pair do |k, v| %>
+            <td><%= v %></td>
+          <% end %>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <div id="links">
+    <%= will_paginate @cltns, :params => { :url => "/db" } %>
+  </div>
+<div>