Build an Angular JS (1.x) Directive

Completed Posted 7 years ago Paid on delivery
Completed Paid on delivery

Create a day editor / planner directive for Angular js. I use momentjs for my dates and times. It must speak to a tasks API

I want a day planner I can call as follows:

<div day-planner

ng-repeat="person in people"

increment="15" (i.e., 15 minutes)

start="8am" end="5pm" (any representation, it doesn't have to be a string!)

></div>

The person json will be something like

person = {

tasks = [

{

start: 8am,

duration: 240 (i.e., minutes)

description: "Blah blah blah",

type: one of "travel", "visit", "unavailable", or others...

....

},

{

...

}

]

}

When someone clicks on a task elsewhere in my app, I want them to hover over the day planner, and it highlights the appropriate duration. When they click the cell in the day planner, it calls the tasks API with a post. If they click on a task which is already in the app, then below the current day planner row, the details are given.

I want it to look something like this (this is supposed to be a table!):

-----------------------------------------------------------------------------------------------------------------

| 8a | 8:15 | 8:30 | 8:45 | 9a | etc | | |

-----------------------------------------------------------------------------------------------------------------

Tony | G | G | G | .....

-----------------------------------------------------------------------------------------------------------------

Michael | |

Where G means green (for example), which is highlighted green because Tony has the task outlined above.

I will made any additional changes as I go. So it must be good clean code, easy to read, and all that.

It's not a difficult directive, I'm just short on time. Happy to provide any additional info.

Thanks

AngularJS Bootstrap CSS HTML5 JavaScript

Project ID: #10587874

About the project

15 proposals Remote project Active 7 years ago

Awarded to:

Rauxmedia

Good day Sir, Expert JavaScript developer at your service. I have vast experience working with AngularJS and I can help you create the directive you need, I write clean and modular code so it will be easy for you t More

$600 AUD in 5 days
(29 Reviews)
6.3

15 freelancers are bidding on average $611 for this job

sunsoftpro

expert directory First, I am sunsoftpro, I from VietNam. Nice to meet you! I have read your description and been interested in your project. I'm ready to discuss and do hard working so that complete great job. Please More

$700 AUD in 17 days
(143 Reviews)
7.1
venumalaka458

Hi I have good experience in Angular Js. I can do this .

$250 AUD in 4 days
(5 Reviews)
4.8
sikandermandal

Dear Sir, This is Sikander. I have read you job specification and come across your requirements about this project. I have 14+ years of experience in software development and I am ready to start this job. Please dis More

$750 AUD in 9 days
(8 Reviews)
4.7
AlexKolonitsky

Hello! I'd be glad to help you with your project. We can talk via chat about your project. Regards,Alex

$833 AUD in 10 days
(3 Reviews)
3.4
vprasadkot

Dear Sir, I am an experienced UI developer and having good experience in anglarjs, bootstrap and CSS. I am good at architecture design for UI experience as well. I am looking forward to working with you. thanks Venkat

$555 AUD in 5 days
(1 Review)
1.3
incalculableit

I have 7 years of exp in C# ,asp.net, sql server ,asp.net, MVC , Jquery,Javascript,angular JS. I am expert in directive building i will provide you best solution. I will provide you best solution for this.

$555 AUD in 10 days
(0 Reviews)
0.0
vaanam

A proposal has not yet been provided

$333 AUD in 3 days
(0 Reviews)
0.0