ux improvements for erros.
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
(ns auto-ap.views.components.invoice-table
|
||||
(:require [re-frame.core :as re-frame]
|
||||
[auto-ap.subs :as subs]
|
||||
[auto-ap.views.utils :refer [date->str dispatch-event delayed-dispatch]]
|
||||
[auto-ap.views.utils :refer [date->str dispatch-event delayed-dispatch nf]]
|
||||
[auto-ap.views.components.paginator :refer [paginator]]
|
||||
[auto-ap.views.components.sorter :refer [sorted-column]]
|
||||
[auto-ap.views.components.dropdown :refer [drop-down drop-down-contents]]
|
||||
@@ -9,7 +9,9 @@
|
||||
[reagent.core :as reagent]
|
||||
[clojure.string :as str]
|
||||
[cljs-time.format :as format]
|
||||
[goog.string :as gstring]))
|
||||
[goog.string :as gstring]
|
||||
[goog.i18n.NumberFormat.Format])
|
||||
)
|
||||
|
||||
;; TODO graphql schema enforcement
|
||||
;; TODO postgres constraints for data integrity
|
||||
@@ -56,8 +58,6 @@
|
||||
:start
|
||||
:end]]]})
|
||||
|
||||
|
||||
|
||||
(defn invoice-table [{:keys [id invoice-page status on-params-change vendors params check-boxes checked on-check-changed on-edit-invoice on-void-invoice on-unvoid-invoice expense-event]}]
|
||||
(let [visible-checks @(re-frame/subscribe [::visible-checks])
|
||||
visible-expense-accounts @(re-frame/subscribe [::visible-expense-accounts])
|
||||
@@ -120,6 +120,7 @@
|
||||
[sorted-column {:on-sort opc
|
||||
:style {:width "8em" :cursor "pointer"}
|
||||
:sort-key "total"
|
||||
:class "has-text-right"
|
||||
:sort-by sort-by
|
||||
:asc asc}
|
||||
"Amount"]
|
||||
@@ -127,6 +128,7 @@
|
||||
[sorted-column {:on-sort opc
|
||||
:style {:width "10em" :cursor "pointer"}
|
||||
:sort-key "outstanding-balance"
|
||||
:class "has-text-right"
|
||||
:sort-by sort-by
|
||||
:asc asc}
|
||||
"Outstanding"]
|
||||
@@ -162,8 +164,8 @@
|
||||
[:td (date->str date) ]
|
||||
[:td (str/join ", " (set (map :location expense-accounts)))]
|
||||
|
||||
[:td (gstring/format "$%.2f" total )]
|
||||
[:td (gstring/format "$%.2f" outstanding-balance )]
|
||||
[:td.has-text-right (nf total )]
|
||||
[:td.has-text-right (nf outstanding-balance )]
|
||||
[:td.expandable
|
||||
|
||||
|
||||
@@ -192,7 +194,7 @@
|
||||
(when (and on-void-invoice (= (:outstanding-balance i) (:total i)) (not= ":voided" (:status i)))
|
||||
[:a.button {:on-click (fn [] (on-void-invoice i))} [:span.icon [:span.icon-bin-2 {:style {:font-weight "400"}}]]])
|
||||
(when (and on-unvoid-invoice (= ":voided" (:status i)))
|
||||
[:a {:on-click (fn [] (on-unvoid-invoice i))} [:span [:span.icon [:i.fa.fa-undo]]]])
|
||||
[:a.button {:on-click (fn [] (on-unvoid-invoice i))} [:span [:span.icon [:i.fa.fa-undo]]]])
|
||||
(when (seq payments)
|
||||
[drop-down {:id [::payments id]
|
||||
:header [:button.button.badge {:data-badge (str (clojure.core/count payments))
|
||||
@@ -211,15 +213,4 @@
|
||||
"has-text-success")]}
|
||||
[:i.fa.fa-money]] (str " " (:check-number (:payment payment)) " (" (gstring/format "$%.2f" (:amount payment) ) ") "
|
||||
(when (= :cleared (:status (:payment payment)))
|
||||
(str " - " (:post-date (:transaction (:payment payment))))))]))]]
|
||||
|
||||
#_[:div.dropdown.is-right {:class (if (= id visible-checks)
|
||||
"is-active"
|
||||
"")}
|
||||
[:div.dropdown-trigger
|
||||
]
|
||||
[:div.dropdown-menu {:role "menu"}
|
||||
[:div.dropdown-content
|
||||
]]])]
|
||||
|
||||
]]))]]]))))
|
||||
(str " - " (:post-date (:transaction (:payment payment))))))]))]])]]]))]]]))))
|
||||
|
||||
Reference in New Issue
Block a user