Preston_PLB
/
Capstone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

B: tmp

This commit is contained in:
Preston Baxter 2023-11-05 11:34:53 -06:00
parent 7ab96371c4
commit 96be01ea72
4 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/.gitignore vendored
View File

@ -1,4 +1,5 @@
dist/* dist/*
tmp/* tmp/*
**/*_templ.go **/*_templ.go
templates/*.html
docker/tmp/* docker/tmp/*

3
ui/Makefile
View File

@ -1,8 +1,7 @@
BASE_URL="us-central1-docker.pkg.dev/pbaxter-infra/capstone-repo" BASE_URL="us-central1-docker.pkg.dev/pbaxter-infra/capstone-repo"
local-build: local-build:
rm **/*_templ.go rm **/*_templ.go; templ generate -path ./templates
templ generate --path ./templates
npx tailwindcss -i static/index.css -o dist/output.css npx tailwindcss -i static/index.css -o dist/output.css
GOEXPERIMENT=loopvar go build -o ./tmp/main . GOEXPERIMENT=loopvar go build -o ./tmp/main .

2
ui/tailwind.config.js
View File

@ -1,5 +1,5 @@
module.exports = { module.exports = {
content: ["templates/*.templ"], content: ["./templates/*.html"],
theme: { extend: {}, }, theme: { extend: {}, },
plugins: [], plugins: [],
} }

52
ui/templates/dashboard_page.templ
View File

@ -7,13 +7,22 @@ import (
"git.preston-baxter.com/Preston_PLB/capstone/frontend-service/db/models" "git.preston-baxter.com/Preston_PLB/capstone/frontend-service/db/models"
) )
func hasPco(vendors []models.VendorAccount) bool { func hasVendor(name string, vendors []models.VendorAccount) bool {
for _, vendor := range vendors { for _, vendor := range vendors {
if vendor.Name == models.PCO_VENDOR_NAME { if vendor.Name == name {
return true return true
} }
} }
return false return false
}
func hasPco(vendors []models.VendorAccount) bool {
return hasVendor(models.PCO_VENDOR_NAME, vendors)
}
func hasYoutube(vendors []models.VendorAccount) bool {
return hasVendor(models.YOUTUBE_VENDOR_NAME, vendors)
} }
templ DashboardPage(user *models.User, vendorAccounts []models.VendorAccount, actionMappings []models.ActionMapping) { templ DashboardPage(user *models.User, vendorAccounts []models.VendorAccount, actionMappings []models.ActionMapping) {
@ -233,7 +242,7 @@ templ DashboardVendorDropDown() {
<div class="flex flex-wrap float-right"> <div class="flex flex-wrap float-right">
<div class="w-full sm:w-6/12 md:w-4/12 px-4"> <div class="w-full sm:w-6/12 md:w-4/12 px-4">
<div class="relative inline-flex align-middle w-full"> <div class="relative inline-flex align-middle w-full">
<button class="text-white font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 ease-linear transition-all duration-150" type="button" onclick="openDropdown(event,&#39;dropdown-id&#39;)"> <button class="text-white font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 bg-blueGray-500 ease-linear transition-all duration-150" type="button" onclick="openDropdown(event,&#39;dropdown-id&#39;)">
+ +
</button> </button>
<div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg mt-1" style="min-width:12rem" id="dropdown-id"> <div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg mt-1" style="min-width:12rem" id="dropdown-id">
@ -320,7 +329,7 @@ templ DashboardActionModalForm(vendors []models.VendorAccount) {
<select class="w-full h-10 pl-3 pr-6 text-base placeholder-gray-600 border rounded-lg appearance-none focus:shadow-outline" placeholder="Choose action source"> <select class="w-full h-10 pl-3 pr-6 text-base placeholder-gray-600 border rounded-lg appearance-none focus:shadow-outline" placeholder="Choose action source">
if hasPco(vendors) { if hasPco(vendors) {
<option value="plan">Plan</option> <option value="plan">Plan</option>
<option value="calendar">Calendar</option> <option value="calendar" disabled>Calendar</option>
} else { } else {
<option value="nil">None Available</option> <option value="nil">None Available</option>
} }
@ -332,27 +341,20 @@ templ DashboardActionModalForm(vendors []models.VendorAccount) {
</div> </div>
</div> </div>
<div class="flex flex-wrap -mx-2 space-y-4 md:space-y-0"> <div class="flex flex-wrap -mx-2 space-y-4 md:space-y-0">
<div class="w-full px-2 md:w-1/2"> <div class="w-full">
<label class="block mb-1" for="formGridCode_name">First name</label> <div class="relative inline-block w-full text-gray-700">
<input class="w-full h-10 px-3 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline" type="text" id="formGridCode_name"/> <select class="w-full h-10 pl-3 pr-6 text-base placeholder-gray-600 border rounded-lg appearance-none focus:shadow-outline" placeholder="Choose action source">
</div> if hasYoutube(vendors) {
<div class="w-full px-2 md:w-1/2"> <option value="plan">Livestream</option>
<label class="block mb-1" for="formGridCode_last">Last name</label> <option value="calendar" disabled>Video</option>
<input class="w-full h-10 px-3 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline" type="text" id="formGridCode_last"/> } else {
</div> <option value="nil">None Available</option>
</div> }
<div class="flex flex-wrap -mx-2 space-y-4 md:space-y-0"> </select>
<div class="w-full px-2 md:w-1/3"> <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
<label class="block mb-1" for="formGridCode_month">Month</label> <svg class="w-4 h-4 fill-current" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" fill-rule="evenodd"></path></svg>
<input class="w-full h-10 px-3 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline" type="text" id="formGridCode_month"/> </div>
</div> </div>
<div class="w-full px-2 md:w-1/3">
<label class="block mb-1" for="formGridCode_year">Year</label>
<input class="w-full h-10 px-3 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline" type="text" id="formGridCode_year"/>
</div>
<div class="w-full px-2 md:w-1/3">
<label class="block mb-1" for="formGridCode_cvc">CVC</label>
<input class="w-full h-10 px-3 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline" type="text" id="formGridCode_cvc"/>
</div> </div>
</div> </div>
</form> </form>