mongo3 0.0.4 → 0.0.5

data/lib/views/collections/_index_form.erb

@@ -0,0 +1,35 @@
+<script src="/javascripts/jquery.example.js" type="text/javascript"></script>
+    
+<form id="index" onsubmit="index_submit();return false;" action="/collections/create_index/" method="post" style="text-align:center">
+  <fieldset>
+    <input id="index" type="text" name="index" class="search" value=""/>
+    <button type="submit" id="submit_button" class="button search" style="display:none">create</button>
+    <img id="create_load" src="/images/loading.gif" style="width:25px;height:25px;vertical-align:sub;display:none"></img>
+  </fieldset>  
+</form>
+
+<script>
+ $( function() {
+   $('input#index').example("[['field1', 1], ['field2', -1]] | {'unique':1}", { className: 'no_input' } );
+   $('input#index').hover( 
+     function() { $(this).css( "border-color", "#92b948") }, 
+     function() { $(this).css( "border-color", "#434343") }
+   );
+ });
+
+ function index_submit()
+ {
+   $.ajax({
+     data:       $.param( $("form#index").serializeArray() ),
+     dataType:   'script',
+     type:       'post',
+     url:        '/collections/create_index/',
+     beforeSend: function() { 
+       $('img#create_load').show(); 
+     },
+     complete:   function() { 
+       $('img#create_load').hide(); 
+     }     
+   }); 
+ }
+</script>

data/lib/views/collections/_index_rows.erb

@@ -0,0 +1,54 @@
+<%= partial :'collections/index_form' %>
+
+<div class="borders" style="padding:10px">
+  <table id="indexes" class="cltn" border="0" cellpadding="10" cellspacing="20">
+    <thead>
+      <th width="2%">&nbsp;</td>
+      <th>Name</th>
+      <th>Settings</th>      
+    </thead>
+    <tbody>
+      <% @indexes.keys.sort.each do |name| %>
+        <tr id="<%=name%>" valign="top">
+          <td id="<%=name%>">
+            <img class="del_index" id="<%=name%>" src="/images/delete.png" title="delete this index"/>
+            <img class="wait" id="wait_<%=name%>" src="/images/loading.gif"></img>
+          </td>
+          <td><%=name%></td>
+          <% buff = [];@indexes[name].each do |pair| %>
+            <% buff << format_index( pair )%>
+          <% end %>
+          <td><%= buff.join( ", " ) %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>
+
+<script>
+  $( function() {
+    $("table#indexes tr" ).hover( 
+      function() { 
+        $(this).addClass( 'highlight' );
+        $("td#" + $(this).attr('id') + " img.del_index" ).show();
+      }, 
+      function() { 
+        $(this).removeClass( 'highlight' );      
+        $("td#" + $(this).attr('id') + " img.del_index" ).hide();
+      });
+    $( "img.del_index" ).click( function() {
+      var id = $(this).attr('id');
+      $.ajax({
+        data:     {id: id},
+        dataType: 'script',
+        type:     'post',
+        url:      '/collections/drop_index/',
+        beforeSend: function() { $('img#_wait_' + id ).show(); },
+        complete:   function() { 
+          $('img#_wait_' + id ).hide(); 
+          $('tr#' + id ).fadeOut();
+        }
+      }); 
+    });    
+  });
+</script>

data/lib/views/collections/_indexes.erb

@@ -0,0 +1,3 @@
+<div id="indexes">
+  <%= partial :'collections/index_rows'%>
+</div>

data/lib/views/collections/_results.erb

@@ -2,8 +2,7 @@
   <div id="fields">
     <%= partial :'collections/fields_form' %>
   </div>
-  <%= partial :'collections/search_form' %>
-
+  
   <div class="table">
     <%= partial :'collections/rows' %>
   </div>

data/lib/views/collections/_rows.erb

@@ -2,28 +2,32 @@
   <%= page_entries_info @cltn, :entry_name => 'item' %>
 </div>  
 
