open_fresk 0.1.1

data/app/assets/stylesheets/open_fresk/external_libraries/_actiontext.scss

@@ -0,0 +1,30 @@
+/*
+ * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
+ * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
+ * inclusion directly in any other asset bundle and remove this file.
+ *
+*/
+
+/*
+ * We need to override trix.css’s image gallery styles to accommodate the
+ * <action-text-attachment> element we wrap around attachments. Otherwise,
+ * images in galleries will be squished by the max-width: 33%; rule.
+*/
+.trix-content .attachment-gallery > action-text-attachment,
+.trix-content .attachment-gallery > .attachment {
+  flex: 1 0 33%;
+  padding: 0 0.5em;
+  max-width: 33%;
+}
+
+.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
+  flex-basis: 50%;
+  max-width: 50%;
+}
+
+.trix-content action-text-attachment .attachment {
+  padding: 0 !important;
+  max-width: 100% !important;
+}

data/app/assets/stylesheets/open_fresk/external_libraries/_slimselect.min.scss

@@ -0,0 +1 @@
+:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-font-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:30px;--ss-content-height:300px;--ss-spacing-l:7px;--ss-spacing-m:5px;--ss-spacing-s:3px;--ss-animation-timing:0.2s;--ss-border-radius:4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none!important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-primary-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0 auto 0;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0 auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-primary-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none!important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:700;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}

data/app/assets/stylesheets/open_fresk/external_libraries/index.scss

@@ -0,0 +1,2 @@
+@import "actiontext";
+@import "slimselect.min";

data/app/assets/stylesheets/open_fresk/pages/_index.scss

@@ -0,0 +1 @@
+@import "signin";

data/app/assets/stylesheets/open_fresk/pages/_signin.scss

@@ -0,0 +1,10 @@
+.form-signin {
+    width: 100%;
+    max-width: 400px;
+    padding: 15px;
+    margin: auto;
+}
+
+.navbar-collapse .dropdown-menu {
+  min-width: 250px !important;
+}

data/app/assets/stylesheets-original/open_fresk/application.css

