working on editing of list properties

static/templates/admin.st

@@ -11,7 +11,7 @@
         «userinfo()»
         <h1>Widerhall Administration</h1>
         «messages()»
-        «userlist()»
         «listadminlist()»
+        «userlist()»
     </body>
 </html>

static/templates/css.st

@@ -24,6 +24,9 @@ h1 {
     background: yellow;
 }
 
+.right{
+    text-align: right
+}
 .user{
     background: lime;
     float: right;

static/templates/js.st

@@ -1,5 +1,5 @@
 function disableList(listEmail){
-    console.log('disableList('+listEmail+')');
+    $.post('/api/list/disable',{list:listEmail},showListResult,'json');
 }
 
 function dropList(listEmail){
@@ -7,11 +7,11 @@ function dropList(listEmail){
 }
 
 function enableList(listEmail){
-    console.log('enableList('+listEmail+')');
+    $.post('/api/list/enable',{list:listEmail},showListResult,'json');
 }
 
 function hideList(listEmail){
-        $.post('/api/list/hide',{list:listEmail},showListResult,'json');
+    $.post('/api/list/hide',{list:listEmail},showListResult,'json');
 }
 
 function loadListAdminList(){
@@ -42,12 +42,13 @@ function showListAdminList(data){
     for (let i in data.lists){
         let list = data.lists[i];
         let row = $('<tr/>');
+        let addr = list.email.prefix+'@'+list.email.domain;
 
         $('<td/>').text(list.name).appendTo(row);
-        $('<td/>').text(list.email).appendTo(row);
+        $('<td/>').text(addr).appendTo(row);
         $('<td/>').text(list.state).appendTo(row);
 
-        let select = $('<select/>',{name:list.email}).change(function () {
+        let select = $('<select/>',{name:addr}).change(function () {
             let action = $(this).children("option:selected").val();
             let list = $(this).attr('name');
             if (confirm("This will "+action+" '"+list+"'. Are you sure?"))self[action+'List'](list);
@@ -76,10 +77,14 @@ function showListList(data){
     for (let i in data.lists){
         let list = data.lists[i];
         let row = $('<tr/>');
+        let subBtn = $('<button/>',{onclick:"subscribeTo('"+list.email.domain+"', '"+list.email.prefix+"');"}).text('subscribe');
 
         $('<td/>').text(list.name).appendTo(row);
-        $('<td/>').text(list.email).appendTo(row);
+        $('<td/>',{class:'right'}).text(list.email.prefix).appendTo(row);
+        $('<td/>',{class:'right'}).text('@').appendTo(row);
+        $('<td/>').text(list.email.domain).appendTo(row);
         $('<td/>').text(list.state).appendTo(row);
+        $('<td/>').html(subBtn).appendTo(row);
 
         row.appendTo('#listlist');
     }
@@ -119,7 +124,9 @@ function start(){
     console.log("application started");
 }
 
-
+function subscribeTo(domain,prefix){
+    window.location.href='subscribe/'+prefix+'@'+domain;
+}
 
 
 $(start); // document.on ready

static/templates/listlist.st

@@ -3,7 +3,7 @@
     <table id="listlist">
         <tr>
             <th>List Name</th>
-            <th>List Address</th>
+            <th colspan="3">List Address</th>
             <th>State</th>
             <th>Actions</th>
         </tr>