New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ion2-calendar

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ion2-calendar - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

.npmignore

51

dist/calendar.controller.js

@@ -1,15 +0,20 @@

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require("@angular/core");
var calendar_1 = require("./calendar");
var ionic_angular_1 = require("ionic-angular");
var CalendarController = (function () {
import { Injectable } from '@angular/core';
import { CalendarPage } from './calendar';
import { ModalController } from 'ionic-angular';
// interface CalendarOptions {
// from?:Date,
// to?:Date|number,
// isRadio?:boolean;
// disableWeekdays?:Array<number>,
// weekdaysTitle?:Array<string>,
// monthTitle?:string;
// title?:string;
// daysConfig?:Array<{
// date:Date;
// marked?:boolean;
// title?:string;
// subTitle?:string;
// }>
// }
export var CalendarController = (function () {
function CalendarController(modalCtrl) {

@@ -19,3 +24,4 @@ this.modalCtrl = modalCtrl;

CalendarController.prototype.openCalendar = function (calendarOptions) {
var _a = calendarOptions || {}, _b = _a.from, from = _b === void 0 ? new Date() : _b, _c = _a.to, to = _c === void 0 ? 0 : _c, _d = _a.isRadio, isRadio = _d === void 0 ? true : _d, _e = _a.disableWeekdays, disableWeekdays = _e === void 0 ? [] : _e, _f = _a.closeLabel, closeLabel = _f === void 0 ? 'cancel' : _f, _g = _a.monthTitle, monthTitle = _g === void 0 ? 'MMM yyyy' : _g, _h = _a.title, title = _h === void 0 ? 'Calendar' : _h, _j = _a.weekdaysTitle, weekdaysTitle = _j === void 0 ? "Di_Lu_Ma_Me_Je_Ve_Sa".split("_") : _j, _k = _a.daysConfig, daysConfig = _k === void 0 ? [] : _k;
var _arr = [];
var _a = calendarOptions || {}, _b = _a.from, from = _b === void 0 ? new Date() : _b, _c = _a.to, to = _c === void 0 ? 0 : _c, _d = _a.isRadio, isRadio = _d === void 0 ? true : _d, _e = _a.disableWeekdays, disableWeekdays = _e === void 0 ? _arr : _e, _f = _a.closeLabel, closeLabel = _f === void 0 ? 'cancel' : _f, _g = _a.monthTitle, monthTitle = _g === void 0 ? 'MMM yyyy' : _g, _h = _a.title, title = _h === void 0 ? 'Calendar' : _h, _j = _a.weekdaysTitle, weekdaysTitle = _j === void 0 ? "Di_Lu_Ma_Me_Je_Ve_Sa".split("_") : _j, _k = _a.daysConfig, daysConfig = _k === void 0 ? _arr : _k;
var options = {

@@ -32,3 +38,3 @@ from: from,

};
var calendarModal = this.modalCtrl.create(calendar_1.CalendarPage, options);
var calendarModal = this.modalCtrl.create(CalendarPage, options);
calendarModal.present();

@@ -46,10 +52,11 @@ return new Promise(function (resolve, reject) {

};
CalendarController.decorators = [
{ type: Injectable },
];
/** @nocollapse */
CalendarController.ctorParameters = [
{ type: ModalController, },
];
return CalendarController;
}());
CalendarController = __decorate([
core_1.Injectable(),
__metadata("design:paramtypes", [typeof (_a = typeof ionic_angular_1.ModalController !== "undefined" && ionic_angular_1.ModalController) === "function" && _a || Object])
], CalendarController);
exports.CalendarController = CalendarController;
var _a;
//# sourceMappingURL=calendar.controller.js.map

@@ -1,15 +0,5 @@

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var moment = require("moment");
var ionic_angular_1 = require("ionic-angular");
var core_1 = require("@angular/core");
var CalendarMonth = (function () {
import * as moment from 'moment';
import { NavParams, ViewController } from 'ionic-angular';
import { Component } from '@angular/core';
export var CalendarMonth = (function () {
function CalendarMonth() {

@@ -19,3 +9,2 @@ }

}());
exports.CalendarMonth = CalendarMonth;
var dayConfig = (function () {

@@ -36,3 +25,3 @@ function dayConfig() {

}());
var CalendarPage = CalendarPage_1 = (function () {
export var CalendarPage = (function () {
function CalendarPage(params, viewCtrl) {

@@ -46,3 +35,3 @@ this.params = params;

var endTime = moment(params.get('to')).valueOf();
CalendarPage_1.options = {
CalendarPage.options = {
start: startTime,

@@ -60,3 +49,3 @@ isRadio: params.get('isRadio'),

this.closeLabel = params.get('closeLabel');
this.calendarMonths = CalendarPage_1.createMonthsByPeriod(startTime, 3);
this.calendarMonths = CalendarPage.createMonthsByPeriod(startTime, 3);
}

@@ -72,3 +61,3 @@ CalendarPage.prototype.dismiss = function () {

item.selected = true;
if (CalendarPage_1.options.isRadio) {
if (CalendarPage.options.isRadio) {
this.viewCtrl.dismiss({

@@ -103,3 +92,3 @@ date: Object.assign({}, item)

var nextTime = moment(final.original.time).add(1, 'M').valueOf();
var rangeEnd = CalendarPage_1.options.range_end ? moment(CalendarPage_1.options.range_end).subtract(1, 'M') : 0;
var rangeEnd = CalendarPage.options.range_end ? moment(CalendarPage.options.range_end).subtract(1, 'M') : 0;
if (len <= 0 || (rangeEnd !== 0 && moment(final.original.time).isAfter(rangeEnd))) {

@@ -109,3 +98,3 @@ infiniteScroll.enable(false);

}
(_a = this.calendarMonths).push.apply(_a, CalendarPage_1.createMonthsByPeriod(nextTime, 1));
(_a = this.calendarMonths).push.apply(_a, CalendarPage.createMonthsByPeriod(nextTime, 1));
infiniteScroll.complete();

@@ -116,5 +105,5 @@ var _a;

CalendarPage.findDayConfig = function (day) {
if (CalendarPage_1.options.daysConfig.length <= 0)
if (CalendarPage.options.daysConfig.length <= 0)
return null;
return CalendarPage_1.options.daysConfig.find(function (n) { return day.isSame(n.date, 'day'); });
return CalendarPage.options.daysConfig.find(function (n) { return day.isSame(n.date, 'day'); });
};

@@ -137,7 +126,7 @@ CalendarPage.createOriginalCalendar = function (time) {

var _time = moment(time);
var dayConfig = CalendarPage_1.findDayConfig(_time);
var _rangeBeg = CalendarPage_1.options.range_beg;
var _rangeEnd = CalendarPage_1.options.range_end;
var dayConfig = CalendarPage.findDayConfig(_time);
var _rangeBeg = CalendarPage.options.range_beg;
var _rangeEnd = CalendarPage.options.range_end;
var isBetween = true;
var disableWee = CalendarPage_1.options.disableWeekdays.indexOf(_time.toDate().getDay()) !== -1;
var disableWee = CalendarPage.options.disableWeekdays.indexOf(_time.toDate().getDay()) !== -1;
if (_rangeBeg > 0 && _rangeEnd > 0) {

@@ -165,3 +154,3 @@ isBetween = !_time.isBetween(_rangeBeg, _rangeEnd, 'days', '[]');

var itemTime = new Date(original.year, original.month, i - original.firstWeek + 1).getTime();
days[i] = CalendarPage_1.createCalendarDay(itemTime);
days[i] = CalendarPage.createCalendarDay(itemTime);
}

@@ -179,21 +168,22 @@ return {

var time = moment(_startMonth).add(i, 'M').valueOf();
var originalCalendar = CalendarPage_1.createOriginalCalendar(time);
_array.push(CalendarPage_1.createCalendarMonth(originalCalendar));
var originalCalendar = CalendarPage.createOriginalCalendar(time);
_array.push(CalendarPage.createCalendarMonth(originalCalendar));
}
return _array;
};
CalendarPage.decorators = [
{ type: Component, args: [{
template: "\n<ion-header>\n <ion-navbar>\n\n <ion-buttons start>\n <button ion-button clear *ngIf=\"closeLabel !== ''\" (click)=\"dismiss()\">\n {{closeLabel}}\n </button>\n </ion-buttons>\n\n\n <ion-title>{{title}}</ion-title>\n </ion-navbar>\n\n <ion-toolbar no-border-top>\n <ul class=\"week-title\">\n <li *ngFor=\"let w of weekdaysTitle\">{{w}}</li>\n </ul>\n </ion-toolbar>\n\n</ion-header>\n\n<ion-content class=\"calendar-page\">\n\n\n <div *ngFor=\"let month of calendarMonths\" class=\"month-box\">\n <h4 class=\"text-center month-title\">{{month.original.date | date:monthTitleFilterStr}}</h4>\n <div class=\"days-box\">\n <div class=\"days\" *ngFor=\"let day of month.days\">\n <button class=\"days-btn\"\n *ngIf=\"day\"\n (click)=\"onSelected(day)\"\n [class.marked]=\"day.marked\"\n [class.on-selected]=\"day.selected\"\n [disabled]=\"day.disable\">\n <p>{{day.title}}</p>\n <em>{{day.subTitle}}</em>\n </button>\n </div>\n </div>\n </div>\n\n <ion-infinite-scroll (ionInfinite)=\"nextMonth($event)\">\n <ion-infinite-scroll-content></ion-infinite-scroll-content>\n </ion-infinite-scroll>\n\n</ion-content>\n",
selector: 'calendar-page',
styles: [
"\n ul.week-title {\n background-color: #eee;\n padding:0;margin:0\n}\n\n.week-title li {\n list-style-type:none;\n display: block;\n float: left;\n width: 14%;\n text-align: center;\n}\n\n.week-title li:nth-of-type(7n), .week-title li:nth-of-type(7n+1) {\n width: 15%;\n}\n\n.calendar-page .month-box{\n display: inline-block;\n padding-bottom: 1em;\n border-bottom: 2px solid #eee;\n }\n.calendar-page h4 {\n font-size: 2rem;\n display: block;\n text-align: center;\n border-bottom: 2px solid #eee;\n margin: 1rem 0;\n padding-bottom: 1rem;\n }\n.calendar-page .days:nth-of-type(7n), .days:nth-of-type(7n+1) {\n width: 15%;\n }\n.calendar-page .days {\n width: 14%;\n float: left;\n text-align: center;\n height: 40px;\n }\n.calendar-page .days .marked{\n color: #f90;\n }\n\n.calendar-page .days .on-selected{\n background-color: #f90;\n border-radius: 7px;\n}\n\n.calendar-page .days .on-selected p{\n color: #fff;\n}\n.calendar-page .days .on-selected em{\n color: #ffdfae;\n}\n.calendar-page button.days-btn {\n width: 100%;\n display: block;\n margin: 0 auto;\n height: 40px;\n background-color: transparent;\n}\n\n.calendar-page button.days-btn p {\n margin:0;\n font-size: 1.2em;\n}\n.calendar-page button.days-btn em {\nmargin-top: 2px;\n font-size: 1em;\n color: #797979;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n"]
},] },
];
/** @nocollapse */
CalendarPage.ctorParameters = [
{ type: NavParams, },
{ type: ViewController, },
];
return CalendarPage;
}());
CalendarPage = CalendarPage_1 = __decorate([
core_1.Component({
template: "\n<ion-header>\n <ion-navbar>\n\n <ion-buttons start>\n <button ion-button clear *ngIf=\"closeLabel !== ''\" (click)=\"dismiss()\">\n {{closeLabel}}\n </button>\n </ion-buttons>\n\n\n <ion-title>{{title}}</ion-title>\n </ion-navbar>\n\n <ion-toolbar no-border-top>\n <ul class=\"week-title\">\n <li *ngFor=\"let w of weekdaysTitle\">{{w}}</li>\n </ul>\n </ion-toolbar>\n\n</ion-header>\n\n<ion-content class=\"calendar-page\">\n\n\n <div *ngFor=\"let month of calendarMonths\" class=\"month-box\">\n <h4 class=\"text-center month-title\">{{month.original.date | date:monthTitleFilterStr}}</h4>\n <div class=\"days-box\">\n <div class=\"days\" *ngFor=\"let day of month.days\">\n <button class=\"days-btn\"\n *ngIf=\"day\"\n (click)=\"onSelected(day)\"\n [class.marked]=\"day.marked\"\n [class.on-selected]=\"day.selected\"\n [disabled]=\"day.disable\">\n <p>{{day.title}}</p>\n <em>{{day.subTitle}}</em>\n </button>\n </div>\n </div>\n </div>\n\n <ion-infinite-scroll (ionInfinite)=\"nextMonth($event)\">\n <ion-infinite-scroll-content></ion-infinite-scroll-content>\n </ion-infinite-scroll>\n\n</ion-content>\n",
selector: 'calendar-page',
styles: [
"\n ul.week-title {\n background-color: #eee;\n padding:0;margin:0\n}\n\n.week-title li {\n list-style-type:none;\n display: block;\n float: left;\n width: 14%;\n text-align: center;\n}\n\n.week-title li:nth-of-type(7n), .week-title li:nth-of-type(7n+1) {\n width: 15%;\n}\n\n.calendar-page .month-box{\n display: inline-block;\n padding-bottom: 1em;\n border-bottom: 2px solid #eee;\n }\n.calendar-page h4 {\n font-size: 2rem;\n display: block;\n text-align: center;\n border-bottom: 2px solid #eee;\n margin: 1rem 0;\n padding-bottom: 1rem;\n }\n.calendar-page .days:nth-of-type(7n), .days:nth-of-type(7n+1) {\n width: 15%;\n }\n.calendar-page .days {\n width: 14%;\n float: left;\n text-align: center;\n height: 40px;\n }\n.calendar-page .days .marked{\n color: #f90;\n }\n\n.calendar-page .days .on-selected{\n background-color: #f90;\n border-radius: 7px;\n}\n\n.calendar-page .days .on-selected p{\n color: #fff;\n}\n.calendar-page .days .on-selected em{\n color: #ffdfae;\n}\n.calendar-page button.days-btn {\n width: 100%;\n display: block;\n margin: 0 auto;\n height: 40px;\n background-color: transparent;\n}\n\n.calendar-page button.days-btn p {\n margin:0;\n font-size: 1.2em;\n}\n.calendar-page button.days-btn em {\nmargin-top: 2px;\n font-size: 1em;\n color: #797979;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n"
]
}),
__metadata("design:paramtypes", [typeof (_a = typeof ionic_angular_1.NavParams !== "undefined" && ionic_angular_1.NavParams) === "function" && _a || Object, typeof (_b = typeof ionic_angular_1.ViewController !== "undefined" && ionic_angular_1.ViewController) === "function" && _b || Object])
], CalendarPage);
exports.CalendarPage = CalendarPage;
var CalendarPage_1, _a, _b;
//# sourceMappingURL=calendar.js.map

@@ -1,35 +0,25 @@

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require("@angular/core");
var common_1 = require("@angular/common");
var calendar_controller_1 = require("./calendar.controller");
var calendar_1 = require("./calendar");
var ionic_angular_1 = require("ionic-angular");
var CalendarModule = (function () {
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CalendarController } from './calendar.controller';
import { CalendarPage } from './calendar';
import { IonicModule } from "ionic-angular";
export var CalendarModule = (function () {
function CalendarModule() {
}
CalendarModule.decorators = [
{ type: NgModule, args: [{
imports: [IonicModule, CommonModule],
declarations: [CalendarPage],
providers: [CalendarController],
exports: [],
entryComponents: [CalendarPage],
schemas: [
CUSTOM_ELEMENTS_SCHEMA
]
},] },
];
/** @nocollapse */
CalendarModule.ctorParameters = [];
return CalendarModule;
}());
CalendarModule = __decorate([
core_1.NgModule({
imports: [ionic_angular_1.IonicModule, common_1.CommonModule],
declarations: [calendar_1.CalendarPage],
providers: [calendar_controller_1.CalendarController],
exports: [],
entryComponents: [calendar_1.CalendarPage],
schemas: [
core_1.CUSTOM_ELEMENTS_SCHEMA
]
}),
__metadata("design:paramtypes", [])
], CalendarModule);
exports.CalendarModule = CalendarModule;
//# sourceMappingURL=calendar.module.js.map

@@ -1,6 +0,3 @@

"use strict";
var calendar_module_1 = require("./calendar.module");
exports.CalendarModule = calendar_module_1.CalendarModule;
var calendar_controller_1 = require("./calendar.controller");
exports.CalendarController = calendar_controller_1.CalendarController;
export { CalendarModule } from './calendar.module';
export { CalendarController } from './calendar.controller';
//# sourceMappingURL=index.js.map
{
"name": "ion2-calendar",
"version": "1.0.1",
"description": "ionic2 ",
"version": "1.0.2",
"description": "A date picker for ionic2 ",
"main": "./dist/index.js",
"typings": "./dist/index.d.ts",
"scripts": {
"ngc": "ngc",
"test": "echo \"Error: no test specified\" && exit 1",
"build":"tsc"
"build": "rm -rf aot dist && npm run ngc"
},

@@ -14,2 +16,17 @@ "repository": {

},
"devDependencies": {
"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/compiler-cli": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/platform-server": "2.2.1",
"ionic-angular": "2.0.0",
"rxjs": "5.0.0-beta.12",
"zone.js": "0.6.26",
"typescript": "2.0.9"
},
"keywords": [

@@ -22,3 +39,6 @@ "ionic2",

"author": "HsuanLee",
"license": "MIT"
"license": "MIT",
"dependencies": {
"moment": "^2.17.1"
}
}
# ion2-calendar
A configurable and selectable range dates calendar component for ionic2
# Usage
### install
*if you do not use moment*
`$ npm install moment --save`
`$ npm install ion2-calendar --save`
#### if you do not use moment
`$ npm install moment --save`
### import module

@@ -113,10 +116,14 @@

### TODO
1. Add style settings.
# Environment
- Cordova CLI: 6.4.0
- Ionic Framework Version: 2.0.0-rc.4
- Ionic CLI Version: 2.1.18
- Ionic App Lib Version: 2.1.9
- Ionic App Scripts Version: 0.0.47
- OS: macOS Sierra
- Node Version: v6.9.2
- Xcode version: Xcode 8.2.1 Build version 8C1002
```
Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.1.3
```

@@ -28,4 +28,6 @@ import { Injectable } from '@angular/core';

openCalendar(calendarOptions?):any {
openCalendar(calendarOptions?:any):any {
let _arr:Array<any> = [];
let {

@@ -35,3 +37,3 @@ from = new Date(),

isRadio = true,
disableWeekdays = [],
disableWeekdays = _arr,
closeLabel = 'cancel',

@@ -41,3 +43,3 @@ monthTitle = 'MMM yyyy',

weekdaysTitle = "Di_Lu_Ma_Me_Je_Ve_Sa".split("_"),
daysConfig = []
daysConfig = _arr
} = calendarOptions || {};

@@ -64,3 +66,3 @@

return new Promise( (resolve, reject) => {
calendarModal.onDidDismiss(data => {
calendarModal.onDidDismiss((data:any)=> {
if( (data.from && data.to) || data.date ){

@@ -67,0 +69,0 @@ resolve(data)

@@ -1,4 +0,2 @@

/**
* Created by youyou on 16/11/28.
*/
import * as moment from 'moment';

@@ -284,3 +282,3 @@ import { NavParams ,ViewController } from 'ionic-angular';

static findDayConfig(day){
static findDayConfig(day:any):any{
if(CalendarPage.options.daysConfig.length <= 0) return null;

@@ -287,0 +285,0 @@ return CalendarPage.options.daysConfig.find((n) => day.isSame(n.date,'day'))

{
"compilerOptions": {
"module": "es2015",
"target": "es5",
"moduleResolution": "node",
"sourceMap": true,
"declaration": true,
"noImplicitAny": true,
"declaration": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"module": "commonjs",
"moduleResolution": "node",
"outDir": "dist",
"removeComments": true,
"sourceMap": true,
"target": "es5"
"lib": ["dom", "es2015"],
"outDir": "./dist"
},
"files": [
"src/calendar.ts",
"src/calendar.controller.ts",
"src/index.ts",
"src/calendar.module.ts"
],
"exclude": [
"node_modules"
"node_modules",
"dist"
],
"compileOnSave": false,
"atom": {
"rewriteTsconfig": false
"angularCompilerOptions": {
"genDir": "aot"
}
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc