tao_form 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 67dbfbc58a368d0cda7e922ae5a7d0bbcae8e9bb
+  data.tar.gz: cf7d008165219eca0ebb2a21067c795f06f0308b
+SHA512:
+  metadata.gz: e02ddcc72a243ebd0e5eecfafb61e7b1cc866283e90bf86198da414de09ceb7b1c292aea5d36d3724ff14de48575b5a2067b353482e0d862a5179194d9159efc
+  data.tar.gz: 50273d3ecfa4b5c066fb70f57a99d63943160b5d9ae699a94a725970322bba2727035c95038c7e62a4e6b432ecd0eb21650fd1fe69b82390b7f5898082dc92fb

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 farthinker
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# TaoForm
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'tao_form'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install tao_form
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,10 @@
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.libs << "lib"
+  t.pattern = 'test/**/*_test.rb'
+end
+
+task :default => :test

data/lib/assets/icons/arrow-down.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Arrow_Down</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(12.000000, 12.000000) scale(-1, 1) rotate(90.000000) translate(-12.000000, -12.000000) translate(6.000000, 0.000000)" fill="#9B9B9B">
+            <path d="M11.6164511,11.610417 L1.05810978,1.05207572 C0.867040921,0.861006859 0.548815536,0.859363964 0.353553391,1.05462611 C0.164001817,1.24417768 0.157149396,1.5653289 0.351003,1.7591825 L10.6032963,12.0114758 L0.351003,22.2637691 C0.15993414,22.4548379 0.158291245,22.7730633 0.353553391,22.9683255 C0.543104964,23.157877 0.864256177,23.1647294 1.05810978,22.9708758 L11.6156318,12.4133538 C11.6336098,12.3997323 11.6508692,12.3847273 11.6672619,12.3683346 C11.7368142,12.2987823 11.7817682,12.2115117 11.8012344,12.119313 C11.8373259,11.9580366 11.7933395,11.7806946 11.6672619,11.654617 C11.6512157,11.6385707 11.6342264,11.6238338 11.6164511,11.610417 Z" id="Arrow_Down" transform="translate(6.010408, 12.010938) scale(1, -1) translate(-6.010408, -12.010938) "></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/arrow-left.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Arrow_Left</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(11.000000, 12.000000) scale(-1, -1) translate(-11.000000, -12.000000) translate(5.000000, 0.000000)" fill="#9B9B9B">
+            <path d="M11.6164511,11.610417 L1.05810978,1.05207572 C0.867040921,0.861006859 0.548815536,0.859363964 0.353553391,1.05462611 C0.164001817,1.24417768 0.157149396,1.5653289 0.351003,1.7591825 L10.6032963,12.0114758 L0.351003,22.2637691 C0.15993414,22.4548379 0.158291245,22.7730633 0.353553391,22.9683255 C0.543104964,23.157877 0.864256177,23.1647294 1.05810978,22.9708758 L11.6156318,12.4133538 C11.6336098,12.3997323 11.6508692,12.3847273 11.6672619,12.3683346 C11.7368142,12.2987823 11.7817682,12.2115117 11.8012344,12.119313 C11.8373259,11.9580366 11.7933395,11.7806946 11.6672619,11.654617 C11.6512157,11.6385707 11.6342264,11.6238338 11.6164511,11.610417 Z" id="Arrow_Left" transform="translate(6.010408, 12.010938) scale(1, -1) translate(-6.010408, -12.010938) "></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/arrow-right.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Arrow_Right</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(7.000000, 0.000000)" fill="#9B9B9B">
+            <path d="M11.6164511,11.610417 L1.05810978,1.05207572 C0.867040921,0.861006859 0.548815536,0.859363964 0.353553391,1.05462611 C0.164001817,1.24417768 0.157149396,1.5653289 0.351003,1.7591825 L10.6032963,12.0114758 L0.351003,22.2637691 C0.15993414,22.4548379 0.158291245,22.7730633 0.353553391,22.9683255 C0.543104964,23.157877 0.864256177,23.1647294 1.05810978,22.9708758 L11.6156318,12.4133538 C11.6336098,12.3997323 11.6508692,12.3847273 11.6672619,12.3683346 C11.7368142,12.2987823 11.7817682,12.2115117 11.8012344,12.119313 C11.8373259,11.9580366 11.7933395,11.7806946 11.6672619,11.654617 C11.6512157,11.6385707 11.6342264,11.6238338 11.6164511,11.610417 Z" id="Arrow_Right" transform="translate(6.010408, 12.010938) scale(1, -1) translate(-6.010408, -12.010938) "></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/calendar.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Calendar</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(1.000000, 1.000000)" fill="#9B9B9B">
+            <path d="M0,1.49839123 C0,1.22313735 0.21484375,1 0.497698784,1 L4.50230122,1 C4.77717266,1 5,1.23298088 5,1.50225774 L5,1.50225774 C5,1.77964703 4.78494263,2.00451548 4.50952148,2.00451548 L1,2.00451548 L1,21 L21.0012503,21 L21.0012503,2.00451548 L17.4832825,2.00451548 C17.2117468,2.00451548 16.9916235,1.77153459 16.9916235,1.50225774 L16.9916235,1.50225774 C16.9916235,1.22486845 17.2068272,1 17.4901561,1 L21.5014674,1 C21.7767994,1 22,1.22163089 22,1.49839123 L22,21.5016088 C22,21.7768626 21.7822583,22 21.4991639,22 L0.500836134,22 C0.224231975,22 0,21.7783691 0,21.5016088 L0,1.49839123 Z M1,6 L21,6 L21,7 L1,7 L1,6 Z M4,11.5 C4,11.7761424 4.21403503,12 4.50468445,12 L5.49531555,12 C5.77404508,12 6,11.7680664 6,11.5 L6,11.5 C6,11.2238576 5.78596497,11 5.49531555,11 L4.50468445,11 C4.22595492,11 4,11.2319336 4,11.5 L4,11.5 Z M4,14.5 C4,14.7761424 4.21403503,15 4.50468445,15 L5.49531555,15 C5.77404508,15 6,14.7680664 6,14.5 L6,14.5 C6,14.2238576 5.78596497,14 5.49531555,14 L4.50468445,14 C4.22595492,14 4,14.2319336 4,14.5 L4,14.5 Z M4,17.5 C4,17.7761424 4.21403503,18 4.50468445,18 L5.49531555,18 C5.77404508,18 6,17.7680664 6,17.5 L6,17.5 C6,17.2238576 5.78596497,17 5.49531555,17 L4.50468445,17 C4.22595492,17 4,17.2319336 4,17.5 L4,17.5 Z M8,11.5 C8,11.7761424 8.21403503,12 8.50468445,12 L9.49531555,12 C9.77404508,12 10,11.7680664 10,11.5 L10,11.5 C10,11.2238576 9.78596497,11 9.49531555,11 L8.50468445,11 C8.22595492,11 8,11.2319336 8,11.5 L8,11.5 Z M8,14.5 C8,14.7761424 8.21403503,15 8.50468445,15 L9.49531555,15 C9.77404508,15 10,14.7680664 10,14.5 L10,14.5 C10,14.2238576 9.78596497,14 9.49531555,14 L8.50468445,14 C8.22595492,14 8,14.2319336 8,14.5 L8,14.5 Z M8,17.5 C8,17.7761424 8.21403503,18 8.50468445,18 L9.49531555,18 C9.77404508,18 10,17.7680664 10,17.5 L10,17.5 C10,17.2238576 9.78596497,17 9.49531555,17 L8.50468445,17 C8.22595492,17 8,17.2319336 8,17.5 L8,17.5 Z M12,11.5 C12,11.7761424 12.214035,12 12.5046844,12 L13.4953156,12 C13.7740451,12 14,11.7680664 14,11.5 L14,11.5 C14,11.2238576 13.785965,11 13.4953156,11 L12.5046844,11 C12.2259549,11 12,11.2319336 12,11.5 L12,11.5 Z M12,14.5 C12,14.7761424 12.214035,15 12.5046844,15 L13.4953156,15 C13.7740451,15 14,14.7680664 14,14.5 L14,14.5 C14,14.2238576 13.785965,14 13.4953156,14 L12.5046844,14 C12.2259549,14 12,14.2319336 12,14.5 L12,14.5 Z M12,17.5 C12,17.7761424 12.214035,18 12.5046844,18 L13.4953156,18 C13.7740451,18 14,17.7680664 14,17.5 L14,17.5 C14,17.2238576 13.785965,17 13.4953156,17 L12.5046844,17 C12.2259549,17 12,17.2319336 12,17.5 L12,17.5 Z M16,11.5 C16,11.7761424 16.214035,12 16.5046844,12 L17.4953156,12 C17.7740451,12 18,11.7680664 18,11.5 L18,11.5 C18,11.2238576 17.785965,11 17.4953156,11 L16.5046844,11 C16.2259549,11 16,11.2319336 16,11.5 L16,11.5 Z M16,14.5 C16,14.7761424 16.214035,15 16.5046844,15 L17.4953156,15 C17.7740451,15 18,14.7680664 18,14.5 L18,14.5 C18,14.2238576 17.785965,14 17.4953156,14 L16.5046844,14 C16.2259549,14 16,14.2319336 16,14.5 L16,14.5 Z M8,1.5 C8,1.22385763 8.22788048,1 8.49100518,1 L13.5089948,1 C13.7801695,1 14,1.23193359 14,1.5 L14,1.5 C14,1.77614237 13.7721195,2 13.5089948,2 L8.49100518,2 C8.21983051,2 8,1.76806641 8,1.5 L8,1.5 Z M6,0.490478516 C6,0.219594711 6.23193359,0 6.5,0 L6.5,0 C6.77614237,0 7,0.215057373 7,0.490478516 L7,3.50952148 C7,3.78040529 6.76806641,4 6.5,4 L6.5,4 C6.22385763,4 6,3.78494263 6,3.50952148 L6,0.490478516 Z M15,0.490478516 C15,0.219594711 15.2319336,0 15.5,0 L15.5,0 C15.7761424,0 16,0.215057373 16,0.490478516 L16,3.50952148 C16,3.78040529 15.7680664,4 15.5,4 L15.5,4 C15.2238576,4 15,3.78494263 15,3.50952148 L15,0.490478516 Z" id="Calendar"></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/checkbox.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>CheckboxMark</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(1.000000, 0.000000)" fill="#9B9B9B">
+            <path d="M0.460155108,7.45725615 C0.460155108,6.63043007 1.12595234,5.96015511 1.96015511,5.96015511 L1.96015511,5.96015511 C2.78858223,5.96015511 3.46015511,6.63134454 3.46015511,7.46183073 L3.46015511,12.9601551 L19.9564452,12.9601551 C20.7869212,12.9601551 21.4601551,13.6259523 21.4601551,14.4601551 L21.4601551,14.4601551 C21.4601551,15.2885822 20.785232,15.9601551 19.9667219,15.9601551 L1.95358834,15.9601551 C1.12878794,15.9601551 0.460155108,15.2884991 0.460155108,14.4630541 L0.460155108,7.45725615 Z" id="CheckboxMark" transform="translate(10.960155, 10.960155) rotate(-45.000000) translate(-10.960155, -10.960155) "></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/clock.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Clock</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(1.000000, 1.000000)" fill="#9B9B9B">
+            <path d="M11,22 C17.0751322,22 22,17.0751322 22,11 C22,4.92486775 17.0751322,0 11,0 C4.92486775,0 0,4.92486775 0,11 C0,17.0751322 4.92486775,22 11,22 Z M11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 Z M10.5,3.00966585 C10.5,2.72818517 10.7319336,2.5 11,2.5 C11.2761424,2.5 11.5,2.73079681 11.5,3.00043583 L11.5,10.5 L16.0023012,10.5 C16.2771727,10.5 16.5,10.7319336 16.5,11 C16.5,11.2761424 16.2721195,11.5 16.0089948,11.5 L10.9910052,11.5 C10.7198305,11.5 10.5,11.2775269 10.5,10.9903342 L10.5,3.00966585 Z" id="Clock"></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/search.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Search</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(1.000000, 1.000000)" fill="#9B9B9B">
+            <path d="M14.5610109,16.0768647 C13.0302194,17.2814309 11.0990251,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.3489613 17.1001192,13.4877442 15.6262932,15.0904129 L21.8402784,20.8382529 C22.0438968,21.0265968 22.0482516,21.3387618 21.8607428,21.5248371 L21.5286336,21.8544073 C21.3363174,22.0452534 21.0152795,22.0472113 20.8117305,21.8589237 L14.5610109,16.0768647 Z M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z" id="Search"></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/icons/success.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+    <title>Success</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="zhiren_icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Main" transform="translate(1.000000, 1.000000)" fill="#9B9B9B">
+            <path d="M11,22 C17.0751322,22 22,17.0751322 22,11 C22,4.92486775 17.0751322,0 11,0 C4.92486775,0 0,4.92486775 0,11 C0,17.0751322 4.92486775,22 11,22 Z M11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 Z M17.0734953,8.10417138 C17.2692381,7.90842856 17.2639172,7.58574584 17.0743656,7.39619427 C16.8791035,7.20093212 16.5598374,7.20361571 16.3604356,7.40301751 L9.64974442,14.1137087 L5.75429682,10.2182611 C5.56254737,10.0265116 5.24310191,10.0350698 5.05355034,10.2246214 C4.85828819,10.4198835 4.8646839,10.7428617 5.05597058,10.9341484 L9.29377079,15.1719486 C9.49036959,15.3685474 9.81220265,15.365464 10.0041681,15.1734985 L17.0734953,8.10417138 Z" id="Success"></path>
+        </g>
+    </g>
+</svg>

