persiandate-picker
Version:
Jalali Calendar Date picker
198 lines (162 loc) • 6.62 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: navigator.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: navigator.js</h1>
<section>
<article>
<pre class="prettyprint source"><code>'use strict';
/**
* @desc Instantiate in {@link ClassDatepicker}
* @class
* @type {{cssClass: {datpickerHeader: string, btnNext: string, btnSwitch: string, btnPrev: string}, relation: string, switchRelation: switchRelation, updateSwitchBtn: updateSwitchBtn, _next: _next, _prev: _prev, _switch: _switch, _render: _render, _attachEvents: _attachEvents, init: init}}
*/
var ClassNavigator = {
/**
* @desc enabled
* @type {Function}
*/
enabled: true,
/**
* @desc text
*/
text: {
btnNextText: "<",
btnPrevText: ">"
},
/**
* @desc cssClass
*/
cssClass: {
datpickerHeader: "datepicker-header",
btnNext: "btn-next",
btnSwitch: "btn-switch",
btnPrev: "btn-prev"
},
/**
* @desc Defnine wich picker related to navigator
* @desc relation
*/
relation: "day",
/**
* @desc switchRelation
* @param string
* @returns {ClassNavigator}
*/
switchRelation: function (string) {
this.relation = string;
this.onSwitch(string);
return this;
},
/**
* @desc updateSwitchBtn
* @param val
* @returns {ClassNavigator}
*/
updateSwitchBtn: function (val) {
$(this.element).children('.' + this.cssClass.btnSwitch).text(val);
return this;
},
/**
* @desc _next
* @returns {ClassNavigator}
* @private
*/
_next: function () {
this.datepicker[this.relation + 'Picker'].next();
this.onNext(this);
return this;
},
/**
* @desc _prev
* @returns {ClassNavigator}
* @private
*/
_prev: function () {
this.datepicker[this.relation + 'Picker'].prev();
this.onPrev(this);
return this;
},
/**
* @desc _switch
* @returns {ClassNavigator}
* @private
*/
_switch: function () {
this.datepicker.changeView(this.relation, 'prev');
return this;
},
/**
* @desc _render
* @private
*/
_render: function () {
var self = this;
self.viewData = {
css: self.cssClass,
btnNextText: self.text.btnNextText,
btnPrevText: self.text.btnPrevText
};
self.element = $.tmplMustache(TEMPLATE.navigator, self.viewData).appendTo(self.$container);
},
/**
* @desc _attachEvents
* @private
*/
_attachEvents: function () {
var self = this;
self.element.children("." + self.cssClass.btnPrev).click(function () {
self._prev();
return false;
});
self.element.children("." + self.cssClass.btnNext).click(function () {
self._next();
return false;
});
self.element.children("." + self.cssClass.btnSwitch).click(function () {
self._switch();
return false;
});
},
/**
* @desc init
* @returns {ClassNavigator}
*/
init: function () {
var self = this;
self._render();
self._attachEvents();
return this;
}
};
var Navigator = function (options, container) {
return inherit(this, [ClassSprite, ClassNavigator, options, {
$container: container
}]);
};
</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>