mongo3 0.0.1

data/lib/public/stylesheets/mongo3.css

@@ -0,0 +1,275 @@
+* {
+  outline-color: invert;
+  outline-style: none;
+  outline-width: medium;
+  margin:        0px;
+  padding:       0px;
+}             
+
+body {
+	font-family:      "Trebuchet","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms","verdana";	
+  background:       #212021 url(../images/header.png) repeat-x top left;
+	color:            #fff;
+  font-size:        2em;
+	font-size-adjust: none;
+	font-stretch:     normal;
+	font-style:       normal;
+	font-variant:     normal;
+	font-weight:      normal;
+  margin:           0;
+}
+
+#overall {
+  margin:        5px auto;
+  width:         950px;
+  overflow:      none;
+}
+
+span#log {
+  color: #ff9d2a;
+}
+
+div#logo {
+  float:         left;
+  width:         45%;
+  margin:        10px 0px 25px 20px;
+}
+
+#main {
+  clear:    left;
+  margin:   20px 10px 10px 20px;
+  overflow: none;
+}
+
+ul {
+  list-style-image:    none;
+  list-style-position: outside;
+  list-style-type:     none;
+}
+
+a {
+  text-decoration: none;
+  color:           #434343;
+}
+a:hover {
+  color: #92b948;
+}
+
+div#crumbs {
+  margin:    0px 0px 10px 0px;
+  color:     #c1c1c1;
+  font-size: 0.5em;
+}
+
+a.info {
+  cursor:    pointer;
+  font-size: .9em;
+  color:     #f4f4f4;
+}
+a.info:hover {
+  border-bottom: 3px #92b948 solid;
+  color:         #92b948;  
+}
+
+span.crumb {
+  font-size: 1em;
+  cursor: pointer;
+}
+span.crumb:hover {
+  border-bottom: 3px #92b948 solid;
+  color:         #92b948;
+}
+span.selected {
+  color: #92b948;
+}
+
+
+p.title {
+  font-size: 1.2em;
+  color:     #c1c1c1;
+}
+p.title span{
+  font-size:     1em;
+  margin-bottom: 10px;
+  color:         #c1c1c1;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* Common */
+
+div.item {
+  border-top: 1px #1c1c1c solid;
+  padding:    10px 0px 0px 0px;
+  height:     100px;
+  clear:      both;
+  width:      100%;
+}
+
+div.item .tag {
+  float:left;
+}
+
+div.item .lock {
+  float: right;
+  width: 5%;
+  color: #434343;
+}
+
+div.selected {
+  background: transparent url(/images/li_select.png) repeat-x;
+  cursor: pointer;
+}
+ul.host_info {
+  font-size: 0.5em;
+  color:     #c1c1c1;
+  float:     left;
+}
+span {
+  color:     #c1c1c1;
+  font-size: 0.5em;
+}
+p.heading {
+  width: 80%;
+  float: left;
+}
+
+div.content {
+  font-size: 1em;
+  color:     #434343;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* Overlay */
+
+div#details {
+  padding:                        0px 10px;
+  margin-top:                     7px;
+  display:                        none;
+  font-size:                      0.5em;
+  color:                          #fff;
+  background:                     #1c1c1c;
+  border:                         1px #92b948 solid;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+}
+
+.overlay {
+  display:                        none;
+  z-index:                        10000;
+  background:                     #767c6b;
+  border:                         1px #afdb5a solid;
+  color:                          #fff;
+  width:                          650px;
+  min-height:                     400px;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+  -moz-box-shadow:                0 0 90px 5px #000;
+  -webkit-box-shadow:             0 0 90px #000;
+} 
+.overlay .close {
+  background-image:  url(../images/close.png);
+  position:          absolute;
+  right:             -15px;
+  top:               -15px;
+  cursor:            pointer;
+  height:            35px;
+  width:             35px;
+}
+  
+/* ---------------------------------------------------------------------------- */
+/* Scrollers */
+
+div.scrollable { 
+  position:  relative; 
+  overflow:  hidden; 
+  height:    440px; 
+} 
+ 
+div.scrollable div.items { 
+  width:800px;
+  position:absolute;  
+  height:20000em; 
+}
+
+#actions {
+	width:800px;
+	margin:30px 0 10px 0;	
+}
+
+#actions a {
+	font-size:       0.6em;
+	text-decoration: none;
+	cursor:          pointer;
+	color:           #c1c1c1;
+}
+
+#actions a:hover {
+	text-decoration: underline;
+	color:           #92b948;
+}
+
+.disabled {
+	visibility:hidden;		
+}
+
+.nextPage {
+	float:right;
+}	
+
+
+/* Explorer css */
+div#landscape {
+  width:                          615px;
+  height:                         550px;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+  border:                         1px #92b948 solid;
+  float:                          left;
+}
+
+div#right {
+  margin-left:                    625px;
+  padding:                        10px;
+  width:                          254px;
+  height:                         530px;
+  -moz-border-radius-bottomleft:  7px;
+  -moz-border-radius-topleft:     7px;
+  -moz-border-radius-bottomright: 7px;
+  -moz-border-radius-topright:    7px;  
+  border:                         1px #92b948 solid;
+}
+
+
+/* Tree nodes */
+span.what {
+  font-size: .4em;
+  color:     #92b946;
+  text-align:center;
+}
+.edge {
+  color:   #434343;
+  z-index: 0;
+}
+.node {
+  color:     #fff;
+  font-size: 0.3em;
+  cursor:    pointer;
+  z-index:   100;  
+}
+.level_0 {
+  font-weight: bold;
+}
+.level_1 {
+}
+.level_2 { 
+  color: #c1c1c1;
+}
+.level_3 {
+  color: #5273ff;
+}

