Merge pull request #1527 from Mirantis/ui-support-page

Ui support page
This commit is contained in:
Dmitry Pyzhov 2013-09-18 04:09:48 -07:00
commit 3df74b7ade
4 changed files with 77 additions and 25 deletions

View File

@ -496,6 +496,7 @@ h6.page-title {
background: #ffffff !important;
}
.node-checkbox {
display: block;
width: 48px;
height: 48px;
float: left;
@ -825,7 +826,7 @@ h6.page-title {
}
.roles .pending {
color: #f00;
color: #468847;
}
.node-status:hover > div {
@ -4382,3 +4383,30 @@ input.input-append {
font-weight: 200;
color: #666666;
}
.img-register-fuel {
display: block;
width: 118px;
height: 118px;
overflow: hidden;
background: url(../img/support_icons.png) no-repeat 0px 0px;
margin: 10px 0px 0px 20px;
}
.img-contact-support {
display: block;
width: 118px;
height: 118px;
overflow: hidden;
background: url(../img/support_icons.png) no-repeat 0px -118px;
margin: 10px 0px 0px 20px;
}
.img-download-logs {
display: block;
width: 118px;
height: 118px;
overflow: hidden;
background: url(../img/support_icons.png) no-repeat 0px -236px;
margin: 10px 0px 0px 20px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -12,9 +12,11 @@
<div class="node-content">
<div class="node-checkbox">
<div class="custom-tumbler">
<label>
<% var disabledNode = ((!node.get('online') || node.get('status') == 'error') && !node.get('cluster')) || node.get('pending_deletion') || edit || deployment %>
<input type="checkbox" value="<%- node.id %>" <%= checked || edit ? 'checked' : '' %> <%= disabledNode ? 'disabled' : '' %> />
<!-- [if !IE |(gte IE 9)]> --><span>&nbsp;</span><!-- <![endif] -->
</label>
</div>
</div>
<div class="node-logo <%- node.get('manufacturer') ? 'manufacturer-' + node.get('manufacturer').toLowerCase() : '' %>"></div>

70
nailgun/static/templates/support/page.html Normal file → Executable file
View File

@ -3,30 +3,52 @@
<h3 class="page-title">Support</h3>
</div>
</div>
<div class="support page-wrapper">
<div class="span12">
<p>
<a class="btn" href="http://fuel.mirantis.com/create-subscriber/?key=<%- this.model.get('key') %>" target="_blank">Register Fuel</a>
</p>
<p>
Registering will ensure that you receive important notifications about issues and new versions of Fuel. In addition, you will receive access to our basic support services for the next 30 days!
</p>
<p>
Do not hesitate to report a problem or suggest an improvement by clicking the button below. We will get back to you as soon as possible.
</p>
<p>
<a class="btn" href="https://mirantis.zendesk.com/requests/new" target="_blank">Contact support</a>
</p>
<p>
If you have any questions, you can reach out developers at IRC channel #openstack-fuel on <a href="http://freenode.net" target="_blank">freenode.net</a>.
</p>
<p></p>
<p>
If you have encountered some bugs or errors while using Fuel Web, you may also need to provide the support team with Fuel Web logs.
You can download them by clicking this button:
</p>
<p>
<button class="btn download-logs">Download logs</button>
</p>
<div class="row-fluid">
<div class="span2"><div class="img-register-fuel"></div></div>
<div class="span10">
<h4>Register FUEL</h4>
<p>
Registering will ensure that you receive important notifications about issues and new versions of Fuel. In addition, you will receive access to our basic support services for the next 30 days!
</p>
<p>
<a class="btn" href="http://fuel.mirantis.com/create-subscriber/?key=<%- this.model.get('key') %>" target="_blank">Register Fuel</a>
</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span2"><div class="img-contact-support"></div></div>
<div class="span10">
<h4>Contact Support</h4>
<p>
Do not hesitate to report a problem or suggest an improvement by clicking the button below. We will get back to you as soon as possible.
</p>
<p>If you have any questions, you can reach out developers at IRC channel <strong>#openstack-fuel</strong> on <a href="http://freenode.net" target="_blank">freenode.net</a>.
</p>
<p>
<a class="btn" href="https://mirantis.zendesk.com/requests/new" target="_blank">Contact support</a>
</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span2"><div class="img-download-logs"></div></div>
<div class="span10">
<h4>Download Logs</h4>
<p>
If you have encountered some bugs or errors while using Fuel Web, you may also need to provide the support team with Fuel Web logs. You can download them by clicking this button:
</p>
<p>
<button class="btn download-logs">Download logs</button>
</p>
</div>
</div>
</div>