tybo 0.0.1 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9897851e74a06c11d9a138fd37ce454356f3d7d9df8735e481fafa40a45ecde1
-  data.tar.gz: fbd99b2a4e4ffae5ee374e8a2bf69623ca80dcc20512e717d8cfb68d360f4710
+  metadata.gz: f587762e6fc941a150f59aa336d987faeee5d66a180f0bfc6f8e7868e92ba9ba
+  data.tar.gz: 32194ed86ca66273c8d601466028bde6b1e1189e9aa05ac30044703d22d0aab2
 SHA512:
-  metadata.gz: 2c029d94231d4e20fe1b5498e3aac4f9f16c3d4c70b16316c0de63e55f3be79767e3ca174e1e90563d98b61d96ba505809440d95ca6bbda23cb69c4b68b63214
-  data.tar.gz: dcec0696f8fa822cc8898e761836eda344d030f1156eb31034f88d2127b6edd679516bb663302075575d0939acef606eda66b92d2f1b2997dec8b02d69a60c94
+  metadata.gz: 2951055222ca10e692ed8e47e445dd1497967af74887e9c454ce1197fe1b883761586e95ba7840d9513062369df86cd67331a89393ec1c5f21ee03762af3c9b2
+  data.tar.gz: a50d6d4eef0e0586632ab8bf0da40d06b1d757cce5740a9361e02a2ee6f541b61a78d988c478f91206c90ddfc8160e50e0abda3670bd0b920a1b9d1cc230297d

data/lib/app/components/form_component.html.erb

@@ -29,7 +29,7 @@
       </div>
     <% end %>
 
-    <div class="px-4 py-5 bg-white space-y-6 sm:p-6 shadow sm:rounded-md sm:overflow-hidden">
+    <div class="px-4 py-5 bg-white space-y-6 sm:p-6 shadow sm:rounded-md">
       <%= content %>
     </div>
   </div>

data/lib/app/components/forms/subtitle_component.html.erb

@@ -1,5 +1,5 @@
 <div class="my-5">
-  <h3 class="text-lg leading-6 font-medium text-gray-900">
+  <h3 class="text-lg leading-6 bgfont-medium text-gray-900">
     <%= @subtitle %>
   </h3>
 </div>

data/lib/app/components/index_header_add_component.html.erb

@@ -1,3 +1,3 @@
 <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
-  <%= link_to '+', @path, class: "inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:w-auto" %>
-</div>
+  <%= link_to '+', @path, class: "inline-flex items-center justify-center rounded-md border border-transparent bg-custom px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-custom-700 focus:outline-none focus:ring-2 focus:ring-custom-500 focus:ring-offset-2 sm:w-auto" %>
+</div>

data/lib/app/components/sidebar_component.html.erb

@@ -1,8 +1,8 @@
 <div class=" md:flex md:w-64 md:flex-col md:fixed md:inset-y-0">
-  <div class="flex-1 flex flex-col min-h-0 bg-sidebar">
+  <div class="flex-1 flex flex-col min-h-0 bg-custom">
     <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
       <div class="flex items-center flex-shrink-0 px-4">
-        <%= image_tag("https://tymate.com/assets/logos/logo-full-tymate-white-44c399f36de12ec8b69a86ec02ab13fc5c80842dd2333117658ead762ff15f93.svg", alt: "logo rif", class: 'mx-auto h-15 w-auto') %>
+        <%= image_tag("https://www.datocms-assets.com/33962/1667496758-logo-white.svg", alt: "logo rif", class: 'mx-auto h-15 w-auto') %>
       </div>
 
       <nav class="mt-5 flex-1 px-2 space-y-1" aria-label="Sidebar">

data/lib/app/components/tables/active_record_th_component.html.erb

@@ -0,0 +1,3 @@
+<th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 hover:cursor-pointer">
+  <%= sort_link(@q, @column_name, @label, default_order: :asc) %>
+</th>

data/lib/app/components/tables/active_record_th_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Tables
+  class ActiveRecordThComponent < ViewComponent::Base
+    include Ransack::Helpers::FormHelper
+
+    def initialize(column_name:, ransack_object: )
+      @column_name = column_name
+      @q = ransack_object
+      @label = label
+    end
+
+    def label
+      I18n.t("bo.#{@q.object.klass.to_s.underscore}.attributes.#{@column_name}")
+    end
+  end
+end

data/lib/app/components/tables/thead_component.html.erb

@@ -3,5 +3,8 @@
     <% ths.each do |th| %>
       <%= th %>
     <% end %>
+    <% active_record_ths.each do |th| %>
+      <%= th %>
+    <% end %>
   </tr>
 </thead>

data/lib/app/components/tables/thead_component.rb

@@ -3,5 +3,6 @@
 module Tables
   class TheadComponent < ViewComponent::Base
     renders_many :ths, Tables::ThComponent
+    renders_many :active_record_ths, Tables::ActiveRecordThComponent
   end
 end

data/lib/app/javascript/controllers/attachments_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+import { FetchRequest, patch } from '@rails/request.js'
+
+export default class extends Controller {
+  static values = { url: String, method: String, attachmentId: Number }
+
+  async toggle(event) {
+    event.preventDefault()
+
+    const request = new FetchRequest(this.methodValue, this.urlValue, {responseKind: "turbo-stream", body: { attachment_id: this.attachmentIdValue}})
+    const response = await request.perform()
+    if (response.ok) {}
+  }
+}

data/lib/app/javascript/controllers/dropdown_controller.js

@@ -0,0 +1,15 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["menu"]
+
+  toggle() {
+    this.menuTarget.classList.toggle("hidden")
+  }
+
+  hide(event) {
+    if (!this.element.contains(event.target) && !this.menuTarget.classList.contains('hidden')) {
+      this.menuTarget.classList.add("hidden")
+    }
+  }
+}