data/lib/assets/javascripts/tao/form/element.coffee

@@ -0,0 +1,16 @@
+#= require tao/form/shared/element/base
+
+class Tao.Form.Element extends Tao.Form.ElementBase
+
+  _bind: ->
+    super
+
+    @on 'focus', '.input-field', (e) =>
+      $field = $ e.currentTarget
+      $field.closest('.form-input').addClass 'focus'
+
+    @on 'blur', '.input-field', (e) =>
+      $field = $ e.currentTarget
+      $field.closest('.form-input').removeClass 'focus'
+
+TaoComponent.register Tao.Form.Element

data/lib/assets/javascripts/tao/form/fields/checkbox.coffee

@@ -0,0 +1,14 @@
+#= require tao/form/shared/fields/checkbox
+
+class Tao.Form.Checkbox extends Tao.Form.CheckboxBase
+
+  _bind: ->
+    super
+
+    @on 'keydown', '.checkbox-wrapper', (e) =>
+      return unless e.which == 13 && @field.is(':enabled')
+      @_toggleChecked()
+      @trigger 'change'
+      false
+
+TaoComponent.register Tao.Form.Checkbox

data/lib/assets/javascripts/tao/form/fields/index.coffee

@@ -0,0 +1,9 @@
+#= require ./checkbox
+#= require ./switch
+#= require ./radio
+#= require ./select
+#= require ./moment_picker
+#= require tao/form/shared/fields/date_picker
+#= require tao/form/shared/fields/time_picker
+#= require tao/form/shared/fields/datetime_picker
+#= require tao/form/shared/fields/month_picker

