matomo-mirror/matomo-injector
Archived
1
0
Fork 0
Code Releases Activity

Added error page

Browse source
This commit is contained in:
Dan Hromada 2014-05-12 16:14:15 +02:00
parent 94398bb439
commit fa80570157
3 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/style.css
View file

@ -3,7 +3,7 @@
* Basic
*/
.cutomjs {
.customjs {
position: relative;
overflow: hidden;
padding: 12px 24px;
@ -14,6 +14,15 @@
font-family: Arial, Helvetica, sans-serif;
}
.customjs.customjs--error {
width: 400px;
height: 75px;
}
.customjs.customjs--error form {
display: none;
}
a,
a:hover,
.blue-text,
@ -158,8 +167,8 @@ a:hover {
}
.controls__save input {
font-size: 18px;
margin-right: 10px;
font-size: 18px;
}
.controls__remove-draft {

7
lib/popup.js
View file

@ -3,6 +3,7 @@
var popup = {
key: 'popup',
el: {
popup: $('#customjs'),
popupForm: $('#popup-form'),
hostSelect: $('#host'),
hostGoToLink: $('#goto-host'),
@ -16,7 +17,8 @@
sourceEditor: $('#ace-editor'),
saveBtn: $('#save'),
resetBtn: $('#reset'),
draftRemoveLink: $('#draft-remove')
draftRemoveLink: $('#draft-remove'),
error: $('#error')
},
title: {
host: {
@ -367,7 +369,8 @@
return false;
},
error: function() {
alert('err');
popup.el.popup.addClass('customjs--error');
popup.el.error.removeClass('is-hidden');
}
};

7
popup.html
View file

@ -13,7 +13,7 @@
<script type="text/javascript" src="lib/ace/ace.js" charset="utf-8"></script>
</head>
<body>
<div class="cutomjs" id="cutomjs">
<div class="customjs" id="customjs">
<form action="" method="post" accept-charset="utf-8" id="popup-form" class="pure-form">
<div class="pure-g host">
@ -69,6 +69,11 @@
</div><!-- .controls -->
</form>
<div id="error" class="error is-hidden">
<strong>Custom JavaScript says:</strong>
<p class="red-text">It seems that this page cannot be modified with me..</p>
<span>tip: Try refresh page</span>
</div><!-- .error -->
</div>
<script src="lib/popup.js"></script>
</body>