demo: added trateg example

demo/resources/ext/demo.edn

@@ -1,9 +1,10 @@
 {:name "demo"
  :cljs-routes  {"" demo.page.options/page-options
                 "controls" demo.page.controls/page-controls
-                }
+                "trateg" demo.page.trateg/page-trateg}
  :sci-cljs-ns [demo.page.options
-               demo.page.controls]
+               demo.page.controls
+               demo.page.trateg]
 
 
 }

demo/src/demo/page/options.cljs

@@ -77,8 +77,8 @@
 (defn page-options [_]
   [:div
 
-   [:a {:href "/controls"}
-    [:p "goto controls"]]
+   [:a {:href "/controls"} [:p "goto controls"]]
+   [:a {:href "/trateg"} [:p "goto trateg"]]
 
    [h1 "state"]
    [:div (pr-str @state)]

demo/src/demo/page/trateg.cljs

@@ -0,0 +1,46 @@
+(ns demo.page.trateg
+  (:require
+   [reagent.core :as r]
+   [options.core :refer [options-ui]]))
+
+(def state (r/atom {}))
+
+(def config
+  {:state state
+   :options [{:path [0 :asset],
+              :name "asset",
+              :spec
+              ["EUR/USD" "USD/CHF" "GBP/USD" "USD/SEK" "USD/NOK" "USD/CAD" "USD/JPY"
+               "AUD/USD" "NZD/USD" "USD/MXN" "USD/ZAR" "EUR/JPY" "EUR/CHF" "EUR/GBP" "GBP/JPY"]}
+             {:path [2 :trailing-n], :name "DailyLoad#", :spec [2 5 10 20 30 50 80 100 120 150]}
+             {:path [2 :atr-n], :name "dATR#", :spec [5 10 20 30]}
+             {:path [2 :percentile], :name "dPercentile", :spec [10 20 30 40 50 60 70 80 90]}
+             {:path [2 :step], :name "dStep", :spec [0.001 1.0E-4 4.0E-5]}
+             {:path [4 :max-open-close-over-low-high], :name "doji-co/lh max", :spec [0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9]}],
+   :current
+   {[0 :asset] "USD/JPY",
+    [2 :trailing-n] 120,
+    [2 :atr-n] 10,
+    [2 :percentile] 70,
+    [2 :step] 1.0E-4,
+    [4 :max-open-close-over-low-high] 0.3}})
+
+(defn h1 [s]
+  [:<>
+   [:hr]
+   [:br]
+   [:h1 {:class "pt-5 pb-5 text-xl text-bold text-blue-700"} s]])
+
+(defn page-trateg [_]
+  [:div
+   [:a {:href "/controls"}
+    [:p "goto controls"]]
+
+   [h1 "state"]
+   [:div (pr-str @state)]
+
+   [h1 "unstyled"]
+   [options-ui {:class "bg-blue-300 options-debug"
+                :style {:width "50vw"
+                         ;:height "40vh"
+                        }}config]])