data/lib/utils.rb

@@ -0,0 +1,3 @@
+module Utils
+end
+require_all_libs_relative_to(__FILE__, 'utils' )

data/lib/views/_cltn_info.erb

@@ -0,0 +1,95 @@
+<style>
+
+table.info {
+  border-spacing: 0;
+  color:          #fff;
+  font-size:      1em;
+  text-align:     left;
+}
+table.info tr td.label {
+  color:     #3664a7;
+  font-size: 1.2em;
+}
+table.info tr td {
+  -moz-background-clip:          border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin:        padding;  
+/*  padding:                       2px 10px;*/
+}
+
+table.index {
+/*  width:          98%;*/
+  border-color:   #afdb5a #afdb5a -moz-use-text-color -moz-use-text-color;
+  border-spacing: 5;
+  border-style:   solid solid none none;
+  border-width:   1px 1px 0 0;
+  color:          #666666;
+  font-size:      0.8em;
+  border:         0;
+}
+table.index thead {
+  text-align: left;
+  background: #6c7a52 none repeat scroll 0 0;  
+}
+table.index tr td.label {
+  color:     #962920;
+  font-size: 1.2em;
+}
+table.index th {
+  color:       #fff;
+  font-weight: bold;
+  padding:     2px 10px;  
+}
+table.index tr td {
+  -moz-background-clip:          border;
+  -moz-background-inline-policy: continuous;
+  -moz-background-origin:        padding;
+  border-bottom:                 1px solid #afdb5a;
+  border-left:                   1px solid #afdb5a;
+  padding:                       2px 10px;
+}
+
+div#indexes {
+  margin: 10px 10px;
+  font-size: 0.6em;
+}
+
+p.dialog {
+  color:      #afdb5a;
+  text-align: center;
+}
+</style>
+
+
+<p class="dialog"><%= @cltn.name %>(<%=@cltn.count%> items)</p>
+
+<div id="indexes">
+  <h2>Indexes</h2>
+  <table class="info">
+    <thead>
+      <th>Name</th>
+      <th>Details</th>
+      <th>&nbsp;</td>
+    </thead>
+    <tbody>
+      <% @cltn.index_information.each_pair do |index_name, details| %>
+        <tr>
+          <td valign="top"><%=index_name%></td>
+          <td>
+            <table class="index">
+              <% details.each do |pair| %>
+                 <tr>
+                   <td><%=pair.first%></td>
+                   <td><%=pair.last%></td>
+                 </tr>
+              <% end %>
+            </table>
+          </td>
+          <td valign="top">
+            <img src="/images/delete.png"/>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/lib/views/_collection.erb

@@ -0,0 +1,5 @@
+<ul>
+  <% @db.collection_names.sort{ |a,b| a <=> b }.each do |cltn|%>
+    <li><%=cltn%> [<%=@db[cltn].count%> rows]</li>
+  <% end %>
+</ul>

data/lib/views/_crumbs.erb

