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

Sidebar removed for now

Browse Source
This commit is contained in:
vakrilov
2015-03-21 09:01:57 +02:00
parent 7037bc9d83
commit 5ab1ec2c19
2 changed files with 60 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/TelerikNEXT/main-page.css
View File

@ -21,3 +21,11 @@
font-size: 22; font-size: 22;
color: black; color: black;
} }
.sessionRow{
}
.breakRow{
background-color: #FFFBF0;
}

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

@ -29,68 +29,69 @@
<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 style="horizontal-align: center;margin: 15;"> <Label style="horizontal-align: center;margin: 15;">
<Label.formattedText> <Label.formattedText>
<FormattedString fontSize="18" foregroundColor="#fac950"> <FormattedString fontSize="18" foregroundColor="#fac950">
<FormattedString.spans> <FormattedString.spans>
<Span text="WORKSHOPS" fontAttributes="Bold" /> <Span text="WORKSHOPS" 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"> <ListView items="{{ sessions }}" row="2" separatorColor="#fac950">
<ListView.itemTemplate> <ListView.itemTemplate>
<GridLayout columns="auto, *" backgroundColor="{{ canBeFavorited ? 'white' : '#fffbf0' }}"> <GridLayout columns="auto, *" cssClass="{{ canBeFavorited ? 'sessionRow' : 'breakRow' }}">
<Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}" <Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}"
tap="toggleFavorite" width="32" height="32" vertical-align="center" margin="20" /> visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}"
tap="toggleFavorite" width="32" height="32" vertical-align="center" margin="20" />
<StackLayout col="1"> <StackLayout col="1">
<Label> <Label>
<Label.formattedText> <Label.formattedText>
<FormattedString fontSize="18" foregroundColor="#a17201"> <FormattedString fontSize="18" foregroundColor="#a17201">
<FormattedString.spans> <FormattedString.spans>
<Span text="Time:" /> <Span text="Time:" />
<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="title" /> <Label text="{{ title }}" textWrap="true" cssClass="title" />
<Label visibility="{{ room ? 'visible' : 'collapsed' }}"> <Label visibility="{{ room ? 'visible' : 'collapsed' }}">
<Label.formattedText> <Label.formattedText>
<FormattedString fontSize="12" foregroundColor="#a17201"> <FormattedString fontSize="12" foregroundColor="#a17201">
<FormattedString.spans> <FormattedString.spans>
<Span text="Room: " /> <Span text="Room: " />
<Span text="{{ room }}" fontAttributes="Bold" /> <Span text="{{ room }}" fontAttributes="Bold" />
</FormattedString.spans> </FormattedString.spans>
</FormattedString> </FormattedString>
</Label.formattedText> </Label.formattedText>
</Label> </Label>
</StackLayout> </StackLayout>
</GridLayout> </GridLayout>
</ListView.itemTemplate> </ListView.itemTemplate>
</ListView> </ListView>
</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" />