dobro 0.1.0alpha3

data/.gitignore

@@ -0,0 +1,7 @@
+*.gem
+.bundle
+.sass-cache
+Gemfile.lock
+pkg/*
+*.sqlite
+tmp

data/Gemfile

@@ -0,0 +1,3 @@
+source :rubygems
+
+gemspec

data/HISTORY

@@ -0,0 +1,2 @@
+0.1.0 - ?
+* Initial Release

data/LICENCE

@@ -0,0 +1,20 @@
+Copyright (c) 2011 Hyper Tiny
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.textile

@@ -0,0 +1,70 @@
+h1. Dobro
+
+h2. Installation
+
+First things first, get the gem in your @Gemfile@:
+
+<pre><code>gem 'dobro', '~> 0.1.0'</code></pre>
+
+Then, decide where you want it amongst your routes:
+
+<pre><code># in your config/routes.rb
+dobro_for :articles, :pages, :users</code></pre>
+
+If you want a central dobro page (which defaults to the index page for the first resource that you're using with Dobro), just point a path to @dobro/application#index@:
+
+<pre><code># in your config/routes.rb
+match '/dobro' => 'dobro/application#index'</code></pre>
+
+And finally, make sure you add an @identifier@ method to the models you've marked as Dobro resources. This may be the name, email address, or title. Best to make it something unique.
+
+<pre><code>def identifier
+  name
+end</code></pre>
+
+Bundle and restart your server, and you're good to go. If you've provided a dobro index page (as covered above), then you can head straight to "http://localhost:3000/dobro":http://localhost:3000/dobro.
+
+Before you get too carried away though, you'll almost certainly want to edit the views so the forms have only the fields you'd like. Keep reading for details on that.
+
+h2. Usage
+
+If you'd like to customise the views, just put your versions in @app/views/dobro@, broken down by resources. For example, a custom edit view for users would end up in @app/views/dobro/users/edit.html.erb@.
+
+The standard set of views for Dobro includes:
+
+* index
+* show
+* new
+* edit
+* delete
+
+Generally it's not recommended you edit those though - best to stick to the partials:
+
+* _form (used by both new and edit views)
+* _show (used by the show view)
+
+And perhaps you want to add custom controllers into the mix? That's easy too. For the relevant resources, just give them their own @dobro_for@ call, and specify the custom controller:
+
+<pre><code>dobro_for :pages, :controller => 'pages'</code></pre>
+
+You can also add additional routes just like a standard @resources@ call:
+
+<pre><code>dobro_for :pages, :controller => 'pages' do
+  member { put :approve }
+end</code></pre>
+
+h2. Compatibility
+
+Developed for Rails 3.1 and Ruby 1.9. It will work on other Rubies, but not older versions of Rails.
+
+h2. Developing
+
+Contributions are very much welcome - but keep in mind the following:
+
+* Keep patches in a separate branch
+* Don't mess with the version or history file. We'll take care of that when the patch is merged in.
+* Write tests - look at the existing tests (particularly in @spec/acceptance@) for examples and guidance.
+
+h2. Credits
+
+Copyright (c) 2011 "Hyper Tiny":http://hypertiny.ie. The bulk of the work has been done by "Brian Flanagan":http://www.brianflanagan.org/, "Paul Campbell":http://www.pabcas.com/ and "Pat Allan":http://freelancing-gods.com/, and the code is released under the open MIT Licence.

data/Rakefile

@@ -0,0 +1,11 @@
+require 'rubygems'
+require 'bundler'
+
+Bundler.require :default, :development
+Bundler::GemHelper.install_tasks
+
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new
+
+task :default => :test
+task :test    => :spec

data/app/assets/stylesheets/dobro.css.scss.erb

@@ -0,0 +1,421 @@
+@import 'dobro/reset.css.scss';
+@import 'dobro/fonts.css.scss';
+@import 'dobro/colours.css.scss';
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: #eee;
+  font-size: 13px;
+  @include text;
+}
+
+a, a:link, a:visited {
+  text-decoration: none;
+}
+
+header, footer, .body {
+  overflow: hidden;
+  clear: both;
+  margin: 0 auto 0 0;
+}
+
+// form elements
+
+input, textarea, select, button {
+  @include text;
+}
+
+input[type='text'], input[type='password'], input[type='email'] {
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  font-size: 13px;
+  padding: 3px 6px;
+  background: #fff url("<%= asset_path 'input-shade.gif' %>") left top repeat-x;
+  &:focus {
+    border: 1px solid #bbb;
+    background-image: url("<%= asset_path 'input-shade-focus.gif' %>");
+  }
+}
+
+textarea {
+  width: 360px;
+  height: 10em;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  font-size: 13px;
+  padding: 3px 6px;
+  background: #fff url("<%= asset_path 'input-shade.gif' %>") left top repeat-x;
+  &:focus {
+    border: 1px solid #bbb;
+    background-image: url("<%= asset_path 'input-shade-focus.gif' %>");
+  }
+}
+
+input[type="submit"], button {
+  color: #333;
+  text-shadow: 0 1px 0 #ddd;
+  border: 1px solid #b0b0b0;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  font-size: 13px;
+  padding: 3px 6px;
+  background: #cacaca;
+  background-image: -webkit-gradient(
+      linear,
+      left bottom,
+      left top,
+      color-stop(0.0, #bfbfbf),
+      color-stop(0.75, #ccc)
+  );
+  background-image: -moz-linear-gradient(
+      center bottom,
+      #bfbfbf 0%,
+      #ccc 75%
+  );
+  &:hover {
+    border: 1px solid #aaa;
+    cursor: pointer;
+    background: #cacaca;
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.0, #afafaf),
+        color-stop(0.75, #bfbfbf)
+    );
+    background-image: -moz-linear-gradient(
+        center bottom,
+        #afafaf 0%,
+        #bfbfbf 75%
+    );
+  }
+  &:active {
+    color: #111;
+    text-shadow: 0 1px 0 #ccc;
+    border: 1px solid #888;
+    cursor: pointer;
+    background: #cacaca;
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.0, #999),
+        color-stop(0.75, #aaa)
+    );
+    background-image: -moz-linear-gradient(
+        center bottom,
+        #999 0%,
+        #aaa 75%
+    );
+  }
+}
+
+// header
+
+header#h1 {
+  background: #ddd;
+  border-bottom: 1px solid #ccc;
+  a, a:link, a:visited {
+    color: #666;
+    text-shadow: 0 1px 0 #f9f9f9;
+    &:hover {
+      color: #333;
+    }
+  }
+  h1 {
+    float: left;
+    clear: left;
+    a, a:link, a:visited {
+      display: block;
+      padding: 10px;
+      font-weight: bold;
+      color: #333;
+      text-shadow: 0 1px 0 #fff;
+    }
+  }
+  nav {
+    float: right;
+    clear: right;
+    ul {
+      list-style: none;
+      float: right;
+      li {
+        float: left;
+        a, a:link, a:visited {
+          display: block;
+          padding: 10px;
+        }
+      }
+    }
+  }
+}
+
+header.h2 {
+  overflow: hidden;
+  clear: both;
+  margin: -10px -10px 10px;
+  padding: 10px;
+  background: #fafafa;
+  border-bottom: 1px solid #eee;
+  h2 {
+    float: left;
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+  }
+  nav {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    ul {
+      list-style: none;
+      float: right;
+      li {
+        float: left;
+        padding: 0 0 0 5px;
+        a, a:link, a:visited {
+          display: block;
+          opacity: .125;
+          text-indent: -9999px;
+          overflow: hidden;
+          width: 16px;
+          height: 16px;
+          background-position: center center;
+          background-color: transparent;
+          background-repeat: no-repeat;
+          &.new {
+            background-image: url("<%= asset_path 'icons/plus.png' %>");
+          }
+          &.cancel {
+            background-image: url("<%= asset_path 'icons/x.png' %>");
+          }
+          &.edit {
+            background-image: url("<%= asset_path 'icons/pencil.png' %>");
+          }
+          &:hover {
+            opacity: .25;
+          }
+          &:active {
+            opacity: .35;
+          }
+        }
+      }
+    }
+  }
+}
+
+header.h3 {
+  position: relative;
+  padding: 10px;
+  background-image: -webkit-gradient(
+      linear,
+      left bottom,
+      left top,
+      color-stop(0.0, #f3f3f3),
+      color-stop(0.75, #fafafa)
+  );
+  background-image: -moz-linear-gradient(
+      center bottom,
+      #f3f3f3 0%,
+      #fafafa 75%
+  );
+  h3 {
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+  }
+  nav {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    ul {
+      list-style: none;
+      float: right;
+      li {
+        float: left;
+        a, a:link, a:visited {
+          opacity: .125;
+          display: block;
+          text-indent: -9999px;
+          overflow: hidden;
+          width: 16px;
+          height: 16px;
+          background-position: center center;
+          background-color: transparent;
+          background-repeat: no-repeat;
+          &.new {
+            background-image: url("<%= asset_path 'icons/plus.png' %>");
+          }
+          &.cancel {
+            background-image: url("<%= asset_path 'icons/x.png' %>");
+          }
+          &.edit {
+            background-image: url("<%= asset_path 'icons/pencil.png' %>");
+          }
+          &:hover {
+            opacity: .25;
+          }
+          &:active {
+            opacity: .35;
+          }
+        }
+      }
+    }
+  }
+}
+
+// footer
+
+footer {
+  background: #eee;
+  border-top: 1px solid #ddd;
+  a, a:link, a:visited {
+    color: #666;
+    text-shadow: 0 1px 0 #f9f9f9;
+    &:hover {
+      color: #333;
+    }
+  }
+  p {
+    padding: 10px;
+    text-align: right;
+  }
+}
+
+// body
+
+.body {
+  position: relative;
+  background: #fff;
+  height: 80%;
+  .selector {
+    float: left;
+    width: 18%;
+    height: 100%;
+    overflow: auto;
+  }
+  .view {
+    float: left;
+    width: 64%;
+    height: 100%;
+    overflow: auto;
+  }
+}
+
+// selector
+
+.selector {
+  height: 100%;
+  background: #f9f9f9 url("<%= asset_path 'ridge-border.gif' %>") right top repeat-y;
+  header {
+    border-right: 1px solid #ddd;
+  }
+  ul.records {
+    border-right: 1px solid #ddd;
+  }
+}
+
+// action
+
+.view {
+  .action {
+    overflow: auto;
+    clear: both;
+    padding: 10px;
+    dl {
+      padding: 10px;
+      max-width: 480px;
+      font-size: 12px;
+      line-height: 21px;
+      dt {
+        width: 20%;
+        float: left;
+        clear: left;
+        font-weight: bold;
+        color: #999;
+      }
+      dd {
+        width: 80%;
+        float: left;
+        clear: right;
+      }
+    }
+  }
+  form {
+    padding: 10px;
+    fieldset {
+      max-width: 480px;
+      font-size: 12px;
+      line-height: 21px;
+      label {
+        width: 20%;
+        float: left;
+        clear: left;
+        font-weight: bold;
+        color: #999;
+        margin: 0 0 15px;
+      }
+      input, select, textarea {
+        float: left;
+        clear: right;
+        margin: 0 0 15px;
+      }
+    }
+    .buttons {
+      overflow: hidden;
+      clear: both;
+      border-top: 1px solid #eee;
+      padding: 10px;
+      background: #fafafa;
+      border-bottom: 1px solid #eee;
+      input, button {
+        float: right;
+        margin: 0;
+      }
+    }
+  }
+}
+
+// records
+
+ul.records {
+  list-style: none;
+  border-top: 1px solid #eee;
+  li.record {
+    border-bottom: 1px solid #eee;
+    a, a:link, a:visited {
+      display: block;
+      padding: 10px;
+      color: $red;
+      background-image: -webkit-gradient(
+          linear,
+          left bottom,
+          left top,
+          color-stop(0.0, #f9f9f9),
+          color-stop(0.75, #fefefe)
+      );
+      background-image: -moz-linear-gradient(
+          center bottom,
+          #f9f9f9 0%,
+          #fefefe 75%
+      );
+      &.selected {
+        background: $blue;
+        color: #fff;
+        &:hover {
+          background: darken($blue,5%);
+          color: #fff;
+        }
+      }
+      &:hover {
+        background: #f9f9f9;
+      }
+    }
+  }
+}