data/lib/assets/javascripts/tao/form/fields/moment_picker/element.coffee

@@ -0,0 +1,38 @@
+#= require tao/form/shared/fields/moment_picker/element/base
+
+class Tao.Form.MomentPicker.Element extends Tao.Form.MomentPicker.ElementBase
+
+  _bind: ->
+    super
+
+    @on 'show', 'tao-moment-picker-segment-list', (e) =>
+      @_positionList()
+
+  _activeChanged: ->
+    @_unbindDocumentMousedown()
+    if @active
+      @segmentList.setMoment(@moment)
+      @_bindDocumentMousedown()
+
+    @result.active = @active
+    @segmentList.active = @active
+
+  _unbindDocumentMousedown: ->
+    $(document).off "mousedown.tao-moment-picker-#{@taoId}"
+
+  _bindDocumentMousedown: ->
+    $(document).on "mousedown.tao-moment-picker-#{@taoId}", (e) =>
+      return if $.contains(@, e.target) && !(@multiple && @result == e.target)
+      @active = false
+      @_unbindDocumentMousedown()
+
+  _positionList: ->
+    rect = @getBoundingClientRect()
+    offsetToWindowTop = rect.top
+    offsetToWindowBottom = $(window).height() - rect.bottom
+    listHeight = @segmentList.jq.outerHeight()
+
+    @segmentList.direction = if offsetToWindowBottom < listHeight && offsetToWindowTop > offsetToWindowBottom
+      'up'
+    else
+      'down'

