diff options
| author | Einar Egilsson <einar@einaregilsson.com> | 2016-02-22 10:14:31 +0000 |
|---|---|---|
| committer | Einar Egilsson <einar@einaregilsson.com> | 2016-02-22 10:14:31 +0000 |
| commit | 4cd86af900055192fabb0d08aa90cc0c067a4fa5 (patch) | |
| tree | bc8d120be32c3d387b1243961eb58a61526b2cd4 | |
| parent | 18ef5b0b6aee029ff7a4d9bb40c0713b0458ec5c (diff) | |
Show message in Firefox private mode that Redirector does not work
| -rw-r--r-- | css/redirector.css | 21 | ||||
| -rw-r--r-- | js/redirector-scriptload.js | 5 | ||||
| -rw-r--r-- | redirector.html | 13 |
3 files changed, 34 insertions, 5 deletions
diff --git a/css/redirector.css b/css/redirector.css index 9417eb1..c149787 100644 --- a/css/redirector.css +++ b/css/redirector.css @@ -457,4 +457,23 @@ footer small a, footer small a:visited { footer small a:hover { text-decoration: underline; -}
\ No newline at end of file +} + + +/* Hide by default so we can show a message in private mode where angular won't load */ + +.private #edit-redirect-form, .private #delete-redirect-form, .private .redirect-table, .private #message-box, .private #menu { + display:none; +} + +#private-mode-message { + background-color:white; + margin:auto; + border:solid 4px red; + border-radius:4px; + font-size: 30px; + width: 600px; + padding: 20px; + margin-top: 200px; + border-width: 4px; +} diff --git a/js/redirector-scriptload.js b/js/redirector-scriptload.js index 844576d..ad03b3a 100644 --- a/js/redirector-scriptload.js +++ b/js/redirector-scriptload.js @@ -17,3 +17,8 @@ if (typeof chrome !== 'undefined') { loadScript("js/controllers/importexport.js"); loadScript("js/controllers/listredirects.js"); } + +//To make the private stuff in Firefox work properly +window.addEventListener('DOMContentLoaded', function() { + document.body.classList.remove('private'); +}); diff --git a/redirector.html b/redirector.html index 164a8b5..8717c1b 100644 --- a/redirector.html +++ b/redirector.html @@ -8,8 +8,12 @@ <link rel="shortcut icon" href="images/icon-active-32.png"> <script src="js/redirector-scriptload.js"></script> </head> - <body ng-app="redirectorApp" ng-controller="RedirectorPageCtrl"> - <div id="cover" ng-show="showEditForm || showDeleteForm"></div> + <body ng-app="redirectorApp" ng-controller="RedirectorPageCtrl" class="private"> + <div id="cover" ng-show="showEditForm || showDeleteForm"> + <div id="private-mode-message" ng-show="false"> + Redirector does not work in Private Mode + </div> + </div> <!-- Confirmation form for deleting redirects --> <div id="delete-redirect-form" ng-show="showDeleteForm" ng-controller="DeleteRedirectCtrl"> @@ -132,13 +136,14 @@ <a class="btn blue large" href="help.html" target="_blank">Help</a> </div> - <div id="message-box" ng-class="{visible : message, error : messageType == 'error', success : messageType == 'success'}"> + + <div id="message-box" ng-show="true" ng-class="{visible : message, error : messageType == 'error', success : messageType == 'success'}"> {{message}} <a ng-click="message=null">✖</a> </div> <!-- List of existing redirects --> - <div class="redirect-table" ng-controller="ListRedirectsCtrl"> + <div class="redirect-table" ng-show="true" ng-controller="ListRedirectsCtrl"> <div class="redirect-row" ng-class="{disabled: r.disabled}" ng-repeat="r in redirects"> <h4><span class="disabled-marker" ng-show="r.disabled">[Disabled] </span><span>{{r.description}}</span></h4> <div class="redirect-info"> |