Switcher between URL and Email in "My Checks" page.

static/css/my_checks_desktop.css

@@ -60,3 +60,11 @@ table.table tr > th.th-name {
 tr:hover .check-menu {
     visibility: visible;
 }
+
+#show-urls.active, #show-emails.active {
+    color: #333;
+}
+
+.my-checks-email {
+    display: none;
+}

static/js/checks.js

@@ -106,5 +106,21 @@ $(function () {
         return false;
     });
 
+    $("#show-urls").click(function() {
+        $("#show-urls").addClass("active");
+        $(".my-checks-url").show();
+
+        $("#show-emails").removeClass("active");
+        $(".my-checks-email").hide();
+    });
+
+    $("#show-emails").click(function() {
+        $("#show-urls").removeClass("active");
+        $(".my-checks-url").hide();
+
+        $("#show-emails").addClass("active");
+        $(".my-checks-email").show();
+    });
+
 
 });

templates/front/my_checks_desktop.html

@@ -4,7 +4,10 @@
     <tr>
         <th></th>
         <th class="th-name">Name</th>
-        <th>URL</th>
+        <th>
+            <a id="show-urls" class="active" href="#">URL</a>
+            <a id="show-emails" href="#">Email</a>
+        </th>
         <th class="th-period">
             Period <br />
             <span class="checks-subline">Grace</span>
@@ -34,7 +37,8 @@
             </span>
         </td>
         <td class="url-cell">
-            <code>{{ check.url }}</code>
+            <code class="my-checks-url">{{ check.url }}</code>
+            <code class="my-checks-email">{{ check.email }}</code>
         </td>
         <td class="timeout-cell">
             <span