javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 21:01:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

Session form everlive

Browse Source
This commit is contained in:
vakrilov
2015-03-21 17:56:28 +02:00
parent 60b2b08c99
commit 55e0a34ba7
5 changed files with 454 additions and 407 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CrossPlatformModules.csproj
View File

@ -542,6 +542,7 @@
<SubType>Designer</SubType> <SubType>Designer</SubType>
</Content> </Content>
<Content Include="apps\gallery-app\layouts\dock-layout.xml" /> <Content Include="apps\gallery-app\layouts\dock-layout.xml" />
<Content Include="apps\TelerikNEXT\lib\everlive.js" />
<Content Include="apps\TelerikNEXT\session-page.xml" /> <Content Include="apps\TelerikNEXT\session-page.xml" />
<Content Include="apps\template-master-detail\details-view.xml" /> <Content Include="apps\template-master-detail\details-view.xml" />
<Content Include="apps\template-master-detail\main-page.minWH600.xml" /> <Content Include="apps\template-master-detail\main-page.minWH600.xml" />

854
apps/TelerikNEXT/app-view-model.ts
View File

@ -1,30 +1,55 @@
import observable = require("data/observable"); import observable = require("data/observable");
import dialogs = require("ui/dialogs");
import button = require("ui/button"); import button = require("ui/button");
var everlive = require("./lib/everlive");
interface ConferenceDay { interface ConferenceDay {
date: Date; date: Date;
title: string; title: string;
} }
interface Session {
title: string;
start: Date;
end: Date;
room: string;
}
interface Speaker { interface Speaker {
//Id: string;
name: string; name: string;
title: string; title: string;
company: string; company: string;
picture: string; picture: string;
} }
interface Session {
Id: string;
title: string;
start: Date;
end: Date;
room: string;
speakers: Array<Speaker>;
}
var conferenceDays: Array<ConferenceDay> = [ var conferenceDays: Array<ConferenceDay> = [
{ title: "WORKSHOPS", date: new Date(2015, 5, 3) }, { title: "WORKSHOPS", date: new Date(2015, 5, 3) },
{ title: "CONFERENCE DAY 1", date: new Date(2015, 5, 4) }, { title: "CONFERENCE DAY 1", date: new Date(2015, 5, 4) },
{ title: "CONFERENCE DAY 2", date: new Date(2015, 5, 5) } { title: "CONFERENCE DAY 2", date: new Date(2015, 5, 5) }
]; ];
var sessions: Array<SessionModel> = new Array<SessionModel>();
var el = new everlive("mzacGkKPFlZUfbMq");
var expandExp = {
"speakers": true
};
el.data('NextSessions').expand(expandExp).get().then(
function (data) {
//console.log("Sessions are[" + data.result[1].Data + "]")
var sessionsFromEvelive: Array<Session> = <Array<Session>> data.result;
for (var i = 0; i < sessionsFromEvelive.length; i++) {
sessions.push(new SessionModel(sessionsFromEvelive[i]));
}
appModel.onDataLoaded();
}, function (error) {
dialogs.alert("Could not load sessions. Error: " + error);
}
);
export class AppViewModel extends observable.Observable { export class AppViewModel extends observable.Observable {
@ -34,6 +59,7 @@ export class AppViewModel extends observable.Observable {
super(); super();
this.selectedIndex = 0; this.selectedIndex = 0;
this.set("isLoading", true);
this.selectedViewIndex = 1; this.selectedViewIndex = 1;
} }
@ -42,6 +68,10 @@ export class AppViewModel extends observable.Observable {
return this._sessions; return this._sessions;
} }
get favorites(): Array<SessionModel> {
return this.sessions.filter(i=> { return i.favorite });
}
get speakers(): Array<Speaker> { get speakers(): Array<Speaker> {
return speakers; return speakers;
} }
@ -80,7 +110,7 @@ export class AppViewModel extends observable.Observable {
private filter() { private filter() {
this._sessions = sessions.filter(s=> { this._sessions = sessions.filter(s=> {
return s.start.getDay() === conferenceDays[this.selectedIndex].date.getDay() return s.start.getDate() === conferenceDays[this.selectedIndex].date.getDate()
&& s.title.toLocaleLowerCase().indexOf(this.search.toLocaleLowerCase()) >= 0; && s.title.toLocaleLowerCase().indexOf(this.search.toLocaleLowerCase()) >= 0;
}); });
@ -91,6 +121,10 @@ export class AppViewModel extends observable.Observable {
this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "sessions", value: this._sessions }); this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "sessions", value: this._sessions });
} }
public onDataLoaded() {
this.set("isLoading", false);
this.filter();
public selectView(args: observable.EventData) { public selectView(args: observable.EventData) {
var btn = <button.Button>args.object; var btn = <button.Button>args.object;
@ -107,25 +141,35 @@ export class AppViewModel extends observable.Observable {
this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "selectedViewIndex", value: this.selectedViewIndex }); this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "selectedViewIndex", value: this.selectedViewIndex });
} }
} }
}
export var appModel = new AppViewModel();
export class SessionModel extends observable.Observable implements Session { export class SessionModel extends observable.Observable implements Session {
constructor(source?: Session) { constructor(source?: Session) {
super(); super();
if (source) { if (source) {
this._id = source.Id;
this._title = source.title; this._title = source.title;
this._room = source.room; this._room = source.room;
this._start = source.start; this._start = source.start;
this._end = source.end; this._end = source.end;
this._speakers = source.speakers;
} }
} }
private _id: string;
private _speakers: Array<Speaker>;
private _title: string; private _title: string;
private _start: Date; private _start: Date;
private _end: Date; private _end: Date;
private _room: string; private _room: string;
private _favorite: boolean; private _favorite: boolean;
get Id(): string {
return this._id;
}
get title(): string { get title(): string {
return this._title; return this._title;
} }
@ -142,6 +186,10 @@ export class SessionModel extends observable.Observable implements Session {
return this._end; return this._end;
} }
get speakers(): Array<Speaker> {
return this._speakers;
}
get range(): string { get range(): string {
var startMinutes = this.start.getMinutes() + ""; var startMinutes = this.start.getMinutes() + "";
var endMinutes = this.end.getMinutes() + ""; var endMinutes = this.end.getMinutes() + "";
@ -165,402 +213,398 @@ export class SessionModel extends observable.Observable implements Session {
this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "favorite", value: this._favorite }); this.notify({ object: this, eventName: observable.knownEvents.propertyChange, propertyName: "favorite", value: this._favorite });
} }
} }
get speakers(): Array<Speaker> {
return speakers.slice(0, 3);
} }
}
var sessions: Array<SessionModel> = [ //var sessionsOLD: Array<SessionModel> = [
new SessionModel({ // new SessionModel({
title: "Registration", // title: "Registration",
start: new Date(2015, 5, 3, 8, 30), // start: new Date(2015, 5, 3, 8, 30),
end: new Date(2015, 5, 3, 9, 30), // end: new Date(2015, 5, 3, 9, 30),
room: "" // room: ""
}), // }),
new SessionModel({ // new SessionModel({
title: "NativeScript Deep Dive", // title: "NativeScript Deep Dive",
start: new Date(2015, 5, 3, 9, 30), // start: new Date(2015, 5, 3, 9, 30),
end: new Date(2015, 5, 3, 12, 30), // end: new Date(2015, 5, 3, 12, 30),
room: "Workshop Room 1" // room: "Workshop Room 1"
}), // }),
new SessionModel({ // new SessionModel({
title: "Smart Design for Smartphones", // title: "Smart Design for Smartphones",
start: new Date(2015, 5, 3, 9, 30), // start: new Date(2015, 5, 3, 9, 30),
end: new Date(2015, 5, 3, 12, 30), // end: new Date(2015, 5, 3, 12, 30),
room: "Workshop Room 2" // room: "Workshop Room 2"
}), // }),
new SessionModel({ // new SessionModel({
title: "Modern .NET Apps!", // title: "Modern .NET Apps!",
start: new Date(2015, 5, 3, 9, 30), // start: new Date(2015, 5, 3, 9, 30),
end: new Date(2015, 5, 3, 12, 30), // end: new Date(2015, 5, 3, 12, 30),
room: "Workshop Room 3" // room: "Workshop Room 3"
}), // }),
new SessionModel({ // new SessionModel({
title: "Telerik Sitefinity as a Data Integration Platform", // title: "Telerik Sitefinity as a Data Integration Platform",
start: new Date(2015, 5, 3, 9, 30), // start: new Date(2015, 5, 3, 9, 30),
end: new Date(2015, 5, 3, 12, 30), // end: new Date(2015, 5, 3, 12, 30),
room: "Workshop Room 4" // room: "Workshop Room 4"
}), // }),
new SessionModel({ // new SessionModel({
title: "Lunch", // title: "Lunch",
start: new Date(2015, 5, 3, 9, 30), // start: new Date(2015, 5, 3, 9, 30),
end: new Date(2015, 5, 3, 12, 30), // end: new Date(2015, 5, 3, 12, 30),
room: "" // room: ""
}), // }),
new SessionModel({ // new SessionModel({
title: "NativeScript Deep Dive", // title: "NativeScript Deep Dive",
start: new Date(2015, 5, 3, 13, 30), // start: new Date(2015, 5, 3, 13, 30),
end: new Date(2015, 5, 3, 16, 30), // end: new Date(2015, 5, 3, 16, 30),
room: "Workshop Room 1" // room: "Workshop Room 1"
}), // }),
new SessionModel({ // new SessionModel({
title: "Smart Design for Smartphones", // title: "Smart Design for Smartphones",
start: new Date(2015, 5, 3, 13, 30), // start: new Date(2015, 5, 3, 13, 30),
end: new Date(2015, 5, 3, 16, 30), // end: new Date(2015, 5, 3, 16, 30),
room: "Workshop Room 2" // room: "Workshop Room 2"
}), // }),
new SessionModel({ // new SessionModel({
title: "Responsive Apps with Telerik DevCraft", // title: "Responsive Apps with Telerik DevCraft",
start: new Date(2015, 5, 3, 13, 30), // start: new Date(2015, 5, 3, 13, 30),
end: new Date(2015, 5, 3, 16, 30), // end: new Date(2015, 5, 3, 16, 30),
room: "Workshop Room 3" // room: "Workshop Room 3"
}), // }),
new SessionModel({ // new SessionModel({
title: "ASP .NET MVC Development in Telerik Sitefinity", // title: "ASP .NET MVC Development in Telerik Sitefinity",
start: new Date(2015, 5, 3, 13, 30), // start: new Date(2015, 5, 3, 13, 30),
end: new Date(2015, 5, 3, 16, 30), // end: new Date(2015, 5, 3, 16, 30),
room: "Workshop Room 4" // room: "Workshop Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Registration", // title: "Registration",
start: new Date(2015, 5, 4, 7, 30), // start: new Date(2015, 5, 4, 7, 30),
end: new Date(2015, 5, 4, 9, 0), // end: new Date(2015, 5, 4, 9, 0),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Telerik Keynote", // title: "Telerik Keynote",
start: new Date(2015, 5, 4, 9, 0), // start: new Date(2015, 5, 4, 9, 0),
end: new Date(2015, 5, 4, 10, 30), // end: new Date(2015, 5, 4, 10, 30),
room: "General Session" // room: "General Session"
}), new SessionModel({ // }), new SessionModel({
title: "A Lap Around NativeScript", // title: "A Lap Around NativeScript",
start: new Date(2015, 5, 4, 10, 45), // start: new Date(2015, 5, 4, 10, 45),
end: new Date(2015, 5, 4, 11, 30), // end: new Date(2015, 5, 4, 11, 30),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Kendo UI Building Blocks", // title: "Kendo UI Building Blocks",
start: new Date(2015, 5, 4, 10, 45), // start: new Date(2015, 5, 4, 10, 45),
end: new Date(2015, 5, 4, 11, 30), // end: new Date(2015, 5, 4, 11, 30),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "CRUD with ASP.NET MVC, Web API, EF and Kendo UI", // title: "CRUD with ASP.NET MVC, Web API, EF and Kendo UI",
start: new Date(2015, 5, 4, 10, 45), // start: new Date(2015, 5, 4, 10, 45),
end: new Date(2015, 5, 4, 11, 30), // end: new Date(2015, 5, 4, 11, 30),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Best Practices for Understanding and Implementing Website Project Requirements", // title: "Best Practices for Understanding and Implementing Website Project Requirements",
start: new Date(2015, 5, 4, 10, 45), // start: new Date(2015, 5, 4, 10, 45),
end: new Date(2015, 5, 4, 11, 30), // end: new Date(2015, 5, 4, 11, 30),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Getting Started with ScreenBuilder", // title: "Getting Started with ScreenBuilder",
start: new Date(2015, 5, 4, 11, 45), // start: new Date(2015, 5, 4, 11, 45),
end: new Date(2015, 5, 4, 12, 30), // end: new Date(2015, 5, 4, 12, 30),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Getting Started with AngularJS", // title: "Getting Started with AngularJS",
start: new Date(2015, 5, 4, 11, 45), // start: new Date(2015, 5, 4, 11, 45),
end: new Date(2015, 5, 4, 12, 30), // end: new Date(2015, 5, 4, 12, 30),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Zero to Hipster with the M.I.K.E. Stack", // title: "Zero to Hipster with the M.I.K.E. Stack",
start: new Date(2015, 5, 4, 11, 45), // start: new Date(2015, 5, 4, 11, 45),
end: new Date(2015, 5, 4, 12, 30), // end: new Date(2015, 5, 4, 12, 30),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Content Meets Commerce, Email and Analytics to Build the New Data-Driven Marketing Machine", // title: "Content Meets Commerce, Email and Analytics to Build the New Data-Driven Marketing Machine",
start: new Date(2015, 5, 4, 11, 45), // start: new Date(2015, 5, 4, 11, 45),
end: new Date(2015, 5, 4, 12, 30), // end: new Date(2015, 5, 4, 12, 30),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Lunch", // title: "Lunch",
start: new Date(2015, 5, 4, 12, 30), // start: new Date(2015, 5, 4, 12, 30),
end: new Date(2015, 5, 4, 13, 30), // end: new Date(2015, 5, 4, 13, 30),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Hybrid vs Native vs Web: Which is Right for Me?", // title: "Hybrid vs Native vs Web: Which is Right for Me?",
start: new Date(2015, 5, 4, 13, 30), // start: new Date(2015, 5, 4, 13, 30),
end: new Date(2015, 5, 4, 14, 15), // end: new Date(2015, 5, 4, 14, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "AngularJS Directives For Kendo UI", // title: "AngularJS Directives For Kendo UI",
start: new Date(2015, 5, 4, 13, 30), // start: new Date(2015, 5, 4, 13, 30),
end: new Date(2015, 5, 4, 14, 15), // end: new Date(2015, 5, 4, 14, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Using Kendo UI in SharePoint/Office 365", // title: "Using Kendo UI in SharePoint/Office 365",
start: new Date(2015, 5, 4, 13, 30), // start: new Date(2015, 5, 4, 13, 30),
end: new Date(2015, 5, 4, 14, 15), // end: new Date(2015, 5, 4, 14, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Develop the Next Generation of Content-Driven Mobile Apps", // title: "Develop the Next Generation of Content-Driven Mobile Apps",
start: new Date(2015, 5, 4, 13, 30), // start: new Date(2015, 5, 4, 13, 30),
end: new Date(2015, 5, 4, 14, 15), // end: new Date(2015, 5, 4, 14, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "PM Break", // title: "PM Break",
start: new Date(2015, 5, 4, 14, 15), // start: new Date(2015, 5, 4, 14, 15),
end: new Date(2015, 5, 4, 14, 30), // end: new Date(2015, 5, 4, 14, 30),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "AppBuilder in 45 Minutes", // title: "AppBuilder in 45 Minutes",
start: new Date(2015, 5, 4, 14, 30), // start: new Date(2015, 5, 4, 14, 30),
end: new Date(2015, 5, 16, 15, 15), // end: new Date(2015, 5, 16, 15, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Mastering JavaScript", // title: "Mastering JavaScript",
start: new Date(2015, 5, 4, 14, 30), // start: new Date(2015, 5, 4, 14, 30),
end: new Date(2015, 5, 16, 15, 15), // end: new Date(2015, 5, 16, 15, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Building Mobile Apps with Visual Studio", // title: "Building Mobile Apps with Visual Studio",
start: new Date(2015, 5, 4, 14, 30), // start: new Date(2015, 5, 4, 14, 30),
end: new Date(2015, 5, 16, 15, 15), // end: new Date(2015, 5, 16, 15, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Building a CRM Portal in 60 Minutes", // title: "Building a CRM Portal in 60 Minutes",
start: new Date(2015, 5, 4, 14, 30), // start: new Date(2015, 5, 4, 14, 30),
end: new Date(2015, 5, 16, 15, 15), // end: new Date(2015, 5, 16, 15, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "NativeScript Extensibility", // title: "NativeScript Extensibility",
start: new Date(2015, 5, 4, 15, 30), // start: new Date(2015, 5, 4, 15, 30),
end: new Date(2015, 5, 4, 16, 15), // end: new Date(2015, 5, 4, 16, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "There's a Cordova Plugin for that!", // title: "There's a Cordova Plugin for that!",
start: new Date(2015, 5, 4, 15, 30), // start: new Date(2015, 5, 4, 15, 30),
end: new Date(2015, 5, 4, 16, 15), // end: new Date(2015, 5, 4, 16, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "AngularJS and Kendo UI", // title: "AngularJS and Kendo UI",
start: new Date(2015, 5, 4, 15, 30), // start: new Date(2015, 5, 4, 15, 30),
end: new Date(2015, 5, 4, 16, 15), // end: new Date(2015, 5, 4, 16, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Continuous Delivery and Telerik Sitefinity", // title: "Continuous Delivery and Telerik Sitefinity",
start: new Date(2015, 5, 4, 15, 30), // start: new Date(2015, 5, 4, 15, 30),
end: new Date(2015, 5, 4, 16, 15), // end: new Date(2015, 5, 4, 16, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Telerik Leadership Panel - Q&A", // title: "Telerik Leadership Panel - Q&A",
start: new Date(2015, 5, 4, 16, 30), // start: new Date(2015, 5, 4, 16, 30),
end: new Date(2015, 5, 4, 17, 15), // end: new Date(2015, 5, 4, 17, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Accelerate your Agile Adoption", // title: "Accelerate your Agile Adoption",
start: new Date(2015, 5, 4, 16, 30), // start: new Date(2015, 5, 4, 16, 30),
end: new Date(2015, 5, 4, 17, 15), // end: new Date(2015, 5, 4, 17, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "No Kidding, Real World Tester/Developer Collaboration", // title: "No Kidding, Real World Tester/Developer Collaboration",
start: new Date(2015, 5, 4, 16, 30), // start: new Date(2015, 5, 4, 16, 30),
end: new Date(2015, 5, 4, 17, 15), // end: new Date(2015, 5, 4, 17, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Sitefinity", // title: "Sitefinity",
start: new Date(2015, 5, 4, 16, 30), // start: new Date(2015, 5, 4, 16, 30),
end: new Date(2015, 5, 4, 17, 15), // end: new Date(2015, 5, 4, 17, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Attendee Appreciation Party", // title: "Attendee Appreciation Party",
start: new Date(2015, 5, 4, 19, 0), // start: new Date(2015, 5, 4, 19, 0),
end: new Date(2015, 5, 4, 22, 30), // end: new Date(2015, 5, 4, 22, 30),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Registration", // title: "Registration",
start: new Date(2015, 5, 5, 8, 0), // start: new Date(2015, 5, 5, 8, 0),
end: new Date(2015, 5, 5, 9, 0), // end: new Date(2015, 5, 5, 9, 0),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Sitefinity Keynote", // title: "Sitefinity Keynote",
start: new Date(2015, 5, 5, 9, 0), // start: new Date(2015, 5, 5, 9, 0),
end: new Date(2015, 5, 5, 10, 30), // end: new Date(2015, 5, 5, 10, 30),
room: "General Session" // room: "General Session"
}), new SessionModel({ // }), new SessionModel({
title: "Introduction to Mobile Testing and Device Cloud", // title: "Introduction to Mobile Testing and Device Cloud",
start: new Date(2015, 5, 5, 10, 45), // start: new Date(2015, 5, 5, 10, 45),
end: new Date(2015, 5, 5, 11, 30), // end: new Date(2015, 5, 5, 11, 30),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Data is Beautiful with Kendo UI DataViz", // title: "Data is Beautiful with Kendo UI DataViz",
start: new Date(2015, 5, 5, 10, 45), // start: new Date(2015, 5, 5, 10, 45),
end: new Date(2015, 5, 5, 11, 30), // end: new Date(2015, 5, 5, 11, 30),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Mastering How to Visualize Data in ASP.NET MVC", // title: "Mastering How to Visualize Data in ASP.NET MVC",
start: new Date(2015, 5, 5, 10, 45), // start: new Date(2015, 5, 5, 10, 45),
end: new Date(2015, 5, 5, 11, 30), // end: new Date(2015, 5, 5, 11, 30),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Using Sitefinity to Power Web 3.0 Experiences", // title: "Using Sitefinity to Power Web 3.0 Experiences",
start: new Date(2015, 5, 5, 10, 45), // start: new Date(2015, 5, 5, 10, 45),
end: new Date(2015, 5, 5, 11, 30), // end: new Date(2015, 5, 5, 11, 30),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Building Offline-Ready Mobile Apps", // title: "Building Offline-Ready Mobile Apps",
start: new Date(2015, 5, 5, 11, 45), // start: new Date(2015, 5, 5, 11, 45),
end: new Date(2015, 5, 5, 12, 30), // end: new Date(2015, 5, 5, 12, 30),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Kendo UI Mobile: What It Can And Can't Do For You", // title: "Kendo UI Mobile: What It Can And Can't Do For You",
start: new Date(2015, 5, 5, 11, 45), // start: new Date(2015, 5, 5, 11, 45),
end: new Date(2015, 5, 5, 12, 30), // end: new Date(2015, 5, 5, 12, 30),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "ASP.NET with Telerik UI!", // title: "ASP.NET with Telerik UI!",
start: new Date(2015, 5, 5, 11, 45), // start: new Date(2015, 5, 5, 11, 45),
end: new Date(2015, 5, 5, 12, 30), // end: new Date(2015, 5, 5, 12, 30),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Cross-Channel Data Integration with Digital Experience Cloud", // title: "Cross-Channel Data Integration with Digital Experience Cloud",
start: new Date(2015, 5, 5, 11, 45), // start: new Date(2015, 5, 5, 11, 45),
end: new Date(2015, 5, 5, 12, 30), // end: new Date(2015, 5, 5, 12, 30),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Lunch", // title: "Lunch",
start: new Date(2015, 5, 5, 12, 30), // start: new Date(2015, 5, 5, 12, 30),
end: new Date(2015, 5, 5, 13, 30), // end: new Date(2015, 5, 5, 13, 30),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Performance Tuning Your Mobile Web Apps", // title: "Performance Tuning Your Mobile Web Apps",
start: new Date(2015, 5, 5, 13, 30), // start: new Date(2015, 5, 5, 13, 30),
end: new Date(2015, 5, 5, 14, 15), // end: new Date(2015, 5, 5, 14, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Improving Applications with Telerik Analytics", // title: "Improving Applications with Telerik Analytics",
start: new Date(2015, 5, 5, 13, 30), // start: new Date(2015, 5, 5, 13, 30),
end: new Date(2015, 5, 5, 14, 15), // end: new Date(2015, 5, 5, 14, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Reporting vs Dashboards vs UI Data Apps", // title: "Reporting vs Dashboards vs UI Data Apps",
start: new Date(2015, 5, 5, 13, 30), // start: new Date(2015, 5, 5, 13, 30),
end: new Date(2015, 5, 5, 14, 15), // end: new Date(2015, 5, 5, 14, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Modern MVC and Front-End Development with Telerik Sitefinity", // title: "Modern MVC and Front-End Development with Telerik Sitefinity",
start: new Date(2015, 5, 5, 13, 30), // start: new Date(2015, 5, 5, 13, 30),
end: new Date(2015, 5, 5, 14, 15), // end: new Date(2015, 5, 5, 14, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "PM Break", // title: "PM Break",
start: new Date(2015, 5, 5, 14, 15), // start: new Date(2015, 5, 5, 14, 15),
end: new Date(2015, 5, 5, 14, 30), // end: new Date(2015, 5, 5, 14, 30),
room: "" // room: ""
}), new SessionModel({ // }), new SessionModel({
title: "Telerik Native Mobile UI for iOS and Android", // title: "Telerik Native Mobile UI for iOS and Android",
start: new Date(2015, 5, 5, 14, 30), // start: new Date(2015, 5, 5, 14, 30),
end: new Date(2015, 5, 17, 15, 15), // end: new Date(2015, 5, 17, 15, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "IoT and the Telerik Platform", // title: "IoT and the Telerik Platform",
start: new Date(2015, 5, 5, 14, 30), // start: new Date(2015, 5, 5, 14, 30),
end: new Date(2015, 5, 17, 15, 15), // end: new Date(2015, 5, 17, 15, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Debugging with Fiddler", // title: "Debugging with Fiddler",
start: new Date(2015, 5, 5, 14, 30), // start: new Date(2015, 5, 5, 14, 30),
end: new Date(2015, 5, 17, 15, 15), // end: new Date(2015, 5, 17, 15, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Anticipating & Planning of Peak Online Traffic for Professional Football's Biggest Games", // title: "Anticipating & Planning of Peak Online Traffic for Professional Football's Biggest Games",
start: new Date(2015, 5, 5, 14, 30), // start: new Date(2015, 5, 5, 14, 30),
end: new Date(2015, 5, 17, 15, 15), // end: new Date(2015, 5, 17, 15, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Building a Mobile App API using MongoDB and Node.js", // title: "Building a Mobile App API using MongoDB and Node.js",
start: new Date(2015, 5, 5, 15, 30), // start: new Date(2015, 5, 5, 15, 30),
end: new Date(2015, 5, 5, 16, 15), // end: new Date(2015, 5, 5, 16, 15),
room: "Conference Room 1" // room: "Conference Room 1"
}), new SessionModel({ // }), new SessionModel({
title: "Advanced Kendo UI", // title: "Advanced Kendo UI",
start: new Date(2015, 5, 5, 15, 30), // start: new Date(2015, 5, 5, 15, 30),
end: new Date(2015, 5, 5, 16, 15), // end: new Date(2015, 5, 5, 16, 15),
room: "Conference Room 2" // room: "Conference Room 2"
}), new SessionModel({ // }), new SessionModel({
title: "Building Touch Apps with UI for WPF", // title: "Building Touch Apps with UI for WPF",
start: new Date(2015, 5, 5, 15, 30), // start: new Date(2015, 5, 5, 15, 30),
end: new Date(2015, 5, 5, 16, 15), // end: new Date(2015, 5, 5, 16, 15),
room: "Conference Room 3" // room: "Conference Room 3"
}), new SessionModel({ // }), new SessionModel({
title: "Making the Most Out of Sitefinity Personalization", // title: "Making the Most Out of Sitefinity Personalization",
start: new Date(2015, 5, 5, 15, 30), // start: new Date(2015, 5, 5, 15, 30),
end: new Date(2015, 5, 5, 16, 15), // end: new Date(2015, 5, 5, 16, 15),
room: "Conference Room 4" // room: "Conference Room 4"
}), new SessionModel({ // }), new SessionModel({
title: "Closing Keynote", // title: "Closing Keynote",
start: new Date(2015, 5, 5, 16, 30), // start: new Date(2015, 5, 5, 16, 30),
end: new Date(2015, 5, 5, 17, 15), // end: new Date(2015, 5, 5, 17, 15),
room: "General Session" // room: "General Session"
})]; // })];
var speakers: Array<Speaker> = [ //var speakersOLD: Array<Speaker> = [
{ // {
name: "Todd Anglin", // name: "Todd Anglin",
title: "Vice President of Product Strategy", // title: "Vice President of Product Strategy",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/todd.png" // picture: "~/app/images/todd.png"
}, // },
{ // {
name: "Aaron Mahimainathan", // name: "Aaron Mahimainathan",
title: "Senior Vice President, Platform & Tools", // title: "Senior Vice President, Platform & Tools",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/aaron.png" // picture: "~/app/images/aaron.png"
}, // },
{ // {
name: "Burke Holland", // name: "Burke Holland",
title: "Director of Developer Relations", // title: "Director of Developer Relations",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/burke.png" // picture: "~/app/images/burke.png"
}, // },
{ // {
name: "Brian Rinaldi", // name: "Brian Rinaldi",
title: "Developer Content Manager", // title: "Developer Content Manager",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/brian.png" // picture: "~/app/images/brian.png"
}, // },
{ // {
name: "TJ VanToll", // name: "TJ VanToll",
title: "Senior Developer Advocate", // title: "Senior Developer Advocate",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/tj.png" // picture: "~/app/images/tj.png"
}, // },
{ // {
name: "Jen Looper", // name: "Jen Looper",
title: "Developer Advocate", // title: "Developer Advocate",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/jen.png" // picture: "~/app/images/jen.png"
}, // },
{ // {
name: "Brandon Satrom", // name: "Brandon Satrom",
title: "Director of Product Management", // title: "Director of Product Management",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/brandon.png" // picture: "~/app/images/brandon.png"
}, // },
{ // {
name: "Michael Crump", // name: "Michael Crump",
title: "Senior Developer Advocate", // title: "Senior Developer Advocate",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/michael.png" // picture: "~/app/images/michael.png"
}, // },
{ // {
name: "Sam Basu", // name: "Sam Basu",
title: "Developer Advocate", // title: "Developer Advocate",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/sam.png" // picture: "~/app/images/sam.png"
}, // },
{ // {
name: "Svetla Yankova", // name: "Svetla Yankova",
title: "Product Marketing Manager", // title: "Product Marketing Manager",
company: "Telerik", // company: "Telerik",
picture: "~/app/images/svetla.png" // picture: "~/app/images/svetla.png"
}]; // }];

