homepage.js/view/guestbook.pug

extends layout/main.pug
block root
    - var title = 'Guestbook'
    include lib/since.pug
    include ui/label.pug
block head
    <link rel='stylesheet' href='/static/ui/send_button.css'>
    <link rel='stylesheet' href='/static/ui/gb_ui.css'>
block content
    h1 Guestbook
    p.
        Leave a message if you want.
    hr
    table
        tr
            td
                h4 Message form
                form(method='post' action='/guestbook/submit')
                    table
                        tr
                            td Your name:
                            td
                                input(type='text' name='name' value='' + name style='width:50%')
                                span(style='font-size:9pt;color:red;user-select:none' title='required')  *
                        tr
                            td Your email:
                            td
                                input(type='email' name='email' value='' + email)
                        tr
                            td Hide your email?
                            td
                                input(type='checkbox' name='hidemail' checked=hidemail)
                                // span(style='font-size:9pt;color:red;user-select:none' title='required')  *
                    p(style='margin:6px 0')
                        | Your message (512 chars max):
                        span(style='font-size:9pt;color:red;user-select:none' title='required')  *
                    textarea(name='message' style='width:100%;height:150px;max-width:600px;max-height:300px')
                    p
                        input(type='submit' class='send_button_1')
                        if (errors)
                            br
                            span(style='font-weight:bold;color:darkred;font-size:9pt') !{errors}
                            br
                            a(style='font-size:9pt' href='/guestbook') Clear errors
            td(style='padding:0 16px;margin:0')
                h5 Guidelines
                ul
                    li Follow the DBAA policy.
                    li
                        | Do not post spam ads, keep it for humans.
                        ul
                            li There is no captcha for a reason. I'd like to keep it this way for as long as possible, so I humbly ask not to ruin it.
                    li
                        | DMCA content is not allowed. If your rights are violated, send your strikes to: 
                        a(href='mailto:me@blek.codes')
                            +label('me@blek.codes', '#a0a0b6')
                span(style='font-size:10pt;color:darkred;font-weight:bold').
                    Warning: Your ip (#{ip}) will be logged and displayed for everyone.<br/>
                    You can delete your own message if it was sent from the same ip for 24 hours after it was sent.
                p
                    span(style='font-size:9pt;color:red;user-select:none' title='required') *
                    |  - required
    hr

    if (!data)
        p No records available.
    else
        table(class='gb_entries')
            each entry, i in data
                tr(id='gb_entry_' + entry.id)
                    td(width='20%' class='gb_sender_data')
                        p(style='font-size:9pt')
                            | ID: 
                            a(href='#gb_entry_' + entry.id) ##{entry.id}
                            br
                            | Sender: #{entry.name}
                            br
                            if (!entry.hidemail)
                                | Email: 
                                a(href='mailto:' + entry.email)= entry.email
                                if (entry.email == '')
                                    span(class='gb_no_mail') 
                            else
                                | Email: 
                                span(class='gb_hidden_mail' style='width:' + (10 * (entry.email || '.').length) + 'px')
                            br
                            | IP: #{entry.ip}
                            br
                            | Date: #{TimeSince(new Date(entry.time * 1000))} ago

                        if (ip == entry.ip && Math.floor(Date.now() / 1000) - entry.time <= (60 * 60 * 24))
                            p(style='margin:0;padding:0;padding-bottom:12px')
                                a(href='/guestbook/del/' + entry.id class='gb_record_del_btn' title='you can delete your own messages') delete
                    td(width='80%' class='gb_entry_text')
                        p(class='gb_entry_text_title') Message:
                        pre(class='gb_entry_message_text').
                            #{entry.text}