2 |
3 |
4 |
6 |
--------------------------------------------------------------------------------
/lib/models/user.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | class User {
4 | String name;
5 | bool isOnline;
6 |
7 | User(this.name, this.isOnline);
8 |
9 | String toString() => "${name} - ${isOnline}";
10 | }
11 |
--------------------------------------------------------------------------------
/lib/services/messages.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Injectable()
4 | class Messages {
5 | RootScope rootScope;
6 |
7 | Messages(this.rootScope);
8 |
9 | void alert(String message){
10 | rootScope.broadcast("globalAlert", message);
11 | }
12 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "talk_to_me",
3 | "repository": {
4 | "type": "git",
5 | "url": "https://github.com/vsavkin/angulardart-sample-app"
6 | },
7 | "devDependencies": {
8 | "karma" : "~0.12.0",
9 | "karma-dart" : "~0.2.6",
10 | "karma-chrome-launcher": "~0.1.3",
11 | "karma-junit-reporter": "~0.2.1"
12 | }
13 | }
--------------------------------------------------------------------------------
/pubspec.yaml:
--------------------------------------------------------------------------------
1 | name: talk_to_me
2 | description: A sample web application built using AngularDart
3 | dependencies:
4 | browser: ">=0.10.0+2 <0.11.0"
5 | angular: ">=1.0.0 <2.0.0"
6 | uuid: ">=0.1.6 <=1.0.0"
7 | dev_dependencies:
8 | dartmocks: ">= 0.5.0"
9 | guinness: ">= 0.1.3"
10 | environment:
11 | sdk: ">=0.8.10 <2.0.0"
12 | transformers:
13 | - angular
14 |
15 |
--------------------------------------------------------------------------------
/lib/services/users_repository.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Injectable()
4 | class UsersRepository {
5 | Http http;
6 |
7 | UsersRepository(this.http);
8 |
9 | Future
2 |
4 |
5 | Create a Call
3 |
6 |
20 |
21 |
--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
1 | module.exports = function(config) {
2 | config.set({
3 | basePath: '.',
4 | frameworks: ['dart-unittest'],
5 |
6 | files: [
7 | {pattern: 'test/talk_to_me_test.dart', included: true},
8 | {pattern: '**/*.dart', included: false},
9 | {pattern: '**/*.html', included: false}
10 | ],
11 |
12 | exclude: [
13 | ],
14 |
15 | autoWatch: true,
16 | captureTimeout: 20000,
17 | browserNoActivityTimeout: 300000,
18 |
19 | plugins: [
20 | 'karma-dart',
21 | 'karma-chrome-launcher'
22 | ],
23 |
24 | browsers: ['Dartium']
25 | });
26 | };
27 |
--------------------------------------------------------------------------------
/lib/components/agenda.html:
--------------------------------------------------------------------------------
1 | Call Agenda
2 | 3 | 17 | 18 |
2 |
17 |
18 |
3 |
10 |
11 |
4 |
6 | Calls
5 |
7 | Create
8 |
9 | -
12 |
- 13 | {{call.name}} 14 | 15 |
19 |
--------------------------------------------------------------------------------
/lib/services/call_storage.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Injectable()
4 | class CallStorage {
5 | CallSerializer serializer;
6 |
7 | CallStorage(this.serializer);
8 |
9 | List get all => _s.keys
10 | .where((k) => k.startsWith('talk-to-me:'))
11 | .map(_fetch).toList();
12 |
13 | String store(Call call){
14 | var id = _getId(call);
15 | _s[id] = serializer.serialize(call, id);
16 | return id;
17 | }
18 |
19 | find(String id) => _s.containsKey(id) ? _fetch(id) : null;
20 |
21 | String _getId(call) => call.id != null ? call.id : 'talk-to-me:${new Uuid().v4()}';
22 |
23 | _fetch(id) => serializer.deserialize(_s[id]);
24 |
25 | html.Storage get _s => html.window.localStorage;
26 | }
27 |
--------------------------------------------------------------------------------
/test/unit/agenda_item_test.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me_test;
2 |
3 | testAgendaItem(){
4 | describe("[AgendaItem]", (){
5 | describe("[valid]", (){
6 | it("is true when the description and priority fields are set", (){
7 | final item = new AgendaItem("description", true, 1);
8 | expect(item.valid).toBeTruthy();
9 | });
10 |
11 | it("is false when description is blank", (){
12 | final item = new AgendaItem("", true, 1);
13 | expect(item.valid).toBeFalsy();
14 | });
15 |
16 | it("is false when priority is blank", (){
17 | final item = new AgendaItem("description", true, null);
18 | expect(item.valid).toBeFalsy();
19 | });
20 | });
21 | });
22 | }
23 |
--------------------------------------------------------------------------------
/web/app.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
20 |
22 |
23 | No calls are selected.
24 |
25 |
17 |
19 | Talk to Me!
18 |
22 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/lib/components/agenda_component.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Component(
4 | selector: 'agenda',
5 | templateUrl: 'lib/components/agenda.html',
6 | useShadowDom: false,
7 | exportExpressions: const ['extPriority']
8 | )
9 | class AgendaComponent {
10 | @NgOneWayOneTime("checkable")
11 | bool checkable;
12 | AgendaItem newAgendaItem;
13 |
14 | @NgOneWay("model")
15 | List
23 |
25 |
2 |
3 |
4 |
14 |
15 |
16 |
17 |
18 | 
19 |
20 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/lib/components/agenda_item_component.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Component(
4 | selector: 'agenda-item',
5 | templateUrl: 'lib/components/agenda_item.html',
6 | useShadowDom: false
7 | )
8 | class AgendaItemComponent {
9 | AgendaComponent agenda;
10 |
11 | @NgTwoWay("item")
12 | AgendaItem item;
13 |
14 | String mode = "show";
15 | AgendaItem editItem;
16 |
17 | bool get isShow => mode == "show";
18 | bool get isEdit => mode == "edit";
19 |
20 | AgendaItemComponent(this.agenda);
21 |
22 | switchToEdit() {
23 | editItem = item;
24 | mode = "edit";
25 | }
26 |
27 | void save() {
28 | item.description = editItem.description;
29 | item.priority = editItem.priority;
30 |
31 | mode = "show";
32 | }
33 |
34 | void delete() {
35 | agenda.deleteItem(item);
36 | }
37 |
38 | void cancel() {
39 | mode = "show";
40 | }
41 |
42 | bool get valid => editItem.valid;
43 |
44 | bool get checkable {
45 | return agenda.checkable;
46 | }
47 | }
--------------------------------------------------------------------------------
/test/unit/create_call_component_test.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me_test;
2 |
3 | class CallStorageTestDouble extends TestDouble implements CallStorage {}
4 | class RouterTestDouble extends TestDouble implements Router {}
5 |
6 | testCreateCallComponent(){
7 | describe("[CreateCallComponent]", (){
8 | describe("[create]", (){
9 | var storage, router;
10 |
11 | beforeEach((){
12 | storage = new CallStorageTestDouble();
13 | router = new RouterTestDouble();
14 |
15 | storage.stub("store").andReturn("ID");
16 | router.stub("go");
17 | });
18 |
19 | it("stores the call", (){
20 | final c = new CreateCallComponent(storage, router);
21 |
22 | storage.shouldReceive("store").args(c.call);
23 |
24 | c.create();
25 |
26 | storage.verify();
27 | });
28 |
29 | it("redirects to the show url", (){
30 | final c = new CreateCallComponent(storage, router);
31 |
32 | router.shouldReceive("go").args("list.show", {"callId": "ID"});
33 |
34 | c.create();
35 |
36 | router.verify();
37 | });
38 | });
39 | });
40 | }
41 |
--------------------------------------------------------------------------------
/test/unit/parse_agenda_item_test.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me_test;
2 |
3 | testParseAgendaItem(){
4 | var parse = new ParseAgendaItem();
5 |
6 | describe("[AgendaItemParser]", (){
7 | it("parses a simple description", (){
8 | var item = parse("simple description");
9 |
10 | expect(item.description).toEqual("simple description");
11 | expect(item.done).toBeFalsy();
12 | expect(item.priority).toEqual(3);
13 | });
14 |
15 | it("parses a description with a priority", (){
16 | var item = parse("description !2");
17 |
18 | expect(item.description).toEqual("description");
19 | expect(item.priority).toEqual(2);
20 | });
21 |
22 | it("parses a description with a priority in the middle of the input", (){
23 | var item = parse("before !2 after");
24 |
25 | expect(item.description).toEqual("before after");
26 | expect(item.priority).toEqual(2);
27 | });
28 |
29 | it("ignores the priority when it is invalid", (){
30 | var item = parse("description !5");
31 |
32 | expect(item.description).toEqual("description !5");
33 | expect(item.priority).toEqual(3);
34 | });
35 | });
36 | }
37 |
--------------------------------------------------------------------------------
/lib/components/show_call_component.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me;
2 |
3 | @Component(
4 | selector: "show-call",
5 | exportExpressions: const ['watchExp'],
6 | templateUrl: 'lib/components/show_call.html',
7 | useShadowDom: false
8 | )
9 | class ShowCallComponent implements ScopeAware {
10 | Call call;
11 | CallStorage storage;
12 | CallSerializer serializer;
13 | bool userIsOnline = false;
14 |
15 | ShowCallComponent(this.storage, this.serializer, RouteProvider routeProvider,
16 | UsersRepository repo){
17 | call = storage.find(_callId(routeProvider));
18 | _checkIfOnline(call.name, repo.all());
19 | }
20 |
21 | void set scope(Scope scope) {
22 | scope.watch("watchExp()", _store, context: this);
23 | }
24 |
25 | Future _checkIfOnline(String userName, Future
5 |
8 |
9 |
10 |
11 | {{model.name}} is Offline
12 |
13 |
19 |
20 |
23 |
2 |
20 |
21 |
3 |
4 |
5 |
6 |
7 | {{item.description}}
8 |
9 |
10 |
13 |
14 |
17 |
18 |
19 |
22 |
40 |
--------------------------------------------------------------------------------
/test/unit/users_repository_test.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me_test;
2 |
3 | class TestResponse {
4 | final data;
5 | TestResponse(this.data);
6 |
7 | static async(data) => new Future.value(new TestResponse(data));
8 | }
9 |
10 | waitForHttp(future, callback) =>
11 | scheduleMicrotask(() {
12 | inject((MockHttpBackend http) => http.flush());
13 | future.then(callback);
14 | });
15 |
16 | class HttpTestDouble extends TestDouble implements Http {}
17 |
18 | testUsersRepository(){
19 | describe("[UsersRepository - without using Angular helpers]", (){
20 | describe("[all]", (){
21 | it("gets a list of users", (){
22 | final http = new HttpTestDouble()
23 | ..stub("get").
24 | args("api/users.json").
25 | andReturn(TestResponse.async([{"name" : "Jerry", "isOnline" : true}]));
26 |
27 | final repo = new UsersRepository(http);
28 |
29 | repo.all().then((users){
30 | expect(users[0].name).toEqual("Jerry");
31 | expect(users[0].isOnline).toBeTruthy();
32 | });
33 | });
34 | });
35 | });
36 |
37 | describe("[UsersRepository - with using Angular helpers]", () {
38 | beforeEach(setUpInjector);
39 | afterEach(tearDownInjector);
40 |
41 | describe("[all]", () {
42 | beforeEach(module((Module _) => _
43 | ..bind(MockHttpBackend)
44 | ..bind(UsersRepository)));
45 |
46 | it("gets a list of users", inject((MockHttpBackend http, UsersRepository repo) {
47 | http.whenGET("api/users.json").respond('[{"name":"Jerry", "isOnline":true}]');
48 |
49 | waitForHttp(repo.all(), (users) {
50 | expect(users[0].name).toEqual("Jerry");
51 | expect(users[0].isOnline).toBeTruthy();
52 | });
53 | }));
54 | });
55 | });
56 | }
57 |
--------------------------------------------------------------------------------
/lib/talk_to_me.dart:
--------------------------------------------------------------------------------
1 | library talk_to_me;
2 |
3 | import 'dart:html' as html;
4 | import 'dart:async';
5 | import 'dart:convert';
6 |
7 | import 'package:angular/angular.dart';
8 | import 'package:angular/routing/module.dart';
9 | import 'package:angular/animate/module.dart';
10 | import 'package:uuid/uuid_client.dart';
11 |
12 | part 'services/call_serializer.dart';
13 | part 'services/call_storage.dart';
14 | part 'services/users_repository.dart';
15 | part 'services/messages.dart';
16 | part 'services/parse_agenda_item.dart';
17 |
18 | part 'talk_to_me_route_initializer.dart';
19 | part 'global_http_interceptors.dart';
20 |
21 | part 'decorators/agenda_item_text_input.dart';
22 | part 'decorators/toggle.dart';
23 |
24 | part 'components/call_component.dart';
25 | part 'components/agenda_component.dart';
26 | part 'components/agenda_item_component.dart';
27 | part 'components/global_alert_component.dart';
28 |
29 | part 'components/list_calls_component.dart';
30 | part 'components/create_call_component.dart';
31 | part 'components/show_call_component.dart';
32 |
33 | part 'models/call.dart';
34 | part 'models/agenda_item.dart';
35 | part 'models/user.dart';
36 |
37 | class TalkToMeApp extends Module {
38 | TalkToMeApp(){
39 | bind(ListCallsComponent);
40 | bind(ShowCallComponent);
41 | bind(CreateCallComponent);
42 |
43 | bind(AgendaItemTextInput);
44 | bind(AgendaItemComponent);
45 | bind(AgendaComponent);
46 | bind(CallComponent);
47 | bind(Toggle);
48 |
49 | bind(CallSerializer);
50 | bind(CallStorage);
51 | bind(UsersRepository);
52 |
53 | bind(Messages);
54 | bind(GlobalAlertComponent);
55 |
56 | bind(RouteInitializerFn, toValue: talkToMeRouteInitializer);
57 | bind(NgRoutingUsePushState, toValue: new NgRoutingUsePushState.value(false));
58 |
59 | bind(UrlRewriter, toImplementation: TalkToMeUrlRewriter);
60 | bind(ResourceResolverConfig, toValue: new ResourceResolverConfig.resolveRelativeUrls(false));
61 |
62 | install(new AnimationModule());
63 | }
64 | }
65 |
66 | @Injectable()
67 | class TalkToMeUrlRewriter implements UrlRewriter {
68 | String call(url) =>
69 | url.startsWith('lib/') ? 'packages/talk_to_me/${url.substring(4)}' : url;
70 | }
--------------------------------------------------------------------------------
/test/unit/agenda_item_component_test.dart:
--------------------------------------------------------------------------------
1 | part of talk_to_me_test;
2 |
3 | loadTemplates(List