Meetings with agenda tops prototype

.github/workflows/pullpreview.yml

@@ -53,3 +53,4 @@ jobs:
         AWS_ACCESS_KEY_ID: "${{ secrets.AWS_ACCESS_KEY_ID }}"
         AWS_SECRET_ACCESS_KEY: "${{ secrets.AWS_SECRET_ACCESS_KEY }}"
         AWS_REGION: eu-central-1
+        OPENPROJECT_FEATURE_PERSONAL_THEME_SELECTION_ACTIVE: true

Gemfile

@@ -279,6 +279,9 @@ group :development do
   gem 'livingstyleguide', '~> 2.1.0'
   gem 'sassc-rails'
 
+  # Lookbook
+  gem 'lookbook', '~> 2.0.3'
+
   gem 'colored2'
 
   # git hooks manager

Gemfile.lock

@@ -378,6 +378,8 @@ GEM
     crack (0.4.5)
       rexml
     crass (1.0.6)
+    css_parser (1.14.0)
+      addressable
     cuprite (0.14.3)
       capybara (~> 3.0)
       ferrum (~> 0.13.0)
@@ -534,7 +536,9 @@ GEM
     html-pipeline (2.14.3)
       activesupport (>= 2)
       nokogiri (>= 1.4)
+    htmlbeautifier (1.4.2)
     htmldiff (0.0.1)
+    htmlentities (4.3.4)
     http-accept (1.7.0)
     http-cookie (1.0.5)
       domain_name (~> 0.5)
@@ -600,6 +604,18 @@ GEM
     loofah (2.21.3)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
+    lookbook (2.0.3)
+      activemodel
+      css_parser
+      htmlbeautifier (~> 1.3)
+      htmlentities (~> 4.3.4)
+      marcel (~> 1.0)
+      railties (>= 5.0)
+      redcarpet (~> 3.5)
+      rouge (>= 3.26, < 5.0)
+      view_component (>= 2.0)
+      yard (~> 0.9.25)
+      zeitwerk (~> 2.5)
     mail (2.8.1)
       mini_mime (>= 0.1.1)
       net-imap
@@ -686,6 +702,11 @@ GEM
       ttfunk (~> 1.7)
     prawn-table (0.2.2)
       prawn (>= 1.3.0, < 3.0.0)
+    primer_view_components (0.1.9)
+      actionview (>= 5.0.0)
+      activesupport (>= 5.0.0)
+      octicons (>= 18.0.0)
+      view_component (> 2.0, < 4.0)
     pry (0.14.2)
       coderay (~> 1.1)
       method_source (~> 1.0)
@@ -983,6 +1004,7 @@ GEM
       activerecord (>= 4.2)
     xpath (3.2.0)
       nokogiri (~> 1.8)
+    yard (0.9.34)
     zeitwerk (2.6.8)
 
 PLATFORMS
@@ -1058,6 +1080,7 @@ DEPENDENCIES
   listen (~> 3.8.0)
   livingstyleguide (~> 2.1.0)
   lograge (~> 0.12.0)
+  lookbook (~> 2.0.3)
   mail (= 2.8.1)
   matrix (~> 0.4.2)
   md_to_pdf!
@@ -1174,4 +1197,4 @@ RUBY VERSION
    ruby 3.2.1p31
 
 BUNDLED WITH
-   2.4.7
+   2.4.6

app/components/concerns/op_turbo/streamable.rb

