.gitmodules

@@ -1,3 +0,0 @@
-[submodule "templ-bulma"]
-	path = templ-bulma
-	url = https://github.com/jtom38/templ-bulma

Justfile

@@ -8,7 +8,3 @@ build:
     templ generate
     go build cmd/server.go
     ls -lh server
-
-update-submodule:
-    git submodule update --remote
-    templ generate

components/bulma/block.templ

@@ -0,0 +1,8 @@
+package bulma
+
+// Simple spacer that accepts children
+templ Block() {
+    <div class="block">
+        { children... }
+    </div>
+}

components/bulma/button.templ

@@ -0,0 +1,30 @@
+package bulma
+
+// This creates a button that accepts children under it.
+templ Button() {
+	<button type="button" class={ "button" }>
+		{ children... }
+	</button>
+}
+
+// Used to create a button and lets you define the color.
+// Accepts children.
+templ ButtonColor(color string) {
+	<button type="button" class={ "button", color }>
+		{ children... }
+	</button>
+}
+
+templ ButtonNewTab(url, text string) {
+	<button type="button" class="button">
+		<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
+	</button>
+}
+
+templ ALink(url, title string) {
+	<a href={ templ.SafeURL(url) }>{ title }</a>
+}
+
+templ ANewTab(url, text string) {
+	<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
+}

components/bulma/card.templ

@@ -0,0 +1,52 @@
+package bulma
+
+templ ArticleCardWithThumbnail(title, thumbnailUrl, url, datePosted, sourceName string) {
+	<div class="card">
+		<div class="card-image">
+			<figure class="is-4by3">
+				<img src={ thumbnailUrl }/>
+			</figure>
+		</div>
+		<div class="card-content">
+			<div class="media">
+				<div class="media-content">
+					<a href={ templ.SafeURL(url) }>{ title }</a>
+				</div>
+			</div>
+			<div class="content">
+				{ datePosted }
+				<br/>
+				{ sourceName }
+			</div>
+		</div>
+	</div>
+}
+
+// Creates a card container.
+// Accepts children
+templ Card() {
+	<div class="card">
+		{ children... }
+	</div>
+}
+
+// Creates a image card container.
+// Accepts children
+templ CardImage() {
+	<div class="card-image">
+		{ children... }
+	</div>
+}
+
+//
+templ CardImageSize(size string) {
+	<figure class={ "image", size }>
+		{ children... }
+	</figure>
+}
+
+templ CardContentContainer() {
+	<div class="card-content">
+		{ children... }
+	</div>
+}

components/bulma/example/example.templ

@@ -0,0 +1,19 @@
+package example
+
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+
+templ example() {
+	@html.Doctype()
+	@html.New("en"){
+		@html.NewHeader(){
+			@bulma.UseBulmaCdn()
+		}
+		@html.NewBody() {
+			@layout.Container(bulma.BreakpointDefault) {
+				{ children... }
+			}
+		}
+	}
+}

components/bulma/form/control.templ

@@ -0,0 +1,8 @@
+package form
+
+// Div container to add a input field to.
+templ Control() {
+    <div class="control">
+        { children... }
+    </div>
+}

components/bulma/form/field.templ

@@ -0,0 +1,8 @@
+package form
+
+// This creates a field that you can add a Label, Control or Input object.
+templ Field() {
+	<div class="field">
+		{ children... }
+	</div>
+}

components/bulma/form/input.templ

@@ -0,0 +1,19 @@
+package form
+
+templ TextInput(id, fieldType, placeholder string) {
+	<input class={ "input" } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
+}
+
+templ TextInputColor(color, id, fieldType, placeholder string) {
+	if color == "" {
+		<input class={ "input" } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
+	} else {
+		<input class={ "input", color } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
+	}
+}
+
+templ Checkbox(text, id string) {
+	<label class="checkbox">
+		<input type="checkbox" id={ id }/> { text }
+	</label>
+}

components/bulma/form/label.templ

@@ -0,0 +1,6 @@
+package form
+
+// This will create a small bit of text to add context to the form.
+templ Label(text string) {
+	<label class="label">{ text }</label>
+}

