altf4arnold/datatracker
1
0
Fork 0
Code Issues Pull requests Actions 3 Packages Projects Releases Wiki Activity

Summary: Move select2 field handling to a separate .js file, currently

Browse source 
we only include the select2 things on pages with forms that need it
anyway, and this makes it easier to use it in the Secretariat code
 - Legacy-Id: 8986
This commit is contained in:
Ole Laursen 2015-02-05 13:48:27 +00:00
parent e78637b9fc
commit 9d71ef3179
13 changed files with 66 additions and 198 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
ietf/secr/templates/drafts/edit.html
View file

@ -11,54 +11,7 @@
<link rel="stylesheet" href="/css/lib/select2.css">
<link rel="stylesheet" href="/css/lib/select2-bootstrap.css">
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script>
// this is copy-pasted from ietf.js, we should include that here too instead of this
$(document).ready(function () {
$(".select2-field").each(function () {
var e = $(this);
if (e.data("ajax-url")) {
var maxEntries = e.data("max-entries");
var multiple = maxEntries != 1;
var prefetched = e.data("pre");
e.select2({
multiple: multiple,
minimumInputLength: 2,
width: "off",
allowClear: true,
maximumSelectionSize: maxEntries,
ajax: {
url: e.data("ajax-url"),
dataType: "json",
quietMillis: 250,
data: function (term, page) {
return {
q: term,
p: page
};
},
results: function (results) {
return {
results: results,
more: results.length == 10
};
}
},
escapeMarkup: function (m) {
return m;
},
initSelection: function (element, cb) {
if (!multiple && prefetched.length > 0)
cb(prefetched[0]);
else
cb(prefetched);
},
dropdownCssClass: "bigdrop"
});
}
});
});
</script>
<script src="/js/select2-field.js"></script>
{% endblock %}
{% block breadcrumbs %}{{ block.super }}

49
ietf/secr/templates/sreq/edit.html
View file

@ -9,54 +9,7 @@
<link rel="stylesheet" href="/css/lib/select2.css">
<link rel="stylesheet" href="/css/lib/select2-bootstrap.css">
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script>
// this is copy-pasted from ietf.js, we should include that here too instead of this
$(document).ready(function () {
$(".select2-field").each(function () {
var e = $(this);
if (e.data("ajax-url")) {
var maxEntries = e.data("max-entries");
var multiple = maxEntries != 1;
var prefetched = e.data("pre");
e.select2({
multiple: multiple,
minimumInputLength: 2,
width: "off",
allowClear: true,
maximumSelectionSize: maxEntries,
ajax: {
url: e.data("ajax-url"),
dataType: "json",
quietMillis: 250,
data: function (term, page) {
return {
q: term,
p: page
};
},
results: function (results) {
return {
results: results,
more: results.length == 10
};
}
},
escapeMarkup: function (m) {
return m;
},
initSelection: function (element, cb) {
if (!multiple && prefetched.length > 0)
cb(prefetched[0]);
else
cb(prefetched);
},
dropdownCssClass: "bigdrop"
});
}
});
});
</script>
<script src="/js/select2-field.js"></script>
{% endblock %}
{% block breadcrumbs %}{{ block.super }}

49
ietf/secr/templates/sreq/new.html
View file

@ -9,54 +9,7 @@
<link rel="stylesheet" href="/css/lib/select2.css">
<link rel="stylesheet" href="/css/lib/select2-bootstrap.css">
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script>
// this is copy-pasted from ietf.js, we should include that here too instead of this
$(document).ready(function () {
$(".select2-field").each(function () {
var e = $(this);
if (e.data("ajax-url")) {
var maxEntries = e.data("max-entries");
var multiple = maxEntries != 1;
var prefetched = e.data("pre");
e.select2({
multiple: multiple,
minimumInputLength: 2,
width: "off",
allowClear: true,
maximumSelectionSize: maxEntries,
ajax: {
url: e.data("ajax-url"),
dataType: "json",
quietMillis: 250,
data: function (term, page) {
return {
q: term,
p: page
};
},
results: function (results) {
return {
results: results,
more: results.length == 10
};
}
},
escapeMarkup: function (m) {
return m;
},
initSelection: function (element, cb) {
if (!multiple && prefetched.length > 0)
cb(prefetched[0]);
else
cb(prefetched);
},
dropdownCssClass: "bigdrop"
});
}
});
});
</script>
<script src="/js/select2-field.js"></script>
{% endblock %}
{% block breadcrumbs %}{{ block.super }}