@@ -0,0 +1,90 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ */
+
+label.required:after {
+  content: "*";
+}
+
+// Main stylesheet
+
+// CSS partials
+@import "config/index";
+@import "external_libraries/index";
+@import "components/index";
+@import "pages/index";
+@import "font_awesome5_webfont";
+$fa-font-path: "@fortawesome/fontawesome-free/webfonts";
+@import "@fortawesome/fontawesome-free/scss/fontawesome";
+@import "@fortawesome/fontawesome-free/scss/brands";
+@import "@fortawesome/fontawesome-free/scss/solid";
+@import "@fortawesome/fontawesome-free/scss/regular";
+@import "@fortawesome/fontawesome-free/scss/v4-shims";
+@import "bootstrap";
+
+// External libraries
+body,
+html {
+  width: 100%;
+  height: 100%;
+}
+
+* {
+  font-family: "Roboto", sans-serif;
+}
+
+body {
+  display: flex !important;
+  align-items: center;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  font-weight: 400 !important;
+  margin-bottom: 20px !important;
+  margin-top: 20px !important;
+}
+
+img {
+  aspect-ratio: attr(width) / attr(height);
+}
+
+p.copyright {
+  margin: 15px 0 0;
+}
+
+.rounded-4 {
+  border-radius: 8px;
+}
+.rounded-5 {
+  border-radius: 10px;
+}
+
+.square-50 {
+  width: 50px;
+  height: 50px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.nav-item.dropdown .dropdown-item:active {
+  background-color: transparent !important;
+}
+
+.list-style-none {
+  list-style-type: none;
+}
+
+input[type="radio"] {
+  width: 16px;
+  height: 16px;
+}

data/app/controllers/concerns/open_fresk/authentication.rb

@@ -0,0 +1,18 @@
+module OpenFresk::Authentication
+  extend ActiveSupport::Concern
+
+  included do
+    helper_method :current_user
+    before_action  :authenticate_user!
+  end
+
+  def current_user
+    @current_user ||= ::User.find_by(id: session[:user_id])
+  end
+
+  def authenticate_user!
+    return if current_user
+    session[:forwarding_url] = request.fullpath if request.get?
+    redirect_to new_session_path, alert: t("please_log_in")
+  end
+end

data/app/controllers/open_fresk/application_controller.rb

@@ -0,0 +1,5 @@
+module OpenFresk
+  class ApplicationController < ::ApplicationController
+    include OpenFresk::Authentication
+  end
+end

data/app/controllers/open_fresk/sessions_controller.rb

@@ -0,0 +1,38 @@
+module OpenFresk
+  class SessionsController < ApplicationController
+    skip_before_action :authenticate_user!
+    
+    def new
+    end
+
+    def create
+      user = ::User.where(email: params[:email]&.downcase).first
+      if user&.authenticate(params[:password])
+        session[:user_id] = user.id
+
+        # Allow host app to add custom behavior
+        after_sign_in_hook(user)
+
+        redirect_to redirection_url(user)
+      else
+        @alert = t("sessions.invalid_credentials")
+        respond_to do |format|
+          format.html { redirect_to open_fresk.new_session_path, alert: @alert }
+          format.turbo_stream do
+            render turbo_stream: turbo_stream.prepend("signin", partial: "wrong_credentials", locals: {alert: @alert})
+          end
+        end
+      end
+    end
+
+    private
+
+      def redirection_url(user)
+        root_url
+      end
+
+      def after_sign_in_hook(user)
+        # No-op by default
+      end
+  end
+end

data/app/controllers/open_fresk/training_sessions_controller.rb

@@ -0,0 +1,17 @@
+module OpenFresk
+  class TrainingSessionsController < ApplicationController
+    def index
+    end
+
+    private
+
+      def sessions_lists
+        public_opportunities
+      end
+
+      def public_opportunities
+        training_sessions = TrainingSession.futur
+        @my_training_sessions = training_sessions.my_sessions(current_user)
+      end
+  end
+end

data/app/extensions/open_fresk/core_extensions/string.rb

@@ -0,0 +1,13 @@
+module OpenFresk
+  module CoreExtensions
+    module String
+      def capitalize_with_dash
+        capitalize.gsub(/-[a-z]/) { |s| s.upcase }
+      end
+
+      def titleize_with_dashes
+        humanize.gsub(/\b('?[a-z])/) { |s| s.capitalize }
+      end
+    end
+  end
+end

data/app/helpers/header_helper.rb

@@ -0,0 +1,2 @@
+module HeaderHelper
+end

data/app/helpers/open_fresk/application_helper.rb

@@ -0,0 +1,18 @@
+module OpenFresk
+  module ApplicationHelper
+    def current_language
+      "Français"
+    end
+
+    def language_name(locale)
+      case locale
+        when "en"
+          "English"
+        when "fr"
+          "Français"
+        when "es"
+          "Español"
+      end
+    end
+  end
+end

data/app/helpers/plateform_access/rights_helper.rb

@@ -0,0 +1,15 @@
+module PlateformAccess
+  module RightsHelper
+    def current_user_rights_animator_and_up?
+      current_user&.super_admin? || current_user&.administrator? || current_user&.organiser? || current_user&.animator?
+    end
+
+    def current_user_is_admin?
+      current_user&.super_admin? || current_user&.administrator?
+    end
+
+    def current_user_can_create_general_public_sessions?
+      current_user&.super_admin? || current_user&.administrator? || current_user&.organiser?
+    end
+  end
+end

data/app/javascript/manifest.json

@@ -0,0 +1,15 @@
+{
+  "name": "OpenFresk",
+  "short_name": "Fresk",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "/assets/open_fresk/favicon.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ]
+}

data/app/javascript/open_fresk/application.js

@@ -0,0 +1,7 @@
+import { Application } from "@hotwired/stimulus";
+import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading";
+
+const application = Application.start();
+eagerLoadControllersFrom("open_fresk/controllers", application);
+
+console.log("🔌 open_fresk.js loaded");

data/app/javascript/open_fresk/controllers/hello_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class HelloController extends Controller {
+  connect() {
+    console.log("hello world from OpenFresk")
+  }
+}

data/app/jobs/open_fresk/application_job.rb

@@ -0,0 +1,4 @@
+module OpenFresk
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/open_fresk/application_mailer.rb

@@ -0,0 +1,6 @@
+module OpenFresk
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/open_fresk/application_record.rb

@@ -0,0 +1,10 @@
+module OpenFresk
+  class ApplicationRecord < ActiveRecord::Base
+    include OpenFresk::Extensions::StringEnum
+    self.abstract_class = true
+
+    def self.[](attribute)
+      arel_table[attribute]
+    end
+  end
+end

data/app/models/open_fresk/training_session.rb

@@ -0,0 +1,9 @@
+module OpenFresk
+  class TrainingSession < ApplicationRecord
+    self.table_name = 'training_sessions'
+
+    scope :futur, -> { where("end_time >= ?", DateTime.current.beginning_of_day).order(date: :asc) }
+    scope :organized_by, ->(user) { where(created_by_user_id: user&.id) }
+    scope :my_sessions, ->(user) { where(id: organized_by(user)) }
+  end
+end

data/app/models/open_fresk/user.rb

@@ -0,0 +1,9 @@
+module OpenFresk
+  class User < ApplicationRecord
+    self.table_name = 'users'
+
+    def fullname
+      "#{firstname&.titleize_with_dashes} #{lastname&.titleize_with_dashes}"
+    end
+  end
+end

data/app/services/open_fresk/extensions/string_enum.rb

@@ -0,0 +1,201 @@
+# frozen_string_literal: true
+
+module OpenFresk
+  module Extensions
+    module StringEnum
+      extend ActiveSupport::Concern
+
+      module ClassMethods
+        # string_enum allow a developer to define a set of named constants
+        #
+        # ==== Examples
+        #
+        #   class User
+        #     include StringEnum
+        #
+        #     string_enum role: %i[employee admin manager]
+        #
+        #     # automaticaly include validation
+        #     # validates(:role, inclusion: { in: ['EMPLOYEE', 'ADMIN', 'MANAGER'] }, allow_nil: true)
+        #   end
+        #
+        #   define all methods bellow:
+        #
+        #   user.employee?
+        #   user.admin?
+        #   user.manager?
+        #
+        #   user.employee!
+        #   user.admin!
+        #   user.manager!
+        #
+        #   User::Employee # => 'EMPLOYEE'
+        #   User::Admin # => 'ADMIN'
+        #   User::Manager # => 'MANAGER'
+        #
+        #   User.employees # => [<#User role='EMPLOYEE'>, <#User role='EMPLOYEE'>]
+        #   User.admin # => [<#User role='ADMIN'>, <#User role='ADMIN'>]
+        #   User.manager # => [<#User role='MANAGER'>, <#User role='MANAGER'>]
+        #
+        #   User.role_with(<KEYS>)
+        #   User.role_with([:admin, :manager]) # => [<#User role='MANAGER'>, <#User role='ADMIN'>]
+        #
+        #   User.role_keys # => [:employee, :admin, :manager]
+        #   User.role_values # => ['EMPLOYEE', 'ADMIN', 'MANAGER']
+        #
+        #   User.enum_value_for(role: <KEY>)
+        #   User.enum_value_for(role: :employee) # => 'EMPLOYEE'
+        #
+        #   User.role_value_for(<key>)
+        #   User.role_value_for(:employee) # => 'EMPLOYEE'
+        #
+        def string_enum(validation: true, prefix: false, **enum_hash)
+          # enum_name = :role
+          enum_name = enum_hash.keys.first
+
+          # enum_keys = [:employee, :admin, :manager]
+          enum_keys = enum_hash[enum_name].freeze
+
+          # enum_keys_values = { employee: 'EMPLOYEE', admin: 'ADMIN', manager: 'MANAGER' }
+          enum_keys_values = enum_keys.index_with(&key_to_value)
+
+          # enum_values = ['EMPLOYEE', 'ADMIN', 'MANAGER']
+          enum_values = enum_keys_values.values
+
+          define_enum_methods(enum_name, enum_keys, enum_values, enum_keys_values, prefix)
+
+          # HACK: we want validation to be overridable while implementing framework
+          # To do that, each time we are overriding string enum, we must
+          #   * Remove validations callback already set by ancestor's definition of string enum
+          #   * Remove the validations from the list of classes validators
+          #
+          # find previously defined inclusion validation callback:
+          previous_validation_callback =
+            send(:get_callbacks, :validate)
+            .send(:chain)
+            .filter do |c|
+              c.filter.is_a?(ActiveModel::Validations::InclusionValidator) && c.filter.attributes.include?(enum_name)
+            end.first
+
+          # if such callback exists
+          if previous_validation_callback.present?
+            # get rid of it
+            send(:get_callbacks, :validate).send(:chain).delete(previous_validation_callback)
+            # remove the validation from classes validators
+            _validators[enum_name].delete_if { |v| v.instance_of?(ActiveModel::Validations::InclusionValidator) }
+          end
+
+          # implement validation based on current enum
+          # if validation is set to false, we've cleared inclusion validations on current enum
+          #
+          # validates(:role, inclusion: { in: ['EMPLOYEE', 'ADMIN', 'MANAGER'] }, allow_nil: true)
+          validates(enum_name, inclusion: {in: enum_values}, allow_nil: true) if validation
+        end
+
+        private
+
+          def key_to_value
+            ->(key) { key.to_s.upcase }
+          end
+
+          def define_enum_methods(enum_name, enum_keys, enum_values, enum_keys_values, prefix)
+            # for each keys define named methodes
+            enum_keys_values.each { |enum_key, enum_value| define_named_methodes(enum_name, enum_key, enum_value, prefix) }
+
+            # class.role_with(<KEYS>)
+            #
+            # def self.role_with([:admin, :manager])
+            #   where(role: ['ADMIN', 'MANAGER'])
+            # end
+            define_singleton_method("#{enum_name}_with") do |*keys|
+              where(enum_name => Array(keys).flatten.map(&key_to_value))
+            end
+
+            # class.role_keys
+            #
+            # def self.role_keys
+            #   [:employee, :admin, :manager]
+            # end
+            define_singleton_method("#{enum_name}_keys") { enum_keys }
+
+            # instance.role_keys
+            delegate("#{enum_name}_keys".to_sym, to: :class)
+
+            # class.role_values
+            #
+            # def self.role_values
+            #   ['EMPLOYEE', 'ADMIN', 'MANAGER']
+            # end
+            define_singleton_method("#{enum_name}_values") { enum_values }
+
+            # instance.role_values
+            delegate("#{enum_name}_values".to_sym, to: :class)
+
+            define_enum_value_methods(enum_name, enum_keys, enum_keys_values)
+          end
+
+          def define_enum_value_methods(enum_name, enum_keys, enum_keys_values)
+            # class.enum_value_for(<enum_name>: <key>)
+            #
+            # def self.enum_value_for(role: :employee)
+            #  'EMPLOYEE'
+            # end
+            define_singleton_method(:enum_value_for) do |**args|
+              public_send("#{args.keys.first}_enum_value_for", args.values.first)
+            end
+
+            # class.<enum_name>_enum_value_for(<key>)
+            #
+            # def self.role_enum_value_for(:employee)
+            #  'EMPLOYEE'
+            # end
+            define_singleton_method("#{enum_name}_enum_value_for") do |enum_key|
+              enum_key = enum_key.to_sym
+              raise(ArgumentError, "unknown enum_key: #{enum_key}") unless enum_keys.include?(enum_key)
+
+              enum_keys_values[enum_key]
+            end
+          end
+
+          def define_named_methodes(enum_name, enum_key, enum_value, prefix)
+            # instance.<key>?
+            #
+            # def employee?
+            #  role == 'EMPLOYEE'
+            # end
+            define_method("#{enum_key}?") { public_send(enum_name) == enum_value }
+
+            # instance.<key>!
+            #
+            # def employee!
+            #  self.role = 'EMPLOYEE'
+            # end
+            define_method("#{enum_key}!") { public_send("#{enum_name}=", enum_value) }
+
+            # class::<Key>
+            #   the class name follow by key as camelcase
+            #
+            # class::Employee
+            #  => 'EMPLOYEE'
+            define_constant(enum_key, prefix ? enum_name : false)
+
+            # def self.employees
+            #   where(role: 'EMPLOYEE')
+            # end
+            define_singleton_method(enum_key.to_s.pluralize) { where(enum_name => enum_value) }
+          end
+
+          def define_constant(enum_key, prefix)
+            prefix = prefix ? prefix.to_s + "_" : ""
+            constant_name = (prefix + enum_key.to_s).camelcase
+            return if const_defined?(constant_name, false)
+
+            const_set(
+              constant_name,
+              enum_key.to_s.underscore.upcase
+            )
+          end
+      end
+    end
+  end
+end

data/app/views/layouts/header/_hamburger.html.erb

@@ -0,0 +1,7 @@
+<button class="navbar-toggler" id="navbarSideCollapse" onclick="this.classList.toggle('opened');this.setAttribute('aria-expanded', this.classList.contains('opened'))" aria-label="Main Menu">
+  <svg width="30" height="30" viewBox="0 0 100 100">
+    <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
+    <path class="line line2" d="M 20,50 H 80" />
+    <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
+  </svg>
+</button>

data/app/views/layouts/header/_logo.html.erb

@@ -0,0 +1,5 @@
+<%= link_to root_path(language: params[:language]), class: "navbar-brand" do %>
+  <div class="d-flex fs-6 fw-bold lh-sm">
+    <%= image_tag "open_fresk/logos/logo.png" %>
+  </div>
+<% end %>

data/app/views/layouts/open_fresk/_header.html.erb

@@ -0,0 +1,12 @@
+<div class="container-fluid px-0 header bg-secondary bg-opacity-25">
+  <nav class="navbar navbar-expand-lg px-3 py-0 shadow-sm">
+    <%= render "layouts/header/hamburger" %>
+    <%= render "layouts/header/logo" %>
+    <div class="navbar-collapse offcanvas-collapse on_top_of_iframe">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <%= root_path(t("header.home")) %>
+      </ul>
+      <%= link_to fa_icon("globe", text: current_language), "#languageModal", class: "nav-item nav-link link-dark",  data: { bs_toggle: "modal", bs_target: "#languageModal"} %>
+    </div>
+  </nav>
+</div>

data/app/views/layouts/open_fresk/_include.html.erb

@@ -0,0 +1,24 @@
+<%= stylesheet_link_tag  "open_fresk/application", media: "all", "data-turbo-track": "reload" %>
+<%= csrf_meta_tags %>
+
+<%= favicon_link_tag    "open_fresk/favicon.png",           type: "image/png" %>
+<%= favicon_link_tag    "open_fresk/favicon.png", rel: "apple-touch-icon", type: "image/png" %>
+
+<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/cupertino/jquery-ui.min.css">
+<link rel="manifest"    href="<%= asset_path 'manifest.json' %>">
+
+<script async src="https://ga.jspm.io/npm:es-module-shims@1.8.2/dist/es-module-shims.js" data-turbo-track="reload"></script>
+
+
+<%= javascript_include_tag "open_fresk/application",
+                           "data-turbo-track": "reload",
+                           defer: true %>
+
+<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
+<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap" rel="stylesheet">
+
+<%#— host-only extras hook —%>
+<% if lookup_context.template_exists?("layouts/open_fresk/include_extras", [], true) %>
+  <%= render partial: "layouts/open_fresk/include_extras" %>
+<% end %>