components/bulma/form/new.templ

@@ -0,0 +1,13 @@
+package form
+
+type NewParam struct {
+	HxPost string
+}
+
+templ New(param NewParam) {
+	if param.HxPost != "" {
+		<form hx-post={ param.HxPost }>
+			{ children... }
+		</form>
+	}
+}

components/bulma/form/select.templ

@@ -0,0 +1,33 @@
+package form
+
+templ SelectOne(color string, isRound bool) {
+	if isRound {
+		<div class="select is-round">
+			<select>
+				{ children... }
+			</select>
+		</div>
+	} else {
+		<div class="select">
+			<select>
+				{ children... }
+			</select>
+		</div>
+	}
+}
+
+templ SelectOneItem(name string) {
+	<option>{ name }</option>
+}
+
+templ SelectMany(howManySelectable int, color string, isRound bool) {
+	<div class="select is-multiple">
+		<select multiple size="{ howManySelectable }">
+			{ children... }
+		</select>
+	</div>
+}
+
+templ SelectManyItem(name string) {
+	<option value={ name }>{ name }</option>
+}

components/bulma/form/submit.templ

@@ -0,0 +1,5 @@
+package form
+
+templ Submit(text, color string) {
+    <button type="submit" class={ "button", color }>{ text }</button>
+}

components/bulma/form/textarea.templ

@@ -0,0 +1,5 @@
+package form
+
+templ TextArea(id, placeholder, color string) {
+    <textarea class={ "textarea", color } id={ id } placeholder={ placeholder }/>
+}

components/bulma/form/util.go

@@ -0,0 +1,8 @@
+package form
+
+const (
+	InputTypeText        = "text"
+	InputTypePassword    = "password"
+	InputTypeEmail       = "email"
+	InputTypePhoneNumber = "tel"
+)

components/bulma/html/br.templ

@@ -0,0 +1,5 @@
+package html
+
+templ Br(){
+    <br/>
+}

components/bulma/html/href.templ

@@ -0,0 +1,9 @@
+package html
+
+templ ALink(url, title string) {
+	<a href={ templ.SafeURL(url) }>{ title }</a>
+}
+
+templ ANewTab(url, text string) {
+	<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
+}

components/bulma/html/html.templ

@@ -0,0 +1,26 @@
+package html
+
+templ Doctype() {
+	<!DOCTYPE html>
+}
+
+// Creates <html> that accepts children
+templ New(lang string) {
+	<html lang={ lang }>
+		{ children... }
+	</html>
+}
+
+// Creates <head> that accepts children
+templ NewHeader() {
+    <head>
+        { children... }
+    </head>
+}
+
+// Creates <body> that accepts children
+templ NewBody() {
+    <body>
+        { children... }
+    </body>
+}

components/bulma/html/img.templ

@@ -0,0 +1,9 @@
+package html
+
+templ Img(src string) {
+    <img src={ src } />
+}
+
+templ ImgAlt(src, alt string) {
+    <img src={ src } alt={ alt }/>
+}

components/bulma/image.templ

@@ -0,0 +1,10 @@
+package bulma
+
+// Creates a image wrapper.
+// This accepts children.
+// Use html.Img() to load a image as a child
+templ Image(image string) {
+    <figure class={ "image", image }>
+        { children... }
+    </figure>
+}

components/bulma/layout/container.templ

@@ -0,0 +1,7 @@
+package layout
+
+templ Container(breakpoint string) {
+	<div class={ "container", breakpoint }>
+		{ children... }
+	</div>
+}

components/bulma/layout/hero.templ