1
ietf/templates/doc/change_shepherd.html
View file

@ -30,4 +30,5 @@
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
{% endblock %}

1
ietf/templates/doc/draft/change_replaces.html
View file

@ -29,4 +29,5 @@
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
{% endblock %}

1
ietf/templates/group/edit.html
View file

@ -52,6 +52,7 @@ so. New accounts can be <a href="{% url "create_account" %}">created here</a>.</
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
<script>
$(document).ready(function () {
$("#id_acronym").closest(".form-group").each(function() {

1
ietf/templates/group/edit_milestones.html
View file

@ -94,6 +94,7 @@
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
<script src="/js/lib/bootstrap-datepicker.js"></script>
<script src="/js/edit-milestones.js"></script>
{% endblock %}

1
ietf/templates/group/stream_edit.html
View file

@ -43,4 +43,5 @@
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
{% endblock %}

1
ietf/templates/ipr/details_edit.html
View file

@ -242,6 +242,7 @@
{% block js %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
<script src="/js/lib/bootstrap-datepicker.js"></script>
<script src="/js/ipr-edit.js"></script>
{% endblock %}

1
ietf/templates/liaisons/edit.html
View file

@ -61,5 +61,6 @@
{% block js %}
<script src="/js/lib/bootstrap-datepicker.js"></script>
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
<script src="/js/liaisons.js"></script>
{% endblock %}

1
ietf/templates/nomcom/edit_position.html
View file

@ -28,4 +28,5 @@
{% block content_end %}
<script src="/js/lib/select2-3.5.2.min.js"></script>
<script src="/js/select2-field.js"></script>
{% endblock %}

54
static/js/ietf.js
View file

@ -206,60 +206,6 @@ $(".snippet .show-all").click(function () {
// }
// });
function setupSelect2Field(e) {
var url = e.data("ajax-url");
if (!url)
return;
var maxEntries = e.data("max-entries");
var multiple = maxEntries != 1;
var prefetched = e.data("pre");
e.select2({
multiple: multiple,
minimumInputLength: 2,
width: "off",
allowClear: true,
maximumSelectionSize: maxEntries,
ajax: {
url: url,
dataType: "json",
quietMillis: 250,
data: function (term, page) {
return {
q: term,
p: page
};
},
results: function (results) {
return {
results: results,
more: results.length == 10
};
}
},
escapeMarkup: function (m) {
return m;
},
initSelection: function (element, cb) {
if (!multiple && prefetched.length > 0)
cb(prefetched[0]);
else
cb(prefetched);
},
dropdownCssClass: "bigdrop"
});
}
$(document).ready(function () {
$(".select2-field").each(function () {
if ($(this).closest(".template").length > 0)
return;
setupSelect2Field($(this));
});
});
// Use the Bootstrap3 tooltip plugin for all elements with a title attribute
$('[title][title!=""]').tooltip();

55
static/js/select2-field.js Normal file
View file

@ -0,0 +1,55 @@
// currently we only include select2 CSS/JS on those pages where forms
// need it, so the generic setup code here is also kept separate
function setupSelect2Field(e) {
var url = e.data("ajax-url");
if (!url)
return;
var maxEntries = e.data("max-entries");
var multiple = maxEntries != 1;
var prefetched = e.data("pre");
e.select2({
multiple: multiple,
minimumInputLength: 2,
width: "off",
allowClear: true,
maximumSelectionSize: maxEntries,
ajax: {
url: url,
dataType: "json",
quietMillis: 250,
data: function (term, page) {
return {
q: term,
p: page
};
},
results: function (results) {
return {
results: results,
more: results.length == 10
};
}
},
escapeMarkup: function (m) {
return m;
},
initSelection: function (element, cb) {
if (!multiple && prefetched.length > 0)
cb(prefetched[0]);
else
cb(prefetched);
},
dropdownCssClass: "bigdrop"
});
}
$(document).ready(function () {
$(".select2-field").each(function () {
if ($(this).closest(".template").length > 0)
return;
setupSelect2Field($(this));
});
});