@@ -0,0 +1,124 @@
+#-- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) 2012-2023 the OpenProject GmbH
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License version 3.
+#
+# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+# Copyright (C) 2006-2013 Jean-Philippe Lang
+# Copyright (C) 2010-2013 the ChiliProject Team
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License
+# as published by the Free Software Foundation; either version 2
+# of the License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+#
+# See COPYRIGHT and LICENSE files for more details.
+#++
+
+module OpTurbo
+  module Streamable
+    extend ActiveSupport::Concern
+
+    class_methods do
+      def wrapper_key
+        name.underscore.gsub("/", "-").gsub("_", "-")
+      end
+    end
+
+    included do
+      def render_as_turbo_stream(view_context:, action: :update)
+        case action
+        when :update
+          @inner_html_only = true
+          template = render_in(view_context)
+        when :replace
+          template = render_in(view_context)
+        when :remove
+          template = nil
+        else
+          raise "Unsupported action #{action}"
+        end
+
+        unless @component_wrapper_used
+          raise "You need to wrap your component in a `component_wrapper` block in order to use the turbo-stream methods"
+        end
+
+        OpTurbo::StreamWrapperComponent.new(
+          action:,
+          target: wrapper_key,
+          template:
+        ).render_in(view_context)
+      end
+
+      def insert_as_turbo_stream(component:, view_context:, action: :append)
+        template = component.render_in(view_context)
+
+        unless @component_wrapper_used
+          raise "You need to wrap your component in a `component_wrapper` block in order to use the turbo-stream methods"
+        end
+
+        OpTurbo::StreamWrapperComponent.new(
+          action:,
+          target: insert_target_modified? ? insert_target_modifier_id : wrapper_key,
+          template:
+        ).render_in(view_context)
+      end
+
+      def component_wrapper(tag: "div", class: nil, data: nil, style: nil, &block)
+        @component_wrapper_used = true
+        if inner_html_only?
+          capture(&block)
+        else
+          content_tag(tag, id: wrapper_key, class:, data:, style:, &block)
+        end
+      end
+
+      def inner_html_only?
+        @inner_html_only == true
+      end
+
+      def wrapper_key
+        if wrapper_uniq_by.nil?
+          self.class.wrapper_key
+        else
+          "#{self.class.wrapper_key}-#{wrapper_uniq_by}"
+        end
+      end
+
+      def wrapper_uniq_by
+        # optionally implemented in subclass in order to make the wrapper key unique
+      end
+
+      def insert_target_modified?
+        # optionally overriden (returning true) in subclass in order to indicate thate the insert target
+        # is modified and should not be the root inner html element
+        # insert_target_container needs to be present on component's erb template then
+        false
+      end
+
+      def insert_target_container(tag: "div", class: nil, data: nil, style: nil, &block)
+        unless insert_target_modified?
+          raise "`insert_target_modified?` needs to be implemented and return true if `insert_target_container` is " \
+                "used in this component"
+        end
+
+        content_tag(tag, id: insert_target_modifier_id, class:, data:, style:, &block)
+      end
+
+      def insert_target_modifier_id
+        "#{wrapper_key}-insert-target-modifier"
+      end
+    end
+  end
+end

app/components/icon_component.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+class IconComponent < ViewComponent::Base
+  def initialize(name:, classnames: '')
+    @name = name
+    @classnames = classnames
+  end
+
+  def call
+    helpers.spot_icon @name, classnames: @classnames
+  end
+end

app/components/op_turbo/stream_wrapper_component.html.erb

@@ -0,0 +1,36 @@
+<%#-- copyright
+OpenProject is an open source project management software.
+Copyright (C) 2012-2023 the OpenProject GmbH
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License version 3.
+
+OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+Copyright (C) 2006-2013 Jean-Philippe Lang
+Copyright (C) 2010-2013 the ChiliProject Team
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License
+as published by the Free Software Foundation; either version 2
+of the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+
+See COPYRIGHT and LICENSE files for more details.
+
+++#%>
+<turbo-stream action="<%=@action%>" target="<%=@target%>">
+  <% if @template %>
+    <template>
+      <%= @template %>
+    </template>
+  <% end %>
+</turbo-stream>
+

app/components/op_turbo/stream_wrapper_component.rb

@@ -0,0 +1,39 @@
+#-- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) 2012-2023 the OpenProject GmbH
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License version 3.
+#
+# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+# Copyright (C) 2006-2013 Jean-Philippe Lang
+# Copyright (C) 2010-2013 the ChiliProject Team
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License
+# as published by the Free Software Foundation; either version 2
+# of the License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+#
+# See COPYRIGHT and LICENSE files for more details.
+#++
+
+module OpTurbo
+  class StreamWrapperComponent < ApplicationComponent
+    def initialize(template:, action:, target:)
+      super()
+
+      @template = template
+      @action = action
+      @target = target
+    end
+  end
+end

app/components/switch_component.html.erb

@@ -0,0 +1,8 @@
+<%= helpers.angular_component_tag(
+      'spot-switch',
+      inputs: {
+        name: @name,
+        checked: @checked,
+        disabled: @disabled
+      }.compact
+    ) -%>

app/components/switch_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class SwitchComponent < ViewComponent::Base
+  def initialize(checked: false, disabled: false, name: nil)
+    @checked = checked
+    @disabled = disabled
+    @name = name
+  end
+end

app/components/tooltip_component.html.erb

@@ -0,0 +1,6 @@
+<span class="spot-tooltip">
+  <%= trigger %>
+  <div class="spot-tooltip--body spot-container spot-tooltip--body_<%= @alignment %>">
+  <%= body %>
+  </div>
+</span>