GitBlixt
teagles/comfortable-mexican-sofa

styled index pages

Oleg committed Oct 19, 2010
commit e75b2b4066c9a192c10bdbe532295c3f3e9c2da2
Showing 6 changed files with 50 additions and 24 deletions
app/views/cms_admin/layouts/index.html.erb +1 -1
@@ @@ -1,6 +1,6 @@
<%= link_to span_tag('Create New Layout'), new_cms_admin_layout_path, :class => 'big_button' %>
<h1>Layouts</h1>
- <ul class='tree'>
+ <ul class='list'>
<%= render :partial => 'index_branch', :collection => @cms_layouts %>
</ul>
\ No newline at end of file
app/views/cms_admin/pages/_index_branch.html.erb +1 -1
@@ @@ -14,7 +14,7 @@
</div>
<div class='label'>
<%= link_to cms_page.label, edit_cms_admin_page_path(cms_page) %>
- <div class='url'>
+ <div class='sublabel'>
<%= link_to cms_page.full_path, cms_page.full_path %>
</div>
</div>
app/views/cms_admin/pages/index.html.erb +1 -1
@@ @@ -1,6 +1,6 @@
<%= link_to span_tag('Create New Page'), new_cms_admin_page_path, :class => 'big_button' %>
<h1>Pages</h1>
- <ul class='tree'>
+ <ul class='list'>
<%= render :partial => 'index_branch', :collection => @cms_pages %>
</ul>
\ No newline at end of file
app/views/cms_admin/sites/index.html.erb +19 -1
@@ @@ -1,4 +1,22 @@
<%= link_to span_tag('Create New Site'), new_cms_admin_site_path, :class => 'big_button' %>
<h1>Sites</h1>
- <%= debug @cms_sites %>
\ No newline at end of file
+ <ul class='list'>
+ <% @cms_sites.each do |cms_site| %>
+ <li id='cms_site_<%= cms_site.id %>'>
+ <div class='item'>
+ <div class='icon'></div>
+ <div class='action_links'>
+ <%= link_to 'Edit', edit_cms_admin_site_path(cms_site) %>
+ <%= link_to 'Delete', cms_admin_site_path(cms_site), :method => :delete, :confirm => 'Are you sure?' %>
+ </div>
+ <div class='label'>
+ <%= link_to cms_site.label, edit_cms_admin_site_path(cms_site) %>
+ <div class='sublabel'>
+ <%= link_to cms_site.hostname, "http://#{cms_site.hostname}/cms-admin" %>
+ </div>
+ </div>
+ </div>
+ </li>
+ <% end %>
+ </ul>
\ No newline at end of file
app/views/cms_admin/snippets/index.html.erb +18 -8
@@ @@ -1,12 +1,22 @@
<%= link_to span_tag('Create New Snippet'), new_cms_admin_snippet_path, :class => 'big_button' %>
<h1>Snippets</h1>
- <table class='list'>
- <% @cms_snippets.each do |snippet| %>
- <tr>
- <td class='main'>
- <%= link_to snippet.label, edit_cms_admin_snippet_path(snippet)%>
- </td>
- </tr>
+ <ul class='list'>
+ <% @cms_snippets.each do |cms_snippet| %>
+ <li id='cms_snippet_<%= cms_snippet.id %>'>
+ <div class='item'>
+ <div class='icon'></div>
+ <div class='action_links'>
+ <%= link_to 'Edit', edit_cms_admin_snippet_path(cms_snippet) %>
+ <%= link_to 'Delete', cms_admin_snippet_path(cms_snippet), :method => :delete, :confirm => 'Are you sure?' %>
+ </div>
+ <div class='label'>
+ <%= link_to cms_snippet.label, edit_cms_admin_snippet_path(cms_snippet) %>
+ <div class='sublabel'>
+ <%= link_to cms_snippet.slug, edit_cms_admin_snippet_path(cms_snippet) %>
+ </div>
+ </div>
+ </div>
+ </li>
<% end %>
- </table>
\ No newline at end of file
+ </ul>
\ No newline at end of file
public/stylesheets/comfortable_mexican_sofa/structure.css +10 -12
@@ @@ -144,23 +144,23 @@ html, body {
border-color: #9e0b0f;
}
- /* -- Tree Listings ------------------------------------------------------ */
- ul.tree li .item {
+ /* -- Listings ----------------------------------------------------------- */
+ ul.list li .item {
overflow: hidden;
padding: 5px;
border-bottom: 1px solid #fff;
}
- ul.tree li .icon {
+ ul.list li .icon {
width: 28px;
height: 28px;
background: url(/images/comfortable_mexican_sofa/icon_regular.gif);
float: left;
}
- ul.tree li .action_links {
+ ul.list li .action_links {
float: right;
opacity: 0.1;
}
- ul.tree .action_links a {
+ ul.list .action_links a {
margin-left: 3px;
float: left;
background-color: #272A2D;
@@ @@ -171,24 +171,22 @@ ul.tree .action_links a {
border-radius: 3px;
-moz-border-radius: 3px;
}
- ul.tree li .label {
+ ul.list li .label {
margin-left: 35px;
font: 16px/18px Georgia, serif;
color: #1C1F22;
}
- ul.tree li .label .url {
+ ul.list li .label .sublabel {
margin-left: 15px;
font: 11px/14px Arial, sans-serif;
color: #1C1F22;
}
-
- ul.tree li ul {
+ ul.list li ul {
margin-left: 30px;
}
-
- ul.tree li .item:hover {
+ ul.list li .item:hover {
background-color: #fff;
}
- ul.tree li .item:hover .action_links {
+ ul.list li .item:hover .action_links {
opacity: 1;
}
\ No newline at end of file