2015-11-04 15:44:00 +00:00
{% 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 >
2016-04-12 14:56:43 +00:00
< div class = "modal fade" id = "new-custom-image-modal" aria-hidden = "false" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-hidden = "true" > × < / button >
< h3 > New custom image< / h3 >
< / div >
2016-04-19 16:28:45 +00:00
2016-04-12 14:56:43 +00:00
< div class = "modal-body" >
<!--
this container is visible if there are multiple image recipes which could
be used as a basis for the new custom image; radio buttons are added to it
via newCustomImageModalSetRecipes() as required
-->
< div data-role = "image-selector" style = "display:none;" >
< h4 > Which image do you want to customise?< / h4 >
< span class = "help-block text-danger" id = "invalid-recipe-help" style = "display:none" > < / span >
< div data-role = "image-selector-radios" > < / div >
< div class = "air" > < / div >
< / div >
2016-04-19 16:28:45 +00:00
2016-04-12 14:56:43 +00:00
< h4 > Name your custom image< / h4 >
2016-04-19 16:28:45 +00:00
2016-04-12 14:56:43 +00:00
< div class = "row" >
< div class = "col-md-10" >
< p class = "help-block" > Image names must be unique. They should not contain spaces or capital letters, and the only allowed special character is dash (-).
< / p >
< div class = "form-group" >
< input type = "text" class = "form-control input-lg" placeholder = "Type the custom image name" required >
< / div >
< span class = "help-block text-danger" id = "invalid-name-help" style = "display:none" > < / span >
< / div >
< / div >
< / div >
2016-04-19 16:28:45 +00:00
2016-04-12 14:56:43 +00:00
< div class = "modal-footer" >
2016-07-15 14:20:36 +00:00
< button id = "create-new-custom-image-btn" class = "btn btn-primary btn-large" disabled >
< span data-role = "submit-state" > Create custom image< / span >
< span data-role = "loading-state" style = "display:none" >
< i class = "fa-pulse icon-spinner" > < / i > Creating custom image...
< / span >
< / button >
2016-04-12 14:56:43 +00:00
< / div >
< / div >
2016-04-19 16:28:45 +00:00
< / div >
2015-11-04 15:44:00 +00:00
< / div >