Skip to content

Commit

Permalink
feat: new ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@im-adithya
im-adithya committed Oct 31, 2023
1 parent 0379239 commit aededdf
Show file tree
Hide file tree
Showing 10 changed files with 235 additions and 361 deletions.
4 changes: 3 additions & 1 deletion echo_handlers.go
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ func (svc *Service) RegisterSharedRoutes(e *echo.Echo) {

templates := make(map[string]*template.Template)
templates["apps/index.html"] = template.Must(template.ParseFS(embeddedViews, "views/apps/index.html", "views/layout.html"))
templates["apps/new.html"] = template.Must(template.ParseFS(embeddedViews, "views/templates/settings.html", "views/apps/new.html", "views/layout.html"))
templates["apps/new.html"] = template.Must(template.ParseFS(embeddedViews, "views/apps/new.html", "views/layout.html"))
templates["apps/show.html"] = template.Must(template.ParseFS(embeddedViews, "views/apps/show.html", "views/layout.html"))
templates["apps/create.html"] = template.Must(template.ParseFS(embeddedViews, "views/apps/create.html", "views/layout.html"))
templates["alby/index.html"] = template.Must(template.ParseFS(embeddedViews, "views/backends/alby/index.html", "views/layout.html"))
Expand Down Expand Up @@ -284,13 +284,15 @@ func (svc *Service) AppsNewHandler(c echo.Context) error {
//and indicate which ones are checked by default in the front-end
type RequestMethodHelper struct {
Description string
Icon string
Checked bool
}

requestMethodHelper := map[string]*RequestMethodHelper{}
for k, v := range nip47MethodDescriptions {
requestMethodHelper[k] = &RequestMethodHelper{
Description: v,
Icon: nip47MethodIcons[k],
}
}

Expand Down
15 changes: 11 additions & 4 deletions models.go
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,10 +35,17 @@ const (
)

var nip47MethodDescriptions = map[string]string{
NIP_47_GET_BALANCE_METHOD: "Read your balance and transaction history.",
NIP_47_PAY_INVOICE_METHOD: "Send payments from your wallet.",
NIP_47_MAKE_INVOICE_METHOD: "Create invoices on your behalf.",
NIP_47_LOOKUP_INVOICE_METHOD: "Lookup statuses of created invoices.",
NIP_47_GET_BALANCE_METHOD: "Read access to your wallet",
NIP_47_PAY_INVOICE_METHOD: "Send payments",
NIP_47_MAKE_INVOICE_METHOD: "Create invoices",
NIP_47_LOOKUP_INVOICE_METHOD: "Lookup statuses of invoices",
}

var nip47MethodIcons = map[string]string{
NIP_47_GET_BALANCE_METHOD: "wallet",
NIP_47_PAY_INVOICE_METHOD: "lightning",
NIP_47_MAKE_INVOICE_METHOD: "invoice",
NIP_47_LOOKUP_INVOICE_METHOD: "search",
}

type AlbyMe struct {
Expand Down
196 changes: 71 additions & 125 deletions public/css/application.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -713,18 +713,6 @@ select {
}
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}

.pointer-events-none {
pointer-events: none;
}
Expand Down Expand Up @@ -818,6 +806,10 @@ select {
margin-left: 0.5rem;
}

.ml-2\.5 {
margin-left: 0.625rem;
}

.ml-6 {
margin-left: 1.5rem;
}
Expand All @@ -826,10 +818,18 @@ select {
margin-right: 0.5rem;
}

.mr-3 {
margin-right: 0.75rem;
}

.mr-4 {
margin-right: 1rem;
}

.mt-1 {
margin-top: 0.25rem;
}

.mt-10 {
margin-top: 2.5rem;
}
Expand Down Expand Up @@ -894,10 +894,6 @@ select {
width: 20%;
}

.w-11 {
width: 2.75rem;
}

.w-2\/5 {
width: 40%;
}
Expand Down Expand Up @@ -942,10 +938,6 @@ select {
width: 100%;
}

.shrink-0 {
flex-shrink: 0;
}

.table-fixed {
table-layout: fixed;
}
Expand All @@ -954,6 +946,12 @@ select {
cursor: pointer;
}

.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.list-inside {
list-style-position: inside;
}
Expand All @@ -970,6 +968,14 @@ select {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}

.flex-col {
flex-direction: column;
}
Expand All @@ -994,6 +1000,10 @@ select {
justify-content: space-between;
}

.gap-2 {
gap: 0.5rem;
}

.gap-4 {
gap: 1rem;
}
Expand Down Expand Up @@ -1030,10 +1040,6 @@ select {
border-radius: 0.25rem;
}

.rounded-full {
border-radius: 9999px;
}

.rounded-lg {
border-radius: 0.5rem;
}
Expand All @@ -1051,10 +1057,18 @@ select {
border-width: 1px;
}

.border-2 {
border-width: 2px;
}

.border-b {
border-bottom-width: 1px;
}

.border-l-2 {
border-left-width: 2px;
}

.border-t {
border-top-width: 1px;
}
Expand Down Expand Up @@ -1083,6 +1097,16 @@ select {
border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-purple-700 {
--tw-border-opacity: 1;
border-color: rgb(126 34 206 / var(--tw-border-opacity));
}

.border-l-gray-200 {
--tw-border-opacity: 1;
border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
Expand All @@ -1093,11 +1117,6 @@ select {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -1128,6 +1147,21 @@ select {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-purple-500 {
--tw-bg-opacity: 1;
background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-purple-200 {
--tw-bg-opacity: 1;
background-color: rgb(233 213 255 / var(--tw-bg-opacity));
}

.bg-purple-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.fill-current {
fill: currentColor;
}
Expand Down Expand Up @@ -1202,6 +1236,10 @@ select {
padding-bottom: 1rem;
}

.pb-2 {
padding-bottom: 0.5rem;
}

.pb-4 {
padding-bottom: 1rem;
}
Expand All @@ -1226,6 +1264,10 @@ select {
padding-right: 1rem;
}

.pt-1 {
padding-top: 0.25rem;
}

.pt-4 {
padding-top: 1rem;
}
Expand Down Expand Up @@ -1416,75 +1458,6 @@ select {
transition-duration: 150ms;
}

.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}

.after\:ml-0::after {
content: var(--tw-content);
margin-left: 0px;
}

.after\:ml-0\.5::after {
content: var(--tw-content);
margin-left: 0.125rem;
}

.after\:mt-0::after {
content: var(--tw-content);
margin-top: 0px;
}

.after\:mt-0\.5::after {
content: var(--tw-content);
margin-top: 0.125rem;
}

.after\:h-5::after {
content: var(--tw-content);
height: 1.25rem;
}

.after\:w-5::after {
content: var(--tw-content);
width: 1.25rem;
}

.after\:rounded-full::after {
content: var(--tw-content);
border-radius: 9999px;
}

.after\:border::after {
content: var(--tw-content);
border-width: 1px;
}

.after\:border-gray-300::after {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.after\:bg-white::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:transition-all::after {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
--tw-content: '';
content: var(--tw-content);
}

.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -1541,23 +1514,6 @@ select {
--tw-ring-offset-width: 2px;
}

.peer:checked ~ .peer-checked\:bg-purple-700 {
--tw-bg-opacity: 1;
background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
content: var(--tw-content);
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media (prefers-color-scheme: dark) {
.dark\:divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(255 255 255 / 0.1);
Expand All @@ -1568,11 +1524,6 @@ select {
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.dark\:border-gray-600 {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.dark\:border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
Expand All @@ -1592,11 +1543,6 @@ select {
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-green-900 {
--tw-bg-opacity: 1;
background-color: rgb(20 83 45 / var(--tw-bg-opacity));
Expand Down
8 changes: 5 additions & 3 deletions public/images/Lightning.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit aededdf

Please sign in to comment.