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

Persist favourites

Browse Source
This commit is contained in:
vakrilov
2015-03-21 19:15:15 +02:00
parent a9e6f84c58
commit a33b608ce4
5 changed files with 99 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,6 @@
import observable = require("data/observable"); import observable = require("data/observable");
import dialogs = require("ui/dialogs"); import dialogs = require("ui/dialogs");
import localSettings = require("local-settings");
import button = require("ui/button"); import button = require("ui/button");
var everlive = require("./lib/everlive"); var everlive = require("./lib/everlive");
@ -32,6 +33,38 @@ var conferenceDays: Array<ConferenceDay> = [
]; ];
var sessions: Array<SessionModel> = new Array<SessionModel>(); var sessions: Array<SessionModel> = new Array<SessionModel>();
var FAVOURITES = "FAVOURITES";
var favourites: Array<string>;
try {
favourites = <Array<string>>JSON.parse(localSettings.getString(FAVOURITES, "[]"));
}
catch (error) {
console.log("Error while retrieveing favourites: " + error);
favourites = new Array<string>();
updateFavourites()
}
function addToFavourites(session: SessionModel) {
if (favourites.indexOf(session.Id) < 0) {
favourites.push(session.Id);
updateFavourites();
}
}
function removeFromFavourites(session: SessionModel) {
var index = favourites.indexOf(session.Id);
if (index >= 0) {
favourites.splice(index, 1);
updateFavourites();
}
}
function updateFavourites() {
var newValue = JSON.stringify(favourites);
localSettings.setString(FAVOURITES, newValue);
}
var el = new everlive("mzacGkKPFlZUfbMq"); var el = new everlive("mzacGkKPFlZUfbMq");
var expandExp = { var expandExp = {
"speakers": true "speakers": true
@ -42,14 +75,19 @@ el.data('NextSessions').expand(expandExp).get().then(
var sessionsFromEvelive: Array<Session> = <Array<Session>> data.result; var sessionsFromEvelive: Array<Session> = <Array<Session>> data.result;
for (var i = 0; i < sessionsFromEvelive.length; i++) { for (var i = 0; i < sessionsFromEvelive.length; i++) {
sessions.push(new SessionModel(sessionsFromEvelive[i])); var newSession = new SessionModel(sessionsFromEvelive[i]);
if (favourites.indexOf(newSession.Id) >= 0) {
newSession.favorite = true;
}
sessions.push(newSession);
} }
appModel.onDataLoaded(); appModel.onDataLoaded();
}, function (error) { }, function (error) {
dialogs.alert("Could not load sessions. Error: " + error); dialogs.alert("Could not load sessions. Error: " + error);
} }
); );
export class AppViewModel extends observable.Observable { export class AppViewModel extends observable.Observable {
@ -213,4 +251,14 @@ 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 });
} }
} }
public toggleFavorite() {
this.favorite = !this.favorite;
if (this.favorite) {
addToFavourites(this);
}
else {
removeFromFavourites(this);
}
}
} }

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

@ -11,16 +11,14 @@ export function pageLoaded(args: observable.EventData) {
page.bindingContext = appViewModel.appModel; page.bindingContext = appViewModel.appModel;
} }
export function toggleFavorite(args: gestures.GestureEventData) {
var item = <appViewModel.SessionModel>args.view.bindingContext;
item.favorite = !item.favorite;
}
export function selectSession(args: listView.ItemEventData) { export function selectSession(args: listView.ItemEventData) {
frame.topmost().navigate({ frame.topmost().navigate({
moduleName: "app/session-page", moduleName: "app/session-page",
context: args.view.bindingContext context: args.view.bindingContext
}); });
}
export function toggleFavorite(args: gestures.GestureEventData) {
var item = <appViewModel.SessionModel>args.view.bindingContext;
item.toggleFavorite();
} }

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