data/lib/assets/javascripts/tao/form/fields/moment_picker/index.coffee

@@ -0,0 +1,7 @@
+#= require_self
+#= require tao/form/shared/fields/moment_picker/segments
+#= require ./element
+#= require ./result
+#= require ./segment_list
+
+Tao.Form.MomentPicker = {}

data/lib/assets/javascripts/tao/form/fields/moment_picker/result.coffee

@@ -0,0 +1,25 @@
+#= require tao/form/shared/fields/moment_picker/result/base
+
+class Tao.Form.MomentPicker.Result extends Tao.Form.MomentPicker.ResultBase
+
+  @attribute 'active', type: 'boolean'
+
+  _connected: ->
+    super
+    @jq.attr('tabindex', '0') unless @disabled
+
+  _bind: ->
+    super
+
+    @on 'click', '.link-clear', (e) =>
+      return if @disabled
+      @clear() && @trigger('clear')
+      false
+
+  _disabledChanged: ->
+    if @disabled
+      @jq.removeAttr 'tabindex'
+    else
+      @jq.attr 'tabindex', '0'
+
+TaoComponent.register Tao.Form.MomentPicker.Result

data/lib/assets/javascripts/tao/form/fields/moment_picker/segment_list.coffee

@@ -0,0 +1,14 @@
+#= require tao/form/shared/fields/moment_picker/segment_list/base
+
+MomentPicker = Tao.Form.MomentPicker
+
+class MomentPicker.SegmentList extends MomentPicker.SegmentListBase
+
+  @attribute 'active', type: 'boolean', observe: true
+
+  @attribute 'direction', default: 'down'
+
+  _activeChanged: ->
+    @trigger('show') if @active
+
+TaoComponent.register Tao.Form.MomentPicker.SegmentList

