Module store

This commit is contained in:
chris 2012-11-29 02:02:37 +08:00
parent 06335f9bd1
commit 036d7bbb0e
14 changed files with 1847 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 267 B

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,259 @@
ul, li{
margin: 0;
list-style: none;
}
body{
color: #000;
font-family: helvetica, arial, sans-serif;
}
.md-bg{
padding-top: 30px;
background: #e8eef5;
max-height: 300px;
}
.md-store{
margin: 0 40px;
min-width: 780px;
}
.modulestore .header{
width: 780px;
margin: 0 auto;
}
.home{
margin: 39px 0 0 18px;
background: url(<%= asset_path 'modulestore/h1_bg.png' %>) left top no-repeat;
width: 174px;
height: 39px;
display: block;
}
.home:hover{
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: .85;
}
.home:active{
position: relative;
top: 1px;
}
.home a{
text-indent: -9999px;
display: block;
}
.slide{
position: relative;
}
.slide-wrap{
position: relative;
width: 780px;
margin: 0 auto;
}
.slide{
margin: 25px 0 55px 0;
width: 740px;
height: 220px;
}
.slide-nav a{
overflow: hidden;
position: absolute;
top: 50%;
left: 10px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 50px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-align: center;
background: #999;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
opacity: 1;
filter: alpha(opacity=100);
z-index: 10;
}
.slide-nav a{
display: block;
text-decoration: none;
}
.slide-nav .next {
right: 10px;
left: auto;
background: #999;
}
.slide-nav .next:hover{
background: #529bdf;
opacity: 1;
filter: alpha(opacity=100);
}
.slide-nav .prev:hover{
background: #529bdf;
opacity: 1;
filter: alpha(opacity=100);
}
.slide-feature{
background: url(<%= asset_path 'modulestore/carousel_feature.png' %>) left top no-repeat;
width: 435px;
height: 305px;
position: absolute;
right: 60px;
top: -25px;
z-index: 9;
}
.app{
width: 240px;
}
.app-list a{
width: 200px;
height: 200px;
overflow: hidden;
display: block;
background: #00699f;
position: relative;
margin: 0 0 40px 0;
-webkit-box-shadow: 0px 2px 10px 0px #a3a3a3;
box-shadow: 0px 2px 10px 0px #a3a3a3;
}
.app-list .detail{
background: #f0f0f0;
position: absolute;
width: 180px;
bottom: 0;
left: 0;
padding: 10px 10px 5px 10px;
}
.app-list .detail .apptitle{
display: block;
font-size: 13px;
margin-bottom: 2px;
}
.app-list .detail .apptitle:hover{
text-decoration: underline;
}
.app-list .detail .apptitle:active{
position: relative;
top: 1px;
}
.app-list .detail .price{
font-size: 12px;
color: #76787a;
}
/* module detail page */
.modulestore-detail .header{
margin-bottom: 30px;
}
.breadcrumb{
background: none;
font-size: 12px;
margin: 10px 0 0 0;
padding: 0;
font-style: italic;
}
.left-col.span3{
width: 170px;
}
.app-icon{
border: 1px solid #ddd;
margin: 0 0 5px 0;
}
.price.btn.btn-primary{
margin: 0 0 5px 10px;
}
.downloads{
font-size: 12px;
color: #363636;
}
.downloads span{
color: #727272;
}
.who-are-using-this-apps, .recommends{
font-size: 12px;
padding: 0;
margin: 7px 0;
line-height: 1.9;
}
.download-meta ul li{
font-size: 11px;
padding-left: 5px;
}
.recommend-thumbs{
margin: 0 0 0 15px;
}
.recommend-thumbs img{
display: inline-block;
border: 1px solid #dcdcdc;
margin-bottom: 10px;
}
.recommend-thumbs a:hover img{
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: .85;
}
.right-col.span6{
width: 530px;
}
.right-col h2{
font-size: 24px;
color: #3e94e4;
font-weight: 100;
line-height: 28px;
}
.right-col h3{
color: #363636;
font-size: 15px;
font-weight: 100;
margin: 8px 0;
line-height: 20px;
}
.app-description{
color: #5d5d5d;
font-size: 12px;
}
.screenshots .slide{
width: 580px;
height: 360px;
}
.detail-slide-nav {
text-align: center;
z-index: 50;
position: absolute;
bottom: 0;
left: 0;
background: #000000;
opacity: .75;
width: 580px;
line-height: 20px;
}
.detail-slide-nav a{
color: #fff;
background: #fff;
margin: 0 7px 0 0;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 10px;
width: 10px;
display: inline-block;
overflow: hidden;
}
.detail-slide-nav a:hover{
color: #4bbaf3;
background: #4bbaf3;
text-decoration: none;
}
.detail-slide-nav a.activeSlide {
background: #4bbaf3;
color: #4bbaf3;
}
.detail-slide-nav a:focus {
outline: none;
}

View File

