openstack/openstack-manuals
Code Issues Proposed changes

Added deprecation badge

Browse Source 
added a new fixed badge indicating the deprecation status of each
release

* obsolete - "No longer supported by the community. For the current release,
  CLICK HERE.", #ff0000
* EOL - "No longer supported by the community. For the current release,
  CLICK HERE.", #ff0000
* maintained - This has two states. The current release and recent releases.
** Current Release - "This is the current release.", #30739C
** Recent Release - "This is maintained, but NOT the current release. For
   the current release, CLICK HERE.", #eaeaea
* Current Release - "This is the current release.", #30739C
* Recent Release - "This is maintained, but NOT the current release. For
  the current release, CLICK HERE.", #eaeaea
* development - "This release is currently under development For the
  current release, CLICK HERE.", #eaeaea

Change-Id: I67a759440c2e99b33aa925c5e17c11a1b885ac82
This commit is contained in:
Sebastian Marcet 2017-12-26 17:31:08 -03:00
parent 64e109dabb
commit b603d1be80
21 changed files with 227 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
www/austin/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/bexar/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/cactus/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/diablo/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/essex/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/folsom/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/grizzly/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/havana/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/juno/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/kilo/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/liberty/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/mitaka/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/newton/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/ocata/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/pike/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

5
www/queens/badge.html Normal file
View File

@ -0,0 +1,5 @@
<!-- Bootstrap Core CSS -->
<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
{% include 'templates/deprecated_badge.tmpl' %}

100
www/static/common/css/deprecated-badge.css Normal file
View File

@ -0,0 +1,100 @@
/* deprecated badge css */
.deprecated-badge {
background: #2A4E68;
padding: 15px;
text-transform: uppercase;
font-size: 1em;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.46);
-webkit-font-smoothing: subpixel-antialiased;
color: #edf2f7 !important;
}
.deprecated-badge a, .deprecated-badge p {
text-decoration: none;
position: relative;
color: #edf2f7;
}
.deprecated-badge a:hover {
color: white;
text-decoration: none;
}
.deprecated-badge.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
p.deprecated-badge-left {
float: left;
}
a.deprecated-badge-right {
float: right;
display: none;
font-size: 0.9em;
}
.deprecated-badge.fixed a.deprecated-badge-right {
display: inline-block;
}
.navbar-default{
margin-top: 50px !important;
}
.deprecated-badge-obsolete {
background: #ff0000 !important;
}
.deprecated-badge-eol {
background: #ff0000 !important;
}
.deprecated-badge-current {
background: #30739C !important;
}
.deprecated-badge-maintained {
background: #eaeaea !important;
}
.deprecated-badge-development {
background: #eaeaea !important;
}
.deprecated-badge-development a, .deprecated-badge-development p {
color: #000000 !important;
}
.deprecated-badge-maintained a, .deprecated-badge-maintained p {
color: #000000 !important;
}
.deprecated-badge .container
{
}
.deprecated-badge .deprecated-badge-close-button{
position:absolute;
top:1%;
left:99%;
cursor: pointer;
}
.deprecated-badge-maintained .deprecated-badge-close-button{
color: #000000 !important;
}
.deprecated-badge-development .deprecated-badge-close-button{
color: #000000 !important;
}
.deprecated-badge-current .deprecated-badge-close-button{
color: white !important;
}

6
www/static/common/js/deprecated-badge.js Normal file
View File

@ -0,0 +1,6 @@
window.onload = function(){
document.getElementById('deprecated-badge-close-button').onclick = function(){
var deprecated_badge = document.getElementById('deprecated-badge');
deprecated_badge.style.display = 'none';
};
};

1
www/templates/base.tmpl
View File

@ -16,6 +16,7 @@
<body>
{% include 'templates/header.tmpl' %}
{% block content %}{% endblock %}
{% include 'templates/deprecated_badge.tmpl' %}
{% include 'templates/footer.tmpl' %}
{% include 'templates/script_footer.tmpl' %}
</body>

39
www/templates/deprecated_badge.tmpl Normal file
View File

@ -0,0 +1,39 @@
{# -*- mode: html -*- #}
<!-- Custom CSS -->
<link href="{{ CSSDIR }}deprecated-badge.css" rel="stylesheet">
<script src="{{ SCRIPTDIR }}deprecated-badge.js"></script>
<div id="deprecated-badge" class="deprecated-badge fixed
{% if SERIES == RELEASED_SERIES %}
deprecated-badge-current
{% else %}
deprecated-badge-{{ SERIES_INFO.status| lower }}
{% endif %}
">
<span id="deprecated-badge-close-button" title="close" class="deprecated-badge-close-button">x</span>
<div class="container">
{% if SERIES_INFO.status == 'obsolete' %}
<p class="deprecated-badge-left">
This Release is no longer supported by the community. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
</p>
{% elif SERIES_INFO.status == 'EOL' %}
<p class="deprecated-badge-left">
This Release is no longer supported by the community. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
</p>
{% elif SERIES == RELEASED_SERIES %}
<p class="deprecated-badge-left">
This is the current, supported release.
</p>
{% elif SERIES_INFO.status == 'maintained' %}
<p class="deprecated-badge-left">
This is maintained, but NOT the current release. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
</p>
{% elif SERIES_INFO.status == 'development' %}
<p class="deprecated-badge-left">
This release is currently under development. The current, supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}</a>
</p>
{% endif %}
<a href="#top" class="deprecated-badge-right"><i class="fa fa-chevron-up" aria-hidden="true"></i>&nbsp;Back to Top</a>
</div>
</div>

1
www/templates/indexbase.tmpl
View File

@ -59,6 +59,7 @@
</div>
</div>
</div>
{% include 'templates/deprecated_badge.tmpl' %}
{% include 'templates/footer.tmpl' %}
{% include 'templates/script_footer.tmpl' %}
</body>