mirror of https://github.com/apache/nifi.git
[NIFI-3450] update upload template dialog browse button. This closes #1495
This commit is contained in:
parent
932b5bb91b
commit
4274481f1d
|
@ -21,9 +21,9 @@
|
||||||
<div id="template-browse-container">
|
<div id="template-browse-container">
|
||||||
<span id="select-template-label">Select Template</span>
|
<span id="select-template-label">Select Template</span>
|
||||||
<div id="select-template-button">
|
<div id="select-template-button">
|
||||||
<button class="fa fa-search"></button>
|
<button class="fa fa-search" id="template-file-field-button" title="Browse"></button>
|
||||||
<form id="template-upload-form" enctype="multipart/form-data" method="post">
|
<form id="template-upload-form" enctype="multipart/form-data" method="post">
|
||||||
<input type="file" name="template" id="template-file-field" title="Browse"/>
|
<input type="file" name="template" id="template-file-field"/>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -239,20 +239,11 @@ span.details-title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 135px;
|
left: 135px;
|
||||||
cursor: pointer;
|
height: 28px;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#template-file-field {
|
#template-file-field {
|
||||||
height: 28px;
|
display: none;
|
||||||
display: inline;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity = 0);
|
|
||||||
z-index: 3000;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#submit-template-container {
|
#submit-template-container {
|
||||||
|
|
|
@ -241,6 +241,10 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('#template-file-field-button').on('click', function (e) {
|
||||||
|
$('#template-file-field').click();
|
||||||
|
});
|
||||||
|
|
||||||
// add a handler for the change file input chain event
|
// add a handler for the change file input chain event
|
||||||
$('#template-file-field').on('change', function (e) {
|
$('#template-file-field').on('change', function (e) {
|
||||||
var filename = $(this).val();
|
var filename = $(this).val();
|
||||||
|
|
Loading…
Reference in New Issue