data/lib/app/javascript/controllers/index.js

@@ -0,0 +1,6 @@
+export { default as Attachments }  from "./attachments_controller";
+export { default as Dropdown }  from "./dropdown_controller";
+export { default as Flash }  from "./flash_controller";
+export { default as SearchForm }  from "./search_form_controller";
+export { default as TsSearch }  from "./ts/search_controller";
+export { default as TsSelect }  from "./ts/select_controller";

data/lib/app/javascript/controllers/questions_controller.js

@@ -0,0 +1,61 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ['questionKind', 'questionType', 'newQuestion', 'choices', 'documentType']
+
+  changeType(e) {
+    let questionType = e.target.selectedOptions[0].value
+    let kindInput = this.questionKindTarget
+    this.getKindInput(questionType, kindInput)
+  }
+
+
+  getKindInput(questionType, kindInput) {
+    fetch(`/admin/questions/kinds?type=${questionType}`, {
+      method: 'GET',
+    }).then(response => response.json())
+      .then(data => {
+        kindInput.options.length = 0 // reset options in select
+        data.unshift('')
+        for (let i in data) { // feed options in select with data array
+          kindInput.options[kindInput.options.length] = new Option(data[i][0], data[i][1]);
+        }
+        this.displayChoiceBtn()
+      })
+  }
+  changeKind() {
+    this.displayChoiceBtn()
+    this.removeChoices()
+  }
+
+  removeChoices() {
+    document.getElementById('choices').innerHTML = ''
+  }
+
+  updateChoicePartial() {
+    let questionKind = this.questionKindTarget.selectedOptions[0].value
+    let questionType = this.questionTypeTarget.selectedOptions[0].value
+    let choices = this.choicesTarget
+    fetch(`/admin/questions/update_nested_form?type=${questionType}&kind=${questionKind}`, {
+      method: 'GET',
+    }).then(response => response.json())
+      .then(data => {
+        choices.innerHTML = data
+      })
+  }
+  displayChoiceBtn() {
+    let questionKind = this.questionKindTarget.selectedOptions[0].value
+    let questionType = this.questionTypeTarget.selectedOptions[0].value
+    let btn = document.getElementById('add-choice')
+    if (Boolean(questionKind) && Boolean(questionType) && questionType != "Questions::Input") {
+      btn.classList.remove('hidden')
+    } else {
+      btn.classList.add('hidden')
+    }
+  }
+
+  addQuestion() {
+    this.newQuestionTargets[0].classList.remove('hidden')
+    location.hash = "#" + 'newQuestion';
+  }
+}

data/lib/app/javascript/controllers/search_form_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["form"]
+
+  search() {
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      this.formTarget.requestSubmit()
+    }, 200)
+  }
+
+  setBooleanField(e) {
+    let value = e.target.getAttribute('data-value')
+    let targetId = e.target.getAttribute('data-target-id')
+    let target = document.getElementById(targetId)
+    target.value = value
+    this.formTarget.requestSubmit()
+  }
+}

data/lib/app/javascript/controllers/ts/search_controller.js

@@ -0,0 +1,35 @@
+// app/javascript/controllers/ts/search_controller.js
+
+import { Controller } from "@hotwired/stimulus"
+import { get } from '@rails/request.js'
+import TomSelect from "tom-select"
+
+// Connects to data-controller="ts--search"
+export default class extends Controller {
+  static values = { url: String }
+
+  connect() {
+
+    var config = {
+      plugins: ['clear_button'],
+      valueField: 'value',
+      load: (q, callback) => this.search(q, callback)
+    }
+    new TomSelect(this.element, config)
+  }
+
+  async search(q, callback) {
+    const response = await get(this.urlValue, {
+      query: { q: q },
+      responseKind: 'json'
+    })
+
+    if (response.ok) {
+      const list = await response.json
+      callback(list)
+    } else {
+      callback()
+    }
+  }
+
+}

data/lib/app/javascript/controllers/ts/select_controller.js

@@ -0,0 +1,9 @@
+import { Controller } from "@hotwired/stimulus"
+import TomSelect from "tom-select"
+
+// Connects to data-controller="ts--select"
+export default class extends Controller {
+  connect() {
+    new TomSelect(this.element, { create: false, plugins: ['remove_button'] })
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tybo
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Julien Camblan
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-12-06 00:00:00.000000000 Z
+date: 2022-12-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: turbo-rails
@@ -137,6 +137,8 @@ files:
 - lib/app/components/sidebar_item_component.rb
 - lib/app/components/sign_out_button_component.html.erb
 - lib/app/components/sign_out_button_component.rb
+- lib/app/components/tables/active_record_th_component.html.erb
+- lib/app/components/tables/active_record_th_component.rb
 - lib/app/components/tables/table_component.html.erb
 - lib/app/components/tables/table_component.rb
 - lib/app/components/tables/tbody_component.html.erb
@@ -151,7 +153,14 @@ files:
 - lib/app/components/tables/tr_component.rb
 - lib/app/helpers/application_helper.rb
 - lib/app/helpers/flash_helper.rb
+- lib/app/javascript/controllers/attachments_controller.js
+- lib/app/javascript/controllers/dropdown_controller.js
 - lib/app/javascript/controllers/flash_controller.js
+- lib/app/javascript/controllers/index.js
+- lib/app/javascript/controllers/questions_controller.js
+- lib/app/javascript/controllers/search_form_controller.js
+- lib/app/javascript/controllers/ts/search_controller.js
+- lib/app/javascript/controllers/ts/select_controller.js
 - lib/tybo.rb
 homepage: https://rubygems.org/gems/backoffice-components
 licenses: