Implement remote embedding of guestbooks #25
@ -110,6 +110,7 @@ func (app *application) newCommonData(r *http.Request) views.CommonData {
 | 
			
		||||
		CSRFToken:       nosurf.Token(r),
 | 
			
		||||
		CurrentUser:     app.getCurrentUser(r),
 | 
			
		||||
		IsHtmx:          r.Header.Get("Hx-Request") == "true",
 | 
			
		||||
		RootUrl:         app.rootUrl,
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -28,12 +28,14 @@ type application struct {
 | 
			
		||||
	formDecoder       *schema.Decoder
 | 
			
		||||
	debug             bool
 | 
			
		||||
	timezones         []string
 | 
			
		||||
	rootUrl           string
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func main() {
 | 
			
		||||
	addr := flag.String("addr", ":3000", "HTTP network address")
 | 
			
		||||
	dsn := flag.String("dsn", "guestbook.db", "data source name")
 | 
			
		||||
	debug := flag.Bool("debug", false, "enable debug mode")
 | 
			
		||||
	root := flag.String("root", "localhost:3000", "root URL of application")
 | 
			
		||||
	flag.Parse()
 | 
			
		||||
 | 
			
		||||
	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{Level: slog.LevelDebug}))
 | 
			
		||||
@ -62,6 +64,7 @@ func main() {
 | 
			
		||||
		formDecoder:       formDecoder,
 | 
			
		||||
		debug:             *debug,
 | 
			
		||||
		timezones:         getAvailableTimezones(),
 | 
			
		||||
		rootUrl:           *root,
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	err = app.users.InitializeSettingsMap()
 | 
			
		||||
 | 
			
		||||
@ -58,10 +58,17 @@ div#dashboard {
 | 
			
		||||
div#dashboard nav {
 | 
			
		||||
  flex: 1 1 25%;
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  min-width: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div#dashboard > div {
 | 
			
		||||
  flex: 10 1 40%;
 | 
			
		||||
  min-width: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div > pre {
 | 
			
		||||
    max-width: 100%;
 | 
			
		||||
    overflow: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
main nav ul {
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										105
									
								
								ui/static/js/guestbook.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										105
									
								
								ui/static/js/guestbook.js
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,105 @@
 | 
			
		||||
class CommentList extends HTMLElement {
 | 
			
		||||
    static get observedAttributes() {
 | 
			
		||||
        return ['src'];
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    constructor() {
 | 
			
		||||
        super();
 | 
			
		||||
        this.attachShadow({ mode: 'open' });
 | 
			
		||||
        this.comments = [];
 | 
			
		||||
        this.loading = false;
 | 
			
		||||
        this.error = null;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    connectedCallback() {
 | 
			
		||||
        if (this.hasAttribute('src')) {
 | 
			
		||||
            this.fetchComments();
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    attributeChangedCallback(name, oldValue, newValue) {
 | 
			
		||||
        if (name === 'src' && oldValue !== newValue) {
 | 
			
		||||
            this.fetchComments();
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    async fetchComments() {
 | 
			
		||||
        const src = this.getAttribute('src');
 | 
			
		||||
        if (!src) return;
 | 
			
		||||
        this.loading = true;
 | 
			
		||||
        this.error = null;
 | 
			
		||||
        this.render();
 | 
			
		||||
 | 
			
		||||
        try {
 | 
			
		||||
            const response = await fetch(src);
 | 
			
		||||
            if (!response.ok) throw new Error(`HTTP error: ${response.status}`);
 | 
			
		||||
            const data = await response.json();
 | 
			
		||||
            this.comments = Array.isArray(data) ? data : [];
 | 
			
		||||
            this.loading = false;
 | 
			
		||||
            this.render();
 | 
			
		||||
        } catch (err) {
 | 
			
		||||
            this.error = err.message;
 | 
			
		||||
            this.loading = false;
 | 
			
		||||
            this.render();
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    formatDate(isoString) {
 | 
			
		||||
        if (!isoString) return '';
 | 
			
		||||
        const date = new Date(isoString);
 | 
			
		||||
        return date.toLocaleString();
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    render() {
 | 
			
		||||
        this.shadowRoot.innerHTML = `
 | 
			
		||||
      <style>
 | 
			
		||||
        .comment-list {
 | 
			
		||||
          font-family: Arial, sans-serif;
 | 
			
		||||
          border: 1px solid #ddd;
 | 
			
		||||
          border-radius: 6px;
 | 
			
		||||
          padding: 1em;
 | 
			
		||||
          background: #fafafa;
 | 
			
		||||
        }
 | 
			
		||||
        .comment {
 | 
			
		||||
          border-bottom: 1px solid #eee;
 | 
			
		||||
          padding: 0.7em 0;
 | 
			
		||||
        }
 | 
			
		||||
        .comment:last-child {
 | 
			
		||||
          border-bottom: none;
 | 
			
		||||
        }
 | 
			
		||||
        .author {
 | 
			
		||||
          font-weight: bold;
 | 
			
		||||
          margin-right: 1em;
 | 
			
		||||
        }
 | 
			
		||||
        .timestamp {
 | 
			
		||||
          color: #888;
 | 
			
		||||
          font-size: 0.85em;
 | 
			
		||||
        }
 | 
			
		||||
        .text {
 | 
			
		||||
          margin: 0.2em 0 0 0;
 | 
			
		||||
        }
 | 
			
		||||
        .error {
 | 
			
		||||
          color: red;
 | 
			
		||||
        }
 | 
			
		||||
      </style>
 | 
			
		||||
      <div class="comment-list">
 | 
			
		||||
        ${this.loading
 | 
			
		||||
                ? `<div>Loading comments...</div>`
 | 
			
		||||
                : this.error
 | 
			
		||||
                    ? `<div class="error">Error: ${this.error}</div>`
 | 
			
		||||
                    : this.comments.length === 0
 | 
			
		||||
                        ? `<div>No comments found.</div>`
 | 
			
		||||
                        : this.comments.map(comment => `
 | 
			
		||||
                  <div class="comment">
 | 
			
		||||
                    <span class="author">${comment.AuthorName || 'Unknown Author'}</span>
 | 
			
		||||
                    <span class="timestamp">${this.formatDate(comment.Created)}</span>
 | 
			
		||||
                    <div class="text">${comment.CommentText || ''}</div>
 | 
			
		||||
                  </div>
 | 
			
		||||
                `).join('')
 | 
			
		||||
            }
 | 
			
		||||
      </div>
 | 
			
		||||
    `;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
customElements.define('comment-list', CommentList);
 | 
			
		||||
@ -20,6 +20,7 @@ type CommonData struct {
 | 
			
		||||
	CSRFToken       string
 | 
			
		||||
	CurrentUser     *models.User
 | 
			
		||||
	IsHtmx          bool
 | 
			
		||||
	RootUrl         string
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func shortIdToSlug(shortId uint64) string {
 | 
			
		||||
 | 
			
		||||
@ -115,9 +115,41 @@ templ WebsiteDashboard(title string, data CommonData, website models.Website) {
 | 
			
		||||
			@wSidebar(website)
 | 
			
		||||
			<div>
 | 
			
		||||
				<h1>{ website.Name }</h1>
 | 
			
		||||
				<h2>Embed your Guestbook</h2>
 | 
			
		||||
				<h3>Comment form</h3>
 | 
			
		||||
				<p>
 | 
			
		||||
					Stats and stuff will go here.
 | 
			
		||||
					Use this form to allow readers of your website to comment on your guestbook!
 | 
			
		||||
				</p>
 | 
			
		||||
				<div>
 | 
			
		||||
					//<button>Copy to Clipboard</button>
 | 
			
		||||
					@embeddableForm(data.RootUrl, website)
 | 
			
		||||
				</div>
 | 
			
		||||
				<h3>Embed your comments</h3>
 | 
			
		||||
				<p>
 | 
			
		||||
					Upload <a href="/static/js/guestbook.js" download>this JavaScript WebComponent</a> to your site and include it in your <code>{ `<head>` }</code> tag.
 | 
			
		||||
				</p>
 | 
			
		||||
				<div>
 | 
			
		||||
					//<button>Copy to Clipboard</button>
 | 
			
		||||
					<pre>
 | 
			
		||||
						<code id="guestbookSnippet">
 | 
			
		||||
							{ 
 | 
			
		||||
`<head>
 | 
			
		||||
    <script type="module" src="js/guestbook.js"></script>
 | 
			
		||||
</head>` }
 | 
			
		||||
						</code>
 | 
			
		||||
					</pre>
 | 
			
		||||
					<p>
 | 
			
		||||
						Then add the custom element where you want the comments to show up
 | 
			
		||||
					</p>
 | 
			
		||||
					{{ getUrl := fmt.Sprintf("https://%s/websites/%s/guestbook/comments", data.RootUrl, shortIdToSlug(website.ShortId)) }}
 | 
			
		||||
					//<button>Copy to Clipboard</button>
 | 
			
		||||
					<pre>
 | 
			
		||||
						<code>
 | 
			
		||||
							{ fmt.Sprintf(`<comment-list src="%s"></comment-list>`, getUrl) }
 | 
			
		||||
						</code>
 | 
			
		||||
					</pre>
 | 
			
		||||
					@embedJavaScriptSnippet(data.RootUrl, website)
 | 
			
		||||
				</div>
 | 
			
		||||
			</div>
 | 
			
		||||
		</div>
 | 
			
		||||
	}
 | 
			
		||||
@ -142,3 +174,38 @@ templ WebsiteCreate(title string, data CommonData, form forms.WebsiteCreateForm)
 | 
			
		||||
		@websiteCreateForm(data.CSRFToken, form)
 | 
			
		||||
	</form>
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
templ embeddableForm(root string, website models.Website) {
 | 
			
		||||
	{{ postUrl := fmt.Sprintf("https://%s/websites/%s/guestbook/comments/create/remote", root, shortIdToSlug(website.ShortId)) }}
 | 
			
		||||
	{{formStr :=
 | 
			
		||||
	`<form action="%s" method="post">
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authorname">Name</label>
 | 
			
		||||
            <input type="text" name="authorname" id="authorname"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authoremail">Email (Optional) </label>
 | 
			
		||||
            <input type="text" name="authoremail" id="authoremail"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authorsite">Site Url (Optional) </label>
 | 
			
		||||
            <input type="text" name="authorsite" id="authorsite"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="content">Comment</label>
 | 
			
		||||
            <textarea name="content" id="content"></textarea>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <input type="submit" value="Submit"/>
 | 
			
		||||
        </div>
 | 
			
		||||
</form>`
 | 
			
		||||
	}}
 | 
			
		||||
	<pre>
 | 
			
		||||
		<code>
 | 
			
		||||
			{ fmt.Sprintf(formStr, postUrl) }
 | 
			
		||||
		</code>
 | 
			
		||||
	</pre>
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
templ embedJavaScriptSnippet(root string, website models.Website) {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -481,7 +481,70 @@ func WebsiteDashboard(title string, data CommonData, website models.Website) tem
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "</h1><p>Stats and stuff will go here.</p></div></div>")
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "</h1><h2>Embed your Guestbook</h2><h3>Comment form</h3><p>Use this form to allow readers of your website to comment on your guestbook!</p><div>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = embeddableForm(data.RootUrl, website).Render(ctx, templ_7745c5c3_Buffer)
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "</div><h3>Embed your comments</h3><p>Upload <a href=\"/static/js/guestbook.js\" download>this JavaScript WebComponent</a> to your site and include it in your <code>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			var templ_7745c5c3_Var26 string
 | 
			
		||||
			templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.JoinStringErrs(`<head>`)
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 129, Col: 140}
 | 
			
		||||
			}
 | 
			
		||||
			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var26))
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "</code> tag.</p><div><pre><code id=\"guestbookSnippet\">")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			var templ_7745c5c3_Var27 string
 | 
			
		||||
			templ_7745c5c3_Var27, templ_7745c5c3_Err = templ.JoinStringErrs(
 | 
			
		||||
				`<head>
 | 
			
		||||
    <script type="module" src="js/guestbook.js"></script>
 | 
			
		||||
</head>`)
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 138, Col: 8}
 | 
			
		||||
			}
 | 
			
		||||
			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var27))
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</code></pre><p>Then add the custom element where you want the comments to show up</p>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			getUrl := fmt.Sprintf("https://%s/websites/%s/guestbook/comments", data.RootUrl, shortIdToSlug(website.ShortId))
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<pre><code>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			var templ_7745c5c3_Var28 string
 | 
			
		||||
			templ_7745c5c3_Var28, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf(`<comment-list src="%s"></comment-list>`, getUrl))
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 148, Col: 70}
 | 
			
		||||
			}
 | 
			
		||||
			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var28))
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "</code></pre>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = embedJavaScriptSnippet(data.RootUrl, website).Render(ctx, templ_7745c5c3_Buffer)
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 44, "</div></div></div>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
@ -511,12 +574,12 @@ func WebsiteDashboardComingSoon(title string, data CommonData, website models.We
 | 
			
		||||
			}()
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.InitializeContext(ctx)
 | 
			
		||||
		templ_7745c5c3_Var26 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var26 == nil {
 | 
			
		||||
			templ_7745c5c3_Var26 = templ.NopComponent
 | 
			
		||||
		templ_7745c5c3_Var29 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var29 == nil {
 | 
			
		||||
			templ_7745c5c3_Var29 = templ.NopComponent
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.ClearChildren(ctx)
 | 
			
		||||
		templ_7745c5c3_Var27 := templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 | 
			
		||||
		templ_7745c5c3_Var30 := templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 | 
			
		||||
			templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 | 
			
		||||
			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
 | 
			
		||||
			if !templ_7745c5c3_IsBuffer {
 | 
			
		||||
@ -528,7 +591,7 @@ func WebsiteDashboardComingSoon(title string, data CommonData, website models.We
 | 
			
		||||
				}()
 | 
			
		||||
			}
 | 
			
		||||
			ctx = templ.InitializeContext(ctx)
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "<div id=\"dashboard\">")
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 45, "<div id=\"dashboard\">")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
@ -536,26 +599,26 @@ func WebsiteDashboardComingSoon(title string, data CommonData, website models.We
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "<div><h1>")
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 46, "<div><h1>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			var templ_7745c5c3_Var28 string
 | 
			
		||||
			templ_7745c5c3_Var28, templ_7745c5c3_Err = templ.JoinStringErrs(website.Name)
 | 
			
		||||
			var templ_7745c5c3_Var31 string
 | 
			
		||||
			templ_7745c5c3_Var31, templ_7745c5c3_Err = templ.JoinStringErrs(website.Name)
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 131, Col: 22}
 | 
			
		||||
				return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 163, Col: 22}
 | 
			
		||||
			}
 | 
			
		||||
			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var28))
 | 
			
		||||
			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var31))
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</h1><p>Coming Soon</p></div></div>")
 | 
			
		||||
			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 47, "</h1><p>Coming Soon</p></div></div>")
 | 
			
		||||
			if templ_7745c5c3_Err != nil {
 | 
			
		||||
				return templ_7745c5c3_Err
 | 
			
		||||
			}
 | 
			
		||||
			return nil
 | 
			
		||||
		})
 | 
			
		||||
		templ_7745c5c3_Err = base(title, data).Render(templ.WithChildren(ctx, templ_7745c5c3_Var27), templ_7745c5c3_Buffer)
 | 
			
		||||
		templ_7745c5c3_Err = base(title, data).Render(templ.WithChildren(ctx, templ_7745c5c3_Var30), templ_7745c5c3_Buffer)
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
@ -579,12 +642,12 @@ func WebsiteCreate(title string, data CommonData, form forms.WebsiteCreateForm)
 | 
			
		||||
			}()
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.InitializeContext(ctx)
 | 
			
		||||
		templ_7745c5c3_Var29 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var29 == nil {
 | 
			
		||||
			templ_7745c5c3_Var29 = templ.NopComponent
 | 
			
		||||
		templ_7745c5c3_Var32 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var32 == nil {
 | 
			
		||||
			templ_7745c5c3_Var32 = templ.NopComponent
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.ClearChildren(ctx)
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<form hx-post=\"/websites/create\" hx-target=\"closest div\">")
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 48, "<form hx-post=\"/websites/create\" hx-target=\"closest div\">")
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
@ -592,7 +655,7 @@ func WebsiteCreate(title string, data CommonData, form forms.WebsiteCreateForm)
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "</form>")
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 49, "</form>")
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
@ -600,4 +663,94 @@ func WebsiteCreate(title string, data CommonData, form forms.WebsiteCreateForm)
 | 
			
		||||
	})
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func embeddableForm(root string, website models.Website) templ.Component {
 | 
			
		||||
	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 | 
			
		||||
		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 | 
			
		||||
		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
 | 
			
		||||
			return templ_7745c5c3_CtxErr
 | 
			
		||||
		}
 | 
			
		||||
		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
 | 
			
		||||
		if !templ_7745c5c3_IsBuffer {
 | 
			
		||||
			defer func() {
 | 
			
		||||
				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
 | 
			
		||||
				if templ_7745c5c3_Err == nil {
 | 
			
		||||
					templ_7745c5c3_Err = templ_7745c5c3_BufErr
 | 
			
		||||
				}
 | 
			
		||||
			}()
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.InitializeContext(ctx)
 | 
			
		||||
		templ_7745c5c3_Var33 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var33 == nil {
 | 
			
		||||
			templ_7745c5c3_Var33 = templ.NopComponent
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.ClearChildren(ctx)
 | 
			
		||||
		postUrl := fmt.Sprintf("https://%s/websites/%s/guestbook/comments/create/remote", root, shortIdToSlug(website.ShortId))
 | 
			
		||||
		formStr :=
 | 
			
		||||
			`<form action="%s" method="post">
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authorname">Name</label>
 | 
			
		||||
            <input type="text" name="authorname" id="authorname"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authoremail">Email (Optional) </label>
 | 
			
		||||
            <input type="text" name="authoremail" id="authoremail"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="authorsite">Site Url (Optional) </label>
 | 
			
		||||
            <input type="text" name="authorsite" id="authorsite"/>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <label for="content">Comment</label>
 | 
			
		||||
            <textarea name="content" id="content"></textarea>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
            <input type="submit" value="Submit"/>
 | 
			
		||||
        </div>
 | 
			
		||||
</form>`
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 50, "<pre><code>")
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
		var templ_7745c5c3_Var34 string
 | 
			
		||||
		templ_7745c5c3_Var34, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf(formStr, postUrl))
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ.Error{Err: templ_7745c5c3_Err, FileName: `ui/views/websites.templ`, Line: 205, Col: 34}
 | 
			
		||||
		}
 | 
			
		||||
		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var34))
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 51, "</code></pre>")
 | 
			
		||||
		if templ_7745c5c3_Err != nil {
 | 
			
		||||
			return templ_7745c5c3_Err
 | 
			
		||||
		}
 | 
			
		||||
		return nil
 | 
			
		||||
	})
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func embedJavaScriptSnippet(root string, website models.Website) templ.Component {
 | 
			
		||||
	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 | 
			
		||||
		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 | 
			
		||||
		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
 | 
			
		||||
			return templ_7745c5c3_CtxErr
 | 
			
		||||
		}
 | 
			
		||||
		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
 | 
			
		||||
		if !templ_7745c5c3_IsBuffer {
 | 
			
		||||
			defer func() {
 | 
			
		||||
				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
 | 
			
		||||
				if templ_7745c5c3_Err == nil {
 | 
			
		||||
					templ_7745c5c3_Err = templ_7745c5c3_BufErr
 | 
			
		||||
				}
 | 
			
		||||
			}()
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.InitializeContext(ctx)
 | 
			
		||||
		templ_7745c5c3_Var35 := templ.GetChildren(ctx)
 | 
			
		||||
		if templ_7745c5c3_Var35 == nil {
 | 
			
		||||
			templ_7745c5c3_Var35 = templ.NopComponent
 | 
			
		||||
		}
 | 
			
		||||
		ctx = templ.ClearChildren(ctx)
 | 
			
		||||
		return nil
 | 
			
		||||
	})
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
var _ = templruntime.GeneratedTemplate
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user