@ -0,0 +1,11 @@
class Admin::ModuleStoreController < ApplicationController
layout "new_admin"
def index
end
def show
end
end

View File

@ -5,4 +5,7 @@ class Admin::TemplateStoreController < ApplicationController
def index
end
def show
end
end

View File

@ -0,0 +1,58 @@
<% content_for :side_bar do %>
<%= 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 'modulestore' %>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag 'lib/jquery.cycle.all.latest.js' %>
<script type="text/javascript">
// Banner slideshow
$(function() {
$('.slide').cycle({
fx: 'scrollRight',
speed: 600,
timeout: 4000,
slideExpr: 'img',
next: '.next',
prev: '.prev'
});
});
</script>
<% end %>
<div class="md-bg">
<div class="modulestore md-store">
<div class="header">
<h1 class="home"><a href="modulestore">Orbit Module Store</a></h1>
<div class="slide-wrap">
<div class="slide-feature"></div>
<div class="slide">
<div class="slide-nav">
<a class="prev" href="#">&lsaquo;</a>
<a class="next" href="#">&rsaquo;</a>
</div>
<a href="#"><img src="<%= asset_path 'modulestore/slide01.jpg' %>"></a>
<a href="#"><img src="<%= asset_path 'modulestore/slide01.jpg' %>"></a>
<a href="#"><img src="<%= asset_path 'modulestore/slide01.jpg' %>"></a>
</div>
</div>
</div>
<div class="main">
<div class="app-list row">
<% 9.times do %>
<div class="app span3">
<a href="module_store/show">
<img src="<%= asset_path 'modulestore/app.jpg' %>" alt="App" />
<div class="detail">
<strong class="apptitle">Orange theme</strong>
<em class="price">Free download</em>
</div>
</a>
</div>
<% end %>
</div>
</div>
</div>

View File

@ -0,0 +1,97 @@
<% content_for :side_bar do %>
<%= 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 'modulestore' %>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag 'lib/jquery.cycle.all.latest.js' %>
<script type="text/javascript">
$(function() {
$('.slide').cycle({
fx: 'scrollRight',
speed: 'fast',
timeout: 4000,
pager: '.detail-slide-nav',
pagerEvent: 'mouseover',
slideExpr: 'img'
});
});
</script>
<% end %>
<div class="modulestore-detail md-store">
<div class="header">
<h1 class="home"><a href="modulestore.html">Orbit Module Store</a></h1>
</div>
<div class="main row-fluid clearfix">
<div class="left-col span3">
<%= image_tag 'modulestore/app-icon.jpg', :class => "app-icon" %>
<a href="#" class="price btn btn-primary">Free download</a>
<ul class="download-meta">
<li><strong class="downloads">Download:<span> 257985 times</span></strong></li>
<li>
<h3 class="who-are-using-this-apps">Who are using this apps?</h3>
<ul>
<li>NTU College of Liberal Arts</li>
<li>NTU Department of Mathematics</li>
<li>NCKU Graduate Institute of Communication Engineering</li>
<li>NCCU Graduate Institute of Biomedical Electronics and Bioinformatics</li>
<li>NTHU Nano-Electro-Mechanical System Research Center</li>
</ul>
</li>
<li>
<h3 class="recommends">Who are using this also like</h3>
<ul class="recommend-thumbs">
<li>
<a href=""><%= image_tag 'modulestore/dropbox.jpg' %></a>
<a href=""><%= image_tag 'modulestore/screen-capture.jpg' %></a>
<a href=""><%= image_tag 'modulestore/deault-app-icon.jpg' %></a>
</li>
</ul>
</li>
</ul>
</div>
<div class="right-col span6">
<ul class="breadcrumb">
<li><a href="Orbit_module_home.html">Home</a> <span class="divider">/</span></li>
<li class="active">Orbit</li>
</ul>
<h2>Orbit app name here</h2>
<h3>Description</h3>
<p class="app-description">
Orbit Blog makes it easy to post text, photos and video onto your blog.
We created Orbit blog to give you an easy way to share your thoughts about current events, what's going on in your life, or anything else you'd care to discuss with the world. We've developed a host of features to make blogging as simple and effective as possible:
* Free hosting for your images, video, and blog content
* Powerful Template Designer for customizing your blog's look and feel
* Drag and drop widget arrangements
* Hundreds of background images and of flexible default templates
* Built-in blog stats for realtime traffic data
* Easy, built-in monetization with AdSense
* Mobile support for blogging-on-the-go
* Use your custom URL for free
* Support for individual, team, and private blogs
* Post and comment notifications
* Gadget directory with hundreds of free widgets and add-ons
* Available in 4 languages
</p>
<div class="screenshots">
<h3>Screenshots</h3>
<div class="slide">
<div class="detail-slide-nav">
</div>
<a href="#"><%= image_tag 'modulestore/screenshot1.jpg' %></a>
<a href="#"><%= image_tag 'modulestore/screenshot2.jpg' %></a>
<a href="#"><%= image_tag 'modulestore/screenshot3.jpg' %></a>
<a href="#"><%= image_tag 'modulestore/screenshot4.jpg' %></a>
<a href="#"><%= image_tag 'modulestore/screenshot5.jpg' %></a>
</div>
</div>
<div>
</div>
</div>