-<table id="cltn" class="cltn" border="0" cellpadding="10" cellspacing="20">
-  <thead>
-    <th width="2%">&nbsp;</td>
-    <% @selected_cols.each do |col| %>
-      <th><%=col%></th>
-    <% end %>
-  </thead>
-  <tbody>
-    <% @cltn.each do |cltn| %>
-      <% id = cltn['_id'] %>
-      <tr id="<%=id%>" valign="top">
-        <td id="<%=id%>">
-          <img class="delete" id="<%=id%>" src="/images/delete.png" title="delete this record"/>
-          <img class="wait" id="wait_<%=id%>" src="/images/loading.gif"></img>          
-        </td>
-        <% @selected_cols.each do |k| %>
-          <td><%= format_number(cltn[k]) %></td>
-        <% end %>
-      </tr>
-    <% end %>
-  </tbody>
-</table>
+<%= partial :'collections/search_form' %>
+
+<div class="borders" style="padding:10px;">
+  <table id="cltn" class="cltn" border="0" cellpadding="10" cellspacing="20">
+    <thead>
+      <th width="2%">&nbsp;</td>
+      <% @selected_cols.each do |col| %>
+        <th><%=col%></th>
+      <% end %>
+    </thead>
+    <tbody>
+      <% @cltn.each do |cltn| %>
+        <% id = cltn['_id'] %>
+        <tr id="<%=id%>" valign="top">
+          <td id="<%=id%>">
+            <img class="delete" id="<%=id%>" src="/images/delete.png" title="delete this record"/>
+            <img class="wait" id="wait_<%=id%>" src="/images/loading.gif"></img>          
+          </td>
+          <% @selected_cols.each do |k| %>
+            <td><%= format_number(cltn[k]) %></td>
+          <% end %>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>
 
 <div id="links">
   <%= will_paginate @cltn, :params => { :url => '/collections' } %>

data/lib/views/collections/_search_form.erb

@@ -1,18 +1,17 @@
 <script src="/javascripts/jquery.example.js" type="text/javascript"></script>
     
-<form id="search" onsubmit="search_submit();return false;" action="/collections/search/" method="post" style="text-align:center;margin:10px">
+<form id="search" onsubmit="search_submit();return false;" action="/collections/search/" method="post" style="text-align:center">
   <fieldset>
     <input id="search" type="text" name="search" class="search" value="<%=@query%>"/>
     <button type="submit" id="submit_button" class="button search" style="display:none">search</button>
     <img id="search_load" src="/images/loading.gif" style="width:25px;height:25px;vertical-align:sub;display:none"></img>
   </fieldset>  
-  <fieldset style="">
-  </fieldset>
 </form>
 
 <script>
  $( function() {
    $('input#search').example("{'name':'franky'} | [['count',-1]]", { className: 'no_input' } );
+   $('input#search').hover( function() { $(this).css( "border-color", "#92b948") }, function() { $(this).css( "border-color", "#434343") })
  });
 
  function search_submit()

data/lib/views/collections/list.erb

@@ -1,18 +1,30 @@
+<%=zone_locator%>
+
 <div class="cltn">
-  <div class="title"><%=@title%></div>
   <a class="back" href="<%=@back_url%>">&laquo;&nbsp;back</a>
   
+  <div class="title"><%=title_for( session[:path_names] )%></div>
+    
   <div id="mgmt_actions">
     <img id="action_load" src="/images/loading.gif" style="width:25px;height:25px;vertical-align:sub;display:none"></img>        
     <button class="action clear" rel="#confirm_clear" title="Delete all records from collection">clear</button>
     <button class="action drop" rel="#confirm_drop" title="Drop the entire collection">drop</button>
   </div>
-  <div id="results">
-    <%= partial :'collections/results' %>
-  </div>
+  <fieldset class="sep">
+    <legend> indexes </legend>    
+    <div id="indexes">
+      <%= partial :'collections/indexes' %>
+    </div>
+  </fieldset>
+  <fieldset class="sep">
+    <legend> records </legend>
+    <div id="results">
+      <%= partial :'collections/results' %>
+    </div>
+  </fieldset>
 <div>
   
-<div class="modal" id="confirm_clear">
+<div class="modal" id="confirm_clear" style="font-size:1em">
    <p>Clearing out the whole collection. Are you sure?</p>
    <p style="margin:10px">
      <button class="close yes" id="clear"> Yes </button>
@@ -20,7 +32,7 @@
    </p>     
 </div>
 
