This repository has been archived by the owner on Feb 26, 2024. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Fetch data for and render phone detail view - PhoneDetailCtrl controller to fetch details json with [$http] for a specific phone - template for the phone detailed view - CSS to make the phone details page look "pretty"
- Loading branch information
1 parent
2fe56e1
commit 8564fb4
Showing
5 changed files
with
197 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,113 @@ | ||
TBD: detail view for <span>{{phoneId}}</span> | ||
<img ng-src="{{phone.images[0]}}" class="phone"> | ||
|
||
<h1>{{phone.name}}</h1> | ||
|
||
<p>{{phone.description}}</p> | ||
|
||
<ul class="phone-thumbs"> | ||
<li ng-repeat="img in phone.images"> | ||
<img ng-src="{{img}}"> | ||
</li> | ||
</ul> | ||
|
||
<ul class="specs"> | ||
<li> | ||
<span>Availability and Networks</span> | ||
<dl> | ||
<dt>Availability</dt> | ||
<dd ng-repeat="availability in phone.availability">{{availability}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Battery</span> | ||
<dl> | ||
<dt>Type</dt> | ||
<dd>{{phone.battery.type}}</dd> | ||
<dt>Talk Time</dt> | ||
<dd>{{phone.battery.talkTime}}</dd> | ||
<dt>Standby time (max)</dt> | ||
<dd>{{phone.battery.standbyTime}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Storage and Memory</span> | ||
<dl> | ||
<dt>RAM</dt> | ||
<dd>{{phone.storage.ram}}</dd> | ||
<dt>Internal Storage</dt> | ||
<dd>{{phone.storage.flash}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Connectivity</span> | ||
<dl> | ||
<dt>Network Support</dt> | ||
<dd>{{phone.connectivity.cell}}</dd> | ||
<dt>WiFi</dt> | ||
<dd>{{phone.connectivity.wifi}}</dd> | ||
<dt>Bluetooth</dt> | ||
<dd>{{phone.connectivity.bluetooth}}</dd> | ||
<dt>Infrared</dt> | ||
<dd>{{phone.connectivity.infrared}}</dd> | ||
<dt>GPS</dt> | ||
<dd>{{phone.connectivity.gps}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Android</span> | ||
<dl> | ||
<dt>OS Version</dt> | ||
<dd>{{phone.android.os}}</dd> | ||
<dt>UI</dt> | ||
<dd>{{phone.android.ui}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Size and Weight</span> | ||
<dl> | ||
<dt>Dimensions</dt> | ||
<dd ng-repeat="dim in phone.sizeAndWeight.dimensions">{{dim}}</dd> | ||
<dt>Weight</dt> | ||
<dd>{{phone.sizeAndWeight.weight}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Display</span> | ||
<dl> | ||
<dt>Screen size</dt> | ||
<dd>{{phone.display.screenSize}}</dd> | ||
<dt>Screen resolution</dt> | ||
<dd>{{phone.display.screenResolution}}</dd> | ||
<dt>Touch screen</dt> | ||
<dd>{{phone.display.touchScreen}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Hardware</span> | ||
<dl> | ||
<dt>CPU</dt> | ||
<dd>{{phone.hardware.cpu}}</dd> | ||
<dt>USB</dt> | ||
<dd>{{phone.hardware.usb}}</dd> | ||
<dt>Audio / headphone jack</dt> | ||
<dd>{{phone.hardware.audioJack}}</dd> | ||
<dt>FM Radio</dt> | ||
<dd>{{phone.hardware.fmRadio}}</dd> | ||
<dt>Accelerometer</dt> | ||
<dd>{{phone.hardware.accelerometer}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Camera</span> | ||
<dl> | ||
<dt>Primary</dt> | ||
<dd>{{phone.camera.primary}}</dd> | ||
<dt>Features</dt> | ||
<dd>{{phone.camera.features.join(', ')}}</dd> | ||
</dl> | ||
</li> | ||
<li> | ||
<span>Additional Features</span> | ||
<dd>{{phone.additionalFeatures}}</dd> | ||
</li> | ||
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters