satis 1.0.75 → 2.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e8bb27aace7817e26b12e3dc2d45f998cc8115681e7ae457988bdf417da6a237
-  data.tar.gz: 444726850e8e2d89b7cd4dc36eee15be4f92a49b24af5128a7b2e86996790309
+  metadata.gz: dc7712f007178f219bca0e7136ec99f9ba891c720e4b84b6ca8c2e9b2484fe42
+  data.tar.gz: 6110b536e8313fb31e3f73c7ff5a0618f77e3c11b144fe17a31e41ee411abead
 SHA512:
-  metadata.gz: 5395dd96507833c0f3100f1851d3d75375d45fab2c2fb3d37cbc1d40f26f177b25db14dc376a98b60a85d1533cc58b46ea72def4f3e27e2bea77233c3d1b259b
-  data.tar.gz: 6c4116e85019189aad9f18ddc3bb61e04122328217b80bbeccf688ad3fe3886b66047633af3c4e741d6574f6059316fe79a1f1c117187933ee353035479a46a1
+  metadata.gz: c338121e4f5fff36b2bf41754971b39039baf4cf359b59cc9361f7ac1525c38ced948b739240174c3be07fc90fc53a8b724e81d01a7f997aabb371b72db1f083
+  data.tar.gz: 67fba5843c31bbf82c55c1f905ae2d07b88a333a99821a61b06202000289233f100ae813486fce384f85198422b40670556bcc46063ee78a56b7f04d719c47b0

data/README.md

@@ -10,13 +10,29 @@ We use:
 - [HotWired](https://hotwired.dev)
 - [BEM](https://cssguidelin.es/#bem-like-naming)
 
+## Installation
+
+Your main app needs to have at least the following config/postcss.config.js:
+```js
+module.exports = {
+  parser: require('postcss-comment'),
+  plugins: {
+    'postcss-mixins': {},
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    'tailwindcss': {},
+    'autoprefixer': {}
+  }
+}
+```
+
 ## Usage
 
 You can use satis helpers in your own helpers:
 
 ```ruby
 def mycard(&block)
-  sts.card(icon: 'fad fa-user', title: "Profile", &block)
+  sts.card(:profile, icon: 'fad fa-user', title: "Profile", &block)
 end
 ```
 
@@ -26,6 +42,19 @@ and then in your template:
 = mycard do |card|
 ```
 
+### Fonts
+
+Satis uses font-awesome and includes the free and brand fonts for use in the asset-pipeline:
+
+```slim
+= javascript_include_tag asset_url("fontawesome.js"), defer: true
+= javascript_include_tag asset_url("brands.js"), defer: true
+= javascript_include_tag asset_url("solid.js"), defer: true
+```
+
+When you have the pro fonts, you can add them in your own `assets/fontawesome` folder.
+Only include what you use, this way it's also easily cachable.
+
 ### Components
 
 Each component has it's own documentation in the component folder.
@@ -38,17 +67,17 @@ Satis.add_helper :name, ViewComponent::Class
 ### Forms
 
 ```slim
-  = sts.form_with model: @user, url: profile_url, class: 'mt-2' do |f|
-    = f.input :id, as: :hidden
-    = f.input :first_name
-    = f.input :last_name
-    = f.association :account, collection: policy_scope(Account).with(@user.account_id), as: :dropdown
-    = f.input :location_id, url: select_locations_url(format: :html), as: :dropdown, hint: "The user's main location"
-
-    = f.button
-    = f.submit
-    = f.reset
-    = f.continue
+= sts.form_with model: @user, url: profile_url, class: 'mt-2' do |f|
+  = f.input :id, as: :hidden
+  = f.input :first_name
+  = f.input :last_name
+  = f.association :account, collection: policy_scope(Account).with(@user.account_id), as: :dropdown
+  = f.input :location_id, url: select_locations_url(format: :html), as: :dropdown, hint: "The user's main location"
+
+  = f.button
+  = f.submit
+  = f.reset
+  = f.continue
 ```
 
 ### Browser detection
@@ -62,22 +91,15 @@ sts.browser.mobile?
 
 For more information see the [browser gem](https://github.com/fnando/browser)
 
-## Dark
+## TODO
 
-bg-gray-800 - hoofd achtergrond card/sidebar
-bg-gray-700 - highlight card/sidebar / hover
-text-gray-300 - tekst kleur
-bg-gray-600 - body achtergrond kleur
+* [ ] Sidebar has no small / collapsed version
+* [ ] Extend new CM6 editor-controller with 'old' features (based on CM5)
 
-## Known issues
+## HIGH PRIO TODO
 
-- dropdown results will not overlap the card, they should, just like date-time picker
-- dropdown triggers on-change upon initial population (for attributes), which is different from select's
-- dropdown hoogte van results is niet altijd goed
-- table state is not saved
-- table columns removing is weird, you really need to be on the left part of the screen to drag
-- table filters initially passed should not be editable
-- sidebar has no small / collapsed version
+* [ ] Phonenumber input doesn't work
+* [ ] Tippy.js css missing
 
 ## Installation
 

data/app/assets/config/satis_manifest.js

@@ -1 +1,8 @@
-//= link_directory ../stylesheets/satis .css
+//= link_tree ../images
+//= link_directory ../fontawesome
+//= link_directory ../../javascript/satis .js
+//= link_directory ../../javascript/satis/controllers .js
+//= link_directory ../../javascript/satis/elements .js
+//= link_directory ../../javascript/satis/utility_controllers .js
+//= link_tree ../../components .js
+//= link_tree ../../../vendor/javascript .js