summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2016-12-24 08:00:47 -0500
committerPliable Pixels <pliablepixels@gmail.com>2016-12-24 08:00:47 -0500
commitc6b9e67c448c0b5619857af8e1431703fe15502e (patch)
tree8beb76261397bc785259c1be2d7e680ebc31e2ad /www
parentaf230a2c247f087ef13e4f3a8fbc18ae598089fc (diff)
If API access errors, notify the user with a link to the FAQ #415
Diffstat (limited to 'www')
-rw-r--r--www/index.html1
-rw-r--r--www/js/DataModel.js5
-rw-r--r--www/js/InvalidApiCtrl.js37
-rw-r--r--www/js/PortalLoginCtrl.js32
-rw-r--r--www/js/app.js24
-rw-r--r--www/lang/locale-en.json3
-rw-r--r--www/templates/invalidapi.html30
7 files changed, 122 insertions, 10 deletions
diff --git a/www/index.html b/www/index.html
index 06b90ab7..fbc4d5a8 100644
--- a/www/index.html
+++ b/www/index.html
@@ -99,6 +99,7 @@
<script src="js/WizardCtrl.js"></script>
<script src="js/MenuController.js"></script>
<script src="js/EventsModalGraphCtrl.js"></script>
+ <script src="js/InvalidApiCtrl.js"></script>
</head>
<!-- <body ng-app="starter" > -->
<!-- I want to start angular only after cordova device is ready, so I'll tag it on device ready -->
diff --git a/www/js/DataModel.js b/www/js/DataModel.js
index d1afce9e..02c719ed 100644
--- a/www/js/DataModel.js
+++ b/www/js/DataModel.js
@@ -1193,11 +1193,13 @@ angular.module('zmApp.controllers')
{
if (success.data.version)
{
+ $rootScope.apiValid = true;
d.resolve(success.data.version);
}
else
{
- d.resolve("0.0.0");
+ $rootScope.apiValid = false;
+ d.reject("-1.-1.-1");
}
return (d.promise);
@@ -1206,6 +1208,7 @@ angular.module('zmApp.controllers')
{
debug("getAPIversion error handler " + JSON.stringify(error));
d.reject("-1.-1.-1");
+ $rootScope.apiValid = false;
return (d.promise);
});
return (d.promise);
diff --git a/www/js/InvalidApiCtrl.js b/www/js/InvalidApiCtrl.js
new file mode 100644
index 00000000..1c65b9fd
--- /dev/null
+++ b/www/js/InvalidApiCtrl.js
@@ -0,0 +1,37 @@
+/* jshint -W041 */
+/* jslint browser: true*/
+/* global cordova,StatusBar,angular,console */
+
+angular.module('zmApp.controllers').controller('zmApp.InvalidApiCtrl', ['$scope', '$ionicSideMenuDelegate', 'zm', '$stateParams', '$timeout', '$rootScope', function($scope, $ionicSideMenuDelegate, zm, $stateParams, $timeout, $rootScope)
+{
+ $scope.openMenu = function()
+ {
+ $ionicSideMenuDelegate.toggleLeft();
+ };
+
+ //-------------------------------------------------------------------------
+ // Controller Main
+ //------------------------------------------------------------------------
+ $scope.$on('$ionicView.enter', function()
+ {
+ console.log("**VIEW ** InvalidAPI Ctrl Entered");
+ $ionicSideMenuDelegate.canDragContent(true);
+ });
+
+ $scope.openMenu = function()
+ {
+ $timeout(function()
+ {
+ $rootScope.stateofSlide = $ionicSideMenuDelegate.isOpen();
+ }, 500);
+
+ $ionicSideMenuDelegate.toggleLeft();
+ };
+
+ $scope.readFAQ = function()
+ {
+ window.open('https://github.com/pliablepixels/zmNinja/wiki/Validating-if-APIs-work-on-ZM', '_blank', 'location=yes');
+ return false;
+ };
+
+}]);
diff --git a/www/js/PortalLoginCtrl.js b/www/js/PortalLoginCtrl.js
index 95eb72d4..6a9a9f2d 100644
--- a/www/js/PortalLoginCtrl.js
+++ b/www/js/PortalLoginCtrl.js
@@ -173,7 +173,7 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
return;
}
- if (data == "0.0.0")
+ /*if (data == "0.0.0")
{
NVRDataModel.log("2nd Auth:API getVersion succeeded but returned 0.0.0 " + JSON.stringify(data));
@@ -183,7 +183,7 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
"wizard": false
});
return;
- }
+ }*/
// coming here means continue
EventServer.refresh();
@@ -287,8 +287,7 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
{
NVRDataModel.debug("PortalLogin: auth success");
- NVRDataModel.getKeyConfigParams(1);
- NVRDataModel.getTimeZone();
+
// $state.go("login" ,{"wizard": false});
//login was ok, so get API details
NVRDataModel.getAPIversion()
@@ -319,7 +318,7 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
return;
}
- if (data == "0.0.0")
+ /*if (data == "0.0.0")
{
NVRDataModel.log("API getVersion succeeded but returned 0.0.0 " + JSON.stringify(data));
@@ -330,9 +329,12 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
});
return;
- }
+ }*/
// coming here means continue
// console.log (">>>>>>>>>>>>>>>>>>>>>>>>>NEVER");
+
+ NVRDataModel.getKeyConfigParams(1);
+ NVRDataModel.getTimeZone();
EventServer.refresh();
if ($rootScope.tappedNotification != 1)
{
@@ -367,11 +369,23 @@ angular.module('zmApp.controllers').controller('zmApp.PortalLoginCtrl', ['$ionic
},
function error(e)
{
- $state.go("login",
+
+ if ($rootScope.apiValid == true)
+ {
+ $state.go("login",
+ {
+ "wizard": false
+ });
+ return;
+ }
+ else
{
- "wizard": false
- });
+ $state.go("invalidapi");
+ return;
+ }
+
});
+
return;
}, 1000);
diff --git a/www/js/app.js b/www/js/app.js
index 7027ff42..0e7f13ee 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -1321,6 +1321,14 @@ angular.module('zmApp', [
{
var requireLogin = toState.data.requireLogin;
+ if ($rootScope.apiValid == false && toState.name != 'invalidapi' && toState.data.requireLogin == true)
+ {
+ event.preventDefault();
+ $state.transitionTo('invalidapi');
+ return;
+
+ }
+
if (NVRDataModel.isLoggedIn() || toState.data.requireLogin == false)
{
//console.log("State transition is authorized");
@@ -1349,6 +1357,7 @@ angular.module('zmApp', [
// if you don't prevent, states will stack
event.preventDefault();
$state.transitionTo('login');
+ return;
}
return;
@@ -1403,6 +1412,7 @@ angular.module('zmApp', [
};
$rootScope.textScaleFactor = 1.0;
+ $rootScope.apiValid = false;
$rootScope.db = null;
$rootScope.runMode = NVRDataModel.getBandwidth();
@@ -2025,6 +2035,20 @@ angular.module('zmApp', [
})
+ .state('invalidapi',
+ {
+ data:
+ {
+ requireLogin: false
+ },
+
+ cache: false,
+ url: "/invalidapi",
+ templateUrl: "templates/invalidapi.html",
+ controller: 'zmApp.InvalidApiCtrl',
+
+ })
+
.state('events-graphs',
{
data:
diff --git a/www/lang/locale-en.json b/www/lang/locale-en.json
index 769631ba..77a33f8f 100644
--- a/www/lang/locale-en.json
+++ b/www/lang/locale-en.json
@@ -149,6 +149,9 @@
"kImpMsg5" :"Reported Version",
"kImpMsg6" :"Recommended Version",
"kImpMsg7" :"Ok, got it",
+ "kInvalidAPIHeader" : "Invalid API",
+ "kInvalidAPIBody" : "API access failed. Please make sure your APIs are configured correctly. Tap on the button below to read the instructions",
+ "kInvalidAPIRead" : "Read FAQ",
"kIncreaseSize" :"increase size",
"kLanguage" :"Language",
"kLatestEvents" :"latest events",
diff --git a/www/templates/invalidapi.html b/www/templates/invalidapi.html
new file mode 100644
index 00000000..af3a6977
--- /dev/null
+++ b/www/templates/invalidapi.html
@@ -0,0 +1,30 @@
+<ion-view view-title="{{$root.appName}}" hide-nav-bar="false" hide-back-button="false" cache-view="false">
+ <ion-nav-buttons side="left">
+ <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+ </ion-nav-buttons>
+ <ion-content class="pin-background">
+ <div style="margin-left:20px; margin-right:20px">
+ <center>
+ <br/>
+ <br/>
+ <div id="responsive-image">
+ <img src="img/authlogo.png">
+ </div>
+ <br/>
+ <span style="color:white">
+ <h2 style="color:white" class="animated bounce">{{'kInvalidAPIHeader' | translate}}</h2>
+ <br/>
+ <h4 style="color:white">{{'kInvalidAPIBody' | translate}}</h4>
+
+ <br/><br/>
+
+ <button class="button button-stable animated bounceInUp" ng-click="readFAQ()">
+ {{'kInvalidAPIRead' | translate}}</button>
+
+
+ </span>
+ </center>
+ <br/>
+ </div>
+ </ion-content>
+</ion-view>
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-07 16:28:41 +0000