Raataar/pokedex
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Neues Initialrelease mit IonicMaterial

Browse Source
This commit is contained in:
Carsten Hilmer
2016-08-22 12:55:52 +02:00
parent 30a5df79aa
commit 45e482b14d
1249 changed files with 305225 additions and 68794 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
www/templates/hardware-connect/device-information/html/device-information.html Normal file
View File

@@ -0,0 +1,78 @@
<!--View Information-->
<!--View name : Device Information-->
<!--Controller name : deviceInformationCtrl-->
<!--Controller path : www/templates/hardware-connect/device-information/js/controllers.js-->
<!--State name : app.deviceInformation-->
<!--URL : #app/deviceInformation-->
<ion-view title="">
<ion-content scroll="false">
<!--toolbar section-->
<md-toolbar class="bar-subheader md-tall md-primary toolbar-medium toolbar-in-content">
<div>
<h1>
<i class="fa fa-info-circle"></i>
</h1>
<h3> Device Information </h3>
</div>
</md-toolbar> <!--end toolbar section-->
<!--device information section-->
<!--lise section-->
<md-list id="device-information-content" class="fade-in">
<md-list-item class="row">
<div class="col-50 title">
Platform :
</div>
<div class="col-50">
{{deviceInformation.platform}}
</div>
</md-list-item>
<md-divider></md-divider>
<md-list-item class="row">
<div class="col-50 title">
Model :
</div>
<div class="col-50">
{{deviceInformation.model}}
</div>
</md-list-item>
<md-divider></md-divider>
<md-list-item class="row">
<div class="col-50 title">
Version :
</div>
<div class="col-50">
{{deviceInformation.version}}
</div>
</md-list-item>
<md-divider></md-divider>
<md-list-item class="row">
<div class="col-50 title">
Manufacturer :
</div>
<div class="col-50">
{{deviceInformation.manufacturer}}
</div>
</md-list-item>
<md-divider></md-divider>
<md-list-item>
<div class="col">
{{deviceInformation.uuid}}
</div>
</md-list-item>
<md-divider></md-divider>
</md-list>
<!--end lise section-->
<!--end device information section-->
</ion-content>
<!--loading progress-->
<div id="device-information-loading-progress" class="loading-progress fade-in">
<ion-spinner ng-if="!isAndroid" class="progress-circular"></ion-spinner>
<md-progress-circular ng-if="isAndroid" md-mode="indeterminate"></md-progress-circular>
</div><!--end loading progress-->
</ion-view>

39
www/templates/hardware-connect/device-information/js/controllers.js Normal file
View File

@@ -0,0 +1,39 @@
// Controller of device information page.
// It use ionic.Platform.device() for getting device information. It will return object of current device.
// Learn more about ionic.Platform.device():
// http://ionicframework.com/docs/api/utility/ionic.Platform/
appControllers.controller('deviceInformationCtrl', function ($scope, $timeout) {
// initialForm is the first activity in the controller.
// It will initial all variable data and let the function works when page load.
$scope.initialForm = function () {
// $scope.deviceInformation is store device information data.
$scope.deviceInformation = {};
// Loading progress.
$timeout(function () {
if ($scope.isAndroid) {
jQuery('#device-information-loading-progress').show();
}
else {
jQuery('#device-information-loading-progress').fadeIn(700);
}
}, 400);
$timeout(function () {
$scope.deviceInformation = ionic.Platform.device();
jQuery('#device-information-loading-progress').hide();
jQuery('#device-information-content').fadeIn();
}, 1000);
}; // End initialForm.
// getDeviceInformation is for get device information by calling ionic Platform device.
$scope.getDeviceInformation = function () {
$scope.deviceInformation = ionic.Platform.device();
}; // End getDeviceInformation.
$scope.initialForm();
});// End of device information Controller.