2
apps/TelerikNEXT/main-page.ts
View File

@ -8,7 +8,7 @@ import appViewModel = require("./app-view-model");
export function pageLoaded(args: observable.EventData) { export function pageLoaded(args: observable.EventData) {
var page = <pages.Page>args.object; var page = <pages.Page>args.object;
page.bindingContext = new appViewModel.AppViewModel(); page.bindingContext = appViewModel.appModel;
} }
export function toggleFavorite(args: gestures.GestureEventData) { export function toggleFavorite(args: gestures.GestureEventData) {

2
apps/TelerikNEXT/main-page.xml
View File

@ -81,6 +81,8 @@
</ListView.itemTemplate> </ListView.itemTemplate>
</ListView> </ListView>
<ActivityIndicator busy="{{ isLoading }}" row="2"/>
</GridLayout> </GridLayout>
<Border style="background-color: #053140;" visibility="{{ selectedViewIndex === 2 ? 'visible' : 'collapsed' }}"> <Border style="background-color: #053140;" visibility="{{ selectedViewIndex === 2 ? 'visible' : 'collapsed' }}">

2
apps/TelerikNEXT/session-page.xml
View File

@ -39,7 +39,7 @@
<ListView items="{{ speakers }}" row="3" colSpan="2" height="{{ speakers.length * 76 }}" selectedBackgroundColor="#fac950" separatorColor="#FFFFFF"> <ListView items="{{ speakers }}" row="3" colSpan="2" height="{{ speakers.length * 76 }}" selectedBackgroundColor="#fac950" separatorColor="#FFFFFF">
<ListView.itemTemplate> <ListView.itemTemplate>
<GridLayout columns="65, *" cssClass="list-view-row"> <GridLayout columns="65, *" cssClass="list-view-row">
<Image src="{{ picture }}" verticalAlignment="top"/> <Image src="{{ '~/app/images/' + picture }}" verticalAlignment="top"/>
<StackLayout col="1"> <StackLayout col="1">
<Label cssClass="info"> <Label cssClass="info">