diff --git a/frontend/resources/styles/main.scss b/frontend/resources/styles/main.scss index dd77f3c8a..17dc7cdc7 100644 --- a/frontend/resources/styles/main.scss +++ b/frontend/resources/styles/main.scss @@ -65,6 +65,7 @@ @import 'main/partials/forms'; @import 'main/partials/loader'; @import 'main/partials/context-menu'; +@import 'main/partials/debug-icons-preview'; //################################################# // Resources diff --git a/frontend/resources/styles/main/partials/debug-icons-preview.scss b/frontend/resources/styles/main/partials/debug-icons-preview.scss new file mode 100644 index 000000000..ed8e7054d --- /dev/null +++ b/frontend/resources/styles/main/partials/debug-icons-preview.scss @@ -0,0 +1,20 @@ +.debug-icons-preview { + display: flex; + flex-wrap: wrap; + overflow: scroll; + + .icon-item { + padding: 10px; + display: flex; + flex-direction: column; + width: 120px; + height: 120px; + margin: 10px; + align-items: center; + + svg { + width: 100%; + height: 100%; + } + } +} diff --git a/frontend/src/uxbox/builtins/icons.cljs b/frontend/src/uxbox/builtins/icons.cljs index 8c92eb905..faeaf6a2e 100644 --- a/frontend/src/uxbox/builtins/icons.cljs +++ b/frontend/src/uxbox/builtins/icons.cljs @@ -93,3 +93,12 @@ {:id "loader-line" :d "M134.482 157.147v25l518.57.008.002-25-518.572-.008z"}]]])) + +(mf/defrc debug-icons-preview + [props] + [:section.debug-icons-preview + (for [[key val] (ns-publics 'uxbox.builtins.icons)] + (when (not= key 'debug-icons-preview) + [:div.icon-item {:key key} + (deref val) + [:span (pr-str key)]]))]) diff --git a/frontend/src/uxbox/main/ui.cljs b/frontend/src/uxbox/main/ui.cljs index 0c96fa476..312cba759 100644 --- a/frontend/src/uxbox/main/ui.cljs +++ b/frontend/src/uxbox/main/ui.cljs @@ -17,7 +17,6 @@ [rumext.alpha :as mf] [uxbox.builtins.icons :as i] [uxbox.common.exceptions :as ex] - [uxbox.common.exceptions :as ex] [uxbox.main.data.auth :refer [logout]] [uxbox.main.refs :as refs] [uxbox.main.store :as st] @@ -51,6 +50,9 @@ ["/profile" :settings-profile] ["/password" :settings-password]] + (when *assert* + ["/debug/icons-preview" :debug-icons-preview]) + ["/dashboard" ["/team/:team-id" ["/" :dashboard-team] @@ -68,7 +70,7 @@ ["/palettes" ["" { :name :dashboard-library-palettes-index :section :palettes}] ["/:library-id" { :name :dashboard-library-palettes :section :palettes }]] - + ]]] ["/workspace/:file-id" :workspace]]) @@ -101,6 +103,10 @@ :settings-password) (mf/element settings/settings #js {:route route}) + :debug-icons-preview + (when *assert* + (mf/element i/debug-icons-preview)) + (:dashboard-search :dashboard-team :dashboard-project