openstack/app-catalog
Code Issues Proposed changes

Update design on landing page

Browse Source 
Change-Id: Idd8a65aa309e72826a522c73371d23c0183ebb44
This commit is contained in:
Herman Narkaytis 2015-04-17 02:55:35 +03:00
parent 5f480f081d
commit d596510986
4 changed files with 55 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
openstack_catalog/web/index.html
View File

@ -79,8 +79,11 @@
<div class="row featured">
<div class="col-md-2 col-sm-6">
<h3>Featured Apps</h3>
<p>(Requires OpenStack)</p>
<div class="inner title">
<img/>
<h3>Featured Apps</h3>
<p>(Requires OpenStack)</p>
</div>
</div>
<div class="col-md-2 col-sm-6">
<div class="inner murano">
@ -120,9 +123,15 @@
<div class="col-md-4 bluebox">
<div class="inner">
<h2>Murano Packages</h2>
<img src="static/images/openstack-logo.png">
<p>In Murano Packages you will find complete applications, simple and clustered, ready to deploy into your cloud. To use them:</p>
<a href="#tab=murano-apps">
<h2>Murano Packages</h2>
<img src="static/images/murano-diagram.png">
</a>
<p>
In Murano Packages you will find complete
applications, simple and clustered, ready to deploy
into your cloud. To use them:
</p>
<ol>
<li>Verify that you have Murano installed</li>
<li>Browse the list and find the app package you want</li>
@ -136,33 +145,46 @@
<div class="col-md-4 bluebox">
<div class="inner">
<h2>Heat Templates</h2>
<img src="static/images/openstack-logo.png" class="text-center">
<p>In Heat Templates you will find templates for creating complete stacks in your cloud. To use them:</p>
<a href="#tab=heat-tamplates">
<h2>Heat Templates</h2>
<img src="static/images/heat-diagram.png"
class="text-center">
</a>
<p>
In Heat Templates you will find templates for creating
complete stacks in your cloud. To use them:
</p>
<ol>
<li>Browse the list and find the one you want</li>
<li>Download the template yaml file to your local machine</li>
<li>Use Horizon to add the template to Heat </li>
<li>Use the <a href="http://docs.openstack.org/cli-reference/content/heatclient_commands.html" target="_blank">Heat client</a> to create a stack</li>
<li>Browse the list and find the one you want</li>
<li>Download the template yaml file to your local machine</li>
<li>Use Horizon to add the template to Heat </li>
<li>Use the <a href="http://docs.openstack.org/cli-reference/content/heatclient_commands.html" target="_blank">Heat client</a> to create a stack</li>
</ol>
</div>
</div>
<div class="col-md-4 bluebox">
<div class="inner">
<h2>Glance Images</h2>
<img src="static/images/openstack-logo.png">
<p>In Glance Images you will find a library of preconfigured images ready to launch virtual machines on your cloud. To use them:</p>
<a href="#tab=glance-images">
<h2>Glance Images</h2>
<img src="static/images/glance-diagram.png">
</a>
<br/><br/>
<p>
In Glance Images you will find a library of
preconfigured images ready to launch virtual machines
on your cloud. To use them:
</p>
<ol>
<li>Browse the list and find the one you want</li>
<li>Copy URL for the image file</li>
<li>Use the <a href="http://docs.openstack.org/cli-reference/content/glanceclient_commands.html" target="_blank">Glance client</a> to add it to your cloud with the --copy-from option, or add the image from Horizon by specifying the URL as the image location.</li>
<li>Use Nova to launch a vm from the new image
</li>
<li>Browse the list and find the one you want</li>
<li>Copy URL for the image file</li>
<li>Use the <a href="http://docs.openstack.org/cli-reference/content/glanceclient_commands.html" target="_blank">Glance client</a> to add it to your cloud with the --copy-from option, or add the image from Horizon by specifying the URL as the image location.</li>
<li>Use Nova to launch a vm from the new image
</li>
</ol>
</div>
</div>
</div>
<div class="row">

10
openstack_catalog/web/static/css/theme.css
View File

@ -121,7 +121,7 @@ a.details i {
border: 1px #ccc solid;
border-radius: 4px;
text-align: center;
margin: 20px 0 ;
margin: 20px 0;
}
.featured img {
max-width: 100%;
@ -134,6 +134,14 @@ a.details i {
.featured h3 {
font-size: 18px;
text-transform: uppercase;
color: #fff !important;
text-align: left !important;
}
.title {
text-align: left;
color: #fff;
background: #3597da;
border: none;
}
h1 {
color: #2A4E68;

4
openstack_catalog/web/static/js/apps-catalog.js
View File

@ -135,8 +135,10 @@ function showInfoPage (tab, info)
$("#" + tab + "-info").tmpl(info).appendTo("#info-content");
$( ".content" ).hide ();
$( "#info-page" ).show ();
$(this).replaceWith ($(this).html().replace (/https?:\/\/[^ \t\n\r]+/gi, '<a target="_blank" href="$&">$&</a>'));
update_url ({ tab : tab, asset : info.name});
$(".value").replaceWith (function(idx, element) {
return element.replace (/https?:\/\/[^ \t\n\r]+/gi, '<a target="_blank" href="$&">$&</a>');
});
}
function setupInfoHandler (tab, element_id, info) {

1
openstack_catalog/web/static/murano_apps.yaml
View File

@ -22,7 +22,6 @@
attributes:
Mirantis CI status: Passed [6 of 6] tests on OS Juno release
Source URL: https://github.com/stackforge/murano-apps
Documentation: <a href="https://github.com/stackfroge/murano-apps">Docs</a>
-
name: Murano Kubernetes
package_name: io.murano.apps.kubernetes