base project

client.html

@@ -35,7 +35,7 @@
         <div class="container">       
           <div class="row" id="user_container">
             <label>Retrieve mailbox from</label>
-            <input type="text" class="form-control" id="current_email" value="system@mailer.com">
+            <select id="user_selector" class="form-control"></select>
           </div>
           <hr>
           <div class="row" id="mailbox_container">
@@ -116,21 +116,37 @@
 
     <script>
 
+        var tmp = "";
         $(document).ready(function(){
             $('#new_user').click(function(){$("#new_user_modal").modal().show();});
             $('#new_passwd').click(function(){$("#new_passwd_modal").modal().show();});
-            get_mailbox();
-            setInterval(get_mailbox, 1000);
+            $('#user_selector').change(function(){tmp = $("#user_selector").val();});
+            update();
+            setInterval(update, 1000);
         });
         
+        function update(){
+            get_mailbox();
+            get_users();
+        }
+        
         function get_mailbox(){
-            $.get('http://127.0.0.1:8080/api/v1/mailbox/'+$('#current_email').val(), function(data) {
+            $.get('http://127.0.0.1:8080/api/v1/mailbox/'+$('#user_selector').val(), function(data) {
                 $('#mailbox_container').html('');
                 data.mails.forEach((item, i) => {
                     $(email_assembler(item)).appendTo($('#mailbox_container'));
                 });
             });
         }
+        
+        function get_users(){
+            $.get('http://127.0.0.1:8080/api/v1/users', function(data) {
+                $('#user_selector').html('');
+                data.forEach((item, i) => {
+                    $(user_assembler(item)).appendTo($('#user_selector'));
+                });
+            });
+        }
           
         function email_assembler(item){
             return $.parseHTML(`<div class="col-md-12">
@@ -146,6 +162,10 @@
                                     </div>
                                 </div>`);
         }
+        
+        function user_assembler(item){
+            return $.parseHTML(`<option value="${item.email}" ${item.email == tmp ? 'selected' : ''}>${item.email}</option>`);
+        }
                 
         function create_user(){           
             $.ajax({