JavaScript indention.
This commit is contained in:
Florian Kissling
parent
44c64cf6da
commit
14e1c4d5f9
@ -379,9 +379,10 @@ initSelection : function (element, callback) {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<pre class="prettyprint linenums">
|
<pre class="prettyprint linenums">
|
||||||
$.fn.select2.amd.require(
|
$.fn.select2.amd.require([
|
||||||
['select2/data/array', 'select2/utils'],
|
'select2/data/array',
|
||||||
function (ArrayData, Utils) {
|
'select2/utils'
|
||||||
|
], function (ArrayData, Utils) {
|
||||||
function CustomData ($element, options) {
|
function CustomData ($element, options) {
|
||||||
CustomData.__super__.constructor.call(this, $element, options);
|
CustomData.__super__.constructor.call(this, $element, options);
|
||||||
}
|
}
|
||||||
@ -505,9 +506,10 @@ query: function (query) {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<pre class="prettyprint linenums">
|
<pre class="prettyprint linenums">
|
||||||
$.fn.select2.amd.require(
|
$.fn.select2.amd.require([
|
||||||
['select2/data/array', 'select2/utils'],
|
'select2/data/array',
|
||||||
function (ArrayData, Utils) {
|
'select2/utils'
|
||||||
|
], function (ArrayData, Utils) {
|
||||||
function CustomData ($element, options) {
|
function CustomData ($element, options) {
|
||||||
CustomData.__super__.constructor.call(this, $element, options);
|
CustomData.__super__.constructor.call(this, $element, options);
|
||||||
}
|
}
|
||||||
@ -746,5 +748,5 @@ $("select").prop("disabled", true); // instead of $("select").enable(false);
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
prettyPrint();
|
prettyPrint();
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -52,87 +52,95 @@ slug: examples
|
|||||||
{% include js-source-states.html %}
|
{% include js-source-states.html %}
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var $states = $(".js-source-states");
|
var $states = $(".js-source-states");
|
||||||
var statesOptions = $states.html();
|
var statesOptions = $states.html();
|
||||||
$states.remove();
|
$states.remove();
|
||||||
|
|
||||||
$(".js-states").append(statesOptions);
|
$(".js-states").append(statesOptions);
|
||||||
|
|
||||||
$("[data-fill-from]").each(function () {
|
$("[data-fill-from]").each(function () {
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
|
|
||||||
var codeContainer = $this.data("fill-from");
|
var codeContainer = $this.data("fill-from");
|
||||||
var $container = $(codeContainer);
|
var $container = $(codeContainer);
|
||||||
|
|
||||||
var code = $.trim($container.html());
|
var code = $.trim($container.html());
|
||||||
|
|
||||||
$this.text(code);
|
$this.text(code);
|
||||||
$this.addClass("prettyprint linenums");
|
$this.addClass("prettyprint linenums");
|
||||||
});
|
|
||||||
|
|
||||||
prettyPrint();
|
|
||||||
|
|
||||||
$.fn.select2.amd.require(
|
|
||||||
["select2/core", "select2/utils", "select2/compat/matcher"],
|
|
||||||
function (Select2, Utils, oldMatcher) {
|
|
||||||
var $basicSingle = $(".js-example-basic-single");
|
|
||||||
var $basicMultiple = $(".js-example-basic-multiple");
|
|
||||||
var $limitMultiple = $(".js-example-basic-multiple-limit");
|
|
||||||
|
|
||||||
var $dataArray = $(".js-example-data-array");
|
|
||||||
var $dataArraySelected = $(".js-example-data-array-selected");
|
|
||||||
|
|
||||||
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
|
|
||||||
|
|
||||||
var $ajax = $(".js-example-data-ajax");
|
|
||||||
|
|
||||||
var $disabledResults = $(".js-example-disabled-results");
|
|
||||||
|
|
||||||
var $tags = $(".js-example-tags");
|
|
||||||
|
|
||||||
var $matcherStart = $('.js-example-matcher-start');
|
|
||||||
|
|
||||||
var $diacritics = $(".js-example-diacritics");
|
|
||||||
var $language = $(".js-example-language");
|
|
||||||
|
|
||||||
$.fn.select2.defaults.set("width", "100%");
|
|
||||||
|
|
||||||
$basicSingle.select2();
|
|
||||||
$basicMultiple.select2();
|
|
||||||
$limitMultiple.select2({
|
|
||||||
maximumSelectionLength: 2
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function formatState (state) {
|
prettyPrint();
|
||||||
if (!state.id) {
|
|
||||||
return state.text;
|
|
||||||
}
|
|
||||||
var $state = $(
|
|
||||||
'<span>' +
|
|
||||||
'<img src="vendor/images/flags/' +
|
|
||||||
state.element.value.toLowerCase() +
|
|
||||||
'.png" class="img-flag" /> ' +
|
|
||||||
state.text +
|
|
||||||
'</span>'
|
|
||||||
);
|
|
||||||
return $state;
|
|
||||||
};
|
|
||||||
|
|
||||||
$(".js-example-templating").select2({
|
$.fn.select2.amd.require([
|
||||||
templateResult: formatState,
|
"select2/core",
|
||||||
templateSelection: formatState
|
"select2/utils",
|
||||||
});
|
"select2/compat/matcher"
|
||||||
|
], function (Select2, Utils, oldMatcher) {
|
||||||
|
var $basicSingle = $(".js-example-basic-single");
|
||||||
|
var $basicMultiple = $(".js-example-basic-multiple");
|
||||||
|
var $limitMultiple = $(".js-example-basic-multiple-limit");
|
||||||
|
|
||||||
$dataArray.select2({
|
var $dataArray = $(".js-example-data-array");
|
||||||
data: data
|
var $dataArraySelected = $(".js-example-data-array-selected");
|
||||||
});
|
|
||||||
|
|
||||||
$dataArraySelected.select2({
|
var data = [
|
||||||
data: data
|
{ id: 0, text: 'enhancement' },
|
||||||
});
|
{ id: 1, text: 'bug' },
|
||||||
|
{ id: 2, text: 'duplicate' },
|
||||||
|
{ id: 3, text: 'invalid' },
|
||||||
|
{ id: 4, text: 'wontfix' }
|
||||||
|
];
|
||||||
|
|
||||||
function formatRepo (repo) {
|
var $ajax = $(".js-example-data-ajax");
|
||||||
if (repo.loading) return repo.text;
|
|
||||||
|
var $disabledResults = $(".js-example-disabled-results");
|
||||||
|
|
||||||
|
var $tags = $(".js-example-tags");
|
||||||
|
|
||||||
|
var $matcherStart = $('.js-example-matcher-start');
|
||||||
|
|
||||||
|
var $diacritics = $(".js-example-diacritics");
|
||||||
|
var $language = $(".js-example-language");
|
||||||
|
|
||||||
|
$.fn.select2.defaults.set("width", "100%");
|
||||||
|
|
||||||
|
$basicSingle.select2();
|
||||||
|
$basicMultiple.select2();
|
||||||
|
$limitMultiple.select2({
|
||||||
|
maximumSelectionLength: 2
|
||||||
|
});
|
||||||
|
|
||||||
|
function formatState (state) {
|
||||||
|
if (!state.id) {
|
||||||
|
return state.text;
|
||||||
|
}
|
||||||
|
var $state = $(
|
||||||
|
'<span>' +
|
||||||
|
'<img src="vendor/images/flags/' +
|
||||||
|
state.element.value.toLowerCase() +
|
||||||
|
'.png" class="img-flag" /> ' +
|
||||||
|
state.text +
|
||||||
|
'</span>'
|
||||||
|
);
|
||||||
|
return $state;
|
||||||
|
};
|
||||||
|
|
||||||
|
$(".js-example-templating").select2({
|
||||||
|
templateResult: formatState,
|
||||||
|
templateSelection: formatState
|
||||||
|
});
|
||||||
|
|
||||||
|
$dataArray.select2({
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
|
||||||
|
$dataArraySelected.select2({
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
|
||||||
|
function formatRepo (repo) {
|
||||||
|
if (repo.loading) return repo.text;
|
||||||
|
|
||||||
var markup = "<div class='select2-result-repository clearfix'>" +
|
var markup = "<div class='select2-result-repository clearfix'>" +
|
||||||
"<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
|
"<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
|
||||||
@ -150,97 +158,97 @@ $.fn.select2.amd.require(
|
|||||||
"</div>" +
|
"</div>" +
|
||||||
"</div></div>";
|
"</div></div>";
|
||||||
|
|
||||||
return markup;
|
return markup;
|
||||||
}
|
|
||||||
|
|
||||||
function formatRepoSelection (repo) {
|
|
||||||
return repo.full_name || repo.text;
|
|
||||||
}
|
|
||||||
|
|
||||||
$ajax.select2({
|
|
||||||
ajax: {
|
|
||||||
url: "https://api.github.com/search/repositories",
|
|
||||||
dataType: 'json',
|
|
||||||
delay: 250,
|
|
||||||
data: function (params) {
|
|
||||||
return {
|
|
||||||
q: params.term, // search term
|
|
||||||
page: params.page
|
|
||||||
};
|
|
||||||
},
|
|
||||||
processResults: function (data, params) {
|
|
||||||
// parse the results into the format expected by Select2
|
|
||||||
// since we are using custom formatting functions we do not need to
|
|
||||||
// alter the remote JSON data, except to indicate that infinite
|
|
||||||
// scrolling can be used
|
|
||||||
params.page = params.page || 1;
|
|
||||||
|
|
||||||
return {
|
|
||||||
results: data.items,
|
|
||||||
pagination: {
|
|
||||||
more: (params.page * 30) < data.total_count
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
cache: true
|
|
||||||
},
|
|
||||||
escapeMarkup: function (markup) { return markup; },
|
|
||||||
minimumInputLength: 1,
|
|
||||||
templateResult: formatRepo,
|
|
||||||
templateSelection: formatRepoSelection
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".js-example-disabled").select2();
|
|
||||||
$(".js-example-disabled-multi").select2();
|
|
||||||
|
|
||||||
$(".js-example-responsive").select2();
|
|
||||||
|
|
||||||
$disabledResults.select2();
|
|
||||||
|
|
||||||
$(".js-example-programmatic").select2();
|
|
||||||
$(".js-example-programmatic-multi").select2();
|
|
||||||
|
|
||||||
$eventSelect.select2();
|
|
||||||
|
|
||||||
$tags.select2({
|
|
||||||
tags: ['red', 'blue', 'green']
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".js-example-tokenizer").select2({
|
|
||||||
tags: true,
|
|
||||||
tokenSeparators: [',', ' ']
|
|
||||||
});
|
|
||||||
|
|
||||||
function matchStart (term, text) {
|
|
||||||
if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) {
|
|
||||||
return true;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return false;
|
function formatRepoSelection (repo) {
|
||||||
}
|
return repo.full_name || repo.text;
|
||||||
|
}
|
||||||
|
|
||||||
$matcherStart.select2({
|
$ajax.select2({
|
||||||
matcher: oldMatcher(matchStart)
|
ajax: {
|
||||||
|
url: "https://api.github.com/search/repositories",
|
||||||
|
dataType: 'json',
|
||||||
|
delay: 250,
|
||||||
|
data: function (params) {
|
||||||
|
return {
|
||||||
|
q: params.term, // search term
|
||||||
|
page: params.page
|
||||||
|
};
|
||||||
|
},
|
||||||
|
processResults: function (data, params) {
|
||||||
|
// parse the results into the format expected by Select2
|
||||||
|
// since we are using custom formatting functions we do not need to
|
||||||
|
// alter the remote JSON data, except to indicate that infinite
|
||||||
|
// scrolling can be used
|
||||||
|
params.page = params.page || 1;
|
||||||
|
|
||||||
|
return {
|
||||||
|
results: data.items,
|
||||||
|
pagination: {
|
||||||
|
more: (params.page * 30) < data.total_count
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
cache: true
|
||||||
|
},
|
||||||
|
escapeMarkup: function (markup) { return markup; },
|
||||||
|
minimumInputLength: 1,
|
||||||
|
templateResult: formatRepo,
|
||||||
|
templateSelection: formatRepoSelection
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-disabled").select2();
|
||||||
|
$(".js-example-disabled-multi").select2();
|
||||||
|
|
||||||
|
$(".js-example-responsive").select2();
|
||||||
|
|
||||||
|
$disabledResults.select2();
|
||||||
|
|
||||||
|
$(".js-example-programmatic").select2();
|
||||||
|
$(".js-example-programmatic-multi").select2();
|
||||||
|
|
||||||
|
$eventSelect.select2();
|
||||||
|
|
||||||
|
$tags.select2({
|
||||||
|
tags: ['red', 'blue', 'green']
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-tokenizer").select2({
|
||||||
|
tags: true,
|
||||||
|
tokenSeparators: [',', ' ']
|
||||||
|
});
|
||||||
|
|
||||||
|
function matchStart (term, text) {
|
||||||
|
if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$matcherStart.select2({
|
||||||
|
matcher: oldMatcher(matchStart)
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-basic-hide-search").select2({
|
||||||
|
minimumResultsForSearch: Infinity
|
||||||
|
});
|
||||||
|
|
||||||
|
$diacritics.select2();
|
||||||
|
|
||||||
|
$language.select2({
|
||||||
|
language: "es"
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-theme-single").select2({
|
||||||
|
theme: "classic"
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-theme-multiple").select2({
|
||||||
|
theme: "classic"
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-example-rtl").select2();
|
||||||
});
|
});
|
||||||
|
|
||||||
$(".js-example-basic-hide-search").select2({
|
|
||||||
minimumResultsForSearch: Infinity
|
|
||||||
});
|
|
||||||
|
|
||||||
$diacritics.select2();
|
|
||||||
|
|
||||||
$language.select2({
|
|
||||||
language: "es"
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".js-example-theme-single").select2({
|
|
||||||
theme: "classic"
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".js-example-theme-multiple").select2({
|
|
||||||
theme: "classic"
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".js-example-rtl").select2();
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -32,5 +32,6 @@ slug: options
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">prettyPrint();
|
<script type="text/javascript">
|
||||||
|
prettyPrint();
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user