feature: support customize mail address suffix

public/index.html

@@ -23,6 +23,7 @@
         <input id="shortid" type="text" placeholder="请等待分配临时邮箱" disabled>
         <i id="refreshShortid" class="circular refresh link icon"></i>
       </div>
+      <i id="customShortid" style="margin-left:0.5em" class="circular edit link icon"></i>
     </div>
   </div>
 </div>

public/js/app.js

@@ -9,6 +9,34 @@ $(function(){
 
   var clipboard = new Clipboard('.copyable');
 
+  $customShortId = $('#customShortid');
+  $shortId = $('#shortid');
+  $cusstomTheme = 'check';
+  $placeholder_old = '请等待分配临时邮箱';
+  $placeholder_new = '请输入不带后缀邮箱账号';
+  $customShortId.on('click',function() {
+    var self = $(this);
+    var editEnable = true;
+    $shortId.prop('disabled', false);
+    if(self.hasClass('edit')) {
+      $shortId.val('');
+      self.removeClass('edit');
+      self.toggleClass($cusstomTheme);
+      $shortId.prop('placeholder', $placeholder_new);
+    } else {
+      $shortId.prop('disabled', true);
+      self.removeClass('check');
+      self.toggleClass('edit');
+      $shortId.prop('placeholder',$placeholder_old);
+      $mailUser = $shortId.val();
+      var mailaddress = $mailUser + '@' + $shortId.prop( "mailsuffix" );
+      setMailAddress($mailUser);
+      $shortId.val(mailaddress);
+      window.location.reload();
+    }
+  });
+  
+  
   $maillist = $('#maillist');
 
   $maillist.on('click', 'tr', function() {