-<div class="modal" id="confirm_drop">
+<div class="modal" id="confirm_drop" style="font-size:1em">
    <p>Dropping the whole collection. Are you sure?</p>
    <p style="margin:10px">
      <button class="close yes" id="drop"> Yes </button>

data/lib/views/collections/update.js.erb

@@ -1 +1,3 @@
+<%= erb :'shared/flash.js', :layout => false %>
+
 $('div.table').html( "<%=escape_javascript(partial(:'collections/rows'))%>" );

data/lib/views/collections/update_indexes.js.erb

@@ -0,0 +1,3 @@
+<%= erb :'shared/flash.js', :layout => false %>
+
+$('div#indexes').html( "<%=escape_javascript(partial(:'collections/index_rows'))%>" );

data/lib/views/databases/_results.erb

@@ -2,33 +2,37 @@
   <%= page_entries_info @cltns, :entry_name => 'item' %>
 </div>
 
-<table id="cltn" class="cltn" border="0" cellpadding="10" cellspacing="20">
-  <thead>
-    <th width="2%">&nbsp;</th>
-    <% cols = @cltns.first.keys %>
-    <% cols.each do |col| %>
-      <th align="<%=align_for( @cltns.first[col] )%>"><%=col%></th>
-    <% end %>
-  </thead>
-  <tbody>
-    <% count = 0; @cltns.each do |cltn| %>
-      <% path = "#{session[:path_names]}|#{cltn[:name]}"%>
-      <tr id="<%=count%>" valign="top">
-        <td id="<%=count%>">
-          <img class="delete" id="<%=path%>" rel="<%=count%>" src="/images/delete.png" title="drop this collection"/>
-          <img class="wait" id="wait_<%=count%>" src="/images/loading.gif"></img>          
-        </td>          
-        <% cltn.each_pair do |k, v| %>
-          <td align="<%=align_for( v )%>"><%= format_number(v) %></td>
+<% unless @cltns.empty? %>
+  <div class="borders" style="padding:10px">
+    <table id="cltn" class="cltn" border="0" cellpadding="10" cellspacing="20">
+      <thead>
+        <th width="2%">&nbsp;</th>
+        <% cols = @cltns.first.keys %>
+        <% cols.each do |col| %>
+          <th align="<%=align_for( @cltns.first[col] )%>"><%=col%></th>
         <% end %>
