B4J Question The browser shows that the result is not normal.

Discussion in 'B4J Questions' started by jinyistudio, May 31, 2019.

  1. jinyistudio

    jinyistudio Active Member Licensed User

    Why does the client side need to press the refresh button once to display properly ?:(

    Code:
    Sub Handle(req As ServletRequest, resp As ServletResponse)
        
    ' http://127.0.0.1:8100/activate?email=info@jinyistudio.tw&account=1234
        Dim html As String = File.ReadString(File.dirapp,"result.html")
        html = html.Replace(
    "{{appname}}",ABMShared.AppName)
        
    Log($"Activate . ${req.FullRequestURI}"$)
        resp.ContentType = 
    "text/html"
        
    Dim mp1 As Map=    req.ParameterMap
        
    If mp1.Size>0 Then
            
    Dim s1() As String= mp1.Get("account")
            
    Dim s2() As String=mp1.Get("email")
            
    '
            Dim token As String
            
    Do While True
                token = db.udid
                
    Log($"check token.${token}"$)
                
    Dim rs As ResumableSub = MySql.NewToken(token)
                
    Wait For (rs) Complete (Result As Boolean)
                
    If Result Then
                    
    Exit
                
    End If
            
    Loop
            
    '
            html = html.Replace("{{user}}",s1(0))
            
    If MySql.Activate(s1(0), s2(0),token) Then                   
                
    'update the details           
                html = html.Replace("{{result}}",$"Your account has been registered. please keep your token.${token}"$)   
                
    Log($"${s1(0)} has been registered (${token})"$)
            
    End If
        
    Else
            html = html.Replace(
    "{{result}}","Your account registration failed.")
        
    End If
        
    #If DEBUG
        Log(html)
        
    #End If       
        resp.Write(html)   
    End Sub
    result.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=
    "http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
    <head>
    <meta name=
    "viewport" content="width=device-width" />
    <meta http-equiv=
    "Content-Type" content="text/html; charset=UTF-8" />
    <META HTTP-EQUIV=
    "Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
    <META HTTP-EQUIV=
    "Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV=
    "Cache-Control" CONTENT="no-cache">

    <title>Activate Account</title>


    <style 
    type="text/css">
    img {
    max-width: 100%;
    }
    body {
    -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;
    }
    body {
    background-color: #f6f6f6;
    }
    @media only screen and (max-width: 640px) {
      body {
        padding: 0 !important;
      }
      h1 {
        font-weight: 800 !important; margin: 20px 0 5px !important;
      }
      h2 {
        font-weight: 800 !important; margin: 20px 0 5px !important;
      }
      h3 {
        font-weight: 800 !important; margin: 20px 0 5px !important;
      }
      h4 {
        font-weight: 800 !important; margin: 20px 0 5px !important;
      }
      h1 {
        font-size: 22px !important;
      }
      h2 {
        font-size: 18px !important;
      }
      h3 {
        font-size: 16px !important;
      }
      .container {
        padding: 0 !important; width: 100% !important;
      }
      .content {
        padding: 0 !important;
      }
      .content-wrap {
        padding: 10px !important;
      }
      .invoice {
        width: 100% !important;
      }
    }
    .auto-style1 {
        text-align: center;
    }
    .auto-style2 {
        color: #FF00FF;
    }
    </style>
    </head>

    <body itemscope itemtype="http://schema.org/EmailMessage" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">

    <table class="body-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
            <td class="container" width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">
                <div class="content" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
                    <table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope itemtype="http://schema.org/ConfirmAction" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">
                                <meta itemprop="name" content="Confirm Email" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;" /><table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
                                            <h3>Hello {{user}}</h3>
                                            <div class="auto-style1">
                                                <span class="" title="">
                                                <span class="auto-style2"><strong>
                                                {{result}}</strong></span></span></div>
                                        </td>
                                    </tr>
                                    </tr><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
                                            &mdash; {{appname}}
                                        </td>
                                    </tr></table></td>
                        </tr></table>
            </td>
            <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
        </tr></table></body>
    </html>
     
  2. Erel

    Erel Administrator Staff Member Licensed User

Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice