https://github.com/zhongzf/ng2-timesheet

A clone version of timesheet.js (JavaScript library for HTML5 & CSS3 time sheets) built on Angular 2
https://github.com/zhongzf/ng2-timesheet

Last synced: 4 days ago
JSON representation

A clone version of timesheet.js (JavaScript library for HTML5 & CSS3 time sheets) built on Angular 2

• Host: GitHub
• URL: https://github.com/zhongzf/ng2-timesheet
• Owner: zhongzf
• License: mit
• Created: 2016-06-11T10:58:44.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-12T00:54:39.000Z (over 8 years ago)
• Last Synced: 2024-04-25T19:44:18.127Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 52.7 KB
• Stars: 2
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ng2-timesheet

## Angular 2 Timesheet component

A clone version of [timesheet.js](https://sbstjn.github.io/timesheet.js) (JavaScript library for HTML5 & CSS3 time sheets) built on [Angular 2](https://angular.io/)

![ng2-timesheet](http://images.cnblogs.com/cnblogs_com/zhongzf/839959/o_ng2-timesheet-2.png)

## Usage

```bash

npm install ng2-timesheet --save

```

### app.component.ts

```javascript

import { Component, OnInit } from '@angular/core';

import { TimesheetItem, Timesheet, TimesheetComponent } from 'ng2-timesheet';

@Component({

  moduleId: module.id,

  selector: 'my-app',

  templateUrl: 'app.component.html',

  directives: [TimesheetComponent]

})

export class AppComponent implements OnInit {

  title = 'Angular 2 Timesheet Demo';

  timesheet = new Timesheet(2002, 2014, [

      new TimesheetItem('2002', '2002-09', 'A freaking awesome time', 'lorem'),

      new TimesheetItem('2002-06', '2003-09', 'Some great memories', 'ipsum'),

      new TimesheetItem('2003', '2004', 'Had very bad luck', 'default'),

      new TimesheetItem('2003-10', '2006', 'At least had fun', 'dolor'),

      new TimesheetItem('2005-02', '2006-05', 'Enjoyed those times as well', 'ipsum'),

      new TimesheetItem('2005-07', '2005-09', 'Bad luck again', 'default'),

      new TimesheetItem('2005-10', '2008', 'For a long time nothing happened', 'dolor'),

      new TimesheetItem('2008-01', '2009-05', 'LOST Season #4', 'lorem'),

      new TimesheetItem('2009-01', '2009-05', 'LOST Season #4', 'sit'),

      new TimesheetItem('2010-02', '2010-05', 'LOST Season #5', 'lorem'),

      new TimesheetItem('2008-09', '2010-06', 'FRINGE #1 & #2', 'ipsum')

  ]);

  constructor() { }

  ngOnInit() { }

}

```

### app.component.html

```html

{{title}}


```