data/lib/assets/javascripts/tao/form/fields/radio.coffee

@@ -0,0 +1,14 @@
+#= require tao/form/shared/fields/radio
+
+class Tao.Form.Radio extends Tao.Form.RadioBase
+
+  _bind: ->
+    super
+
+    @on 'keydown', '.radio-wrapper', (e) =>
+      return unless e.which == 13 && @field.is(':enabled')
+      @_toggleChecked()
+      @trigger 'change'
+      false
+
+TaoComponent.register Tao.Form.Radio

data/lib/assets/javascripts/tao/form/fields/select/element.coffee

@@ -0,0 +1,79 @@
+#= require tao/form/shared/fields/select/element/base
+
+class Tao.Form.Select.Element extends Tao.Form.Select.ElementBase
+
+  _disconnected: ->
+    super
+    @_unbindDocumentMousedown()
+
+  _bindResultEvents: ->
+    super
+
+    @on 'enterPress', '.select-result', (e) =>
+      if @active
+        if @selectOption @list.highlightedOption
+          @trigger 'change', @selectedOption
+      else
+        @active = true
+      null
+
+    @on 'arrowPress', '.select-result', (e, direction) =>
+      if @active
+        if direction == 'up'
+          @list.highlightPrevOption()
+        else
+          @list.highlightNextOption()
+      else
+        @active = true
+      null
+
+  _bindListEvents: ->
+    super
+
+    @on 'selectOption', '.select-list', (e, option) =>
+      @active = false
+      null
+
+    @on 'show', '.select-list', (e) =>
+      @_positionList()
+
+    @on 'searchEscapePress', '.select-list', (e) =>
+      @active = false
+      null
+
+  _activeChanged: ->
+    @list.active = @active
+    @result.active = @active
+
+    @_unbindDocumentMousedown()
+    if @active
+      @_bindDocumentMousedown()
+    else
+      @result.focus()
+
+  _unbindDocumentMousedown: ->
+    $(document).off "mousedown.tao-select-#{@taoId}"
+
+  _bindDocumentMousedown: ->
+    $(document).on "mousedown.tao-select-#{@taoId}", (e) =>
+      return if $.contains(@, e.target) && !(@multiple && @result == e.target)
+      @active = false
+      @_unbindDocumentMousedown()
+
+  _positionList: ->
+    rect = @getBoundingClientRect()
+    offsetToWindowTop = rect.top
+    offsetToWindowBottom = $(window).height() - rect.bottom
+
+    @list.setMaxHeight false
+    @_reflow()
+    listHeight = @list.jq.outerHeight()
+
+    if offsetToWindowBottom < listHeight && offsetToWindowTop > offsetToWindowBottom
+      @list.setMaxHeight offsetToWindowTop - 20
+      @list.direction = 'up'
+    else
+      @list.setMaxHeight(offsetToWindowBottom - 20) if offsetToWindowBottom < listHeight
+      @list.direction = 'down'
+
+TaoComponent.register Tao.Form.Select.Element