@@ -0,0 +1,13 @@
+<% count = 1; @crumbs.each do |pair| %>
+  <% clazz = (pair == @crumbs.last ? "selected" : "" )%>
+  <span rel="<%=pair.last%>" class="crumb <%=clazz%>"><%=pair.first%></span>
+  <% if count < @crumbs.size %>&raquo;<%end%>
+<% count +=1; end %>
+
+<script>
+  $( function() {    
+    $('span.crumb').click( function() {
+      $.ajax( {url: $(this).attr('rel'), dataType: 'script', method: 'GET'} );
+    });    
+  } );
+</script>

data/lib/views/_dump_array.erb

@@ -0,0 +1,5 @@
+<ul>
+  <% @info.sort.each do |i| %>
+    <li><%=i%></li>
+  <% end %>
+</ul>

data/lib/views/_dump_hash.erb

@@ -0,0 +1,14 @@
+<table border="0" cellpadding="10" cellspacing="20" style="width:98%;border-collapse:collapse;text-align:left">
+  <thead style="font-weight:bold;border-bottom:1px #c1c1c1 solid;color:#c1c1c1">
+    <th width="20%">Name</th>
+    <th width="100%">Value</th>
+  </thead>
+  <tbody>
+    <% @info.each_pair do |name, info| %>
+      <tr valign="top">
+        <td><%= name %></td>
+        <td><%= display_info(info) %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/lib/views/_info.erb

@@ -0,0 +1,15 @@
+<h1 style="text-align:center">Details</h1>
+<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>
+    <th width="80%">Value</th>
+  </thead>
+  <tbody>
+    <% @info.each_pair do |name, info| %>
+      <tr valign="top">
+        <td><%= name %></td>
+        <td><%= display_info(info) %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/lib/views/center_js.erb

@@ -0,0 +1,3 @@
+$('div#crumbs').html( "<%=escape_javascript(partial(:crumbs))%>" );
+
+center( '<%=@node_id%>' );

data/lib/views/cltn_show.erb

@@ -0,0 +1 @@
+$('div#details').html( "<h1> Hello CLTN</h1" );

data/lib/views/collection.erb

@@ -0,0 +1,44 @@
+<%= partial :crumbs %>
+
+<div id="actions"> 
+    <a class="prevPage">&laquo; back</a> 
+    <a class="nextPage">more &raquo;</a> 
+</div> 
+
+<div class="scrollable vertical">
+  <div class="items">      
+    <% @db.collection_names.sort{ |a,b| a <=> b }.each do |cltn|%>
+      <div class="item" rel="#details" href="/show_cltn/<%=cltn%>">
+        <img class="tag" src="/images/mongo.png"/>
+        <p><%= cltn %></p>        
+        <span><%= @db[cltn].count%> rows</span>        
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<div class="overlay" id="details">
+  <div class="content"></div>
+</div>
+
+<script>
+  $( function() {
+    
+    $("div.item[rel]").overlay( {
+      expose: '#434343',
+      onBeforeLoad: function() {
+        $.ajax( { url: this.getTrigger().attr( 'href' ), dataType:'script', type:'GET' } );
+      }
+    })
+    
+    $("div.scrollable").scrollable({ 
+        vertical:true,  
+        size:    5
+    }).mousewheel();
+    
+    $("div.item").hover( 
+      function() { $(this).addClass( "selected" ) }, 
+      function() { $(this).removeClass( "selected" ) }
+    );
+  })
+</script>

data/lib/views/database.erb

@@ -0,0 +1,37 @@
+<%= partial :crumbs %>
+
+<div id="actions"> 
+    <a class="prevPage">&laquo; back</a> 
+    <a class="nextPage">more &raquo;</a> 
+</div> 
+
+<div class="scrollable vertical">
+  <div class="items">  
+    <% db_info = @connection.database_info; db_info.keys.sort.each do |db_name| %>
+      <% next if skip_db?( db_name )%>
+      <div id="<%=db_name%>" class="item">
+        <img class="tag" src="/images/mongo3_db.png"/>        
+        <p><%= db_name %></p>
+        <span><%= to_mb(db_info[db_name]) %></span>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<script>
+  $( function() {
+    $("div.item").click( function() {
+      window.location.href = "/cltn/" + this.id;
+    });
+    
+    $("div.scrollable").scrollable({ 
+        vertical:true,  
+        size:    5
+    }).mousewheel();
+    
+    $("div.item").hover( 
+      function() { $(this).addClass( "selected" ) }, 
+      function() { $(this).removeClass( "selected" ) }
+    );
+  })
+</script>

data/lib/views/db_show.erb

@@ -0,0 +1 @@
+$('div#details').html( "<h1> Hello DB</h1" );