@@ -0,0 +1,37 @@
+package layout
+
+templ Hero(title, subtitle string) {
+	<section class="hero">
+		<div class="hero-body">
+			<p class="title">{ title }</p>
+			<p class="subtitle">{ subtitle }</p>
+		</div>
+	</section>
+}
+
+templ HeroSize(title, subtitle, size string) {
+	<section class={ "hero", size }>
+		<div class="hero-body">
+			<p class="title">{ title }</p>
+			<p class="subtitle">{ subtitle }</p>
+		</div>
+	</section>
+} 
+
+templ HeroColor(title, subtitle, color string) {
+	<section class={ "hero", color }>
+		<div class="hero-body">
+			<p class="title">{ title }</p>
+			<p class="subtitle">{ subtitle }</p>
+		</div>
+	</section>
+}
+
+templ HeroColorSize(title, subtitle, color, size string) {
+	<section class={ "hero", color, size }>
+		<div class="hero-body">
+			<p class="title">{ title }</p>
+			<p class="subtitle">{ subtitle }</p>
+		</div>
+	</section>
+}

components/bulma/layout/section.templ

@@ -0,0 +1,9 @@
+package layout
+
+// Creates a <section> object thats good to break up a page of content.
+templ Section(title, subtitle string) {
+	<section class="section">
+		<h1 class="title">{ title }</h1>
+		<h2 class="subtitle">{ subtitle }</h2>
+	</section>
+}

components/bulma/notification.templ

@@ -0,0 +1,7 @@
+package bulma
+
+templ Notification(message, color string) {
+	<div class={ "notification", color }>
+		{ message }
+	</div>
+}

components/bulma/script.templ

@@ -0,0 +1,5 @@
+package bulma
+
+templ UseBulmaCdn() {
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css"/>
+}

components/bulma/table.templ

@@ -0,0 +1,37 @@
+package bulma
+
+// Creates a <table> that accepts children
+templ Table(){
+    <table class="table">
+        { children... }
+    </table>
+}
+
+// Creates a <thead> that accepts children.
+templ TableHeader() {
+    <thead>{ children... }</thead>
+}
+
+// Creates a <tf> that accepts children.
+templ TableRow() {
+    <tr>{ children... }</tr>
+}
+
+// Creates a <th> and writes the given value
+templ TableHeaderData(value string) {
+    <th>{ value }</th>
+}
+
+// Creates a <th> that allows you to also add a tooltip value
+templ TableHeaderDataToolTip(value, tooltip string) {
+    <th><abbr title={ tooltip }>{ value }</abbr></th>
+}
+
+// Creates a <td> that accepts children.
+templ TableDataChildren() {
+    <td>{ children... }</td>
+}
+
+templ TableData(value string) {
+    <td>{ value }</td>
+}

components/bulma/tags.templ

@@ -0,0 +1,13 @@
+package bulma
+
+templ Tag(message string) {
+	<span class={ "tag" }>{ message }</span>
+}
+
+templ TagColor(message, color string) {
+	<span class={ "tag", color }>{ message }</span>
+}
+
+templ TagColorSize(message, color, size string) {
+	<span class={ "tag", color, size }>{ message }</span>
+}

components/bulma/title.templ

@@ -0,0 +1,49 @@
+package bulma
+
+templ Title(message string) {
+	<h1 class="title">{ message }</h1>
+}
+
+templ Subitle(message string) {
+	<h2 class="subtitle">{ message }</h2>
+}
+
+templ H1(message string, isSubtitle bool) {
+	if isSubtitle {
+		<h1 class="subtitle is-1">{ message }</h1>
+	} else {
+		<h1 class="title is-1">{ message }</h1>
+	}
+}
+
+templ H2(message string, isSubtitle bool) {
+	if isSubtitle {
+		<h2 class="subtitle is-2">{ message }</h2>
+	} else {
+		<h2 class="title is-2">{ message }</h2>
+	}
+}
+
+templ H3(message string, isSubtitle bool) {
+	if isSubtitle {
+		<h3 class="subtitle is-3">{ message }</h3>
+	} else {
+		<h3 class="title is-3">{ message }</h3>
+	}
+}
+
+templ H4(message string, isSubtitle bool) {
+	if isSubtitle {
+		<h4 class="subtitle is-4">{ message }</h4>
+	} else {
+		<h4 class="title is-4">{ message }</h4>
+	}
+}
+
+templ H5(message string, isSubtitle bool) {
+	if isSubtitle {
+		<h5 class="subtitle is-5">{ message }</h5>
+	} else {
+		<h5 class="title is-5">{ message }</h5>
+	}
+}