@ -29,61 +29,61 @@
<GridLayout rows="auto, auto, *" visibility="{{ selectedViewIndex !== 2 ? 'visible' : 'collapsed' }}"> <GridLayout rows="auto, auto, *" visibility="{{ selectedViewIndex !== 2 ? 'visible' : 'collapsed' }}">
<StackLayout style="background-image: url('~/app/images/background.jpg')"> <StackLayout style="background-image: url('~/app/images/background.jpg')">
<SegmentedBar selectedIndex="{{ selectedIndex }}" style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950"> <SegmentedBar selectedIndex="{{ selectedIndex }}" style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950">
<SegmentedBar.items> <SegmentedBar.items>
<SegmentedBarItem title="MAY 3" /> <SegmentedBarItem title="MAY 3" />
<SegmentedBarItem title="MAY 4" /> <SegmentedBarItem title="MAY 4" />
<SegmentedBarItem title="MAY 5" /> <SegmentedBarItem title="MAY 5" />
</SegmentedBar.items> </SegmentedBar.items>
</SegmentedBar> </SegmentedBar>
<Label cssClass="page-title" horizontalAlignment="center" margin="15"> <Label cssClass="page-title" horizontalAlignment="center" margin="15">
<Label.formattedText> <Label.formattedText>
<FormattedString> <FormattedString>
<FormattedString.spans> <FormattedString.spans>
<Span text="{{ dayHeader }}" fontAttributes="Bold" /> <Span text="{{ dayHeader }}" fontAttributes="Bold" />
</FormattedString.spans> </FormattedString.spans>
</FormattedString> </FormattedString>
</Label.formattedText> </Label.formattedText>
</Label> </Label>
</StackLayout> </StackLayout>
<SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="1" /> <SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="1" />
<ListView items="{{ sessions }}" row="2" separatorColor="#fac950" itemTap="selectSession"> <ListView items="{{ sessions }}" row="2" separatorColor="#fac950" itemTap="selectSession">
<ListView.itemTemplate> <ListView.itemTemplate>
<GridLayout columns="auto, *" cssClass="{{ canBeFavorited ? 'list-view-row' : 'break-row' }}"> <GridLayout columns="auto, *" cssClass="{{ canBeFavorited ? 'list-view-row' : 'break-row' }}">
<Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" <Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}"
visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}" visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}"
tap="toggleFavorite" cssClass="favourite-image" /> tap="toggleFavorite" cssClass="favourite-image" />
<StackLayout col="1"> <StackLayout col="1">
<Label cssClass="info-orange"> <Label cssClass="info-orange">
<Label.formattedText> <Label.formattedText>
<FormattedString> <FormattedString>
<FormattedString.spans> <FormattedString.spans>
<Span text="{{ range }}" fontAttributes="Bold" /> <Span text="{{ range }}" fontAttributes="Bold" />
</FormattedString.spans> </FormattedString.spans>
</FormattedString> </FormattedString>
</Label.formattedText> </Label.formattedText>
</Label> </Label>
<Label text="{{ title }}" textWrap="true" cssClass="info-bigger"/> <Label text="{{ title }}" textWrap="true" cssClass="info-bigger"/>
<Label visibility="{{ room ? 'visible' : 'collapsed' }}" text="{{ room }}" cssClass="info-orange" /> <Label visibility="{{ room ? 'visible' : 'collapsed' }}" text="{{ room }}" cssClass="info-orange" />
</StackLayout> </StackLayout>
</GridLayout> </GridLayout>
</ListView.itemTemplate> </ListView.itemTemplate>
</ListView> </ListView>
<ActivityIndicator busy="{{ isLoading }}" row="2" horizontalAlignment="center" verticalAlignment="center" /> <ActivityIndicator busy="{{ isLoading }}" row="2" horizontalAlignment="center" verticalAlignment="center" />
</GridLayout> </GridLayout>
<Border style="background-color: #053140;" visibility="{{ selectedViewIndex === 2 ? 'visible' : 'collapsed' }}"> <Border style="background-color: #053140;" visibility="{{ selectedViewIndex === 2 ? 'visible' : 'collapsed' }}">
<Image src="~/app/images/logo.png" margin="20" /> <Image src="~/app/images/logo.png" margin="20" />

3
apps/TelerikNEXT/session-page.ts
View File

@ -11,6 +11,5 @@ export function pageNavigatedTo(args: observable.EventData) {
export function toggleFavorite(args: gestures.GestureEventData) { export function toggleFavorite(args: gestures.GestureEventData) {
var item = <appViewModel.SessionModel>args.view.bindingContext; var item = <appViewModel.SessionModel>args.view.bindingContext;
item.toggleFavorite();
item.favorite = !item.favorite;
} }

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

@ -36,7 +36,7 @@
<!-- Speakers --> <!-- Speakers -->
<Label text="Speakers" cssClass="section-header" row="2" col="1" /> <Label text="Speakers" cssClass="section-header" row="2" col="1" />
<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 * 72 }}" selectedBackgroundColor="#fac950" separatorColor="#FFFFFF">
<ListView.itemTemplate> <ListView.itemTemplate>
<GridLayout columns="65, *" cssClass="list-view-row"> <GridLayout columns="65, *" cssClass="list-view-row">
<Image src="{{ '~/app/images/' + picture }}" verticalAlignment="top"/> <Image src="{{ '~/app/images/' + picture }}" verticalAlignment="top"/>