Browse Source

Sizing tweaks for "My Checks" table. Select ping urls by clicking on them.

pull/25/head
Pēteris Caune 9 years ago
parent
commit
c2cc4d2a86
3 changed files with 46 additions and 9 deletions
  1. +20
    -3
      static/css/my_checks_desktop.css
  2. +9
    -4
      static/js/checks.js
  3. +17
    -2
      templates/front/my_checks_desktop.html

+ 20
- 3
static/css/my_checks_desktop.css View File

@ -60,6 +60,7 @@ table.table tr > th.th-name {
.checks-subline { .checks-subline {
color: #888; color: #888;
white-space: nowrap;
} }
.check-menu { .check-menu {
@ -74,6 +75,22 @@ tr:hover .check-menu {
color: #333; color: #333;
} }
.my-checks-email {
display: none;
}
#checks-table .url-cell {
white-space: nowrap;
}
#checks-table .placeholder, #checks-table .my-checks-url.off, #checks-table .my-checks-email.off {
font-family: "Lucida Console", Monaco, monospace;
font-size: 11.7px;
height: 0;
overflow: hidden;
}
#checks-table .selectable {
font-family: "Lucida Console", Monaco, monospace;
font-size: 11.7px;
width: 100%;
border: 0;
cursor: text;
background: transparent;
}

+ 9
- 4
static/js/checks.js View File

@ -109,18 +109,23 @@ $(function () {
$("#show-urls").click(function() { $("#show-urls").click(function() {
$("#show-urls").addClass("active"); $("#show-urls").addClass("active");
$(".my-checks-url").show();
$(".my-checks-url").removeClass("off");
$("#show-emails").removeClass("active"); $("#show-emails").removeClass("active");
$(".my-checks-email").hide();
$(".my-checks-email").addClass("off");
}); });
$("#show-emails").click(function() { $("#show-emails").click(function() {
$("#show-urls").removeClass("active"); $("#show-urls").removeClass("active");
$(".my-checks-url").hide();
$(".my-checks-url").addClass("off");
$("#show-emails").addClass("active"); $("#show-emails").addClass("active");
$(".my-checks-email").show();
$(".my-checks-email").removeClass("off");
});
$(".selectable").click(function() {
$(this).tooltip("hide");
this.select();
}); });
$("#my-checks-tags button").click(function() { $("#my-checks-tags button").click(function() {


+ 17
- 2
templates/front/my_checks_desktop.html View File

@ -42,8 +42,23 @@
</div> </div>
</td> </td>
<td class="url-cell"> <td class="url-cell">
<code class="my-checks-url">{{ check.url }}</code>
<code class="my-checks-email">{{ check.email }}</code>
<div class="placeholder">{{ check.url }}</div>
<div class="my-checks-url">
<input
data-toggle="tooltip"
title="Click to select"
class="selectable"
type="text"
value="{{ check.url }}"
readonly />
</div>
<div class="my-checks-email off">
<input
class="selectable"
type="text"
value="{{ check.email }}"
readonly />
</div>
</td> </td>
<td class="timeout-cell"> <td class="timeout-cell">
<span <span


Loading…
Cancel
Save