Module store
This commit is contained in:
chris
parent
06335f9bd1
commit
036d7bbb0e
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
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
class Admin::ModuleStoreController < ApplicationController
|
||||
|
||||
layout "new_admin"
|
||||
|
||||
def index
|
||||
end
|
||||
|
||||
def show
|
||||
end
|
||||
|
||||
end
|
||||
|
|
@ -5,4 +5,7 @@ class Admin::TemplateStoreController < ApplicationController
|
|||
def index
|
||||
end
|
||||
|
||||
def show
|
||||
end
|
||||
|
||||
end
|
||||
|
|
@ -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="#">‹</a>
|
||||
<a class="next" href="#">›</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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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 -%>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Reference in New Issue