View File

@ -17,8 +17,9 @@
<% end -%>
<%= content_tag :li, :class => active_for_controllers('template_store', 'module_store') do -%>
<%= link_to content_tag(:i, nil, :class => 'icons-window-block') + content_tag(:span, t(:purchase)), admin_purchases_path %>
<%= link_to content_tag(:i, nil, :class => 'icons-cart') + content_tag(:span, t(:purchase)), admin_purchases_path %>
<%= content_tag :ul, :class => ("nav nav-list " + visible_for_controllers('template_store', 'module_store')) do -%>
<%= content_tag :li, link_to(t('store.template'), admin_template_store_path), :class => active_for_action('template_store', 'index') %>
<%= content_tag :li, link_to(t('store.module'), admin_module_store_path), :class => active_for_action('module_store', 'index') %>
<% end %>
<% end -%>

View File

@ -1,5 +1,5 @@
<% content_for :side_bar do %>
<%= 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'} %>
<%= 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 %>
@ -8,13 +8,13 @@
<div class="templatestore tp-store">
<div class="header">
<h1 class="home"><a href="templatestore-detail.html">Orbit Template Store</a></h1>
<h1 class="home"><a href="template_store">Orbit Template Store</a></h1>
</div>
<div class="main">
<div class="template-list row">
<% 9.times do %>
<div class="template span3">
<a href="templatestore-detail.html">
<a href="template_store/show">
<img src="<%= asset_path 'templatestore/template.jpg' %>" alt="Template" />
<div class="detail">
<strong class="template-title">Orange theme</strong>
@ -26,3 +26,5 @@
</div>
</div>
</div>

View File

@ -0,0 +1,77 @@
<% content_for :side_bar do %>
<%= 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 'templatestore' %>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag 'lib/jquery.cycle.all.latest.js' %>
<script type="text/javascript">
$(function() {
$('.slide').cycle({
fx: 'scrollRight',
speed: 'fast',
timeout: 4000,
pager: '.detail-slide-nav',
pagerEvent: 'mouseover',
slideExpr: 'img'
});
});
</script>
<% end %>
<div class="templatestore-detail tp-store">
<div class="header">
<h1 class="home"><a href="templatestore.html">Orbit Template Store</a></h1>
</div>
<div class="main row-fluid">
<div class="left-col span3">
<%= image_tag 'templatestore/template-icon.jpg', :class => "template-icon" %>
<a href="#" class="price btn btn-primary">Free download</a>
<ul class="view-meta">
<li><strong class="views">Views:<span> 7985 times</span></strong></li>
</ul>
</div>
<div class="right-col span6">
<ul class="breadcrumb">
<li><a href="Orbit_template_home.html">Home</a> <span class="divider">/</span></li>
<li class="active">Orbit</li>
</ul>
<h2>Orbit Template name here</h2>
<h3>Description</h3>
<p class="template-description">
Orbit Blog makes it easy to post text, photos and video onto your blog.
We created Orbit blog to give you an easy way to share your thoughts about current events, what's going on in your life, or anything else you'd care to discuss with the world. We've developed a host of features to make blogging as simple and effective as possible:
* Free hosting for your images, video, and blog content
* Powerful Template Designer for customizing your blog's look and feel
* Drag and drop widget arrangements
* Hundreds of background images and of flexible default templates
* Built-in blog stats for realtime traffic data
* Easy, built-in monetization with AdSense
* Mobile support for blogging-on-the-go
* Use your custom URL for free
* Support for individual, team, and private blogs
* Post and comment notifications
* Gadget directory with hundreds of free widgets and add-ons
* Available in 4 languages
</p>
<div class="screenshots">
<h3>Screenshots</h3>
<div class="slide">
<div class="detail-slide-nav">
</div>
<a href="#"><%= image_tag 'templatestore/screenshot1.jpg' %></a>
<a href="#"><%= image_tag 'templatestore/screenshot2.jpg' %></a>
<a href="#"><%= image_tag 'templatestore/screenshot3.jpg' %></a>
<a href="#"><%= image_tag 'templatestore/screenshot4.jpg' %></a>
<a href="#"><%= image_tag 'templatestore/screenshot5.jpg' %></a>
</div>
</div>
<div>
</div>
</div>

View File

@ -138,7 +138,10 @@ Orbit::Application.routes.draw do
match 'member_select_add' => "member_selects#member_select_add" ,:as => :member_select_add,:via => "post"
end
match 'module_store' => 'module_store#index'
match 'module_store/show' => 'module_store#show'
match 'template_store' => 'template_store#index'
match 'template_store/show' => 'template_store#show'
end
# end admin