Updated template editing

This commit is contained in:
saurabhbhatia 2013-10-03 12:47:07 +08:00
parent f85354c2b6
commit ff93670949
9 changed files with 197 additions and 109 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -0,0 +1,52 @@
/* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */
/*<!--breakpoint-->*/
.breakpoints {width: .8em;}
.breakpoint { color: #822; }
/*<!--match-->*/
span.CodeMirror-matchhighlight { background: #494949 }
.CodeMirror-focused span.CodeMirror-matchhighlight { background: #314D67; !important }
/*<!--activeline-->*/
.activeline {background: #253540 !important;}
.cm-s-midnight.CodeMirror {
background: #0F192A;
color: #D1EDFF;
}
.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
.cm-s-midnight div.CodeMirror-selected {background: #314D67 !important;}
.cm-s-midnight .CodeMirror-gutters {background: #0F192A; border-right: 1px solid;}
.cm-s-midnight .CodeMirror-linenumber {color: #D0D0D0;}
.cm-s-midnight .CodeMirror-cursor {
border-left: 1px solid #F8F8F0 !important;
}
.cm-s-midnight span.cm-comment {color: #428BDD;}
.cm-s-midnight span.cm-atom {color: #AE81FF;}
.cm-s-midnight span.cm-number {color: #D1EDFF;}
.cm-s-midnight span.cm-property, .cm-s-tropicaleve span.cm-attribute {color: #A6E22E;}
.cm-s-midnight span.cm-keyword {color: #E83737;}
.cm-s-midnight span.cm-string {color: #1DC116;}
.cm-s-midnight span.cm-variable {color: #FFAA3E;}
.cm-s-midnight span.cm-variable-2 {color: #FFAA3E;}
.cm-s-midnight span.cm-def {color: #4DD;}
.cm-s-midnight span.cm-error {background: #F92672; color: #F8F8F0;}
.cm-s-midnight span.cm-bracket {color: #D1EDFF;}
.cm-s-midnight span.cm-tag {color: #008;}
.cm-s-midnight span.cm-link {color: #AE81FF;}
.cm-s-midnight .CodeMirror-matchingbracket {
text-decoration: underline;
color: white !important;
}
.typ { color: #FFAA3E; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }

View File

@ -1,21 +1,23 @@
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/ambiance-mobile.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/ambiance.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/blackboard.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/cobalt.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/eclipse.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/elegant.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/erlang-dark.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/midnight.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/monokai.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/neat.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/night.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/rubyblue.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/solarized.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/theme.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/twilight.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/vibrant-ink.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/xq-dark.css);
@import url(/orbit_4.0.1/assets/stylesheets/lib/codemirror/theme/xq-light.css);
/*
*= require 'lib/codemirror/theme/ambiance-mobile'
*= require "lib/codemirror/theme/ambiance"
*= require "lib/codemirror/theme/blackboard"
*= require "lib/codemirror/theme/cobalt"
*= require "lib/codemirror/theme/eclipse"
*= require "lib/codemirror/theme/elegant"
*= require "lib/codemirror/theme/erlang-dark"
*= require "lib/codemirror/theme/midnight"
*= require "lib/codemirror/theme/monokai"
*= require "lib/codemirror/theme/neat"
*= require "lib/codemirror/theme/night"
*= require "lib/codemirror/theme/rubyblue"
*= require "lib/codemirror/theme/solarized"
*= require "lib/codemirror/theme/theme"
*= require "lib/codemirror/theme/twilight"
*= require "lib/codemirror/theme/vibrant-ink"
*= require "lib/codemirror/theme/xq-dark"
*= require "lib/codemirror/theme/xq-light"
*/
.cm-tab {
border-left: 1px solid rgba(200, 200, 200, .2);
}

View File

@ -9,7 +9,7 @@
</ul>
</div>
</td>
<td class="span1"><%= radio_button_tag 'design_default', design.id, (@site.design.id.to_s.eql?(design.id.to_s) ? true : false), :class => 'design_default', :rel => admin_sites_path %></td>
<td class="span7"><%= design.intro %></td>
<td class="span2"><%= design.author %></td>
<td class="span1 active"><%= radio_button_tag 'design_default', design.id, (@site.design.id.to_s.eql?(design.id.to_s) ? true : false), :class => 'design_default toggle-check', :rel => admin_sites_path %></td>
</tr>

View File

@ -1,11 +1,12 @@
<thead>
<tr>
<th class="span1 strong"></th>
<th class="span2"></th>
<tr class="sort-header">
<th></th>
<th class="first span3"><a href="#">Templates Title</a></th>
<th data-hide="phone" class="active span3">Active</th>
<th data-hide="phone" class="active span3">Date of purchase</th>
<th data-hide="phone" class="active span3">Designer</th>
<th class="span1"></th>
<th class="span7"></th>
<th class="span2"></th>
</tr>
</tr>
</thead>
<tbody>
<tbody id="tbody_designs" class="sort-holder">

View File

@ -2,7 +2,27 @@
<%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_site_info_path(@site), :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>
<h1><%= t('editing.design') %></h1>
<head>
<%= stylesheet_link_tag "lib/wrap-nav"%>
<%= stylesheet_link_tag "lib/main-list"%>
<%= stylesheet_link_tag "lib/mt-list"%>
<%= stylesheet_link_tag "lib/filter"%>
<%= stylesheet_link_tag "lib/codemirror/theme/theme"%>
<%= javascript_include_tag 'codemirror/codemirror' %>
<%= javascript_include_tag 'codemirror/jquery.codemirror' %>
<%= javascript_include_tag 'codemirror/mode/css' %>
<%= javascript_include_tag 'codemirror/mode/xml' %>
<%= javascript_include_tag 'codemirror/mode/vbscript' %>
<%= javascript_include_tag 'codemirror/mode/javascript' %>
<%= javascript_include_tag 'codemirror/mode/htmlmixed' %>
<%= javascript_include_tag 'codemirror/addon/edit/closetag' %>
<%= javascript_include_tag 'codemirror/addon/edit/closebrackets' %>
<%= javascript_include_tag 'codemirror/util/formatting' %>
<%= javascript_include_tag 'lib/templates_code' %>
</head>
<h1><%= @design.title %></h1>
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#info" data-toggle="tab"><%= t(:info) %></a></li>

View File

@ -2,6 +2,21 @@
<%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_site_info_path(@site), :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>
<head>
<%= stylesheet_link_tag "lib/wrap-nav"%>
<%= stylesheet_link_tag "lib/main-list"%>
<%= stylesheet_link_tag "lib/mt-list"%>
<%= stylesheet_link_tag "lib/filter"%>
<%= stylesheet_link_tag "lib/togglebox"%>
<%= javascript_include_tag 'lib/footable-0.1' %>
<%= javascript_include_tag 'lib/all-list' %>
<%= javascript_include_tag 'lib/retina' %>
<%= javascript_include_tag 'lib/mudole_templates_status' %>
</head>
<%= render 'filter' %>
<table class="table main-list">
<%= render 'designs' %>

View File

@ -2,86 +2,84 @@
<%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_site_info_path(@site), :icon => 'icons-cog', :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>
<% content_for :page_specific_css do %>
<%= stylesheet_link_tag 'normalize' %>
<%= stylesheet_link_tag 'bootstrap-responsive' %>
<%= stylesheet_link_tag 'rulingorbit' %>
<%= stylesheet_link_tag 'module-store' %>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag "jquery.cycle" %>
<%= javascript_include_tag "modules" %>
<% end %>
<head>
<%= stylesheet_link_tag "lib/wrap-nav"%>
<%= stylesheet_link_tag "lib/main-list"%>
<%= stylesheet_link_tag "lib/mt-list"%>
<%= stylesheet_link_tag "lib/filter"%>
<%= stylesheet_link_tag "lib/togglebox"%>
<div class="wrapper">
<div id="toolbar">
<div class="filter fn">
<span class="label">Price</span>
<div class="drop-menu ui">
<a href="" class="controller">
<span class="option-default">All</span>
<span class="arrow down"></span>
</a>
<ul class="option-list">
<li><a class="option-item" href="">All</a></li>
<li><a class="option-item" href="">3000</a></li>
<li><a class="option-item" href="">4000</a></li>
<li><a class="option-item" href="">5000</a></li>
</ul>
<%= javascript_include_tag 'lib/footable-0.1' %>
<%= javascript_include_tag 'lib/all-list' %>
<%= javascript_include_tag 'lib/retina' %>
<%= javascript_include_tag 'lib/mudole_templates_status' %>
</head>
<table id="mt-list" class="table main-list">
<thead>
<tr class="sort-header">
<th class="first"><a href="#">Module Title</a></th>
<th data-hide="phone" class="active span3">Date of purchase</th>
<th data-hide="all" class="active"><a href="#">Description</a></th>
<th class="span2">Active</th>
</tr>
</thead>
<tbody>
<tr>
<td class="detail-row">
<div class="module_icon pull-left">
<%= image_tag "module_icon.png"%>
</div>
<h5 class="mt_title"><span>Module Title</span><span class="muted">2.0.1</span></h5>
<p class="mt_dev muted">Rulingcom</p>
</td>
<td class="detail-row">2013/07/12</td>
<td>
@detail
</td>
<td class="active"><button class="act btn btn-mini" type="button">Uninstall</button></td>
</tr>
<tr class="download">
<td class="detail-row">
<div class="module_icon pull-left">
<%= image_tag "module_icon.png"%>
</div>
<div class="filter fn">
<span class="label">Category</span>
<div class="drop-menu ui">
<a href="" class="controller">
<span class="option-default">All</span>
<span class="arrow down"></span>
</a>
<ul class="option-list">
<li><a class="option-item" href="">All</a></li>
<li><a class="option-item" href="">National Taiwan University</a></li>
<li><a class="option-item" href="">Category 1</a></li>
<li><a class="option-item" href="">Category 2</a></li>
<li><a class="option-item" href="">Category 3</a></li>
</ul>
<h5 class="mt_title"><span>Module Title Module Title Module Title</span><span class="muted">2.0.1</span></h5>
<p class="mt_dev muted">Rulingcom</p>
</td>
<td class="detail-row">2013/07/12</td>
<td>
@detail
</td>
<td class="active"><button class="act btn btn-mini btn-success" type="button">Download</button></td>
</tr>
<tr class="install">
<td class="detail-row">
<div class="module_icon pull-left">
<%= image_tag "module_icon.png"%>
</div>
<h5 class="mt_title"><span>Module Title</span><span class="muted">2.0.1</span></h5>
<p class="mt_dev muted">Rulingcom</p>
</td>
<td class="detail-row">2013/07/12</td>
<td>
@detail
</td>
<td class="active"><button class="act btn btn-mini btn-primary" type="button">Install</button></td>
</tr>
<tr class="update">
<td class="detail-row">
<div class="module_icon pull-left">
<%= image_tag "module_icon.png"%>
</div>
<div class="filter fn">
<span class="label">Sort by</span>
<div class="drop-menu ui">
<a href="" class="controller">
<span class="option-default">Date</span>
<span class="arrow down"></span>
</a>
<ul class="option-list">
<li><a class="option-item" href="">Date</a></li>
<li><a class="option-item" href="">Popular</a></li>
<li><a class="option-item" href="">Recent Upload</a></li>
</ul>
</div>
</div>
</div>
<div id="feature" class="clearfix">
<div id="feature-nav">
<ul>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f1.jpg"%>" alt="Thumbnail 1" width="228" height="67"></a></li>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f2.jpg"%>" alt="Thumbnail 2" width="228" height="67"></a></li>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f3.jpg"%>" alt="Thumbnail 3" width="228" height="67"></a></li>
</ul>
</div>
<div class="holder">
<ul>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f1.jpg"%>" alt="Thumbnail 1" width="740" height="220"></a></li>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f2.jpg"%>" alt="Thumbnail 2" width="740" height="220"></a></li>
<li><a href=""><img class="item-thumb" src="<%= asset_path "f3.jpg"%>" alt="Thumbnail 3" width="740" height="220"></a></li>
</ul>
</div>
</div>
<div id="item-list">
<ul class="clearfix">
<% 12.times do |i| %>
<li><a href="module_store/show?m=<%= i + 1 %>"><img src="/assets/module/thumb/mt<%= i + 1 %>.jpg" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module <%= i + 1 %></b><span class="item-price">Free</span></span></a></li>
<% end %>
</ul>
</div>
</div>
<h5 class="mt_title"><span>Module Title</span><span class="muted">2.0.1</span></h5>
<p class="mt_dev muted">Rulingcom</p>
</td>
<td class="detail-row">2013/07/12</td>
<td>
@detail
</td>
<td class="active"><button class="act btn btn-mini btn-info" type="button">Update</button></td>
</tr>
</tbody>
</table>