By :
dcoderx
Published on Sunday, September 25, 2016,19:30:43 in JavaScript Scripts
Weekly Planner â AngularJS calendar directive
Online Ticket booking, Online time table, Weekly time table, Weekly Planner, Schedular
Requirements
Install the following 2 softwares
1.Node https://nodejs.org/ (Server)
HighLights
Ready to use nodejs backend
Drag start and end time on calendar
set multiple events on the calendar with colors
click on event to edit
On edit mode other events can not be edited
Create planner pdf
PDF will generate date wise grouped data
Local storage save for sample data save
Prerequisites
Node.js and NPM >= v0.12.0
Technology Stack Used
AngularJS 1.4.9
Node.JS 4.2.3
declare directive on HTML Page for calendar
Follow the below path
client > app > main > main.html
components > calendar > directives > fullcalendar.js
Install
Run the following commands and the application will start automatically
npm install yo -g (Install yeoman for scaffolding web application)
npm install grunt-cli -g (This creates and runs javascript repetative tasks)
npm install bower -g ( A frontend package manager for web applications)
npm install (Install all nodejs dependencies, also automatically installs bower components)
Buid and Run
grunt serve [for running in dev environment with livereload]
grunt serve:dist [Buid and run in production mode]
grunt --force [buid with Administrator rights]
Note : If any of the test failed or any error in running application, please install npm and bower with latest verion
and in Administrator mode in command prompt
Share This Product