removed unnecessary plugin files (*.md, *.html & package.json)
This commit is contained in:
REJack
parent
483a58ce74
commit
a9203b3882
|
|
@ -1,38 +0,0 @@
|
|||
# Date Range Picker
|
||||
|
||||
|
||||
|
||||
This date range picker component creates a dropdown menu from which a user can
|
||||
select a range of dates. I created it while building the UI for [Improvely](http://www.improvely.com),
|
||||
which needed a way to select date ranges for reports.
|
||||
|
||||
Features include limiting the selectable date range, localizable strings and date formats,
|
||||
a single date picker mode, a time picker, and predefined date ranges.
|
||||
|
||||
## [Documentation and Live Usage Examples](http://www.daterangepicker.com)
|
||||
|
||||
## [See It In a Live Application](https://awio.iljmp.com/5/drpdemogh)
|
||||
|
||||
## License
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2012-2019 Dan Grossman
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
|
|
@ -1,374 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>A date range picker for Bootstrap</title>
|
||||
|
||||
<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />-->
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="all" href="daterangepicker.css" />
|
||||
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
|
||||
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="daterangepicker.js"></script>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body style="margin: 60px 0">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<h1 style="margin: 0 0 20px 0">Configuration Builder</h1>
|
||||
|
||||
<div class="well configurator">
|
||||
|
||||
<form>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="parentEl">parentEl</label>
|
||||
<input type="text" class="form-control" id="parentEl" value="" placeholder="body">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="startDate">startDate</label>
|
||||
<input type="text" class="form-control" id="startDate" value="07/01/2015">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="endDate">endDate</label>
|
||||
<input type="text" class="form-control" id="endDate" value="07/15/2015">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="minDate">minDate</label>
|
||||
<input type="text" class="form-control" id="minDate" value="" placeholder="MM/DD/YYYY">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="maxDate">maxDate</label>
|
||||
<input type="text" class="form-control" id="maxDate" value="" placeholder="MM/DD/YYYY">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="autoApply"> autoApply
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="singleDatePicker"> singleDatePicker
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showDropdowns"> showDropdowns
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showWeekNumbers"> showWeekNumbers
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showISOWeekNumbers"> showISOWeekNumbers
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePicker" checked="checked"> timePicker
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePicker24Hour"> timePicker24Hour
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="timePickerIncrement">timePickerIncrement (in minutes)</label>
|
||||
<input type="text" class="form-control" id="timePickerIncrement" value="1">
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePickerSeconds"> timePickerSeconds
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="dateLimit"> dateLimit (with example date range span)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="ranges" checked="checked"> ranges (with example predefined ranges)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="locale"> locale (with example settings)
|
||||
</label>
|
||||
<label id="rtl-wrap">
|
||||
<input type="checkbox" id="rtl"> RTL (right-to-left)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="alwaysShowCalendars"> alwaysShowCalendars
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="linkedCalendars" checked="checked"> linkedCalendars
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="autoUpdateInput" checked="checked"> autoUpdateInput
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showCustomRangeLabel" checked="checked"> showCustomRangeLabel
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="opens">opens</label>
|
||||
<select id="opens" class="form-control">
|
||||
<option value="right" selected>right</option>
|
||||
<option value="left">left</option>
|
||||
<option value="center">center</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="drops">drops</label>
|
||||
<select id="drops" class="form-control">
|
||||
<option value="down" selected>down</option>
|
||||
<option value="up">up</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="buttonClasses">buttonClasses</label>
|
||||
<input type="text" class="form-control" id="buttonClasses" value="btn btn-sm">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="applyClass">applyClass</label>
|
||||
<input type="text" class="form-control" id="applyClass" value="btn-success">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="cancelClass">cancelClass</label>
|
||||
<input type="text" class="form-control" id="cancelClass" value="btn-default">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4 col-md-offset-2 demo">
|
||||
<h4>Your Date Range Picker</h4>
|
||||
<center>
|
||||
<input type="text" id="config-demo" class="form-control">
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<h4>Configuration</h4>
|
||||
|
||||
<div class="well">
|
||||
<textarea id="config-text" style="height: 300px; width: 100%; padding: 10px"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
.demo { position: relative; }
|
||||
.demo i {
|
||||
position: absolute; bottom: 10px; right: 24px; top: auto; cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#config-text').keyup(function() {
|
||||
eval($(this).val());
|
||||
});
|
||||
|
||||
$('.configurator input, .configurator select').change(function() {
|
||||
updateConfig();
|
||||
});
|
||||
|
||||
$('.demo i').click(function() {
|
||||
$(this).parent().find('input').click();
|
||||
});
|
||||
|
||||
$('#startDate').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
startDate: moment().subtract(6, 'days')
|
||||
});
|
||||
|
||||
$('#endDate').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
startDate: moment()
|
||||
});
|
||||
|
||||
updateConfig();
|
||||
|
||||
function updateConfig() {
|
||||
var options = {};
|
||||
|
||||
if ($('#singleDatePicker').is(':checked'))
|
||||
options.singleDatePicker = true;
|
||||
|
||||
if ($('#showDropdowns').is(':checked'))
|
||||
options.showDropdowns = true;
|
||||
|
||||
if ($('#showWeekNumbers').is(':checked'))
|
||||
options.showWeekNumbers = true;
|
||||
|
||||
if ($('#showISOWeekNumbers').is(':checked'))
|
||||
options.showISOWeekNumbers = true;
|
||||
|
||||
if ($('#timePicker').is(':checked'))
|
||||
options.timePicker = true;
|
||||
|
||||
if ($('#timePicker24Hour').is(':checked'))
|
||||
options.timePicker24Hour = true;
|
||||
|
||||
if ($('#timePickerIncrement').val().length && $('#timePickerIncrement').val() != 1)
|
||||
options.timePickerIncrement = parseInt($('#timePickerIncrement').val(), 10);
|
||||
|
||||
if ($('#timePickerSeconds').is(':checked'))
|
||||
options.timePickerSeconds = true;
|
||||
|
||||
if ($('#autoApply').is(':checked'))
|
||||
options.autoApply = true;
|
||||
|
||||
if ($('#dateLimit').is(':checked'))
|
||||
options.dateLimit = { days: 7 };
|
||||
|
||||
if ($('#ranges').is(':checked')) {
|
||||
options.ranges = {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
};
|
||||
}
|
||||
|
||||
if ($('#locale').is(':checked')) {
|
||||
$('#rtl-wrap').show();
|
||||
options.locale = {
|
||||
direction: $('#rtl').is(':checked') ? 'rtl' : 'ltr',
|
||||
format: 'MM/DD/YYYY HH:mm',
|
||||
separator: ' - ',
|
||||
applyLabel: 'Apply',
|
||||
cancelLabel: 'Cancel',
|
||||
fromLabel: 'From',
|
||||
toLabel: 'To',
|
||||
customRangeLabel: 'Custom',
|
||||
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
|
||||
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
||||
firstDay: 1
|
||||
};
|
||||
} else {
|
||||
$('#rtl-wrap').hide();
|
||||
}
|
||||
|
||||
if (!$('#linkedCalendars').is(':checked'))
|
||||
options.linkedCalendars = false;
|
||||
|
||||
if (!$('#autoUpdateInput').is(':checked'))
|
||||
options.autoUpdateInput = false;
|
||||
|
||||
if (!$('#showCustomRangeLabel').is(':checked'))
|
||||
options.showCustomRangeLabel = false;
|
||||
|
||||
if ($('#alwaysShowCalendars').is(':checked'))
|
||||
options.alwaysShowCalendars = true;
|
||||
|
||||
if ($('#parentEl').val().length)
|
||||
options.parentEl = $('#parentEl').val();
|
||||
|
||||
if ($('#startDate').val().length)
|
||||
options.startDate = $('#startDate').val();
|
||||
|
||||
if ($('#endDate').val().length)
|
||||
options.endDate = $('#endDate').val();
|
||||
|
||||
if ($('#minDate').val().length)
|
||||
options.minDate = $('#minDate').val();
|
||||
|
||||
if ($('#maxDate').val().length)
|
||||
options.maxDate = $('#maxDate').val();
|
||||
|
||||
if ($('#opens').val().length && $('#opens').val() != 'right')
|
||||
options.opens = $('#opens').val();
|
||||
|
||||
if ($('#drops').val().length && $('#drops').val() != 'down')
|
||||
options.drops = $('#drops').val();
|
||||
|
||||
if ($('#buttonClasses').val().length && $('#buttonClasses').val() != 'btn btn-sm')
|
||||
options.buttonClasses = $('#buttonClasses').val();
|
||||
|
||||
if ($('#applyClass').val().length && $('#applyClass').val() != 'btn-success')
|
||||
options.applyClass = $('#applyClass').val();
|
||||
|
||||
if ($('#cancelClass').val().length && $('#cancelClass').val() != 'btn-default')
|
||||
options.cancelClass = $('#cancelClass').val();
|
||||
|
||||
$('#config-text').val("$('#demo').daterangepicker(" + JSON.stringify(options, null, ' ') + ", function(start, end, label) {\n console.log(\"New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')\");\n});");
|
||||
|
||||
$('#config-demo').daterangepicker(options, function(start, end, label) { console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')'); }).click();;
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,744 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Date Range Picker — JavaScript Date & Time Picker Library</title>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.1/trianglify.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="daterangepicker.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="daterangepicker.css" />
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
||||
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
|
||||
|
||||
<script src="website.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="website.css" />
|
||||
|
||||
<meta name="google-site-verification" content="1fP-Eo9i1ozV4MUlqZv2vsLv1r7tvYutUb6i38v0_vg" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" style="padding: 0; justify-content: space-between">
|
||||
<div class="container">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item" style="padding-left: 0"><a class="nav-link" href="/" style="color: #eeeeee"><i class="fa fa-calendar"></i> Date Range Picker</a></li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item"><a class="nav-link" href="https://www.improvely.com" style="color: #33beff"><i class="fa fa-chart-bar"></i> Improvely</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://www.w3counter.com" style="color: #ff9999"><i class="fa fa-chart-pie"></i> W3Counter</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://www.websitegoodies.com" style="color: #f49a16"><i class="fa fa-wrench"></i> Website Goodies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div id="jumbo">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
|
||||
<h1 style="margin: 0 0 10px 0">Date Range Picker</h1>
|
||||
<p style="font-size: 18px; margin-bottom: 0">
|
||||
A JavaScript component for choosing date ranges,
|
||||
dates and times.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12" style="text-align: right; padding-right: 0">
|
||||
|
||||
<div style="margin-bottom: 10px; margin-right: 15px">
|
||||
<a href="https://github.com/dangrossman/daterangepicker" class="btn btn-light"><i class="fab fa-github-alt"></i> View on GitHub</a>
|
||||
|
||||
|
||||
|
||||
<a href="https://github.com/dangrossman/daterangepicker/archive/master.zip" class="btn btn-success"><i class="fas fa-download"></i> Download ZIP</a>
|
||||
</div>
|
||||
|
||||
<div style="margin-right: 0px">
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=watch&count=true&size=large&v=2" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="padding: 0 30px" id="main">
|
||||
<div class="row">
|
||||
<div class="leftcol d-none d-lg-block d-xl-block">
|
||||
<div id="menu" class="list-group" style="margin-bottom: 10px">
|
||||
<a class="list-group-item" href="#usage">Getting Started</a>
|
||||
<a class="list-group-item" href="#examples">Examples</a>
|
||||
<a class="list-group-item" href="#options">Options, Methods & Events</a>
|
||||
<a class="list-group-item" href="#config">Configuration Generator</a>
|
||||
<a class="list-group-item" href="#license">License & Comments</a>
|
||||
</div>
|
||||
|
||||
<div style="width: 300px; min-width: 300px">
|
||||
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
||||
<!-- DRP Responsive -->
|
||||
<ins class="adsbygoogle"
|
||||
style="display:block"
|
||||
data-ad-client="ca-pub-9095657276960731"
|
||||
data-ad-slot="8963174596"
|
||||
data-ad-format="auto"></ins>
|
||||
<script>
|
||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="rightcol">
|
||||
|
||||
<p>Originally created for reports at <a href="https://www.improvely.com">Improvely</a>, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days".</p>
|
||||
|
||||
<a style="display: block; height: 300px; background: url('drp.png') top right no-repeat; background-size: cover; border: 1px solid #ccc; margin-bottom: 30px" href="https://awio.iljmp.com/5/drpdemo" title="Click for a Live Demo"></a>
|
||||
|
||||
<h1><a id="usage" href="#usage">Getting Started</a></h1>
|
||||
|
||||
<p>
|
||||
To get started, include jQuery, Moment.js and Date Range Picker's files in your webpage:
|
||||
</p>
|
||||
|
||||
<script src="https://gist.github.com/dangrossman/4879503153c6a7a0b3b6ebd64e0383b7.js"></script>
|
||||
|
||||
<p style="margin-bottom: 10px">
|
||||
Then attach a date range picker to whatever you want to trigger it:
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/f460cf1243d8ffb08c749730e89c2f3d.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
<input type="text" name="dates" class="form-control pull-right" />
|
||||
<script>
|
||||
$(function() {
|
||||
$('input[name="dates"]').daterangepicker({ startDate: moment(), endDate: moment().add(2, 'day')});
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
You can customize Date Range Picker with options, and get notified when the user chooses new dates by providing a callback function.
|
||||
</p>
|
||||
|
||||
<h1><a id="examples" href="#examples">Examples</a></h1>
|
||||
|
||||
<!-- Example 1 -->
|
||||
<h2><a data-toggle="nothing" href="#example1">Simple Date Range Picker With a Callback</a></h2>
|
||||
<div class="collapsable" id="example1">
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/e118af4dbadc5177d7494dba9d3295d1.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
<input type="text" name="daterange" class="form-control" value="1/01/2018 - 01/15/2018" />
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('input[name="daterange"]').daterangepicker({
|
||||
opens: 'left'
|
||||
}, function(start, end, label) {
|
||||
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Example 2 -->
|
||||
<h2><a data-toggle="nothing" href="#example2">Date Range Picker With Times</a></h2>
|
||||
<div class="collapsable" id="example2">
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/14db17599e24652db7401ed2448eb91a.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
<input type="text" name="datetimes" class="form-control pull-right" />
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('input[name="datetimes"]').daterangepicker({
|
||||
timePicker: true,
|
||||
startDate: moment().startOf('hour'),
|
||||
endDate: moment().startOf('hour').add(32, 'hour'),
|
||||
locale: {
|
||||
format: 'M/DD hh:mm A'
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Example 3 -->
|
||||
<h2><a data-toggle="nothing" href="#example3">Single Date Picker</a></h2>
|
||||
<div class="collapsable" id="example3">
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/98d8f1c304328c191b1ad33ac21354fd.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
<input type="text" name="birthday" class="form-control pull-right" value="10/24/1984" />
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('input[name="birthday"]').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
maxYear: parseInt(moment().format('YYYY'),10)
|
||||
}, function(start, end, label) {
|
||||
var years = moment().diff(start, 'years');
|
||||
alert("You are " + years + " years old!");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Example 4 -->
|
||||
<h2><a data-toggle="nothing" href="#example4">Predefined Date Ranges</a></h2>
|
||||
<div class="collapsable" id="example4">
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/8c6747b82572bc860364f17258004dbb.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
|
||||
<div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
|
||||
<i class="fa fa-calendar"></i>
|
||||
<span></span> <i class="fa fa-caret-down"></i>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
var start = moment().subtract(29, 'days');
|
||||
var end = moment();
|
||||
|
||||
function cb(start, end) {
|
||||
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
|
||||
}
|
||||
|
||||
$('#reportrange').daterangepicker({
|
||||
startDate: start,
|
||||
endDate: end,
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
}
|
||||
}, cb);
|
||||
|
||||
cb(start, end);
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Example 5 -->
|
||||
<h2><a data-toggle="nothing" href="#example5">Input Initially Empty</a></h2>
|
||||
<div class="collapsable" id="example5">
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<label>Code:</label>
|
||||
<script src="https://gist.github.com/dangrossman/d50376f3467f69e7fb5570afd07dc921.js"></script>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label>Produces:</label>
|
||||
<input type="text" name="datefilter" class="form-control pull-right" value="" />
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
$('input[name="datefilter"]').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
locale: {
|
||||
cancelLabel: 'Clear'
|
||||
}
|
||||
});
|
||||
|
||||
$('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
|
||||
$(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
|
||||
});
|
||||
|
||||
$('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
|
||||
$(this).val('');
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="options" href="#options">Options</a></h1>
|
||||
|
||||
<ul class="nobullets">
|
||||
<li>
|
||||
<code>startDate</code> (Date or string) The beginning date of the initially selected date range. If you provide a string, it must match the date format string set in your <code>locale</code> setting.
|
||||
</li>
|
||||
<li>
|
||||
<code>endDate</code>: (Date or string) The end date of the initially selected date range.
|
||||
</li>
|
||||
<li>
|
||||
<code>minDate</code>: (Date or string) The earliest date a user may select.
|
||||
</li>
|
||||
<li>
|
||||
<code>maxDate</code>: (Date or string) The latest date a user may select.
|
||||
</li>
|
||||
<li>
|
||||
<code>maxSpan</code>: (object) The maximum span between the selected start and end dates. Check off <code>maxSpan</code> in the configuration generator for an example of how to use this. You can provide any object the <code>moment</code> library would let you add to a date.
|
||||
</li>
|
||||
<li>
|
||||
<code>showDropdowns</code>: (true/false) Show year and month select boxes above calendars to jump to a specific month and year.
|
||||
</li>
|
||||
<li>
|
||||
<code>minYear</code>: (number) The minimum year shown in the dropdowns when <code>showDropdowns</code> is set to true.
|
||||
</li>
|
||||
<li>
|
||||
<code>maxYear</code>: (number) The maximum year shown in the dropdowns when <code>showDropdowns</code> is set to true.
|
||||
</li>
|
||||
<li>
|
||||
<code>showWeekNumbers</code>: (true/false) Show localized week numbers at the start of each week on the calendars.
|
||||
</li>
|
||||
<li>
|
||||
<code>showISOWeekNumbers</code>: (true/false) Show ISO week numbers at the start of each week on the calendars.
|
||||
</li>
|
||||
<li>
|
||||
<code>timePicker</code>: (true/false) Adds select boxes to choose times in addition to dates.
|
||||
</li>
|
||||
<li>
|
||||
<code>timePickerIncrement</code>: (number) Increment of the minutes selection list for times (i.e. 30 to allow only selection of times ending in 0 or 30).
|
||||
</li>
|
||||
<li>
|
||||
<code>timePicker24Hour</code>: (true/false) Use 24-hour instead of 12-hour times, removing the AM/PM selection.
|
||||
</li>
|
||||
<li>
|
||||
<code>timePickerSeconds</code>: (true/false) Show seconds in the timePicker.
|
||||
</li>
|
||||
<li>
|
||||
<code>ranges</code>: (object) Set predefined date ranges the user can select from. Each key is the label for the range, and its value an array with two dates representing the bounds of the range. Click <code>ranges</code> in the configuration generator for examples.
|
||||
</li>
|
||||
<li>
|
||||
<code>showCustomRangeLabel</code>: (true/false) Displays "Custom Range" at
|
||||
the end of the list of predefined ranges, when the <code>ranges</code> option is used.
|
||||
This option will be highlighted whenever the current date range selection does not match one of the predefined ranges. Clicking it will display the calendars to select a new range.
|
||||
</li>
|
||||
<li>
|
||||
<code>alwaysShowCalendars</code>: (true/false) Normally, if you use the <code>ranges</code> option to specify pre-defined date ranges, calendars for choosing a custom date range are not shown until the user clicks "Custom Range". When this option is set to true, the calendars for choosing a custom date range are always shown instead.
|
||||
</li>
|
||||
<li>
|
||||
<code>opens</code>: ('left'/'right'/'center') Whether the picker appears aligned to the left, to the right, or centered under the HTML element it's attached to.
|
||||
</li>
|
||||
<li>
|
||||
<code>drops</code>: ('down'/'up') Whether the picker appears below (default) or above the HTML element it's attached to.
|
||||
</li>
|
||||
<li>
|
||||
<code>buttonClasses</code>: (string) CSS class names that will be added to both the apply and cancel buttons.
|
||||
</li>
|
||||
<li>
|
||||
<code>applyButtonClasses</code>: (string) CSS class names that will be added only to the apply button.
|
||||
</li>
|
||||
<li>
|
||||
<code>cancelButtonClasses</code>: (string) CSS class names that will be added only to the cancel button.
|
||||
</li>
|
||||
<li>
|
||||
<code>locale</code>: (object) Allows you to provide localized strings for buttons and labels, customize the date format, and change the first day of week for the calendars.
|
||||
Check off <code>locale</code> in the configuration generator to see how
|
||||
to customize these options.
|
||||
</li>
|
||||
<li>
|
||||
<code>singleDatePicker</code>: (true/false) Show only a single calendar to choose one date, instead of a range picker with two calendars. The start and end dates provided to your callback will be the same single date chosen.
|
||||
</li>
|
||||
<li>
|
||||
<code>autoApply</code>: (true/false) Hide the apply and cancel buttons, and automatically apply a new date range as soon as two dates are clicked.
|
||||
</li>
|
||||
<li>
|
||||
<code>linkedCalendars</code>: (true/false) When enabled, the two calendars displayed will always be for two sequential months (i.e. January and February), and both will be advanced when clicking the left or right arrows above the calendars. When disabled, the two calendars can be individually advanced and display any month/year.
|
||||
</li>
|
||||
<li>
|
||||
<code>isInvalidDate</code>: (function) A function that is passed each date in the two
|
||||
calendars before they are displayed, and may return true or false to indicate whether
|
||||
that date should be available for selection or not.
|
||||
</li>
|
||||
<li>
|
||||
<code>isCustomDate</code>: (function) A function that is passed each date in the two
|
||||
calendars before they are displayed, and may return a string or array of CSS class names
|
||||
to apply to that date's calendar cell.
|
||||
</li>
|
||||
<li>
|
||||
<code>autoUpdateInput</code>: (true/false) Indicates whether the date range picker should
|
||||
automatically update the value of the <code><input></code> element it's attached to at initialization and when the selected dates change.
|
||||
</li>
|
||||
<li>
|
||||
<code>parentEl</code>: (string) jQuery selector of the parent element that the date range picker will be added to, if not provided this will be 'body'
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="methods" href="#methods">Methods</a></h1>
|
||||
|
||||
<p>
|
||||
You can programmatically update the <code>startDate</code> and <code>endDate</code>
|
||||
in the picker using the <code>setStartDate</code> and <code>setEndDate</code> methods.
|
||||
You can access the Date Range Picker object and its functions and properties through
|
||||
data properties of the element you attached it to.
|
||||
</p>
|
||||
|
||||
<script src="https://gist.github.com/dangrossman/8ff9b1220c9b5682e8bd.js"></script>
|
||||
|
||||
<br/>
|
||||
|
||||
<ul class="nobullets">
|
||||
<li>
|
||||
<code>setStartDate(Date or string)</code>: Sets the date range picker's currently selected start date to the provided date
|
||||
</li>
|
||||
<li>
|
||||
<code>setEndDate(Date or string)</code>: Sets the date range picker's currently selected end date to the provided date
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p style="margin: 0"><b>Example usage:</b></p>
|
||||
|
||||
<script src="https://gist.github.com/dangrossman/e1a8effbaeacb50a1e31.js"></script>
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="events" href="#events">Events</a></h1>
|
||||
|
||||
<p>
|
||||
Several events are triggered on the element you attach the picker to, which you can listen for.
|
||||
</p>
|
||||
|
||||
<ul class="nobullets">
|
||||
<li>
|
||||
<code>show.daterangepicker</code>: Triggered when the picker is shown
|
||||
</li>
|
||||
<li>
|
||||
<code>hide.daterangepicker</code>: Triggered when the picker is hidden
|
||||
</li>
|
||||
<li>
|
||||
<code>showCalendar.daterangepicker</code>: Triggered when the calendar(s) are shown
|
||||
</li>
|
||||
<li>
|
||||
<code>hideCalendar.daterangepicker</code>: Triggered when the calendar(s) are hidden
|
||||
</li>
|
||||
<li>
|
||||
<code>apply.daterangepicker</code>: Triggered when the apply button is clicked,
|
||||
or when a predefined range is clicked
|
||||
</li>
|
||||
<li>
|
||||
<code>cancel.daterangepicker</code>: Triggered when the cancel button is clicked
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Some applications need a "clear" instead of a "cancel" functionality, which can be achieved by changing the button label and watching for the cancel event:
|
||||
</p>
|
||||
|
||||
<script src="https://gist.github.com/dangrossman/1bea78da703f2896564d.js"></script>
|
||||
|
||||
<br/>
|
||||
|
||||
<p>
|
||||
While passing in a callback to the constructor is the easiest way to listen for changes in the selected date range, you can also do something every time the apply button is clicked even if the selection hasn't changed:
|
||||
</p>
|
||||
|
||||
<script src="https://gist.github.com/dangrossman/0c6c911fea1459b5fd13.js"></script>
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="config" href="#config">Configuration Generator</a></h1>
|
||||
|
||||
<div class="well configurator">
|
||||
|
||||
<form>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="parentEl">parentEl</label>
|
||||
<input type="text" class="form-control" id="parentEl" value="" placeholder="body">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="startDate">startDate</label>
|
||||
<input type="text" class="form-control" id="startDate" value="07/01/2017">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="endDate">endDate</label>
|
||||
<input type="text" class="form-control" id="endDate" value="07/15/2017">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="minDate">minDate</label>
|
||||
<input type="text" class="form-control" id="minDate" value="" placeholder="MM/DD/YYYY">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="maxDate">maxDate</label>
|
||||
<input type="text" class="form-control" id="maxDate" value="" placeholder="MM/DD/YYYY">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="opens">opens</label>
|
||||
<select id="opens" class="form-control">
|
||||
<option value="right" selected>right</option>
|
||||
<option value="left">left</option>
|
||||
<option value="center">center</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="drops">drops</label>
|
||||
<select id="drops" class="form-control">
|
||||
<option value="down" selected>down</option>
|
||||
<option value="up">up</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showDropdowns"> showDropdowns
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="minYear">minYear</label>
|
||||
<input type="text" class="form-control" id="minYear" value="">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="maxYear">maxYear</label>
|
||||
<input type="text" class="form-control" id="maxYear" value="">
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showWeekNumbers"> showWeekNumbers
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showISOWeekNumbers"> showISOWeekNumbers
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="singleDatePicker"> singleDatePicker
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePicker"> timePicker
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePicker24Hour"> timePicker24Hour
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="timePickerIncrement">timePickerIncrement (in minutes)</label>
|
||||
<input type="text" class="form-control" id="timePickerIncrement" value="1">
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="timePickerSeconds"> timePickerSeconds
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="maxSpan"> maxSpan (example value)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="locale"> locale (example settings)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="autoApply"> autoApply
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="buttonClasses">buttonClasses</label>
|
||||
<input type="text" class="form-control" id="buttonClasses" value="btn btn-sm">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="applyButtonClasses">applyButtonClasses</label>
|
||||
<input type="text" class="form-control" id="applyButtonClasses" value="btn-primary">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="cancelButtonClasses">cancelButtonClasses</label>
|
||||
<input type="text" class="form-control" id="cancelButtonClasses" value="btn-default">
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="ranges"> ranges (with example predefined ranges)
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="alwaysShowCalendars"> alwaysShowCalendars
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="showCustomRangeLabel" checked="checked"> showCustomRangeLabel
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="linkedCalendars" checked="checked"> linkedCalendars
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" id="autoUpdateInput" checked="checked"> autoUpdateInput
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-4 demo">
|
||||
<div style="position: relative">
|
||||
<h2 style="margin-bottom: 15px">Your Date Range Picker</h2>
|
||||
<input type="text" id="config-demo" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-8">
|
||||
<h2 style="margin-bottom: 15px">Your Configuration to Copy</h2>
|
||||
|
||||
<div class="well">
|
||||
<textarea id="config-text" style="height: 300px; width: 100%; padding: 10px"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- License -->
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="license" href="#license">License</a></h1>
|
||||
|
||||
<p>The MIT License (MIT)</p>
|
||||
|
||||
<p>Copyright (c) 2012-2018 <a href="http://www.dangrossman.info">Dan Grossman</a></p>
|
||||
|
||||
<p>
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
</p>
|
||||
|
||||
<p>
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
</p>
|
||||
|
||||
<h1 style="margin-top: 30px"><a id="config" href="#comments">Comments</a></h1>
|
||||
|
||||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||||
var disqus_url = 'http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/';
|
||||
var disqus_identifier = '1045 http://www.dangrossman.info/?p=1045';
|
||||
var disqus_container_id = 'disqus_thread';
|
||||
var disqus_shortname = 'dangrossman';
|
||||
var disqus_title = "A Date Range Picker for Bootstrap";
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Begin W3Counter Tracking Code -->
|
||||
<script type="text/javascript" src="https://www.w3counter.com/tracker.js?id=90840"></script>
|
||||
<!-- End W3Counter Tracking Code -->
|
||||
|
||||
<script type="text/javascript">
|
||||
var im_domain = 'awio';
|
||||
var im_project_id = 48;
|
||||
(function(e,t){window._improvely=[];var n=e.getElementsByTagName("script")[0];var r=e.createElement("script");r.type="text/javascript";r.src="https://"+im_domain+".iljmp.com/improvely.js";r.async=true;n.parentNode.insertBefore(r,n);if(typeof t.init=="undefined"){t.init=function(e,t){window._improvely.push(["init",e,t])};t.goal=function(e){window._improvely.push(["goal",e])};t.conversion=function(e){window._improvely.push(["conversion",e])};t.label=function(e){window._improvely.push(["label",e])}}window.improvely=t;t.init(im_domain,im_project_id)})(document,window.improvely||[])
|
||||
</script>
|
||||
|
||||
<div id="footer">
|
||||
Copyright © 2012-2019 <a href="http://www.dangrossman.info/">Dan Grossman</a>.
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
{
|
||||
"_args": [
|
||||
[
|
||||
"daterangepicker@3.0.5",
|
||||
"/Users/rejack/Projekte/GitHub/REJack/AdminLTE"
|
||||
]
|
||||
],
|
||||
"_from": "daterangepicker@3.0.5",
|
||||
"_id": "daterangepicker@3.0.5",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-BoVV+OjVARWNE15iF+3Y2QIMioAD2UODHvJwIq+NtG0vxh61dXRmOMXlw2dsvxS8KY4n5uvIcBfIPiEiiGJcBg==",
|
||||
"_location": "/daterangepicker",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "daterangepicker@3.0.5",
|
||||
"name": "daterangepicker",
|
||||
"escapedName": "daterangepicker",
|
||||
"rawSpec": "3.0.5",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "3.0.5"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/daterangepicker/-/daterangepicker-3.0.5.tgz",
|
||||
"_spec": "3.0.5",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Dan Grossman",
|
||||
"email": "dan@dangrossman.info",
|
||||
"url": "http://www.dangrossman.info"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/dangrossman/daterangepicker/issues"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": ">=1.10",
|
||||
"moment": "^2.9.0"
|
||||
},
|
||||
"description": "Date range picker component for Bootstrap",
|
||||
"homepage": "https://github.com/dangrossman/daterangepicker",
|
||||
"license": "MIT",
|
||||
"main": "daterangepicker.js",
|
||||
"name": "daterangepicker",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/dangrossman/daterangepicker.git"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"style": "daterangepicker.css",
|
||||
"version": "3.0.5"
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
|
||||
# FullCalendar Bootstrap Plugin
|
||||
|
||||
Bootstrap 4 theming for your calendar
|
||||
|
||||
[View the docs »](https://fullcalendar.io/docs/bootstrap-theme)
|
||||
|
||||
This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
{
|
||||
"_from": "@fullcalendar/bootstrap@4.3.0",
|
||||
"_id": "@fullcalendar/bootstrap@4.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-Ue0Bm2m765jY2LKRsD7ZyoeYNJeeyXxyzSeMdYY4AHFZTevTlcxv1T7ZYPRDBhseewLwiFHP8e0Okfdiji+BCg==",
|
||||
"_location": "/@fullcalendar/bootstrap",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@fullcalendar/bootstrap@4.3.0",
|
||||
"name": "@fullcalendar/bootstrap",
|
||||
"escapedName": "@fullcalendar%2fbootstrap",
|
||||
"scope": "@fullcalendar",
|
||||
"rawSpec": "4.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "4.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@fullcalendar/bootstrap/-/bootstrap-4.3.0.tgz",
|
||||
"_shasum": "c989968f92c4ec26a0ff7dfc35b186aa38978ba1",
|
||||
"_spec": "@fullcalendar/bootstrap@4.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Adam Shaw",
|
||||
"email": "arshaw@arshaw.com",
|
||||
"url": "http://arshaw.com/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://fullcalendar.io/reporting-bugs"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"copyright": "2019 Adam Shaw",
|
||||
"deprecated": false,
|
||||
"description": "Bootstrap 4 theming for your calendar",
|
||||
"docs": "https://fullcalendar.io/docs/bootstrap-theme",
|
||||
"homepage": "https://fullcalendar.io/",
|
||||
"keywords": [
|
||||
"calendar",
|
||||
"event",
|
||||
"full-sized"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "main.js",
|
||||
"module": "main.esm.js",
|
||||
"name": "@fullcalendar/bootstrap",
|
||||
"peerDependencies": {
|
||||
"@fullcalendar/core": "~4.3.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/fullcalendar/fullcalendar.git",
|
||||
"homepage": "https://github.com/fullcalendar/fullcalendar"
|
||||
},
|
||||
"title": "FullCalendar Bootstrap Plugin",
|
||||
"types": "main.d.ts",
|
||||
"unpkg": "main.min.js",
|
||||
"version": "4.3.0"
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
|
||||
# FullCalendar Day Grid Plugin
|
||||
|
||||
Display events on Month view or DayGrid view
|
||||
|
||||
[View the docs »](https://fullcalendar.io/docs/month-view)
|
||||
|
||||
This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
{
|
||||
"_from": "@fullcalendar/daygrid@4.3.0",
|
||||
"_id": "@fullcalendar/daygrid@4.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-OrGaRIGbELESOXOCXtoQVY4cOxnxmN7OrjDGbMoVITdoXWuIZ6sFNO84WcBQoRaIbkmqVM0SAU2MENwy+eEwqQ==",
|
||||
"_location": "/@fullcalendar/daygrid",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@fullcalendar/daygrid@4.3.0",
|
||||
"name": "@fullcalendar/daygrid",
|
||||
"escapedName": "@fullcalendar%2fdaygrid",
|
||||
"scope": "@fullcalendar",
|
||||
"rawSpec": "4.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "4.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/",
|
||||
"/@fullcalendar/timegrid"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@fullcalendar/daygrid/-/daygrid-4.3.0.tgz",
|
||||
"_shasum": "1b4ab9fdc238dba77921cb7c5bd2d813c834e905",
|
||||
"_spec": "@fullcalendar/daygrid@4.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Adam Shaw",
|
||||
"email": "arshaw@arshaw.com",
|
||||
"url": "http://arshaw.com/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://fullcalendar.io/reporting-bugs"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"copyright": "2019 Adam Shaw",
|
||||
"deprecated": false,
|
||||
"description": "Display events on Month view or DayGrid view",
|
||||
"docs": "https://fullcalendar.io/docs/month-view",
|
||||
"homepage": "https://fullcalendar.io/",
|
||||
"keywords": [
|
||||
"calendar",
|
||||
"event",
|
||||
"full-sized"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "main.js",
|
||||
"module": "main.esm.js",
|
||||
"name": "@fullcalendar/daygrid",
|
||||
"peerDependencies": {
|
||||
"@fullcalendar/core": "~4.3.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/fullcalendar/fullcalendar.git",
|
||||
"homepage": "https://github.com/fullcalendar/fullcalendar"
|
||||
},
|
||||
"title": "FullCalendar Day Grid Plugin",
|
||||
"types": "main.d.ts",
|
||||
"unpkg": "main.min.js",
|
||||
"version": "4.3.0"
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
|
||||
# FullCalendar Interaction Plugin
|
||||
|
||||
Provides functionality for event drag-n-drop, resizing, dateClick, and selectable actions
|
||||
|
||||
[View the docs »](https://fullcalendar.io/docs/editable)
|
||||
|
||||
This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
{
|
||||
"_from": "@fullcalendar/interaction@4.3.0",
|
||||
"_id": "@fullcalendar/interaction@4.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-kaKV+tdgH/oIrwTSMGYFec989L5r+KMYJ9ybwLc8G3LbMVcebo8fAlN9VizmGQAuopKfyvOw8yzJdjfmVCCRYQ==",
|
||||
"_location": "/@fullcalendar/interaction",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@fullcalendar/interaction@4.3.0",
|
||||
"name": "@fullcalendar/interaction",
|
||||
"escapedName": "@fullcalendar%2finteraction",
|
||||
"scope": "@fullcalendar",
|
||||
"rawSpec": "4.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "4.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@fullcalendar/interaction/-/interaction-4.3.0.tgz",
|
||||
"_shasum": "a52d22e4fa2666d5032c77afde75ecfad95c0f3b",
|
||||
"_spec": "@fullcalendar/interaction@4.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Adam Shaw",
|
||||
"email": "arshaw@arshaw.com",
|
||||
"url": "http://arshaw.com/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://fullcalendar.io/reporting-bugs"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"copyright": "2019 Adam Shaw",
|
||||
"deprecated": false,
|
||||
"description": "Provides functionality for event drag-n-drop, resizing, dateClick, and selectable actions",
|
||||
"docs": "https://fullcalendar.io/docs/editable",
|
||||
"homepage": "https://fullcalendar.io/",
|
||||
"keywords": [
|
||||
"calendar",
|
||||
"event",
|
||||
"full-sized"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "main.js",
|
||||
"module": "main.esm.js",
|
||||
"name": "@fullcalendar/interaction",
|
||||
"peerDependencies": {
|
||||
"@fullcalendar/core": "~4.3.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/fullcalendar/fullcalendar.git",
|
||||
"homepage": "https://github.com/fullcalendar/fullcalendar"
|
||||
},
|
||||
"title": "FullCalendar Interaction Plugin",
|
||||
"types": "main.d.ts",
|
||||
"unpkg": "main.min.js",
|
||||
"version": "4.3.0"
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
|
||||
# FullCalendar Time Grid Plugin
|
||||
|
||||
Display your events on a grid of time slots
|
||||
|
||||
[View the docs »](https://fullcalendar.io/docs/timegrid-view)
|
||||
|
||||
This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
{
|
||||
"_from": "@fullcalendar/timegrid@4.3.0",
|
||||
"_id": "@fullcalendar/timegrid@4.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-9JCSZbzw2Hi+X893l5X9ViZaWjxh+sDy59o6nKx0gYKwSfs/vKpmk73GBQfKyUv8orkjpnTdPFfeLDZqlzBP4Q==",
|
||||
"_location": "/@fullcalendar/timegrid",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@fullcalendar/timegrid@4.3.0",
|
||||
"name": "@fullcalendar/timegrid",
|
||||
"escapedName": "@fullcalendar%2ftimegrid",
|
||||
"scope": "@fullcalendar",
|
||||
"rawSpec": "4.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "4.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@fullcalendar/timegrid/-/timegrid-4.3.0.tgz",
|
||||
"_shasum": "bf003499319e5e66135bb7b8d8ed274b1a62ca91",
|
||||
"_spec": "@fullcalendar/timegrid@4.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Adam Shaw",
|
||||
"email": "arshaw@arshaw.com",
|
||||
"url": "http://arshaw.com/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://fullcalendar.io/reporting-bugs"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"copyright": "2019 Adam Shaw",
|
||||
"dependencies": {
|
||||
"@fullcalendar/daygrid": "~4.3.0"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Display your events on a grid of time slots",
|
||||
"docs": "https://fullcalendar.io/docs/timegrid-view",
|
||||
"homepage": "https://fullcalendar.io/",
|
||||
"keywords": [
|
||||
"calendar",
|
||||
"event",
|
||||
"full-sized"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "main.js",
|
||||
"module": "main.esm.js",
|
||||
"name": "@fullcalendar/timegrid",
|
||||
"peerDependencies": {
|
||||
"@fullcalendar/core": "~4.3.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/fullcalendar/fullcalendar.git",
|
||||
"homepage": "https://github.com/fullcalendar/fullcalendar"
|
||||
},
|
||||
"title": "FullCalendar Time Grid Plugin",
|
||||
"types": "main.d.ts",
|
||||
"unpkg": "main.min.js",
|
||||
"version": "4.3.0"
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
|
||||
# FullCalendar Core Package
|
||||
|
||||
Provides core functionality, including the Calendar class
|
||||
|
||||
[View the docs »](https://fullcalendar.io/docs/initialize-es6)
|
||||
|
||||
This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar)
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
{
|
||||
"_from": "@fullcalendar/core@4.3.1",
|
||||
"_id": "@fullcalendar/core@4.3.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-Eh+p/wpMkWGu26f8NpfQK9ecQMoZxX/aopv+0+4/CH+Ip0paP6iEc40JYgTz7RFl0bFqV1dvwyGyUZ4+9ZeySA==",
|
||||
"_location": "/@fullcalendar/core",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "@fullcalendar/core@4.3.1",
|
||||
"name": "@fullcalendar/core",
|
||||
"escapedName": "@fullcalendar%2fcore",
|
||||
"scope": "@fullcalendar",
|
||||
"rawSpec": "4.3.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "4.3.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-4.3.1.tgz",
|
||||
"_shasum": "a061c6d2e998d4155439dbc8aefdfe01cdf648d8",
|
||||
"_spec": "@fullcalendar/core@4.3.1",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Adam Shaw",
|
||||
"email": "arshaw@arshaw.com",
|
||||
"url": "http://arshaw.com/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://fullcalendar.io/reporting-bugs"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"copyright": "2019 Adam Shaw",
|
||||
"deprecated": false,
|
||||
"description": "Provides core functionality, including the Calendar class",
|
||||
"docs": "https://fullcalendar.io/docs/initialize-es6",
|
||||
"homepage": "https://fullcalendar.io/",
|
||||
"keywords": [
|
||||
"calendar",
|
||||
"event",
|
||||
"full-sized"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "main.js",
|
||||
"module": "main.esm.js",
|
||||
"name": "@fullcalendar/core",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/fullcalendar/fullcalendar.git",
|
||||
"homepage": "https://github.com/fullcalendar/fullcalendar"
|
||||
},
|
||||
"title": "FullCalendar Core Package",
|
||||
"types": "main.d.ts",
|
||||
"unpkg": "main.min.js",
|
||||
"version": "4.3.1"
|
||||
}
|
||||
|
|
@ -1,147 +0,0 @@
|
|||
# icheck-bootstrap
|
||||
|
||||
<a href="#" target="_blank"><img src="https://img.shields.io/badge/bower-v3.0.1-blue.svg" alt="bower version"></a>
|
||||
<a href="https://www.npmjs.com/package/icheck-bootstrap" target="_blank"><img src="https://img.shields.io/badge/npm-v3.0.1-blue.svg" alt="npm version"></a>
|
||||
<a href="https://www.nuget.org/packages/icheck-bootstrap" target="_blank"><img src="https://img.shields.io/badge/nuget-v3.0.1-blue.svg" alt="nuget version"></a>
|
||||
[](https://www.jsdelivr.com/package/npm/icheck-bootstrap)
|
||||
|
||||
Did you had a problem customizing html checkboxes and radio buttons? icheck-bootstrap is pure css solution for displaying twitter bootstrap style checkboxes and radio buttons. Try [Demo](https://bantikyan.github.io/icheck-bootstrap/).
|
||||
|
||||
You may also like to try [icheck-material](https://github.com/bantikyan/icheck-material).
|
||||
|
||||
## Table of contents
|
||||
|
||||
* <a href="#user-content-getting-started">Getting started</a>
|
||||
* <a href="#user-content-html-syntax">HTML syntax</a>
|
||||
* <a href="#user-content-aspnet-mvc-syntax">ASP.NET MVC syntax</a>
|
||||
* <a href="#user-content-color-schemes">Color schemes</a>
|
||||
* <a href="#user-content-license">License</a>
|
||||
|
||||
## Getting started
|
||||
|
||||
Several quick start options are available:
|
||||
|
||||
* [Download the latest release](https://github.com//bantikyan/icheck-bootstrap/archive/3.0.1.zip)
|
||||
* Install with [Bower](https://bower.io): <code>bower install icheck-bootstrap</code>
|
||||
* Install with [npm](https://www.npmjs.com/package/icheck-bootstrap): <code>npm install icheck-bootstrap</code>
|
||||
* Install with [Nuget](https://www.nuget.org/packages/icheck-bootstrap/): <code>Install-Package icheck-bootstrap</code>
|
||||
* Use CDN [jsDelivr](https://www.jsdelivr.com/package/npm/icheck-bootstrap)
|
||||
|
||||
## HTML syntax
|
||||
|
||||
#### checkbox example
|
||||
|
||||
```
|
||||
<div class="icheck-primary">
|
||||
<input type="checkbox" id="someCheckboxId" />
|
||||
<label for="someCheckboxId">Click to check</label>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### radio buttons example
|
||||
|
||||
```
|
||||
<div class="icheck-primary">
|
||||
<input type="radio" id="someRadioId1" name="someGroupName" />
|
||||
<label for="someRadioId1">Option 1</label>
|
||||
</div>
|
||||
<div class="icheck-primary">
|
||||
<input type="radio" id="someRadioId2" name="someGroupName" />
|
||||
<label for="someRadioId2">Option 2</label>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### inline styling
|
||||
|
||||
To have checkboxes or radio buttons inline use .icheck-inline class
|
||||
|
||||
```
|
||||
<div class="icheck-primary icheck-inline">
|
||||
<input type="checkbox" id="chb1" />
|
||||
<label for="chb1">Label 1</label>
|
||||
</div>
|
||||
<div class="icheck-primary icheck-inline">
|
||||
<input type="checkbox" id="chb2" />
|
||||
<label for="chb2">Label 2</label>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### disabled
|
||||
|
||||
Use disabled attribute on your input (checkbox or radio) to have disabled style.
|
||||
|
||||
#### no label
|
||||
|
||||
To have components without label, you still have to have label control with empty text.
|
||||
|
||||
```
|
||||
<div class="icheck-primary">
|
||||
<input type="checkbox" id="someCheckboxId" />
|
||||
<label for="someCheckboxId"></label>
|
||||
</div>
|
||||
```
|
||||
|
||||
## ASP.NET MVC syntax
|
||||
|
||||
#### checkbox example
|
||||
|
||||
```
|
||||
<div class="icheck-primary">
|
||||
@Html.CheckBoxFor(m => m.SomeProperty, new { id = "someCheckboxId" })
|
||||
<label for="someCheckboxId">Click to check</label>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### radio buttons example
|
||||
|
||||
```
|
||||
<div class="icheck-primary">
|
||||
@Html.RadioButtonFor(m => m.SomeProperty, SomeValue1, new { id = "someRadioId1" })
|
||||
<label for="someRadioId1">Option 1</label>
|
||||
</div>
|
||||
<div class="icheck-primary">
|
||||
@Html.RadioButtonFor(m => m.SomeProperty, SomeValue2, new { id = "someRadioId2" })
|
||||
<label for="someRadioId2">Option 2</label>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Color schemes
|
||||
|
||||
Try [Demo](https://bantikyan.github.io/icheck-bootstrap/)
|
||||
|
||||
<b>Twitter Bootstrap:</b> As you can see in previous examples, icheck-primary class used for styling.
|
||||
You can use following classes for Twitter Bootstrap color scheme:
|
||||
|
||||
<code>.icheck-default</code><br/>
|
||||
<code>.icheck-primary</code><br/>
|
||||
<code>.icheck-success</code><br/>
|
||||
<code>.icheck-info</code><br/>
|
||||
<code>.icheck-warning</code><br/>
|
||||
<code>.icheck-danger</code>
|
||||
|
||||
<b>Flat UI Colors:</b> Also you can use one of the really nice colors from [flatuicolors.com](https://flatuicolors.com/)
|
||||
|
||||
<code>.icheck-turquoise</code><br/>
|
||||
<code>.icheck-emerland</code><br/>
|
||||
<code>.icheck-peterriver</code><br/>
|
||||
<code>.icheck-amethyst</code><br/>
|
||||
<code>.icheck-wetasphalt</code><br/>
|
||||
<code>.icheck-greensea</code><br/>
|
||||
<code>.icheck-nephritis</code><br/>
|
||||
<code>.icheck-belizehole</code><br/>
|
||||
<code>.icheck-wisteria</code><br/>
|
||||
<code>.icheck-midnightblue</code><br/>
|
||||
<code>.icheck-sunflower</code><br/>
|
||||
<code>.icheck-carrot</code><br/>
|
||||
<code>.icheck-alizarin</code><br/>
|
||||
<code>.icheck-clouds</code><br/>
|
||||
<code>.icheck-concrete</code><br/>
|
||||
<code>.icheck-orange</code><br/>
|
||||
<code>.icheck-pumpkin</code><br/>
|
||||
<code>.icheck-pomegranate</code><br/>
|
||||
<code>.icheck-silver</code><br/>
|
||||
<code>.icheck-asbestos</code><br/>
|
||||
|
||||
## License
|
||||
|
||||
icheck-bootstrap released under the [MIT license](https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE). Feel free to use it in personal and commercial projects.
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
{
|
||||
"_args": [
|
||||
[
|
||||
"icheck-bootstrap@3.0.1",
|
||||
"/Users/rejack/Projekte/GitHub/REJack/AdminLTE"
|
||||
]
|
||||
],
|
||||
"_from": "icheck-bootstrap@3.0.1",
|
||||
"_id": "icheck-bootstrap@3.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-Rj3SybdcMcayhsP4IJ+hmCNgCKclaFcs/5zwCuLXH1WMo468NegjhZVxbSNKhEjJjnwc4gKETogUmPYSQ9lEZQ==",
|
||||
"_location": "/icheck-bootstrap",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "icheck-bootstrap@3.0.1",
|
||||
"name": "icheck-bootstrap",
|
||||
"escapedName": "icheck-bootstrap",
|
||||
"rawSpec": "3.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "3.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/icheck-bootstrap/-/icheck-bootstrap-3.0.1.tgz",
|
||||
"_spec": "3.0.1",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Hovhannes Bantikyan"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/bantikyan/icheck-bootstrap/issues"
|
||||
},
|
||||
"description": "Pure css checkboxes and radio buttons for Twitter Bootstrap.",
|
||||
"files": [
|
||||
"icheck-bootstrap.css",
|
||||
"icheck-bootstrap.min.css"
|
||||
],
|
||||
"homepage": "https://github.com/bantikyan/icheck-bootstrap#readme",
|
||||
"keywords": [
|
||||
"checkbox",
|
||||
"radio",
|
||||
"bootstrap",
|
||||
"pure",
|
||||
"css"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "icheck-bootstrap.css",
|
||||
"name": "icheck-bootstrap",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/bantikyan/icheck-bootstrap.git"
|
||||
},
|
||||
"version": "3.0.1"
|
||||
}
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
# Contributing to Ion.RangeSlider project
|
||||
|
||||
### Code style
|
||||
|
||||
1. Project is using 4 space indentation
|
||||
2. Function and metod names should be written in camelCase
|
||||
3. Variables name should be written in lower_case
|
||||
4. New methods should have JSDoc descriptions
|
||||
|
||||
### Guide for Pull Requests with bug fixes
|
||||
|
||||
1. Only 1 bugfix per Pull Request
|
||||
2. Should have bug description
|
||||
3. Should have bug screenshots (if possible)
|
||||
4. Should have working demo. Use JSFIDDLE: https://jsfiddle.net/IonDen/b79q0vnm/
|
||||
|
||||
### Guide for Pull Requests with new features
|
||||
|
||||
1. Only 1 feature per Pull Request
|
||||
2. Should have statement, why feature is important and should be included in to plugin
|
||||
3. Should have feature description
|
||||
4. Should have feature screenshots (if possible)
|
||||
5. Should have working demo. Use JSFIDDLE: https://jsfiddle.net/IonDen/b79q0vnm/
|
||||
|
||||
### Guide for Pull Requests with grammar fixes
|
||||
|
||||
1. Just create a pull request :)
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
## The MIT License
|
||||
|
||||
Copyright © 2018 by Denis Ineshin (http://ionden.com)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -1,163 +0,0 @@
|
|||
|
||||
|
||||
# Update History
|
||||
|
||||
### Version 2.3.0. December 11, 2018
|
||||
* Website update
|
||||
* Big skins update
|
||||
* Minor bugfixes
|
||||
|
||||
### Version 2.2.0. June 21, 2017
|
||||
* Slider has `TabIndex` support now. Issue #321
|
||||
* `keyboard_step` option removed as confusing.
|
||||
* `keyboard` controls are enabled by default now
|
||||
* `keyboard` movement is bind to step now
|
||||
* Traverse extra class names to container. Issue #318
|
||||
* Prettified values added to `result object`. Issue #356
|
||||
* It is possible to pass `scope` for callbacks now. Issue #402
|
||||
* New option `block`. Light version of `disabled` but sliders value can be send with form. Issue #242
|
||||
|
||||
### Version 2.1.8. June 19, 2017
|
||||
* Issues resolved: #420, #423, #441, #464, #479
|
||||
|
||||
### Version 2.1.7. March 26, 2017
|
||||
* Issues: #438
|
||||
* Reverted: #390
|
||||
|
||||
### Version 2.1.6. December 27, 2016
|
||||
* Issues: #393, #406, #429, #431, #432
|
||||
|
||||
### Version 2.1.5. December 12, 2016
|
||||
* Issues: #331, #332, #333, #337, #338, #343, #358, #374, #380, #389, #390, #394, #411, #412, #413
|
||||
|
||||
### Version 2.1.4. April 27, 2016
|
||||
* Issues: #330, #369
|
||||
|
||||
### Version 2.1.3. April 10, 2016
|
||||
* Issues: #342, #350
|
||||
|
||||
### Version 2.1.2. October 13, 2015
|
||||
* Fixed bugs. Issues: #310, #312, #313, #316
|
||||
|
||||
### Version 2.1.1. September 21, 2015
|
||||
* Fixed bugs. Issues: #305
|
||||
* New features. Requests: #282
|
||||
|
||||
### Version 2.1.0. September 20, 2015
|
||||
* Fixed bugs. Issues: #288
|
||||
* New features. Requests: #281, #284, #286, #289
|
||||
* Some code refactoring
|
||||
* Code documentation updated
|
||||
|
||||
### Version 2.0.13. July 25, 2015
|
||||
* Fixed bugs. Issues: #208, #270, #273
|
||||
* New features. Requests: #233
|
||||
|
||||
### Version 2.0.12. July 10, 2015
|
||||
* Fixed more bugs. Issues: #247, #263, #265, #269
|
||||
|
||||
### Version 2.0.11. July 02, 2015
|
||||
* Fixed more bugs. Issues: #247, #253
|
||||
|
||||
### Version 2.0.10. June 06, 2015
|
||||
* Fixed rounding bug. Issue #247
|
||||
|
||||
### Version 2.0.9. May 30, 2015
|
||||
* Fixed critical bug. Issue #246
|
||||
|
||||
### Version 2.0.8. May 30, 2015
|
||||
* Fixed some bugs. Issues: #219, #228, #230, #245
|
||||
|
||||
### Version 2.0.7. May 26, 2015
|
||||
* Fixed memory issue: #220
|
||||
* Fixed CPU issue: #186
|
||||
* Merged PRs: #209, #226, #235
|
||||
|
||||
### Version 2.0.6. February 17, 2015
|
||||
* Issues done: #197
|
||||
* Fixed bug with broken From and To
|
||||
|
||||
### Version 2.0.5. February 13, 2015
|
||||
* Issues done: #193, #195, #201
|
||||
|
||||
### Version 2.0.4. February 12, 2015
|
||||
* Issues done: #174, #184
|
||||
* NPM support added
|
||||
* Readme files optimisations
|
||||
|
||||
### Version 2.0.3. December 29, 2014
|
||||
* Issues done: #160, #165, #166, #168, #170
|
||||
|
||||
### Version 2.0.2: December 02, 2014
|
||||
* Issues done: #143, #148, #153, #155, #159
|
||||
* API update.
|
||||
|
||||
### Version 2.0.1: November 15, 2014
|
||||
* Some bugs fixed
|
||||
* Some new methods
|
||||
|
||||
### Version 2.0.0: November 08, 2014
|
||||
* New Core
|
||||
* New API
|
||||
* Lot's of bug fixes
|
||||
* Many improvements
|
||||
* SPM support added
|
||||
|
||||
### Version 1.9.3: August 06, 2014
|
||||
* Bower support added
|
||||
|
||||
### Version 1.9.2: August 04, 2014
|
||||
* New param gridMargin
|
||||
* Issues done: #89, #94, #96, #97, #98, #103
|
||||
|
||||
### Version 1.9.1: April 15, 2014
|
||||
* Issues done: #81, #82, #85
|
||||
|
||||
### Version 1.9.0: March 16, 2014
|
||||
* Issues done: #65, #68, #70, #77, #78
|
||||
* New plugin description
|
||||
* New demos design
|
||||
* Some new slider params
|
||||
|
||||
### Version 1.8.5: January 12, 2014
|
||||
* Issues done: #12, #30, #33, #43, #47, #52, #58
|
||||
* Bug fixes
|
||||
* New param "disable"
|
||||
* Link to input and slider in all callbacks
|
||||
* Click on slider to move it
|
||||
|
||||
### Version 1.8.2: October 31, 2013
|
||||
* Issues done: #13, #31, #35, #37, #40
|
||||
* Some code optimisations
|
||||
|
||||
### Version 1.8.1: October 10, 2013
|
||||
* Issues done: #25
|
||||
* New Flat UI Skin
|
||||
* Some skin optimisations
|
||||
|
||||
### Version 1.8.0: October 08, 2013
|
||||
* Issues done: #20, #21, #23, #24, #26
|
||||
* Removed hideText option
|
||||
* New method and options
|
||||
* Improved code style
|
||||
* Minor optimisations
|
||||
|
||||
### Version 1.7.2: September 11, 2013
|
||||
* Issues done: #15, #16
|
||||
* Fixed bug on Android-devices
|
||||
* Added support for negative and fractional values
|
||||
|
||||
### Version 1.7.0: August 23, 2013
|
||||
* Issues done: #7, #8, #9, #10
|
||||
* Some enhancements
|
||||
|
||||
### Version 1.6.3: July 29, 2013
|
||||
* Issues done: #2
|
||||
* Moved to Semantic Versioning
|
||||
|
||||
### December, 2012
|
||||
* Plugin release
|
||||
|
||||
***
|
||||
|
||||
[Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
|
||||
|
||||
> English description | <a href="readme.ru.md">Описание на русском</a>
|
||||
|
||||
Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options.
|
||||
|
||||
***
|
||||
|
||||
* Version: 2.2.0 | *Version 3.x is under development now*
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html">Project page and demos</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/ion.rangeSlider-2.2.0.zip">Download ZIP</a>
|
||||
|
||||
[](https://pledgie.com/campaigns/25694)
|
||||
|
||||
## Description
|
||||
* Ion.RangeSlider — cool, comfortable, responsive and easily customizable range slider
|
||||
* Supports events and public methods, has flexible settings, can be completely altered with CSS
|
||||
* Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
|
||||
* Ion.RangeSlider supports touch-devices (iPhone, iPad, Nexus, etc.).
|
||||
* Ion.RangeSlider freely distributed under terms of <a href="http://ionden.com/a/plugins/licence.html" target="_blank">MIT licence</a>.
|
||||
* With this plugin you will be able to build beautiful range sliders, like this:
|
||||
|
||||
|
||||
|
||||
## Key features
|
||||
* Skin support. (5 skins included and PSD for skin creation)
|
||||
* Any number of sliders at one page without conflicts and big performance problems
|
||||
* Two slider types single (1 slider) and double (2 sliders)
|
||||
* Support of negative and fractional values
|
||||
* Ability to set custom step and snap grid to step
|
||||
* Support of custom values diapason
|
||||
* Customisable grid of values
|
||||
* Ability to disable UI elements (min and max, current value, grid)
|
||||
* Postfixes and prefixes for your numbers ($20, 20 € etc.)
|
||||
* Additional postfix for maximum value (eg. $0 — $100<b>+</b>)
|
||||
* Ability to prettify large numbers (eg. 10000000 -> 10 000 000 or 10.000.000)
|
||||
* Slider writes its value right into input value field. This makes it easy to use in any html form
|
||||
* Any slider value can be set through input data-attribute (eg. data-min="10")
|
||||
* Slider supports disable param. You can set it true to make slider inactive
|
||||
* Slider supports external methods (update, reset and remove) to control it after creation
|
||||
* For advanced users slider has callbacks (onStart, onChange, onFinish, onUpdate). Slider pastes all its params to callback first argument as object
|
||||
* Slider supports date and time
|
||||
|
||||
|
||||
## Demos
|
||||
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo.html" class="switch__item">Basic demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html" class="switch__item">Advanced demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html" class="switch__item">Interactions demo</a>
|
||||
|
||||
|
||||
## GitHub
|
||||
|
||||
* <a href="https://github.com/IonDen/ion.rangeSlider">GitHub page</a>
|
||||
|
||||
|
||||
### <a href="history.md">Update history</a>
|
||||
|
||||
***
|
||||
|
||||
Support the plugin:
|
||||
|
||||
[Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
|
|
@ -1,74 +0,0 @@
|
|||
{
|
||||
"_args": [
|
||||
[
|
||||
"ion-rangeslider@2.3.0",
|
||||
"/Users/rejack/Projekte/GitHub/REJack/AdminLTE"
|
||||
]
|
||||
],
|
||||
"_from": "ion-rangeslider@2.3.0",
|
||||
"_id": "ion-rangeslider@2.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-7TtH9/X4Aq/xCzboWxjwlv20gVqR90Ysc3aehMlTuH2/ULaSxpB80hq+yvD1N0FwWbPDtxQpjQrz/iX+LWXKmg==",
|
||||
"_location": "/ion-rangeslider",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "ion-rangeslider@2.3.0",
|
||||
"name": "ion-rangeslider",
|
||||
"escapedName": "ion-rangeslider",
|
||||
"rawSpec": "2.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "2.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/ion-rangeslider/-/ion-rangeslider-2.3.0.tgz",
|
||||
"_spec": "2.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Denis Ineshin",
|
||||
"email": "ionden.tech@gmail.com",
|
||||
"url": "IonDen"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/IonDen/ion.rangeSlider/issues"
|
||||
},
|
||||
"dependencies": {
|
||||
"jquery": ">=1.8"
|
||||
},
|
||||
"description": "Cool, comfortable and easily customizable range slider with many options and skin support",
|
||||
"directories": {
|
||||
"lib": "js"
|
||||
},
|
||||
"homepage": "http://ionden.com/a/plugins/ion.rangeSlider/en.html",
|
||||
"ignore": [
|
||||
".idea",
|
||||
"PSD",
|
||||
"bower.json"
|
||||
],
|
||||
"keywords": [
|
||||
"jquery-plugin",
|
||||
"ecosystem:jquery",
|
||||
"jquery",
|
||||
"form",
|
||||
"input",
|
||||
"range",
|
||||
"slider",
|
||||
"rangeslider",
|
||||
"interface",
|
||||
"diapason",
|
||||
"ui",
|
||||
"noui",
|
||||
"skins"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "./js/ion.rangeSlider.js",
|
||||
"name": "ion-rangeslider",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/IonDen/ion.rangeSlider.git"
|
||||
},
|
||||
"version": "2.3.0"
|
||||
}
|
||||
|
|
@ -1,265 +0,0 @@
|
|||
|
||||
|
||||
Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options.
|
||||
|
||||
***
|
||||
|
||||
* Version: 2.3.0 | *Version 3.x is under development now*
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/">Project page and demos</a>
|
||||
* <a href="https://github.com/IonDen/ion.rangeSlider/archive/2.3.0.zip">Download ZIP</a>
|
||||
|
||||
## Description
|
||||
* Ion.RangeSlider — cool, comfortable, responsive and easily customizable range slider
|
||||
* Supports events and public methods, has flexible settings, can be completely altered with CSS
|
||||
* Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
|
||||
* Ion.RangeSlider supports touch-devices (iPhone, iPad, Nexus, etc.).
|
||||
* Ion.RangeSlider freely distributed under terms of <a href="http://ionden.com/a/plugins/licence.html" target="_blank">MIT licence</a>.
|
||||
* With this plugin you will be able to build beautiful range sliders, like this:
|
||||
|
||||
|
||||
|
||||
## Key features
|
||||
* Skin support. (6 skins included)
|
||||
* Any number of sliders at one page without conflicts and big performance problems
|
||||
* Two slider types single (1 slider) and double (2 sliders)
|
||||
* Support of negative and fractional values
|
||||
* Ability to set custom step and snap grid to step
|
||||
* Support of custom values diapason
|
||||
* Customisable grid of values
|
||||
* Ability to disable UI elements (min and max, current value, grid)
|
||||
* Postfixes and prefixes for your numbers ($20, 20 € etc.)
|
||||
* Additional postfix for maximum value (eg. $0 — $100<b>+</b>)
|
||||
* Ability to prettify large numbers (eg. 10000000 -> 10 000 000 or 10.000.000)
|
||||
* Slider writes its value right into input value field. This makes it easy to use in any html form
|
||||
* Any slider value can be set through input data-attribute (eg. data-min="10")
|
||||
* Slider supports disable param. You can set it true to make slider inactive
|
||||
* Slider supports external methods (update, reset and remove) to control it after creation
|
||||
* For advanced users slider has callbacks (onStart, onChange, onFinish, onUpdate). Slider pastes all its params to callback first argument as object
|
||||
* Slider supports date and time
|
||||
|
||||
|
||||
## Demos
|
||||
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo.html" class="switch__item">Basic demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html" class="switch__item">Advanced demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html" class="switch__item">Interactions demo</a>
|
||||
|
||||
|
||||
## Dependencies
|
||||
|
||||
* <a href="http://jquery.com/" target="_blank">jQuery 1.8.x+</a>
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
Add the following libraries to the page:
|
||||
* jQuery
|
||||
* ion.rangeSlider.min.js
|
||||
|
||||
Add the following stylesheets to the page:
|
||||
* ion.rangeSlider.min.css
|
||||
|
||||
## Install with bower
|
||||
|
||||
* bower install ionrangeslider
|
||||
|
||||
|
||||
## Install with npm
|
||||
|
||||
* npm install ion-rangeslider
|
||||
|
||||
|
||||
## Initialisation
|
||||
|
||||
The slider overrides a native text <code>input</code> element.
|
||||
```html
|
||||
<input type="text" id="example_id" name="example_name" value="" />
|
||||
```
|
||||
|
||||
To initialise the slider, call ionRangeSlider on the element:
|
||||
```javascript
|
||||
$("#example_id").ionRangeSlider();
|
||||
```
|
||||
|
||||
|
||||
## <a href="http://jsfiddle.net/IonDen/qv6yrjrv/" target="_blank">Experiments playground</a>
|
||||
|
||||
Here you can find bunch of advanced JSFIDDLE demos with different, non-standart use cases:
|
||||
* [Reverse or RTL](http://jsfiddle.net/IonDen/gbmszmp4/)
|
||||
* [1 handle bind to 1 input](http://jsfiddle.net/IonDen/mvrfg2vc/)
|
||||
* [2 handles bind to 2 inputs](http://jsfiddle.net/IonDen/r5aox84v/)
|
||||
* [2 sliders connected to each other](http://jsfiddle.net/IonDen/4k3d4y3s/)
|
||||
* [1st slider disables/enables 2nd slider](http://jsfiddle.net/IonDen/ctkouh69/)
|
||||
* [Non-linear slider](http://jsfiddle.net/IonDen/pzjaoxe7/)
|
||||
* [Plus and Minus buttons](http://jsfiddle.net/IonDen/wsk7y08a/)
|
||||
* [Calculating sum](http://codepen.io/anon/pen/QyzwJZ)
|
||||
* [Adding one more diapazon on 1 slider](http://jsfiddle.net/IonDen/st9eotpy/)
|
||||
* [Live editing of Min and Max values](http://jsfiddle.net/IonDen/wL8gq4py/)
|
||||
* [Prettify and transform values at the same time](http://jsfiddle.net/IonDen/j0tLzgq1/)
|
||||
* [Custom marks on slider](http://jsfiddle.net/IonDen/spez12kt/)
|
||||
* [Rendering money value n.nn](http://jsfiddle.net/IonDen/vrqqL2Lw/)
|
||||
* [Rendering Dates with Moment.js](http://jsfiddle.net/tvn2ckj2/)
|
||||
* [Changing step live](http://jsfiddle.net/IonDen/ca6ykae6/)
|
||||
* [Toggle slider](http://jsfiddle.net/IonDen/t936wtjv/)
|
||||
* [Using different skin color at the same time](http://jsfiddle.net/IonDen/2sruxk4e/)
|
||||
* [2 dependant sliders](http://jsfiddle.net/IonDen/n2sxswv2/)
|
||||
* [Skip some values](http://jsfiddle.net/IonDen/4qgq9bto/)
|
||||
* [Good Prettify example](http://jsfiddle.net/IonDen/bvbvr0xs/)
|
||||
|
||||
|
||||
## Settings
|
||||
|
||||
|
||||
| Option | Data-Attr | Defaults | Type | Description |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| `skin` | `data-skin` | `flat` | string | Choose UI skin to use |
|
||||
| `type` | `data-type` | `single` | string | Choose slider type, could be `single` - for one handle, or `double` for two handles |
|
||||
| `min` | `data-min` | `10` | number | Set slider minimum value |
|
||||
| `max` | `data-max` | `100` | number | Set slider maximum value |
|
||||
| `from` | `data-from` | `min` | number | Set start position for left handle (or for single handle) |
|
||||
| `to` | `data-to` | `max` | number | Set start position for right handle |
|
||||
| `step` | `data-step` | `1` | number | Set sliders step. Always > 0. Could be fractional |
|
||||
| `min_interval` | `data-min-interval` | `-` | number | Set minimum diapason between sliders. Only for **double** type |
|
||||
| `max_interval` | `data-max-interval` | `-` | number | Set minimum maximum between sliders. Only for **double** type |
|
||||
| `drag_interval` | `data-drag-interval` | `false` | boolean | Allow user to drag whole range. Only for **double** type |
|
||||
| `values` | `data-values` | `[]` | array | Set up your own array of possible slider values. They could be numbers or strings. If the values array is set up, min, max and step param, can no longer be changed |
|
||||
| `from_fixed` | `data-from-fixed` | `false` | boolean | Fix position of left (or single) handle |
|
||||
| `from_min` | `data-from-min` | `min` | number | Set minimum limit for left (or single) handle |
|
||||
| `from_max` | `data-from-max` | `max` | number | Set maximum limit for left (or single) handle |
|
||||
| `from_shadow` | `data-from-shadow` | `false` | boolean | Highlight the limits for left handle |
|
||||
| `to_fixed` | `data-to-fixed` | `false` | boolean | Fix position of right handle |
|
||||
| `to_min` | `data-to-min` | `min` | number | Set minimum limit for right handle |
|
||||
| `to_max` | `data-to-max` | `max` | number | Set maximum limit for right handle |
|
||||
| `to_shadow` | `data-to-shadow` | `false` | boolean | Highlight the right handle |
|
||||
| `prettify_enabled` | `data-prettify-enabled` | `true` | boolean | Improve readability of long numbers: 10000000 → 10 000 000 |
|
||||
| `prettify_separator` | `data-prettify-separator` | ` ` | string | Set up your own separator for long numbers: 10000000 → 10,000,000 etc. |
|
||||
| `prettify` | `-` | `null` | function | Set up your own prettify function. Can be anything. For example, you can set up unix time as slider values and than transform them to cool looking dates |
|
||||
| `force_edges` | `data-force-edges` | `false` | boolean | Sliders handles and tooltips will be always inside it's container |
|
||||
| `keyboard` | `data-keyboard` | `true` | boolean | Activates keyboard controls. Move left: ←, ↓, A, S. Move right: →, ↑, W, D. |
|
||||
| `grid` | `data-grid` | `true` | boolean | Enables grid of values above the slider |
|
||||
| `grid_margin` | `data-grid-margin` | `true` | boolean | Set left and right grid gaps |
|
||||
| `grid_num` | `data-grid-num` | `4` | number | Number of grid units |
|
||||
| `grid_snap` | `data-grid-snap` | `false` | boolean | Snap grid to sliders step (step param). If activated, grid_num will not be used. Max steps = 50 |
|
||||
| `hide_min_max` | `data-hide-min-max` | `false` | boolean | Hides **min** and **max** labels |
|
||||
| `hide_from_to` | `data-hide-from-to` | `false` | boolean | Hides **from** and **to** labels |
|
||||
| `prefix` | `data-prefix` | `` | string | Set prefix for values. Will be set up right before the number: **$**100 |
|
||||
| `postfix` | `data-postfix` | `` | string | Set postfix for values. Will be set up right after the number: 100**k** |
|
||||
| `max_postfix` | `data-max-postfix` | `` | string | Special postfix, used only for maximum value. Will be showed after handle will reach maximum right position. For example **0 — 100+** |
|
||||
| `decorate_both` | `data-decorate-both` | `true` | boolean | Used for **double** type and only if prefix or postfix was set up. Determine how to decorate close values. For example: **$10k — $100k** or **$10 — 100k** |
|
||||
| `values_separator` | `data-decorate-both` | ` - ` | string | Set your own separator for close values. Used for **double** type. Default: **10 — 100**. Or you may set: **10 to 100, 10 + 100, 10 → 100** etc. |
|
||||
| `input_values_separator` | `data-input-values-separator` | ` ; ` | string | Separator for **double** values in input value property. `<input value="25;42">` |
|
||||
| `disable` | `data-disable` | `false` | boolean | Locks slider and makes it inactive. Input is disabled too. Invisible to forms |
|
||||
| `block` | `data-blokc` | `false` | boolean | Locks slider and makes it inactive. Input is NOT disabled. Can be send with forms |
|
||||
| `extra_classes` | `data-extra-classes` | `—` | string | Traverse extra CSS-classes to sliders container |
|
||||
| `scope` | `-` | `null` | object | Scope for callbacks. Pass any object |
|
||||
| `onStart` | `-` | `null` | function | Callback. Is called on slider start. Gets all slider data as a 1st attribute |
|
||||
| `onChange` | `-` | `null` | function | Callback. IS called on each values change. Gets all slider data as a 1st attribute |
|
||||
| `onFinish` | `-` | `null` | function | Callback. Is called when user releases handle. Gets all slider data as a 1st attribute |
|
||||
| `onUpdate` | `-` | `null` | function | Callback. Is called when slider is modified by external methods `update` or `reset` |
|
||||
|
||||
|
||||
|
||||
## Description of data passed to callbacks (onChange and etc.)
|
||||
Result is object type and passed to callback as first argument:
|
||||
```javascript
|
||||
Obj: {
|
||||
"input": object, // jQuery-link to input
|
||||
"slider": object, // jQuery-link to sliders container
|
||||
"min": 1000, // MIN value
|
||||
"max": 100000, // MAX values
|
||||
"from": 10000, // FROM value
|
||||
"from_percent": 10, // FROM value in percents
|
||||
"from_value": 0, // FROM index in values array (if used)
|
||||
"to": 90000, // TO value
|
||||
"to_percent": 90, // TO value in percents
|
||||
"to_value": 0, // TO index in values array (if used)
|
||||
"min_pretty": "1 000", // MIN prettified (if used)
|
||||
"max_pretty": "100 000", // MAX prettified (if used)
|
||||
"from_pretty": "10 000", // FROM prettified (if used)
|
||||
"to_pretty": "90 000" // TO prettified (if used)
|
||||
}
|
||||
```
|
||||
|
||||
## Creating slider (all params)
|
||||
An example of a customised slider:
|
||||
```javascript
|
||||
$("#example").ionRangeSlider({
|
||||
skin: "big",
|
||||
min: 0,
|
||||
max: 10000,
|
||||
from: 1000,
|
||||
to: 9000,
|
||||
type: 'double',
|
||||
prefix: "$",
|
||||
grid: true,
|
||||
grid_num: 10
|
||||
});
|
||||
```
|
||||
|
||||
You can also initialise slider with <code>data-*</code> attributes of input tag:
|
||||
```html
|
||||
data-min="0"
|
||||
data-max="10000"
|
||||
data-from="1000"
|
||||
data-to="9000"
|
||||
data-type="double"
|
||||
data-prefix="$"
|
||||
data-grid="true"
|
||||
data-grid-num="10"
|
||||
```
|
||||
|
||||
## Public methods
|
||||
|
||||
To use public methods, at first you must save slider instance to variable:
|
||||
```javascript
|
||||
// Launch plugin
|
||||
$("#range").ionRangeSlider({
|
||||
type: "double",
|
||||
min: 0,
|
||||
max: 1000,
|
||||
from: 200,
|
||||
to: 500,
|
||||
grid: true
|
||||
});
|
||||
|
||||
// Saving it's instance to var
|
||||
var slider = $("#range").data("ionRangeSlider");
|
||||
|
||||
// Fire public method
|
||||
slider.reset();
|
||||
```
|
||||
|
||||
There are 3 public methods:
|
||||
```javascript
|
||||
// UPDATE - updates slider to any new values
|
||||
slider.update({
|
||||
from: 300,
|
||||
to: 400
|
||||
});
|
||||
|
||||
// RESET - reset slider to it's first values
|
||||
slider.reset();
|
||||
|
||||
// DESTROY - destroys slider and restores original input field
|
||||
slider.destroy();
|
||||
```
|
||||
|
||||
|
||||
## One more look on demos
|
||||
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo.html" class="switch__item">Basic demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html" class="switch__item">Advanced demo</a>
|
||||
* <a href="http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html" class="switch__item">Interactions demo</a>
|
||||
|
||||
All plugins options are covered in demos.
|
||||
|
||||
|
||||
### <a href="history.md">Update history</a>
|
||||
|
||||
***
|
||||
|
||||
#### Support Ion-series plugins development:
|
||||
|
||||
* [Support the plugin on Patreon](https://www.patreon.com/IonDen)
|
||||
|
||||
* Donate direct to my Paypal account: https://www.paypal.me/IonDen
|
||||
|
|
@ -1,147 +0,0 @@
|
|||
# Mouse Wheel ChangeLog
|
||||
|
||||
## 3.1.13
|
||||
|
||||
* Update copyright notice and license to remove years
|
||||
* Create the correct compressed version
|
||||
* Remove the obsolete jQuery Plugin Registry file
|
||||
|
||||
## 3.1.12
|
||||
|
||||
* Fix possible 0 value for line height when in delta mode 1
|
||||
|
||||
## 3.1.11
|
||||
|
||||
* Fix version number for package managers...
|
||||
|
||||
## 3.1.10
|
||||
|
||||
* Fix issue with calculating line height when using older versions of jQuery
|
||||
* Add offsetX/Y normalization with setting to turn it off
|
||||
* Cleans up data on teardown
|
||||
|
||||
## 3.1.9
|
||||
|
||||
* Fix bower.json file
|
||||
* Updated how the deltas are adjusted for older mousewheel based events that have deltas that are factors of 120.
|
||||
* Add $.event.special.mousewheel.settings.adjustOldDeltas (defaults to true) to turn off adjusting of old deltas that are factors of 120. You'd turn this off if you want to be as close to native scrolling as possible.
|
||||
|
||||
## 3.1.8
|
||||
|
||||
* Even better handling of older browsers that use a wheelDelta based on 120
|
||||
* And fix version reported by `$.event.special.mousewheel`
|
||||
|
||||
## 3.1.7
|
||||
|
||||
* Better handle the `deltaMode` values 1 (lines) and 2 (pages)
|
||||
* Attempt to better handle older browsers that use a wheelDelta based on 120
|
||||
|
||||
## 3.1.6
|
||||
|
||||
* Deprecating `delta`, `deltaX`, and `deltaY` event handler arguments
|
||||
* Update actual event object with normalized `deltaX `and `deltaY` values (`event.deltaX`, `event.deltaY`)
|
||||
* Add `deltaFactor` to the event object (`event.deltaFactor`)
|
||||
* Handle `> 0` but `< 1` deltas better
|
||||
* Do not fire the event if `deltaX` and `deltaY` are `0`
|
||||
* Better handle different devices that give different `lowestDelta` values
|
||||
* Add `$.event.special.mousewheel.version`
|
||||
* Some clean up
|
||||
|
||||
## 3.1.5
|
||||
|
||||
* Bad release because I did not update the new `$.event.special.mousewheel.version`
|
||||
|
||||
## 3.1.4
|
||||
|
||||
* Always set the `deltaY`
|
||||
* Add back in the `deltaX` and `deltaY` support for older Firefox versions
|
||||
|
||||
## 3.1.3
|
||||
|
||||
* Include `MozMousePixelScroll` in the to fix list to avoid inconsistent behavior in older Firefox
|
||||
|
||||
## 3.1.2
|
||||
|
||||
* Include grunt utilities for development purposes (jshint and uglify)
|
||||
* Include support for browserify
|
||||
* Some basic cleaning up
|
||||
|
||||
## 3.1.1
|
||||
|
||||
* Fix rounding issue with deltas less than zero
|
||||
|
||||
|
||||
## 3.1.0
|
||||
|
||||
* Fix Firefox 17+ issues by using new wheel event
|
||||
* Normalize delta values
|
||||
* Adds horizontal support for IE 9+ by using new wheel event
|
||||
* Support AMD loaders
|
||||
|
||||
|
||||
## 3.0.6
|
||||
|
||||
* Fix issue with delta being 0 in Firefox
|
||||
|
||||
|
||||
## 3.0.5
|
||||
|
||||
* jQuery 1.7 compatibility
|
||||
|
||||
|
||||
## 3.0.4
|
||||
|
||||
* Fix IE issue
|
||||
|
||||
|
||||
## 3.0.3
|
||||
|
||||
* Added `deltaX` and `deltaY` for horizontal scrolling support (Thanks to Seamus Leahy)
|
||||
|
||||
|
||||
## 3.0.2
|
||||
|
||||
* Fixed delta being opposite value in latest Opera
|
||||
* No longer fix `pageX`, `pageY` for older Mozilla browsers
|
||||
* Removed browser detection
|
||||
* Cleaned up the code
|
||||
|
||||
|
||||
## 3.0.1
|
||||
|
||||
* Bad release... creating a new release due to plugins.jquery.com issue :(
|
||||
|
||||
|
||||
## 3.0
|
||||
|
||||
* Uses new special events API in jQuery 1.2.2+
|
||||
* You can now treat `mousewheel` as a normal event and use `.bind`, `.unbind` and `.trigger`
|
||||
* Using jQuery.data API for expandos
|
||||
|
||||
|
||||
## 2.2
|
||||
|
||||
* Fixed `pageX`, `pageY`, `clientX` and `clientY` event properties for Mozilla based browsers
|
||||
|
||||
|
||||
## 2.1.1
|
||||
|
||||
* Updated to work with jQuery 1.1.3
|
||||
* Used one instead of bind to do unload event for clean up
|
||||
|
||||
|
||||
## 2.1
|
||||
|
||||
* Fixed an issue with the unload handler
|
||||
|
||||
|
||||
## 2.0
|
||||
|
||||
* Major reduction in code size and complexity (internals have change a whole lot)
|
||||
|
||||
|
||||
## 1.0
|
||||
|
||||
* Fixed Opera issue
|
||||
* Fixed an issue with children elements that also have a mousewheel handler
|
||||
* Added ability to handle multiple handlers
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
# jQuery Mouse Wheel Plugin
|
||||
|
||||
A [jQuery](http://jquery.com/) plugin that adds cross-browser mouse wheel support with delta normalization.
|
||||
|
||||
In order to use the plugin, simply bind the `mousewheel` event to an element.
|
||||
|
||||
It also provides two helper methods called `mousewheel` and `unmousewheel`
|
||||
that act just like other event helper methods in jQuery.
|
||||
|
||||
The event object is updated with the normalized `deltaX` and `deltaY` properties.
|
||||
In addition there is a new property on the event object called `deltaFactor`. Multiply
|
||||
the `deltaFactor` by `deltaX` or `deltaY` to get the scroll distance that the browser
|
||||
has reported.
|
||||
|
||||
Here is an example of using both the bind and helper method syntax:
|
||||
|
||||
```js
|
||||
// using on
|
||||
$('#my_elem').on('mousewheel', function(event) {
|
||||
console.log(event.deltaX, event.deltaY, event.deltaFactor);
|
||||
});
|
||||
|
||||
// using the event helper
|
||||
$('#my_elem').mousewheel(function(event) {
|
||||
console.log(event.deltaX, event.deltaY, event.deltaFactor);
|
||||
});
|
||||
```
|
||||
|
||||
The old behavior of adding three arguments (`delta`, `deltaX`, and `deltaY`) to the
|
||||
event handler is now deprecated and will be removed in later releases.
|
||||
|
||||
|
||||
## The Deltas...
|
||||
|
||||
The combination of Browsers, Operating Systems, and Devices offer a huge range of possible delta values. In fact if the user
|
||||
uses a trackpad and then a physical mouse wheel the delta values can differ wildly. This plugin normalizes those
|
||||
values so you get a whole number starting at +-1 and going up in increments of +-1 according to the force or
|
||||
acceleration that is used. This number has the potential to be in the thousands depending on the device.
|
||||
Check out some of the data collected from users [here](http://mousewheeldatacollector.herokuapp.com/).
|
||||
|
||||
### Getting the scroll distance
|
||||
|
||||
In some use-cases we prefer to have the normalized delta but in others we want to know how far the browser should
|
||||
scroll based on the users input. This can be done by multiplying the `deltaFactor` by the `deltaX` or `deltaY`
|
||||
event property to find the scroll distance the browser reported.
|
||||
|
||||
The `deltaFactor` property was added to the event object in 3.1.5 so that the actual reported delta value can be
|
||||
extracted. This is a non-standard property.
|
||||
|
||||
|
||||
## Using with [Browserify](http://browserify.org)
|
||||
|
||||
Support for browserify is baked in.
|
||||
|
||||
```bash
|
||||
npm install jquery-mousewheel
|
||||
npm install jquery-browserify
|
||||
```
|
||||
|
||||
In your server-side node.js code:
|
||||
|
||||
```js
|
||||
var express = require('express');
|
||||
var app = express.createServer();
|
||||
|
||||
app.use(require('browserify')({
|
||||
require : [ 'jquery-browserify', 'jquery-mousewheel' ]
|
||||
}));
|
||||
```
|
||||
|
||||
In your browser-side javascript:
|
||||
|
||||
```js
|
||||
var $ = require('jquery-browserify');
|
||||
require('jquery-mousewheel')($);
|
||||
```
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
{
|
||||
"_args": [
|
||||
[
|
||||
"jquery-mousewheel@3.1.13",
|
||||
"/Users/rejack/Projekte/GitHub/REJack/AdminLTE"
|
||||
]
|
||||
],
|
||||
"_from": "jquery-mousewheel@3.1.13",
|
||||
"_id": "jquery-mousewheel@3.1.13",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-BvAzXxbjU6aV5yBr9QUDy1I6buU=",
|
||||
"_location": "/jquery-mousewheel",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "jquery-mousewheel@3.1.13",
|
||||
"name": "jquery-mousewheel",
|
||||
"escapedName": "jquery-mousewheel",
|
||||
"rawSpec": "3.1.13",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "3.1.13"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/",
|
||||
"/jquery-mapael"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/jquery-mousewheel/-/jquery-mousewheel-3.1.13.tgz",
|
||||
"_spec": "3.1.13",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "jQuery Foundation and other contributors",
|
||||
"url": "https://github.com/jquery/jquery-mousewheel/blob/master/AUTHORS.txt"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/jquery/jquery-mousewheel/issues"
|
||||
},
|
||||
"description": "A jQuery plugin that adds cross-browser mouse wheel support.",
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.1",
|
||||
"grunt-contrib-connect": "~0.5.0",
|
||||
"grunt-contrib-jshint": "~0.7.1",
|
||||
"grunt-contrib-uglify": "~0.2.7"
|
||||
},
|
||||
"directories": {
|
||||
"test": "test"
|
||||
},
|
||||
"files": [
|
||||
"ChangeLog.md",
|
||||
"jquery.mousewheel.js",
|
||||
"README.md",
|
||||
"LICENSE.txt"
|
||||
],
|
||||
"homepage": "https://github.com/jquery/jquery-mousewheel",
|
||||
"jam": {
|
||||
"dependencies": {
|
||||
"jquery": ">=1.2.2"
|
||||
}
|
||||
},
|
||||
"keywords": [
|
||||
"jquery",
|
||||
"mouse",
|
||||
"wheel",
|
||||
"event",
|
||||
"mousewheel",
|
||||
"jquery-plugin",
|
||||
"browser"
|
||||
],
|
||||
"licenses": [
|
||||
{
|
||||
"type": "MIT",
|
||||
"url": "https://github.com/jquery/jquery-mousewheel/blob/master/LICENSE.txt"
|
||||
}
|
||||
],
|
||||
"main": "./jquery.mousewheel.js",
|
||||
"name": "jquery-mousewheel",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/jquery/jquery-mousewheel.git"
|
||||
},
|
||||
"version": "3.1.13"
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
# jquery-ui-dist
|
||||
|
|
@ -1,559 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="us">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Example Page</title>
|
||||
<link href="jquery-ui.css" rel="stylesheet">
|
||||
<style>
|
||||
body{
|
||||
font-family: "Trebuchet MS", sans-serif;
|
||||
margin: 50px;
|
||||
}
|
||||
.demoHeaders {
|
||||
margin-top: 2em;
|
||||
}
|
||||
#dialog-link {
|
||||
padding: .4em 1em .4em 20px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
#dialog-link span.ui-icon {
|
||||
margin: 0 5px 0 0;
|
||||
position: absolute;
|
||||
left: .2em;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
#icons {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#icons li {
|
||||
margin: 2px;
|
||||
position: relative;
|
||||
padding: 4px 0;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
#icons span.ui-icon {
|
||||
float: left;
|
||||
margin: 0 4px;
|
||||
}
|
||||
.fakewindowcontain .ui-widget-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
select {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Welcome to jQuery UI!</h1>
|
||||
|
||||
<div class="ui-widget">
|
||||
<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
|
||||
</div>
|
||||
|
||||
<h1>YOUR COMPONENTS:</h1>
|
||||
|
||||
|
||||
<!-- Accordion -->
|
||||
<h2 class="demoHeaders">Accordion</h2>
|
||||
<div id="accordion">
|
||||
<h3>First</h3>
|
||||
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
|
||||
<h3>Second</h3>
|
||||
<div>Phasellus mattis tincidunt nibh.</div>
|
||||
<h3>Third</h3>
|
||||
<div>Nam dui erat, auctor a, dignissim quis.</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Autocomplete -->
|
||||
<h2 class="demoHeaders">Autocomplete</h2>
|
||||
<div>
|
||||
<input id="autocomplete" title="type "a"">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Button -->
|
||||
<h2 class="demoHeaders">Button</h2>
|
||||
<button id="button">A button element</button>
|
||||
<button id="button-icon">An icon-only button</button>
|
||||
|
||||
|
||||
|
||||
<!-- Checkboxradio -->
|
||||
<h2 class="demoHeaders">Checkboxradio</h2>
|
||||
<form style="margin-top: 1em;">
|
||||
<div id="radioset">
|
||||
<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
|
||||
<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
|
||||
<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<!-- Controlgroup -->
|
||||
<h2 class="demoHeaders">Controlgroup</h2>
|
||||
<fieldset>
|
||||
<legend>Rental Car</legend>
|
||||
<div id="controlgroup">
|
||||
<select id="car-type">
|
||||
<option>Compact car</option>
|
||||
<option>Midsize car</option>
|
||||
<option>Full size car</option>
|
||||
<option>SUV</option>
|
||||
<option>Luxury</option>
|
||||
<option>Truck</option>
|
||||
<option>Van</option>
|
||||
</select>
|
||||
<label for="transmission-standard">Standard</label>
|
||||
<input type="radio" name="transmission" id="transmission-standard">
|
||||
<label for="transmission-automatic">Automatic</label>
|
||||
<input type="radio" name="transmission" id="transmission-automatic">
|
||||
<label for="insurance">Insurance</label>
|
||||
<input type="checkbox" name="insurance" id="insurance">
|
||||
<label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label>
|
||||
<input id="horizontal-spinner" class="ui-spinner-input">
|
||||
<button>Book Now!</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
|
||||
|
||||
<!-- Tabs -->
|
||||
<h2 class="demoHeaders">Tabs</h2>
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li><a href="#tabs-1">First</a></li>
|
||||
<li><a href="#tabs-2">Second</a></li>
|
||||
<li><a href="#tabs-3">Third</a></li>
|
||||
</ul>
|
||||
<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
||||
<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
|
||||
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h2 class="demoHeaders">Dialog</h2>
|
||||
<p>
|
||||
<button id="dialog-link" class="ui-button ui-corner-all ui-widget">
|
||||
<span class="ui-icon ui-icon-newwin"></span>Open Dialog
|
||||
</button>
|
||||
</p>
|
||||
|
||||
<h2 class="demoHeaders">Overlay and Shadow Classes</h2>
|
||||
<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
|
||||
<p>Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>
|
||||
|
||||
<!-- ui-dialog -->
|
||||
<div class="ui-widget-overlay ui-front"></div>
|
||||
<div style="position: absolute; width: 320px; left: 50px; top: 30px; padding: 1.2em" class="ui-widget ui-front ui-widget-content ui-corner-all ui-widget-shadow">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ui-dialog -->
|
||||
<div id="dialog" title="Dialog Title">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
|
||||
<ul id="icons" class="ui-widget ui-helper-clearfix">
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-n"><span class="ui-icon ui-icon-caret-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-ne"><span class="ui-icon ui-icon-caret-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-e"><span class="ui-icon ui-icon-caret-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-se"><span class="ui-icon ui-icon-caret-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-s"><span class="ui-icon ui-icon-caret-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-sw"><span class="ui-icon ui-icon-caret-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-w"><span class="ui-icon ui-icon-caret-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-nw"><span class="ui-icon ui-icon-caret-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-n-s"><span class="ui-icon ui-icon-caret-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-e-w"><span class="ui-icon ui-icon-caret-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Slider -->
|
||||
<h2 class="demoHeaders">Slider</h2>
|
||||
<div id="slider"></div>
|
||||
|
||||
|
||||
|
||||
<!-- Datepicker -->
|
||||
<h2 class="demoHeaders">Datepicker</h2>
|
||||
<div id="datepicker"></div>
|
||||
|
||||
|
||||
|
||||
<!-- Progressbar -->
|
||||
<h2 class="demoHeaders">Progressbar</h2>
|
||||
<div id="progressbar"></div>
|
||||
|
||||
|
||||
|
||||
<!-- Progressbar -->
|
||||
<h2 class="demoHeaders">Selectmenu</h2>
|
||||
<select id="selectmenu">
|
||||
<option>Slower</option>
|
||||
<option>Slow</option>
|
||||
<option selected="selected">Medium</option>
|
||||
<option>Fast</option>
|
||||
<option>Faster</option>
|
||||
</select>
|
||||
|
||||
|
||||
|
||||
<!-- Spinner -->
|
||||
<h2 class="demoHeaders">Spinner</h2>
|
||||
<input id="spinner">
|
||||
|
||||
|
||||
|
||||
<!-- Menu -->
|
||||
<h2 class="demoHeaders">Menu</h2>
|
||||
<ul style="width:100px;" id="menu">
|
||||
<li><div>Item 1</div></li>
|
||||
<li><div>Item 2</div></li>
|
||||
<li><div>Item 3</div>
|
||||
<ul>
|
||||
<li><div>Item 3-1</div></li>
|
||||
<li><div>Item 3-2</div></li>
|
||||
<li><div>Item 3-3</div></li>
|
||||
<li><div>Item 3-4</div></li>
|
||||
<li><div>Item 3-5</div></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><div>Item 4</div></li>
|
||||
<li><div>Item 5</div></li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<!-- Tooltip -->
|
||||
<h2 class="demoHeaders">Tooltip</h2>
|
||||
<p id="tooltip">
|
||||
<a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
|
||||
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
|
||||
</p>
|
||||
|
||||
|
||||
<!-- Highlight / Error -->
|
||||
<h2 class="demoHeaders">Highlight / Error</h2>
|
||||
<div class="ui-widget">
|
||||
<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
|
||||
<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
|
||||
<strong>Hey!</strong> Sample ui-state-highlight style.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui-widget">
|
||||
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
|
||||
<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
|
||||
<strong>Alert:</strong> Sample ui-state-error style.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="external/jquery/jquery.js"></script>
|
||||
<script src="jquery-ui.js"></script>
|
||||
<script>
|
||||
|
||||
$( "#accordion" ).accordion();
|
||||
|
||||
|
||||
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
"Asp",
|
||||
"BASIC",
|
||||
"C",
|
||||
"C++",
|
||||
"Clojure",
|
||||
"COBOL",
|
||||
"ColdFusion",
|
||||
"Erlang",
|
||||
"Fortran",
|
||||
"Groovy",
|
||||
"Haskell",
|
||||
"Java",
|
||||
"JavaScript",
|
||||
"Lisp",
|
||||
"Perl",
|
||||
"PHP",
|
||||
"Python",
|
||||
"Ruby",
|
||||
"Scala",
|
||||
"Scheme"
|
||||
];
|
||||
$( "#autocomplete" ).autocomplete({
|
||||
source: availableTags
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#button" ).button();
|
||||
$( "#button-icon" ).button({
|
||||
icon: "ui-icon-gear",
|
||||
showLabel: false
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#radioset" ).buttonset();
|
||||
|
||||
|
||||
|
||||
$( "#controlgroup" ).controlgroup();
|
||||
|
||||
|
||||
|
||||
$( "#tabs" ).tabs();
|
||||
|
||||
|
||||
|
||||
$( "#dialog" ).dialog({
|
||||
autoOpen: false,
|
||||
width: 400,
|
||||
buttons: [
|
||||
{
|
||||
text: "Ok",
|
||||
click: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "Cancel",
|
||||
click: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Link to open the dialog
|
||||
$( "#dialog-link" ).click(function( event ) {
|
||||
$( "#dialog" ).dialog( "open" );
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#datepicker" ).datepicker({
|
||||
inline: true
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#slider" ).slider({
|
||||
range: true,
|
||||
values: [ 17, 67 ]
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#progressbar" ).progressbar({
|
||||
value: 20
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#spinner" ).spinner();
|
||||
|
||||
|
||||
|
||||
$( "#menu" ).menu();
|
||||
|
||||
|
||||
|
||||
$( "#tooltip" ).tooltip();
|
||||
|
||||
|
||||
|
||||
$( "#selectmenu" ).selectmenu();
|
||||
|
||||
|
||||
// Hover states on the static widgets
|
||||
$( "#dialog-link, #icons li" ).hover(
|
||||
function() {
|
||||
$( this ).addClass( "ui-state-hover" );
|
||||
},
|
||||
function() {
|
||||
$( this ).removeClass( "ui-state-hover" );
|
||||
}
|
||||
);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,104 +0,0 @@
|
|||
{
|
||||
"_args": [
|
||||
[
|
||||
"jquery-ui-dist@1.12.1",
|
||||
"/Users/rejack/Projekte/GitHub/REJack/AdminLTE"
|
||||
]
|
||||
],
|
||||
"_from": "jquery-ui-dist@1.12.1",
|
||||
"_id": "jquery-ui-dist@1.12.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-XAgV08xvkP9fqvWyaKbiO0ypBPo=",
|
||||
"_location": "/jquery-ui-dist",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "jquery-ui-dist@1.12.1",
|
||||
"name": "jquery-ui-dist",
|
||||
"escapedName": "jquery-ui-dist",
|
||||
"rawSpec": "1.12.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.12.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/jquery-ui-dist/-/jquery-ui-dist-1.12.1.tgz",
|
||||
"_spec": "1.12.1",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "jQuery Foundation and other contributors",
|
||||
"url": "https://github.com/jquery/jquery-ui/blob/1.12.1/AUTHORS.txt"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://bugs.jqueryui.com/"
|
||||
},
|
||||
"dependencies": {},
|
||||
"description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.",
|
||||
"devDependencies": {
|
||||
"commitplease": "2.3.0",
|
||||
"grunt": "0.4.5",
|
||||
"grunt-bowercopy": "1.2.4",
|
||||
"grunt-cli": "0.1.13",
|
||||
"grunt-compare-size": "0.4.0",
|
||||
"grunt-contrib-concat": "0.5.1",
|
||||
"grunt-contrib-csslint": "0.5.0",
|
||||
"grunt-contrib-jshint": "0.12.0",
|
||||
"grunt-contrib-qunit": "1.0.1",
|
||||
"grunt-contrib-requirejs": "0.4.4",
|
||||
"grunt-contrib-uglify": "0.11.1",
|
||||
"grunt-git-authors": "3.1.0",
|
||||
"grunt-html": "6.0.0",
|
||||
"grunt-jscs": "2.1.0",
|
||||
"load-grunt-tasks": "3.4.0",
|
||||
"rimraf": "2.5.1",
|
||||
"testswarm": "1.1.0"
|
||||
},
|
||||
"homepage": "http://jqueryui.com",
|
||||
"keywords": [],
|
||||
"license": "MIT",
|
||||
"main": "ui/widget.js",
|
||||
"maintainers": [
|
||||
{
|
||||
"name": "Scott González",
|
||||
"email": "scott.gonzalez@gmail.com",
|
||||
"url": "http://scottgonzalez.com"
|
||||
},
|
||||
{
|
||||
"name": "Jörn Zaefferer",
|
||||
"email": "joern.zaefferer@gmail.com",
|
||||
"url": "http://bassistance.de"
|
||||
},
|
||||
{
|
||||
"name": "Mike Sherov",
|
||||
"email": "mike.sherov@gmail.com",
|
||||
"url": "http://mike.sherov.com"
|
||||
},
|
||||
{
|
||||
"name": "TJ VanToll",
|
||||
"email": "tj.vantoll@gmail.com",
|
||||
"url": "http://tjvantoll.com"
|
||||
},
|
||||
{
|
||||
"name": "Felix Nagel",
|
||||
"email": "info@felixnagel.com",
|
||||
"url": "http://www.felixnagel.com"
|
||||
},
|
||||
{
|
||||
"name": "Alex Schmitz",
|
||||
"email": "arschmitz@gmail.com",
|
||||
"url": "https://github.com/arschmitz"
|
||||
}
|
||||
],
|
||||
"name": "jquery-ui-dist",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/jquery/jquery-ui.git"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "grunt"
|
||||
},
|
||||
"title": "jQuery UI",
|
||||
"version": "1.12.1"
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
## Want to contribute?
|
||||
|
||||
All changes in code must go to `raphael.core`, `raphael.svg` or `raphael.vml`.
|
||||
The rest are generated files, generated after running `npm run build`.
|
||||
|
||||
To run tests you need to open `dev/test/index.html` in your browser, there's no automated way right now.
|
||||
|
||||
After changing the core/vml/svg files, execute `npm run build` to generate all versions, make a commit and you are ready to make a pull request!
|
||||
Remember that if you want to add a functionality it must be present in the vml and svg versions, **no svg-only features will be accepted.**
|
||||
|
||||
## Found an issue?
|
||||
|
||||
First search for similar issues to make sure you don't repeat an existing one.
|
||||
|
||||
Then please create a fiddle ([jsfiddle](http://jsfiddle.net/SSJJT/)) recreating the bug so we can find out what the problem is more easily (or be a hero and find it yourself and send a pull request!). You can also use the [raphael playground](http://raphaeljs.com/playground.html) to reproduce your issues.
|
||||
|
||||
Remember to add all the info that can be useful such as
|
||||
|
||||
* error details
|
||||
* steps to reproduce
|
||||
* browser and its version
|
||||
* any suggestion of what do you think the problem could be
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
# Raphaël: Cross-browser vector graphics the easy way
|
||||
|
||||
Visit the library website for more information: ~~[http://raphaeljs.com](http://raphaeljs.com/)~~ [https://dmitrybaranovskiy.github.io/raphael/](https://dmitrybaranovskiy.github.io/raphael/)
|
||||
|
||||
## Quickstart guide
|
||||
|
||||
You need to have NPM installed to build the library.
|
||||
|
||||
* `git clone https://github.com/DmitryBaranovskiy/raphael.git`
|
||||
* `yarn install --frozen-lockfile`
|
||||
* `yarn build-all`
|
||||
|
||||
To run tests you need to run `npx bower install` open `dev/test/index.html` in your browser, there's no automated way right now.
|
||||
|
||||
## Dependencies
|
||||
|
||||
* [eve](https://github.com/adobe-webplatform/eve)
|
||||
|
||||
## Distributable
|
||||
|
||||
All files are UMD compliant.
|
||||
|
||||
You can use:
|
||||
|
||||
* `raphael.min.js` (includes `eve` and it's minified)
|
||||
* `raphael.js` (includes `eve` and it's not minified)
|
||||
* `raphael.no-deps.js` (doesn't include `eve` it's not minified)
|
||||
* `raphael.no-deps.min.js` (doesn't include `eve` it's minified)
|
||||
|
||||
## Where to start
|
||||
|
||||
Check [Raphael-boilerplate](https://github.com/tomasAlabes/raphael-boilerplate) to see examples of loading.
|
||||
|
||||
Raphael can be loaded in a script tag or with AMD:
|
||||
|
||||
```js
|
||||
define([ "path/to/raphael" ], function( Raphael ) {
|
||||
console.log( Raphael );
|
||||
});
|
||||
```
|
||||
|
||||
## Development
|
||||
|
||||
Versions will be released as we gather and test new PRs.
|
||||
As there are a lot of browsers being supported it might take a while to accept a PR, we will use the feedback from other users too.
|
||||
|
||||
You can use the `raphaelTest.html` to try things, you need to start a server in the root dir to start testing things there.
|
||||
Something like running `python -m SimpleHTTPServer` in the `raphael` directory and hitting `http://localhost:8000/dev/raphaelTest.html` with the browser. You should run `npm run start` before this can work.
|
||||
|
||||
## Collaborators
|
||||
|
||||
* [tomasAlabes](https://github.com/tomasAlabes)
|
||||
|
||||
## Related Projects
|
||||
|
||||
* [graphael](https://github.com/DmitryBaranovskiy/g.raphael/tree/master)
|
||||
* [raphael.boilerplate](https://github.com/tomasAlabes/raphael-boilerplate)
|
||||
* [backbone.raphael](https://github.com/tomasAlabes/backbone.raphael)
|
||||
* [mapael](https://github.com/neveldo/jQuery-Mapael)
|
||||
* [snap](https://github.com/adobe-webplatform/Snap.svg)
|
||||
* [react-raphael](https://github.com/liuhong1happy/react-raphael)
|
||||
|
||||
## Books
|
||||
|
||||
* [Learning Raphael JS Vector Graphics](http://shop.oreilly.com/product/9781782169161.do)
|
||||
* [RaphaelJS](http://shop.oreilly.com/product/0636920029601.do)
|
||||
* [Instant RaphaelJS Starter](http://shop.oreilly.com/product/9781782169857.do)
|
||||
|
||||
## Copyright and license
|
||||
|
||||
Copyright © 2008-2013 Dmitry Baranovskiy (`http://dmitrybaranovskiy.github.io/raphael/`)
|
||||
|
||||
Copyright © 2008-2013 Sencha Labs (`http://sencha.com`)
|
||||
|
||||
Licensed under the **MIT** (`http://dmitrybaranovskiy.github.io/raphael/license.html`) license.
|
||||
|
|
@ -1,172 +0,0 @@
|
|||
2.3.0
|
||||
------------------
|
||||
* Unminified versions now without sourcemaps (#1110)
|
||||
* `start` script for building all versions (#1109)
|
||||
|
||||
2.2.8
|
||||
------------------
|
||||
* Downgraded qunit to v1 to make tests work again
|
||||
* Updated webpack to build dist
|
||||
* Updated supportsTouch query from modernizr #1084
|
||||
* Fix drag offsets passed to "drag.start" from touch drags in elproto.drag #1101
|
||||
* Fix memory leak in `Element.removeData()` #1077
|
||||
* Adding react-raphael to related projects #1072
|
||||
* Added icons back to raphael's website
|
||||
* Updated version in banner and raphael's website
|
||||
* Updated site refs to `https`
|
||||
|
||||
2.2.7
|
||||
------------------
|
||||
* Updating package.json dependencies
|
||||
* Using custom eve instead of old eve in npm
|
||||
* Fixed class as a reserved word in old browsers
|
||||
|
||||
2.2.5 - 2.2.6
|
||||
------------------
|
||||
Duplicated tag by mistake.
|
||||
* Using custom repo for eve in bower to avoid using a short sha in it.
|
||||
|
||||
2.2.4
|
||||
------------------
|
||||
* Fixed no-deps version with eve.
|
||||
|
||||
2.2.3
|
||||
------------------
|
||||
* Changed eve dependencies avoiding short sha and github url
|
||||
|
||||
2.2.2
|
||||
------------------
|
||||
* Improved elements ids, so multiple raphael instances are more reliable
|
||||
|
||||
2.2.1
|
||||
------------------
|
||||
* Removed name of amd module
|
||||
|
||||
2.2.0
|
||||
------------------
|
||||
|
||||
* Webpack build
|
||||
* Added tests! (thanks @TheCloudlessSky)
|
||||
* Strict error on method R.ninja
|
||||
* Cross-browser gradient fixes
|
||||
* Reduce transform string to avoid long parsing times after several transformations
|
||||
* raphael.amd.js as main in package.json.
|
||||
* raphael.amd.js version to work with Browserify.
|
||||
* Can't set glow with opacity 0
|
||||
* Using origin and pathname with gradient urls, urls with # weren't being resolved correctly
|
||||
* Defined nodeps version, and changed how raphael is loaded
|
||||
* Set stop-opacity in gradient defs
|
||||
* Fixed rounding issue in RGB formatter
|
||||
|
||||
2.1.4 • 2015-03-09
|
||||
------------------
|
||||
|
||||
* Wrong position in ie7 when rotate image #612
|
||||
* Gradients become black in some cases
|
||||
|
||||
2.1.3 • 2015-02-03
|
||||
------------------
|
||||
|
||||
* Fix wrong variable used in VML setViewBox().
|
||||
* Missing comma in file
|
||||
* set-viewbox-variable fix by @TheCloudlessSky
|
||||
|
||||
2.1.2 • 2015-08-26
|
||||
------------------
|
||||
|
||||
* isPointInside fix from @drbombay14
|
||||
* Allow Raphael to work in pages with a Content Security Policy that disallows 'unsafe-eval'
|
||||
|
||||
2.1.1 • 2013-08-11
|
||||
------------------
|
||||
|
||||
* Dragging Text under iOS By @vitorhsb
|
||||
* Dev folder
|
||||
* Fix to make IE9 display tooltips when setting the title attribute on an element. By @samcrang
|
||||
* Fix Wrong position after scale path in IE. By @sarvaje
|
||||
* isPointInside incorrectly caches the path used to calculate its value. By @lvanderbijl
|
||||
* Raphael.path2curve does not honor original shape. By @timo22345
|
||||
* IsPointInside fix for transformed paths
|
||||
|
||||
2.1.0 • 2012-03-14
|
||||
------------------
|
||||
|
||||
* Put all Eve events into “raphael.” namespace
|
||||
* Refactored path caching
|
||||
* Added x2 and y2 to returning bounding box values
|
||||
* Fixed bug with matrix.f in animation
|
||||
* Method [Paper.print](http://raphaeljs.com/reference.html#Paper.print) now returns all letters as one path without any transformations applied and supports multiline text
|
||||
* New methods
|
||||
* [Element.isPointInside](http://raphaeljs.com/reference.html#Element.isPointInside)
|
||||
* [Paper.getElementsByPoint](http://raphaeljs.com/reference.html#Paper.getElementsByPoint)
|
||||
* [Raphael.bezierBBox](http://raphaeljs.com/reference.html#Raphael.bezierBBox)
|
||||
* [Raphael.isBBoxIntersect](http://raphaeljs.com/reference.html#Raphael.isBBoxIntersect)
|
||||
* [Raphael.isPointInsideBBox](http://raphaeljs.com/reference.html#Raphael.isPointInsideBBox)
|
||||
* [Raphael.isPointInsidePath](http://raphaeljs.com/reference.html#Raphael.isPointInsidePath)
|
||||
* [Raphael.pathBBox](http://raphaeljs.com/reference.html#Raphael.pathBBox)
|
||||
* [Raphael.pathIntersection](http://raphaeljs.com/reference.html#Raphael.pathIntersection)
|
||||
* [Raphael.toMatrix](http://raphaeljs.com/reference.html#Raphael.toMatrix)
|
||||
* [Raphael.transformPath](http://raphaeljs.com/reference.html#Raphael.transformPath)
|
||||
|
||||
2.0.2 • 2012-02-08
|
||||
------------------
|
||||
|
||||
* Removing of linked element now removes `<a>` as well
|
||||
* Fixed white space recognition in passed strings
|
||||
* Added special case for path that has only one Catmull-Rom curve
|
||||
* Fixed toTransformString method
|
||||
* Fixed animateWith method
|
||||
* Fixed “target” attribute clearing
|
||||
* Fixed bug with changing fill from image to solid colour
|
||||
* fixed renderfix method
|
||||
|
||||
2.0.1 • 2011-11-18
|
||||
------------------
|
||||
|
||||
* Global variables leakage fix
|
||||
* `toFront` fix for elements with links
|
||||
* Gradient clean up
|
||||
* Added `letter-spacing` attribute
|
||||
* Fixed hsb methods
|
||||
* Fixed image flickering
|
||||
* Improved `toTransformString` method on `matrix`
|
||||
* Fixed drag'n'drop
|
||||
* New method [Paper.add](http://raphaeljs.com/reference.html#Paper.add)
|
||||
* Fix for `clip-path`
|
||||
* Doc update
|
||||
|
||||
2.0.0 • 2011-10-03
|
||||
------------------
|
||||
|
||||
* Completely changed transformation handling:
|
||||
* `translate()`, `rotate()` and `scale()` are deprecated
|
||||
* `translation`, `rotation` and `scale` attributes are removed (!)
|
||||
* new method `transform()` and new attribute `transform` were introduced
|
||||
* chaining of transformations now allowed
|
||||
* matrix transformation introduced
|
||||
* see [docs](http://raphaeljs.com/reference.html#Element.transform)
|
||||
* Animation API was updated (see [docs](http://raphaeljs.com/reference.html#Raphael.animation))
|
||||
* delay, repeat, [setTime](http://raphaeljs.com/reference.html#Element.status), [status](http://raphaeljs.com/reference.html#Element.setTime)
|
||||
* New methods:
|
||||
* [Paper.setViewBox](http://raphaeljs.com/reference.html#Paper.setViewBox)
|
||||
* [Paper.setStart](http://raphaeljs.com/reference.html#Paper.setStart)
|
||||
* [Paper.setFinish](http://raphaeljs.com/reference.html#Paper.setFinish)
|
||||
* [Paper.forEach](http://raphaeljs.com/reference.html#Paper.forEach)
|
||||
* [Paper.getById](http://raphaeljs.com/reference.html#Paper.getById)
|
||||
* [Paper.getElementByPoint](http://raphaeljs.com/reference.html#Paper.getElementByPoint)
|
||||
* [Element.data](http://raphaeljs.com/reference.html#Element.data)
|
||||
* [Element.glow](http://raphaeljs.com/reference.html#Element.glow)
|
||||
* [Element.onDragOver](http://raphaeljs.com/reference.html#Element.onDragOver)
|
||||
* [Element.removeData](http://raphaeljs.com/reference.html#Element.removeData)
|
||||
* [Raphael.fullfill](http://raphaeljs.com/reference.html#Raphael.fullfill)
|
||||
* [Raphael.matrix](http://raphaeljs.com/reference.html#Raphael.matrix)
|
||||
* [Raphael.parseTransformString](http://raphaeljs.com/reference.html#Raphael.parseTransformString)
|
||||
* [Set.clear](http://raphaeljs.com/reference.html#Set.clear)
|
||||
* [Set.exclude](http://raphaeljs.com/reference.html#Set.exclude)
|
||||
* [Set.forEach](http://raphaeljs.com/reference.html#Set.forEach)
|
||||
* [Set.splice](http://raphaeljs.com/reference.html#Set.splice)
|
||||
* VML completely rewritten
|
||||
* `getBBox` was fixed to take transformations into account
|
||||
* [eve](http://raphaeljs.com/reference.html#eve) was added to the project
|
||||
* Whole new [documentation](http://raphaeljs.com/reference.html)
|
||||
* Various bug fixes
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
{
|
||||
"_from": "raphael@2.3.0",
|
||||
"_id": "raphael@2.3.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-w2yIenZAQnp257XUWGni4bLMVxpUpcIl7qgxEgDIXtmSypYtlNxfXWpOBxs7LBTps5sDwhRnrToJrMUrivqNTQ==",
|
||||
"_location": "/raphael",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "raphael@2.3.0",
|
||||
"name": "raphael",
|
||||
"escapedName": "raphael",
|
||||
"rawSpec": "2.3.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "2.3.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/",
|
||||
"/jquery-mapael"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/raphael/-/raphael-2.3.0.tgz",
|
||||
"_shasum": "eabeb09dba861a1d4cee077eaafb8c53f3131f89",
|
||||
"_spec": "raphael@2.3.0",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": {
|
||||
"name": "Dmitry Baranovskiy"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/DmitryBaranovskiy/raphael/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"contributors": [
|
||||
{
|
||||
"name": "Tomas Alabes",
|
||||
"url": "https://github.com/tomasAlabes"
|
||||
}
|
||||
],
|
||||
"dependencies": {
|
||||
"eve-raphael": "0.5.0"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "JavaScript Vector Library",
|
||||
"devDependencies": {
|
||||
"qunitjs": "^1.0.0",
|
||||
"webpack": "4.39.2",
|
||||
"webpack-cli": "3.3.6"
|
||||
},
|
||||
"homepage": "http://dmitrybaranovskiy.github.io/raphael/",
|
||||
"keywords": [
|
||||
"svg",
|
||||
"vml",
|
||||
"javascript"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "raphael.min.js",
|
||||
"name": "raphael",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/DmitryBaranovskiy/raphael.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build-all": "yarn build-src && yarn build-no-deps && yarn build-no-deps-min && yarn build-prod",
|
||||
"build-no-deps": "webpack --env.noDeps -d --devtool none --output-filename raphael.no-deps.js",
|
||||
"build-no-deps-min": "webpack --env.noDeps -p --output-filename raphael.no-deps.min.js",
|
||||
"build-prod": "webpack -p --output-filename raphael.min.js",
|
||||
"build-src": "webpack -d --devtool none",
|
||||
"dev": "webpack -d",
|
||||
"prepublishOnly": "yarn build-all",
|
||||
"start": "yarn build-all",
|
||||
"test": "echo \"Open dev/test/index.html with your browser\" && exit 1"
|
||||
},
|
||||
"version": "2.3.0"
|
||||
}
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
# @sweetalert2/theme-bootstrap-4 - Bootstrap 4 Theme for [SweetAlert2](https://github.com/sweetalert2/sweetalert2)
|
||||
|
||||
[](https://www.npmjs.com/package/@sweetalert2/theme-bootstrap-4)
|
||||
|
||||
Installation
|
||||
------------
|
||||
|
||||
```sh
|
||||
npm install --save sweetalert2 @sweetalert2/theme-bootstrap-4
|
||||
```
|
||||
|
||||
Usage
|
||||
-----
|
||||
|
||||
With CSS:
|
||||
|
||||
```html
|
||||
<!-- Include the Bootstrap 4 theme -->
|
||||
<link rel="stylesheet" href="@sweetalert2/theme-bootstrap-4/bootstrap-4.css">
|
||||
|
||||
<script src="sweetalert2/dist/sweetalert2.min.js"></script>
|
||||
```
|
||||
|
||||
With SASS:
|
||||
|
||||
`your-app.js`:
|
||||
```js
|
||||
import Swal from 'sweetalert2/src/sweetalert2.js'
|
||||
```
|
||||
|
||||
`your-app.scss`:
|
||||
```scss
|
||||
@import '~@sweetalert2/theme-bootstrap-4/bootstrap-4.scss';
|
||||
```
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
{
|
||||
"_from": "@sweetalert2/theme-bootstrap-4",
|
||||
"_id": "@sweetalert2/theme-bootstrap-4@2.1.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-Ji33Ixo45EjGrGUX0Z+RqsI0X45r3NW464MigYhA9olUy4uOlwfTkumKpeudrY+tMZYDM2OP0LR9ndHBcyArbw==",
|
||||
"_location": "/@sweetalert2/theme-bootstrap-4",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "tag",
|
||||
"registry": true,
|
||||
"raw": "@sweetalert2/theme-bootstrap-4",
|
||||
"name": "@sweetalert2/theme-bootstrap-4",
|
||||
"escapedName": "@sweetalert2%2ftheme-bootstrap-4",
|
||||
"scope": "@sweetalert2",
|
||||
"rawSpec": "",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "latest"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/@sweetalert2/theme-bootstrap-4/-/theme-bootstrap-4-2.1.0.tgz",
|
||||
"_shasum": "e409b0d043bc1ed1bd47925c7571949b0cdaa3d0",
|
||||
"_spec": "@sweetalert2/theme-bootstrap-4",
|
||||
"_where": "/Users/rejack/Projekte/GitHub/REJack/AdminLTE",
|
||||
"author": "",
|
||||
"bugs": {
|
||||
"url": "https://github.com/sweetalert2/sweetalert2-themes/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"deprecated": false,
|
||||
"description": "Bootstrap 4 theme for SweetAlert2",
|
||||
"files": [
|
||||
"*.css",
|
||||
"*.scss"
|
||||
],
|
||||
"homepage": "https://sweetalert2.github.io/",
|
||||
"keywords": [
|
||||
"sweetalert2",
|
||||
"bootstrap-4",
|
||||
"theme",
|
||||
"themes",
|
||||
"theming",
|
||||
"sass"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "bootstrap-4.css",
|
||||
"name": "@sweetalert2/theme-bootstrap-4",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/sweetalert2/sweetalert2-themes.git"
|
||||
},
|
||||
"version": "2.1.0"
|
||||
}
|
||||
Loading…
Reference in a new issue