Untitled diff
2 removals
66 lines
5 additions
69 lines
<script src="{{ asset('/jquery-ui.js') }}"></script>
<script src="{{ asset('/jquery-ui.js') }}"></script>
<script type="text/javascript">
<script type="text/javascript">
var availableTags = {
var availableTags = {
{
{
urzadzenia | json_encode | raw
urzadzenia | json_encode | raw
}
}
};
};
$("#autocomplete").autocomplete({
$(".autocomplete").autocomplete({
source: availableTags
source: availableTags
});
});
$("#menu").menu();
$("#menu").menu();
// Hover states on the static widgets
// Hover states on the static widgets
$("#dialog-link, #icons li").hover(
$("#dialog-link, #icons li").hover(
function() {
function() {
$(this).addClass("ui-state-hover");
$(this).addClass("ui-state-hover");
},
},
function() {
function() {
$(this).removeClass("ui-state-hover");
$(this).removeClass("ui-state-hover");
}
}
);
);
$(document).ready(function() {
$(document).ready(function() {
var counter = 2;
var counter = 2;
$("#addButton").click(function() {
$("#addButton").click(function() {
if (counter > 10) {
if (counter > 10) {
alert("Only 2 textboxes allowed");
alert("Only 2 textboxes allowed");
return false;
return false;
}
}
$('<div/>', {
$('<div/>', {
'id': 'TextBoxDiv' + counter
'id': 'TextBoxDiv' + counter
}).html(
}).html(
$('<label/>').html()
$('<label/>').html()
)
)
.append($('<div class="col-md-6" ><label for="autocomplete" class="field prepend-icon"><input id="autocomplete" type="text" class="autocomplete" name="autocomplete" placeholder="Wybierz urządzenie *" ><label for="autocomplete" class="field-icon"><i class="fa fa-file-text-o"></i></label></label></div>').attr({
.append($('<div class="col-md-6" ><label for="autocomplete" class="field prepend-icon"><input id="autocomplete" type="text" class="autocomplete" name="autocomplete" placeholder="Wybierz urządzenie *" ><label for="autocomplete" class="field-icon"><i class="fa fa-file-text-o"></i></label></label></div>').attr({
'id': 'textbox' + counter,
'id': 'textbox' + counter,
'name': 'textbox' + counter
'name': 'textbox' + counter
}))
}))
.appendTo('#TextBoxesGroup')
.appendTo('#TextBoxesGroup')
.append($('<div class="col-md-4"><label class="field select" ><select id="typnaprawy" name="nastepny_status"><option value="">Status *</option></select><i class="arrow double"></i></label></div>').attr({
.append($('<div class="col-md-4"><label class="field select" ><select id="typnaprawy" name="nastepny_status"><option value="">Status *</option></select><i class="arrow double"></i></label></div>').attr({
'id': 'textbox' + counter,
'id': 'textbox' + counter,
'name': 'textbox' + counter
'name': 'textbox' + counter
}))
}))
.appendTo('#TextBoxesGroup')
.appendTo('#TextBoxesGroup')
.append($('<div class="col-md-2"><input name="te2[]" class="gui-input" type="text"></div>').attr({
.append($('<div class="col-md-2"><input name="te2[]" class="gui-input autocomplete" type="text"></div>').attr({
'id': 'textbox' + counter,
'id': 'textbox' + counter,
'name': 'textbox' + counter
'name': 'textbox' + counter
}))
}))
.appendTo('#TextBoxesGroup')
.appendTo('#TextBoxesGroup')
counter++;
counter++;
$(".autocomplete").autocomplete({
source: availableTags
});
});
});
$("#removeButton").click(function() {
$("#removeButton").click(function() {
if (counter == 1) {
if (counter == 1) {
alert("No more textbox to remove");
alert("No more textbox to remove");
return false;
return false;
}
}
counter--;
counter--;
$("#TextBoxDiv" + counter).remove();
$("#TextBoxDiv" + counter).remove();
});
});
});
});
</script>
</script>