persiandate-picker
Version:
Jalali Calendar Date picker
332 lines (293 loc) • 11.2 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: state.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: state.js</h1>
<section>
<article>
<pre class="prettyprint source"><code>'use strict';
/**
* @desc Instantiate in {@link ClassDatepicker}
* @class ClassDatepickerState
* @type {{view: {year: number, month: number, date: number, hour: number, minute: number, second: number, unixDate: number}, selected: {year: number, month: number, date: number, hour: number, minute: number, second: number, unixDate: number}, _updateSelectedUnix: _updateSelectedUnix, setTime: setTime, setSelected: setSelected, syncViewWithelected: syncViewWithelected, setView: setView}}
*/
var ClassDatepickerState = {
/**
* @desc define start and end of available date
*/
filterDate: {
start: {
year: 0,
month: 0,
date: 0,
hour: 0,
minute: 0,
second: 0,
unixDate: 0
},
end: {
year: 0,
month: 0,
date: 0,
hour: 0,
minute: 0,
second: 0,
unixDate: 100
}
},
/**
* @desc view
*/
view: {
year: 0,
month: 0,
date: 0,
hour: 0,
minute: 0,
second: 0,
unixDate: 0
},
/**
* @desc selected
*/
selected: {
year: 0,
month: 0,
date: 0,
hour: 0,
minute: 0,
second: 0,
unixDate: 0
},
/**
* @desc setFilterDate
* @param key
* @param startVal
* @param endVal
*/
setFilterDate: function (key, startVal, endVal) {
var self = this;
if (!startVal) {
startVal = -99999999999999;
}
var pd = new persianDate(startVal);
self.filterDate.start.unixDate = startVal;
self.filterDate.start.hour = pd.hour();
self.filterDate.start.minute = pd.minute();
self.filterDate.start.second = pd.second();
self.filterDate.start.month = pd.month();
self.filterDate.start.date = pd.date();
self.filterDate.start.year = pd.year();
if (!endVal) {
endVal = 99999999999999
}
var pd = new persianDate(endVal);
self.filterDate.end.unixDate = endVal;
self.filterDate.end.hour = pd.hour();
self.filterDate.end.minute = pd.minute();
self.filterDate.end.second = pd.second();
self.filterDate.end.month = pd.month();
self.filterDate.end.date = pd.date();
self.filterDate.end.year = pd.year();
},
/**
* @desc _updateSelectedUnix
* @returns {Class_DatepickerState}
* @private
*/
_updateSelectedUnix: function () {
this.selected.dateObj = new persianDate([this.selected.year,
this.selected.month,
this.selected.date,
this.selected.hour,
this.selected.minute,
this.selected.second
])
this.selected.unixDate = this.selected.dateObj.valueOf();
return this;
},
/**
* @desc setTime
* @param key
* @param value
* @returns {Class_DatepickerState}
*/
setTime: function (key, value) {
var self = this;
switch (key) {
case 'unix':
self.selected.unixDate = value;
var pd = new persianDate(value);
self.selected.hour = pd.hour();
self.selected.minute = pd.minute();
self.selected.second = pd.second();
self._updateSelectedUnix();
break;
case 'hour':
this.selected.hour = value;
self._updateSelectedUnix();
break;
case 'minute':
this.selected.minute = value;
self._updateSelectedUnix();
break;
case 'second':
this.selected.second = value;
self._updateSelectedUnix();
break;
}
return this;
},
/**
* @desc setSelected
* @public
* @param key
* @param value
* @returns {Class_DatepickerState}
*/
setSelected: function (key, value) {
var self = this;
switch (key) {
case 'unix':
self.selected.unixDate = value;
var pd = new persianDate(value);
self.selected.year = pd.year();
self.selected.month = pd.month();
self.selected.date = pd.date();
self._updateSelectedUnix();
break;
case 'year':
this.selected.year = value;
self._updateSelectedUnix();
break;
case 'month':
this.selected.month = value
self._updateSelectedUnix();
break;
case 'date':
this.selected.month = value
self._updateSelectedUnix();
break;
}
return this;
},
setSelectedDateTime:function (key, value) {
var self = this;
switch (key) {
case 'unix':
self.selected.unixDate = value;
var pd = new persianDate(value);
self.selected.year = pd.year();
self.selected.month = pd.month();
self.selected.date = pd.date();
self.selected.hour = pd.hour();
self.selected.minute = pd.minute();
self.selected.second = pd.second();
self._updateSelectedUnix();
break;
case 'year':
this.selected.year = value;
self._updateSelectedUnix();
break;
case 'month':
this.selected.month = value
self._updateSelectedUnix();
break;
case 'date':
this.selected.month = value
self._updateSelectedUnix();
break;
}
return this;
},
/**
* @desc syncViewWithelected
* @public
* @returns {Class_DatepickerState}
*/
syncViewWithelected: function () {
this.view.year = this.selected.year;
this.view.month = this.selected.month;
this.view.date = this.selected.date;
this.view.unixDate = this.selected.unixDate;
return this;
},
/**
* @desc _updateViewUnix
* @returns {Class_DatepickerState}
* @private
*/
_updateViewUnix: function () {
this.view.dateObj = new persianDate([
this.view.year,
this.view.month,
this.view.date,
this.view.hour,
this.view.minute,
this.view.second
])
this.view.unixDate = this.view.dateObj.valueOf();
return this;
},
/**
* @desc setView
* @public
* @param key
* @param value
* @returns {Class_DatepickerState}
*/
setView: function (key, value) {
var self = this;
switch (key) {
case 'unix':
var pd = new persianDate(value);
self.view.year = pd.year();
self.view.month = pd.month();
self.view.date = pd.date();
self.view.unixDate = value;
break;
case 'year':
this.view.year = value;
this._updateViewUnix();
break;
case 'month':
this.view.month = value;
this._updateViewUnix();
break;
case 'date':
this.view.month = value;
this._updateViewUnix();
break;
}
return this;
}
};
var State = function (options) {
return inherit(this, [ClassDatepickerState, options]);
};
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Index</a></h2><h3>Classes</h3><ul><li><a href="ClassBase.html">ClassBase</a></li><li><a href="ClassDatepicker.html">ClassDatepicker</a></li><li><a href="ClassDatepicker.ClassCompat.html">ClassCompat</a></li><li><a href="ClassDatepicker.ClassConfig.html">ClassConfig</a></li><li><a href="ClassDatepicker.ViewsDatePicker.html">ViewsDatePicker</a></li><li><a href="ClassDatepickerState.html">ClassDatepickerState</a></li><li><a href="ClassDayPicker.html">ClassDayPicker</a></li><li><a href="ClassDayPicker.ClassMonthGrid.html">ClassMonthGrid</a></li><li><a href="ClassMonthGrid.ViewsMonthGrid.html">ViewsMonthGrid</a></li><li><a href="ClassMonthPicker.html">ClassMonthPicker</a></li><li><a href="ClassNavigator.html">ClassNavigator</a></li><li><a href="ClassSprite.html">ClassSprite</a></li><li><a href="ClassTimePicker.html">ClassTimePicker</a></li><li><a href="ClassToolbox.html">ClassToolbox</a></li><li><a href="ClassYearPicker.html">ClassYearPicker</a></li><li><a href="TEMPLATE.html">TEMPLATE</a></li></ul><h3>Events</h3><ul><li><a href="ClassDatepicker.ClassConfig.html#.event:onHide">onHide</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onSelect">onSelect</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onShow">onShow</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onNext">onNext</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onPrev">onPrev</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onSwitch">onSwitch</a></li><li><a href="ClassDatepicker.html#.event:selectDate">selectDate</a></li><li><a href="ClassDatepicker.html#.event:selectDateTime">selectDateTime</a></li><li><a href="ClassDatepicker.html#.event:selectTime">selectTime</a></li></ul><h3>Global</h3><ul><li><a href="global.html#ClassDateRange">ClassDateRange</a></li><li><a href="global.html#delay">delay</a></li><li><a href="global.html#inherit">inherit</a></li><li><a href="global.html#log">log</a></li><li><a href="global.html#range">range</a></li></ul>
</nav>
<br clear="both">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> on Sun Aug 07 2016 12:06:04 GMT+0430 (Iran Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>