the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-10-04 02:44:22 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add datepicker component (#716)

Browse source
This commit is contained in:
RainLoop Team 2016-06-24 00:57:35 +03:00
parent 8285bf02fe
commit 68890f8083
6 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
dev/App/Abstract.jsx
View file

@ -290,6 +290,7 @@ class AbstractApp extends AbstractBoot
ko.components.register('Select', require('Component/Select')); ko.components.register('Select', require('Component/Select'));
ko.components.register('Radio', require('Component/Radio')); ko.components.register('Radio', require('Component/Radio'));
ko.components.register('TextArea', require('Component/TextArea')); ko.components.register('TextArea', require('Component/TextArea'));
ko.components.register('Date', require('Component/Date'));
ko.components.register('x-script', require('Component/Script')); ko.components.register('x-script', require('Component/Script'));
// ko.components.register('svg-icon', require('Component/SvgIcon')); // ko.components.register('svg-icon', require('Component/SvgIcon'));

7
dev/Component/Date.jsx Normal file
View file

@ -0,0 +1,7 @@
import {componentExportHelper} from 'Component/Abstract';
import {AbstractInput} from 'Component/AbstractInput';
class DateComponent extends AbstractInput {}
module.exports = componentExportHelper(DateComponent, 'DateComponent');

15
dev/External/ko.js vendored
View file

@ -9,6 +9,7 @@
$ = require('$'), $ = require('$'),
JSON = require('JSON'), JSON = require('JSON'),
Opentip = require('Opentip'), Opentip = require('Opentip'),
Pikaday = require('pikaday'),
fDisposalTooltipHelper = function (oElement) { fDisposalTooltipHelper = function (oElement) {
ko.utils.domNodeDisposal.addDisposeCallback(oElement, function () { ko.utils.domNodeDisposal.addDisposeCallback(oElement, function () {
@ -124,6 +125,20 @@
} }
}; };
ko.bindingHandlers.pikaday = {
'init': function (oElement, fValueAccessor, fAllBindingsAccessor, oViewModel) {
ko.bindingHandlers.textInput.init.apply(oViewModel, Array.prototype.slice.call(arguments));
if (Pikaday)
{
oElement.__pikaday = new Pikaday({
field: oElement
});
}
}
};
ko.bindingHandlers.tooltip = { ko.bindingHandlers.tooltip = {
'init': function (oElement, fValueAccessor) { 'init': function (oElement, fValueAccessor) {

1
gulpfile.js
View file

@ -135,6 +135,7 @@ cfg.paths.css = {
'vendors/flags/flags-fixed.css', 'vendors/flags/flags-fixed.css',
'vendors/lightGallery/dist/css/lightgallery.min.css', 'vendors/lightGallery/dist/css/lightgallery.min.css',
'vendors/lightGallery/dist/css/lg-transitions-lg-lollipop.css', 'vendors/lightGallery/dist/css/lg-transitions-lg-lollipop.css',
'node_modules/pikaday/css/pikaday.css',
cfg.paths.staticCSS + cfg.paths.less.main.name cfg.paths.staticCSS + cfg.paths.less.main.name
] ]
} }

1
package.json
View file

@ -86,6 +86,7 @@
"json-loader": "^0.5.4", "json-loader": "^0.5.4",
"node-fs": "*", "node-fs": "*",
"node-notifier": "~4.2.3", "node-notifier": "~4.2.3",
"pikaday": "^1.4.0",
"raw-loader": "^0.5.1", "raw-loader": "^0.5.1",
"rimraf": "*", "rimraf": "*",
"webpack": "2.1.0-beta.13" "webpack": "2.1.0-beta.13"

14
rainloop/v/0.0.0/app/templates/Views/Components/Date.html Normal file
View file

@ -0,0 +1,14 @@
<input class="i18n" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="pikaday: value, attr: {'placeholder': placeholder}, enable: enable, css: className" />
<!-- ko if: labeled -->
&nbsp;
<span class="i18n" data-bind="attr: {'data-i18n': label}"></span>
&nbsp;
<!-- /ko -->
<!-- ko if: triggered -->
&nbsp;
<div data-bind="component: {
name: 'SaveTrigger',
params: { value: trigger }
}"></div>
<!-- /ko -->