data/lib/assets/javascripts/tao/form/fields/select/index.coffee

@@ -0,0 +1,8 @@
+#= require_self
+#= require tao/form/shared/fields/select/models
+#= require ./result
+#= require ./multiple_result
+#= require ./list
+#= require ./element
+
+Tao.Form.Select = {}

data/lib/assets/javascripts/tao/form/fields/select/list.coffee

@@ -0,0 +1,98 @@
+#= require tao/form/shared/fields/select/list/base
+
+class Tao.Form.Select.List extends Tao.Form.Select.ListBase
+
+  @attribute 'active', type: 'boolean', observe: true
+
+  @attribute 'direction', default: 'down'
+
+  _connected: ->
+    super
+
+    @highlightedOption = null
+
+  _bind: ->
+    super
+
+    @on 'keydown', '.search-field', (e) =>
+      if e.which == 13
+        @trigger('selectOption', [@highlightedOption]) if @highlightedOption
+        false
+      else if e.which == 27
+        @trigger 'searchEscapePress'
+        false
+      else if e.which == 38
+        @highlightPrevOption()
+        false
+      else if e.which == 40
+        @highlightNextOption()
+        false
+
+  _activeChanged: ->
+    if @active
+      @trigger 'show'
+      @searchField.focus() if @searchable
+      @_refreshScrollPosition()
+    else
+      @reset()
+
+  _refreshScrollPosition: ->
+    return unless @active
+
+    @_reflow()
+
+    $list = @jq.find('.list-wrapper')
+    if @direction == 'up'
+      $list.scrollTop $list[0].scrollHeight
+    else
+      $list.scrollTop 0
+
+  setOptions: (options, totalSize) ->
+    super
+    if @options.length > 0
+      @highlightFirstOption()
+    else
+      @highlightedOption = null
+
+  setMaxHeight: (maxHeight) ->
+    maxHeight = if maxHeight
+      searchHeight = if @searchable then @jq.find('.search-input').outerHeight() else 0
+      optionHeight = @jq.find('.options-list .option:first').outerHeight()
+      Math.floor((maxHeight - searchHeight) / optionHeight) * optionHeight
+    else
+      ''
+
+    @jq.find('.list-wrapper').css
+      maxHeight: maxHeight
+
+  highlightNextOption: ->
+    if @highlightedOption
+      method = if @direction == 'up' then 'prev' else 'next'
+      $option = @jq.find(".option[data-value='#{@highlightedOption.value}']")[method]('.option')
+      @highlightOption($option) if $option.length > 0
+    else
+      @highlightFirstOption()
+
+  highlightPrevOption: ->
+    if @highlightedOption
+      method = if @direction == 'up' then 'next' else 'prev'
+      $option = @jq.find(".option[data-value='#{@highlightedOption.value}']")[method]('.option')
+      @highlightOption($option) if $option.length > 0
+    else
+      @highlightFirstOption()
+
+  highlightFirstOption: ->
+    @highlightOption @jq.find('.option:first')
+
+  highlightOption: (option) ->
+    if option instanceof Option
+      $option = @jq.find(".option[data-value='#{option.value}']")
+    else
+      $option = option
+
+    return false unless $option && !$option.hasClass('highlighted')
+    $option.addClass('highlighted')
+      .siblings('.option').removeClass('highlighted')
+    @highlightedOption = $option.data 'option'
+
+TaoComponent.register Tao.Form.Select.List