-      </tr>
-    <% count+=1;end %>
-  </tbody>
-</table>
-
-<div id="links">
-  <%= will_paginate @cltns, :params => { :url => "/databases" } %>
-</div>
+      </thead>
+      <tbody>
+        <% count = 0; @cltns.each do |cltn| %>
+          <% path = "#{session[:path_names]}|#{cltn[:name]}"%>
+          <tr id="<%=count%>" valign="top">
+            <td id="<%=count%>">
+              <img class="delete" id="<%=path%>" rel="<%=count%>" src="/images/delete.png" title="drop this collection"/>
+              <img class="wait" id="wait_<%=count%>" src="/images/loading.gif"></img>
+            </td>
+            <td><a href="/databases/collection/<%=cltn[:name]%>/"><%= cltn[:name] %></a></td>
+            <td align="<%=align_for( cltn[:count] )%>"><%= format_number(cltn[:count]) %></td>
+          </tr>
+        <% count+=1;end %>
+      </tbody>
+    </table>
+  </div>
+  <div id="links">
+    <%= will_paginate @cltns, :params => { :url => "/databases" } %>
+  </div>
+<% else %>
+  <div class="no_items">Oh snap! No collections found...</span>
+<% end %>
 
 <script>
   $( function() {

data/lib/views/databases/list.erb

@@ -1,8 +1,12 @@
+<%= zone_locator %>
+
 <div class="cltn">
-  <div class="title"><%=@title%></div>
-  <a class="back" href="<%=@back_url%>">&laquo;&nbsp;back</a>
+  <a class="back" href="<%=@back_url%>">&laquo;&nbsp;back</a>  
+  <div class="title"><%=title_for( session[:path_names] )%></div>  
+</div>
 
+<div class="cltn" style="padding:10px;">
   <div id="results">
     <%= partial :'databases/results'%>
   </div>
-<div>  
+</div>  

data/lib/views/explore/_node_info.erb

@@ -0,0 +1,131 @@
+<style>
+  div.item img {
+    z-index:100;
+    display:none;
+    float:left;
+    margin-right:10px;
+  }
+  
+  div#legend {
+    border-bottom: 1px #434343 solid;
+    font-size:     0.5em;
+    color:         #92b948;
+    overflow:      hidden;
+  }
+  div#legend_link {
+    text-align:  right;
+    width:       30%;
+    float:       right;
+    font-size:   .7em;
+    padding-top: 7px;
+  }
+
+  div.items {
+    margin-top:10px;
+  }
+  
+  div.item {
+    border-top: 1px #bcffca solid;
+    height:     30px;
+    width:      100%;
+    font-size:  .4em;
+    cursor:     pointer;
+    z-index:    1;
+  }
+  div.selected {
+    background-image: url(/images/selected_bg.png);
+    color: #92b948;
+  }
+</style>
+
+<% legend = path_type( session[:path_names] ) %>
+<div id="legend">
+  <div style="width:60%;float:left">
+    @ <%= truncate( legend_title( session[:path_names] ), 30 ) %>
+  </div>
+  <% unless zone_path?( session[:path_names] ) %>
+    <div id="legend_link">
+      <a href="#" onclick="$('img.drop').animate({width:'toggle'});return false;">edit</a>
+    </div>
+  <% end %>
+</div>
+
+<p style="font-size:0.6em;color:#fff"><%=legend_for( session[:path_names], @nodes.size )%></p>
+
+<div id="actions"> 
+  <a class="prevPage">&laquo; back</a> 
+  <a class="nextPage">more &raquo;</a> 
+</div> 
+
+<div class="scrollable vertical">
+  <div class="items">
+    <% count=0;@nodes.sort{|a,b| a.name <=> b.name}.each do |node| %>
+      <div id="<%=count%>" class="item">
+        <% unless zone_path?( session[:path_names] ) %>
+          <img id="<%=count%>" rel="div#confirm_drop" class="drop" href="/explore/database/<%=node.oid%>/<%=node.name%>/drop" title="drop <%=legend%>..." src="/images/delete.png"/>
+        <% end %> 
+        <p rel="div#details" href="/explore/show/<%=node.data[:path_ids]%>/<%=node.data[:path_names]%>" class="info">
+          <%=truncate(node.name, 30)%>
+        </p>
+      </div>
+    <% count+=1; end %>
+  </div>
+</div>
+
+<div class="modal" id="confirm_drop">
+   <p>Dropping <%=legend%>. Are you sure?</p>
+   <p style="margin:10px">
+     <button class="close yes">Yes</button>
+     <button class="close">No</button>
+   </p>
+</div>
+
+<script>
+  $( function() {
+    $("div.scrollable").scrollable({ 
+        vertical:true,  
+        size:    14,
+    }).mousewheel();
+    
+    $("div.item").hover( 
+      function() { $(this).addClass( "selected" ) }, 
+      function() { $(this).removeClass( "selected" ) }
+    );
+        
+    $('img.drop' ).overlay( {
+      expose: {
+         color:     '#212021',
+         loadSpeed: 200,
+         opacity:   0.9 
+      },
+      onBeforeLoad: function() { 
+        $("button.yes").attr( 'href', this.getTrigger().attr('href') );
+        $("button.yes").attr( 'id', this.getTrigger().attr('id') );
+      },
+      closeOnClick: false
+    });
+        
+    $( 'button.yes' ).click( function() {
+      var self = $(this);
+      $.ajax( {
+        dataType: 'script',
+        type:     'get',
+        url:      self.attr('href'),
+        complete: function() {
+          $( 'div#' + self.attr('id') ).fadeOut( 'slow', function() {
+            $( 'span#count').html( $('div.items div.item:visible').length );  
+          });          
+        }
+      }); 
+    });
+    
+    $('div.item p[rel]').overlay( {
+      top:          '15%',
+      expose:       '#1c1c1c',
+      onBeforeLoad: function() {
+        var wrap = this.getContent().find( 'div#wrap' );
+        wrap.load( this.getTrigger().attr( 'href' ) );
+      }
+    });
+  });
+</script>