bitbake: toaster: newcustomimage Move modal dialog out of newcustomimage template

Move the modal template and JS out of the newcustomimage page so that it
can also be used by the image details page.

(Bitbake rev: c310bc6bab1a33124906dd57b3c63462a773ff25)

Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: brian avery <avery.brian@gmail.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Michael Wood
2015-11-04 15:44:00 +00:00
committed by Richard Purdie
parent 2a3dd32d66
commit 5f52614a87
3 changed files with 37 additions and 45 deletions

View File

@@ -1,6 +1,7 @@
"use strict";
function newCustomImagePageInit(ctx){
/* Used for the newcustomimage_modal actions */
function newCustomImageModalInit(ctx){
var newCustomImgBtn = $("#create-new-custom-image-btn");
var imgCustomModal = $("#new-custom-image-modal");
@@ -44,6 +45,4 @@ function newCustomImagePageInit(ctx){
}
});
}
}

View File

@@ -4,51 +4,11 @@
{% load static %}
{% block pagecontent %}
<script src="{% static 'js/newcustomimage.js' %}"></script>
<script>
$(document).ready(function (){
var ctx = {
xhrCustomRecipeUrl : "{% url 'xhr_customrecipe' %}",
};
try {
newCustomImagePageInit(ctx);
} catch (e) {
document.write("Sorry, An error has occurred loading this page");
console.warn(e);
}
});
</script>
</script>
<div class="modal hide fade in" id="new-custom-image-modal" aria-hidden="false">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Name your custom image</h3>
</div>
<div class="modal-body">
<div class="row-fluid">
<span class="help-block span8">Image names must be unique. They should not contain spaces or capital letters, and the only allowed special character is dash (-).<p></p>
</span></div>
<div class="control-group controls">
<input type="text" class="huge span5" placeholder="Type the name, something like 'core-image-myimage'">
<span class="help-block" style="display:none">Image names cannot contain spaces or capital letters. The only allowed special character is dash (-)</span>
<span class="help-block" style="display: none">An image with this name already exists. Image names must be unique: try a different one.</span>
</div>
</div>
<div class="modal-footer">
<a href="#" id="create-new-custom-image-btn" class="btn btn-primary btn-large" data-original-title="" title="">Create custom image</a>
</div>
</div>
{% include "newcustomimage_modal.html" %}
{% include "projecttopbar.html" %}
{% url table_name project.id as xhr_table_url %}
<h2>{{title}} (<span class="table-count-{{table_name}}">0</span>)</h2>
{% include "toastertable.html" %}
{% endblock %}

View File

@@ -0,0 +1,33 @@
{% load static %}
<script src="{% static 'js/newcustomimage_modal.js' %}"></script>
<script>
$(document).ready(function (){
try {
newCustomImageModalInit();
} catch (e) {
document.write("Sorry, An error has occurred loading this page");
console.warn(e);
}
});
</script>
<div class="modal hide fade in" id="new-custom-image-modal" aria-hidden="false">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Name your custom image</h3>
</div>
<div class="modal-body">
<div class="row-fluid">
<span class="help-block span8">Image names must be unique. They should not contain spaces or capital letters, and the only allowed special character is dash (-).<p></p>
</span></div>
<div class="control-group controls">
<input type="text" class="huge span5" placeholder="Type the name, something like 'core-image-myimage'">
<span class="help-block" style="display:none">Image names cannot contain spaces or capital letters. The only allowed special character is dash (-)</span>
<span class="help-block" style="display: none">An image with this name already exists. Image names must be unique: try a different one.</span>
</div>
</div>
<div class="modal-footer">
<a href="#" id="create-new-custom-image-btn" class="btn btn-primary btn-large" data-original-title="" title="">Create custom image</a>
</div>
</div>