components/bulma/util.go

@@ -0,0 +1,20 @@
+package bulma
+
+const (
+	ColorPrimary = "is-primary"
+	ColorInfo    = "is-info"
+	ColorLink    = "is-link"
+	ColorWarning = "is-warning"
+	ColorSuccess = "is-success"
+	ColorError   = "is-error"
+
+	SizeNormal = "is-normal"
+	SizeMedium = "is-medium"
+	SizeLarge  = "is-large"
+
+	BreakpointDefault       = ""
+	BreakpointWidescreen    = "is-widescreen"
+	BreakpointFullHd        = "is-fullhd"
+	BreakpointMaxDesktop    = "is-max-desktop"
+	BreakpointMaxWidescreen = "is-max-widescreen"
+)

internal/views/articles/list.templ

@@ -1,7 +1,7 @@
 package articles
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/articles/table.templ

@@ -1,7 +1,7 @@
 package articles
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/home/about.templ

@@ -1,8 +1,8 @@
 package home
 
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
-import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 
 templ About(vm models.HomeAboutViewModel) {
     @layout.WithTemplate(vm.HeaderMetaTags){

internal/views/home/index.templ

@@ -1,8 +1,8 @@
 package home
 
 import (
-	b "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
+	b "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/layout/header.templ

@@ -1,6 +1,6 @@
 package layout
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 
 templ header(meta models.HeaderMetaTags) {

internal/views/layout/withTemplate.templ

@@ -1,25 +1,24 @@
 package layout
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
 )
 
 templ WithTemplate(meta models.HeaderMetaTags) {
-	@html.Doctype()
-	@html.New("en") {
-		@html.NewHeader() {
+	<!DOCTYPE html>
+	<html lang="en">
+		<head>
 			@header(meta)
-		}
-		@html.NewBody(){
+		</head>
+		<body>
 			@navBar()
-			@html.Br()
+			<br/>
 			@bl.Container(bulma.BreakpointDefault) {
 				{ children... }
-			}
 				@footer()
 			}
-	}
+		</body>
+	</html>
 }

internal/views/sources/add.templ

@@ -1,9 +1,9 @@
 package sources
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
-	bf "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	bf "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/sources/addAfter.templ

@@ -1,6 +1,6 @@
 package sources
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 
 templ AddAfter(message string, isError bool) {
     if isError {

internal/views/sources/listAll.templ

@@ -1,8 +1,8 @@
 package sources
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
-	bh "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	bh "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
@@ -12,23 +12,13 @@ templ ListAll(model models.ListAllSourcesViewModel) {
 		@bulma.Button() {
 			@bh.ALink("/sources/add", "New Source")
 		}
-		@bulma.Table() {
-			@bulma.TableHeader() {
-				@bulma.TableHeaderData("Name")
-				@bulma.TableHeaderData("Source")
-				@bulma.TableHeaderData("Visit")
-			}
+		@bh.Br()
+		@bh.Br()
 		for _, item := range model.Items {
-				@bulma.TableRow() {
-					@bulma.TableData(item.DisplayName)
-					@bulma.TableData(item.Source)
-					@bulma.TableDataChildren() {
-						@bulma.Button() {
+			@bulma.ButtonColor(bulma.ColorPrimary) {
 				@bulma.ANewTab(item.Url, item.DisplayName)
 			}
-					}
-				}
-			}
+			<br/>
 		}
 	}
 }

internal/views/users/afterLogin.templ

@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 )
 

internal/views/users/afterSignUp.templ

@@ -1,6 +1,6 @@
 package users
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 
 // This is returned after the user creates an account.
 // It just returns a partial view because it will overlap with the existing template.

internal/views/users/login copy.templ

@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 )

internal/views/users/logout.templ

@@ -1,7 +1,7 @@
 package users
 
 import (
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/users/profile.templ

@@ -1,9 +1,9 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
-	bh "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	bh "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

internal/views/users/signup.templ

@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
+	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )

templ-bulma

@@ -1 +0,0 @@
-Subproject commit 15a6f03de4a000dc0f9d169f889cce43ddf6a5f0