diff options
| author | papush | 2021-05-26 11:50:02 +0200 |
|---|---|---|
| committer | papush | 2021-05-26 11:50:02 +0200 |
| commit | 57468d5d473707b65d2635b55619523159cf1cf6 (patch) | |
| tree | a9d2a8a9ca49b55956392c48d14e135eab6c5df7 | |
| parent | a993f7c62c1becdef805dd54ee22c1265dfc3615 (diff) | |
visual feedback that a redirect is disabled
| -rw-r--r-- | chrome/css/redirector.css | 5 | ||||
| -rw-r--r-- | chrome/js/redirector-ui.js | 5 | ||||
| -rw-r--r-- | chrome/redirector.html | 2 |
3 files changed, 11 insertions, 1 deletions
diff --git a/chrome/css/redirector.css b/chrome/css/redirector.css index f655e77..75362e5 100644 --- a/chrome/css/redirector.css +++ b/chrome/css/redirector.css @@ -72,3 +72,8 @@ h5 { text-align:center; margin:0px; padding-left:130px; } padding:10px; box-shadow: 0px 0px 4px black; } + +.disabled { + font-weight: bold; + color: red; +} diff --git a/chrome/js/redirector-ui.js b/chrome/js/redirector-ui.js index 78e83e2..4d7d211 100644 --- a/chrome/js/redirector-ui.js +++ b/chrome/js/redirector-ui.js @@ -134,6 +134,11 @@ function databind() { for (var i = 0; i < Redirector.redirectCount; i++) { var redirect = Redirector.getRedirectAt(i); var node = $(template); + if (redirect.disabled) { + node.find('.disabled').show(); + } else { + node.find('.disabled').hide(); + } node.find('.pattern').html(redirect.includePattern); node.find('.redirectTo').html(redirect.redirectUrl); node.find('.exampleUrl').html(redirect.exampleUrl); diff --git a/chrome/redirector.html b/chrome/redirector.html index 96fe24d..a1e6525 100644 --- a/chrome/redirector.html +++ b/chrome/redirector.html @@ -18,7 +18,7 @@ </div> <ul id="redirect-list"> <li> - <div>Redirect: <span class="pattern">pattern</span> to <span class="redirectTo"></span></div> + <div><span class="disabled">Disabled</span> Redirect: <span class="pattern">pattern</span> to <span class="redirectTo"></span></div> <div>Example: <span class="exampleUrl"></span> becomes <span class="redirectResult"></span></div> <div> <a class="edit" href="#edit">Edit</a> |