decidim-lausanne-budgets 0.1.0

data/app/views/decidim/lausanne/budgets/projects/_budget_summary.html.erb

@@ -0,0 +1,95 @@
+<p>
+<%= translated_attribute(current_settings.more_information_modal).presence %>
+</p>
+<% if (hide_user_record && !user_record_submitted?) || (!hide_user_record) %>
+<div class="row column voting-rules">
+  <div class="callout <%= current_order_checked_out? ? "success" : "secondary" %>">
+    <div class="row">
+      <div class="columns medium-8 large-9">
+        <% if current_order_checked_out? %>
+        <h3 class="heading3">
+          <%= t(".checked_out_sucess") %>
+        </h3>
+        <div style="display: flex; gap: 1rem;align-items: center;">
+          <%= button_to(
+            t("decidim.lausanne.budgets.projects.banner.cancel_order", count: current_order.total_projects),
+            lausanne_budget_order_path(current_user_record.budget),
+            method: :delete,
+            data: {
+              disable: true,
+              budget: current_user_record.budget,
+              "redirect-url": lausanne_budget_path(current_user_record.budget)
+            },
+            disabled: current_order.total_projects == 0,
+            class: "link secondary small",
+              style: "margin-bottom: 0"
+              ) %>
+        <%= link_to(
+            t("decidim.lausanne.budgets.projects.banner.confirmation", count: current_order.total_projects),
+            lausanne_budget_order_path(current_user_record.budget),
+            target: "_blank",
+            style: "margin-bottom: 0",
+            class: "primary small"
+          ) %>
+          </div>
+        </div>
+    </div>
+  </div>
+</div>
+<div class="row column voting-rules">
+  <div class="callout secondary">
+    <div>
+      <div>
+        <div>
+      <% elsif display_rules? %>
+      <h3 class="heading3">
+      <%= t(".rules.title") %>
+      </h3>
+      <ul>
+        <%= raw current_rule_explanation %>
+        <%= raw t(".rules.extra_rule") %>
+      </ul>
+      <% end %>
+          <% if user_record_submitted? && !hide_user_record.present? %>
+          <h3 class="heading6">
+            <%= t(".user_record") %>
+          </h3>
+          <dl>
+            <dt><%= t("activemodel.attributes.user_record.first_name") %></dt>
+            <dd><%= current_user_record.first_name %></dd>
+            <dt><%= t("activemodel.attributes.user_record.last_name") %></dt>
+            <dd><%= current_user_record.last_name %></dd>
+            <dt><%= t("activemodel.attributes.user_record.birthdate") %></dt>
+            <dd><%= current_user_record.birthdate %></dd>
+          </dl>
+          <% if current_user && !voting_finished? %>
+            <button class="link secondary small" data-toggle="userRecord">
+              <%= t(".update_user_record") %>
+            </button>
+          <% end %>
+          <% if !current_user && current_order_checked_out? %>
+          <div style="display: flex; gap: 1rem">
+            <%= button_to(
+              t("decidim.lausanne.budgets.projects.banner.terminate_session", count: current_order.total_projects),
+              lausanne_budget_user_record_path(lausanne_budget_id: current_user_record.budget.id, id: current_user_record.id),
+              method: :delete,
+              data: {
+                disable: true,
+              },
+              class: "secondary small"
+            ) %>
+          </div>
+          <% end %>
+        <% else %>
+          <button class="button primary small" data-toggle="userRecord">
+            <%= t(".start_voting") %>
+          </button>    
+        <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>
+
+<%= render partial: "decidim/lausanne/budgets/projects/budget_excess" %>
+<%= render partial: "decidim/lausanne/budgets/projects/budget_confirm" %>

data/app/views/decidim/lausanne/budgets/projects/_count.html.erb

@@ -0,0 +1 @@
+<%= t(".projects_count", count: projects.total_count) %>

data/app/views/decidim/lausanne/budgets/projects/_filters.html.erb

@@ -0,0 +1,34 @@
+<%= render partial: "decidim/shared/filter_form_help", locals: { skip_to_id: "projects" } %>
+
+<%= filter_form_for filter do |form| %>
+  <div class="filters__section">
+    <div class="filters__search">
+      <div class="input-group">
+      <% if Decidim.version.to_f >= 0.27 %>
+        <%= form.search_field :title_or_description_cont, label: false, class: "input-group-field", placeholder: t(".search"), title: t(".search"), data: { disable_dynamic_change: true } %>
+      <% else %>
+        <%= form.search_field :search_text, label: false, class: "input-group-field", placeholder: t(".search"), title: t(".search"), data: { disable_dynamic_change: true } %>
+      <% end %>
+        <div class="input-group-button">
+          <button type="submit" class="button" aria-controls="projects">
+            <%= icon "magnifying-glass", aria_label: t(".search"), role: "img", "aria-hidden": true %>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <% if voting_finished? %>
+    <%= form.check_boxes_tree :status, filter_status_values, legend_title: t(".status"), "aria-controls": "projects" %>
+  <% end %>
+
+  <% if current_component.has_subscopes? %>
+    <%= form.check_boxes_tree :scope_id, resource_filter_scope_values(budget.scope), legend_title: t(".scope"), "aria-controls": "projects" %>
+  <% end %>
+
+  <% if current_participatory_space.categories.any? %>
+    <%= form.check_boxes_tree :category_id, filter_categories_values, legend_title: t(".category"), "aria-controls": "projects" %>
+  <% end %>
+
+  <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+<% end %>

data/app/views/decidim/lausanne/budgets/projects/_filters_small_view.html.erb

@@ -0,0 +1,18 @@
+<div class="filters-controls hide-for-mediumlarge">
+  <button data-open="filter-box" class="filters-controls__trigger">
+    <%= t ".filter" %>
+    <%= icon "caret-bottom", class: "icon--small float-right", aria_label: t(".unfold"), role: "img" %>
+  </button>
+</div>
+
+<div class="reveal" id="filter-box" data-reveal>
+  <div class="reveal__header">
+    <h3 class="reveal__title"><%= t ".filter_by" %>:</h3>
+    <button class="close-button" data-close aria-label="<%= t(".close_modal") %>" type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="filters">
+    <%= render partial: "decidim/lausanne/budgets/projects/filters", locals: { type: :small } %>
+  </div>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_linked_projects.html.erb

@@ -0,0 +1,12 @@
+<div class="card card--action card--list">
+  <% resources.each do |project| %>
+    <div class="card--list__item">
+      <%= icon "actions", class: "card--list__icon", role: "img", "aria-hidden": true, remove_icon_class: true %>
+      <%= link_to resource_locator([project.budget, project]).path, class: "card--list__text card__link card__link--block" do %>
+        <h5 class="card--list__heading">
+          <%= translated_attribute(project.title) %>
+        </h5>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_order_progress.html.erb

@@ -0,0 +1,32 @@
+<div id="order-progress">
+  <div class="budget-summary__progressbox" data-current-allocation="<%= current_order ? current_order.total : 0 %>">
+    <div class="progress budget-progress" role="progressbar" aria-valuenow="<%= current_order_budget_percent %>" aria-valuetext="<%= current_order_budget_percent %>%" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-meter progress-meter--minimum" style="width: <%= current_order_budget_percent_minimum %>%"></div>
+      <!--Change width and text dynamically.-->
+      <div class="progress-meter budget-progress__meter" style="width: <%= current_order_budget_percent %>%">
+        <span class="progress-meter-text progress-meter-text--right"><%= current_order_budget_percent %>%</span>
+      </div>
+    </div>
+    <% if !current_order_checked_out? && voting_open? %>
+      <button class="button small button--sc" data-toggle="budget-confirm" <%= budget_confirm_disabled_attr %>>
+        <%= t(".vote") %>
+      </button>
+    <% end %>
+  </div>
+
+  <div class="progressbox-fixed-wrapper" data-progressbox-fixed>
+    <div class="budget-summary__progressbox budget-summary__progressbox--fixed">
+      <div class="progress budget-progress budget-progress--fixed" role="progressbar" aria-valuenow="<%= current_order_budget_percent %>" aria-valuetext="<%= current_order_budget_percent %>%" aria-valuemin="0" aria-valuemax="100">
+        <div class="progress-meter progress-meter--minimum" style="width: <%= current_order_budget_percent_minimum %>%"></div>
+        <div class="progress-meter budget-progress__meter" style="width: <%= current_order_budget_percent %>%">
+          <span class="progress-meter-text progress-meter-text--right"><%= current_order_budget_percent %>%</span>
+        </div>
+      </div>
+      <% if !current_order_checked_out? && voting_open? %>
+        <button class="button small button--sc" data-toggle="budget-confirm" <%= budget_confirm_disabled_attr %>>
+          <%= t(".vote") %>
+        </button>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_order_selected_projects.html.erb

@@ -0,0 +1,27 @@
+<div id="order-selected-projects">
+  <% if current_order&.projects&.any? %>
+    <div class="card__content budget-summary__selected">
+      <button data-toggle="reveal-selected">
+        <strong><%= current_order.projects.size %> </strong><%= t(".selected_projects", count: current_order.projects.size) %>
+        <%= icon("caret-bottom", class:"icon--small", aria_label: t(".view"), role: "img") %>
+      </button>
+      <div id="reveal-selected" class="hide" data-toggler=".hide">
+        <ul class="budget-summary__selected-list">
+          <% current_order.projects.each do |project| %>
+            <li class="budget-summary__selected-item">
+              <%= link_to translated_attribute(project.title), resource_locator([budget, project]).path %>
+              <strong class="budget-summary__selected-number">
+                <%= budget_to_currency project.budget_amount %>
+              </strong>
+              <% unless current_order_checked_out? %>
+                <%= button_to lausanne_budget_order_line_item_path(project_id: project), method: :delete, remote: true, data: { disable: true }, form: { style: "display: inline" } do %>
+                  <%= icon("trash", aria_label: t(".remove"), role: "img") %>
+                <% end %>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_order_total_budget.html.erb

@@ -0,0 +1,7 @@
+<strong id="order-total-budget" class="mini-title__strong">
+  <% if current_order.projects_rule? %>
+    <%= current_order.projects.count %> / <%= current_order.maximum_projects %>
+  <% else %>
+    <%= budget_to_currency current_order&.total_budget.to_f %>
+  <% end %>
+</strong>

data/app/views/decidim/lausanne/budgets/projects/_project.html.erb

@@ -0,0 +1 @@
+<%= cell "decidim/lausanne/budgets/project_list_item", project %>

data/app/views/decidim/lausanne/budgets/projects/_project_budget_button.html.erb

@@ -0,0 +1,46 @@
+<div id="project-<%= project.id %>-budget-button">
+  <% if voted_for?(project) %>
+    <%= button_to(
+          t(".added"),
+          lausanne_budget_order_line_item_path(budget, project_id: project),
+          method: :delete,
+          remote: true,
+          data: {
+            disable: true,
+            budget: project.budget_amount,
+            "redirect-url": lausanne_budget_project_path(budget, project)
+          },
+          disabled: !can_have_order? || current_order_checked_out?,
+          class: "button expanded button--sc success",
+          "aria-label": t(".added_descriptive", resource_name: translated_attribute(project.title))
+        ) %>
+  <% else %>
+    <% if user_record_for_budget? %>
+      <% if user_record_submitted? %>
+        <%= button_to(
+            t(".add"),
+            lausanne_budget_order_line_item_path(budget, project_id: project),
+            remote: true,
+            method: :post,
+              data: {
+              disable: true,
+              budget: project.budget_amount,
+              add: true,
+              "redirect-url": lausanne_budget_project_path(budget, project)
+            },
+            disabled: !can_have_order? || current_order_checked_out?,
+            class: "button expanded button--sc",
+            "aria-label": t(".add_descriptive", resource_name: translated_attribute(project.title))
+          ) %>
+      <% else %>
+        <button class="button expanded button--sc disabled" data-toggle="userRecord">
+          <%= t(".add") %>
+        </button>
+      <% end %>
+    <% else %>
+      <button class="button expanded button--sc disabled" data-toggle="userRecord" >
+        <%= t(".add") %>
+      </button>
+    <% end %>
+  <% end %>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_projects.html.erb

@@ -0,0 +1,13 @@
+<div class="collection-sort-controls row small-up-1 medium-up-3 card-grid">
+  <div class="column">
+    <%= order_selector available_orders, i18n_scope: "decidim.lausanne.budgets.projects.orders" %>
+  </div>
+</div>
+
+<div class="budget-list">
+  <% projects.each do |project| %>
+    <%= render partial: "decidim/lausanne/budgets/projects/project", locals: { project: project } %>
+  <% end %>
+</div>
+
+<%= decidim_paginate projects %>

data/app/views/decidim/lausanne/budgets/projects/_user_record_form.html.erb

@@ -0,0 +1,40 @@
+<div class="reveal" id="userRecord" data-reveal>
+  <div class="reveal__header">
+    <h3 class="reveal__title"><%= t(".title") %></h3>
+    <h4 class="reveal__subtitle"><%= translated_attribute(budget.title) %></h4>
+    <button class="close-button" data-close aria-label="<%= t(".close") %>" type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="user_record_form">
+  <%= decidim_form_for([budget, @user_record_form], html: { class: "form edit_budget" }) do |form| %>
+    <% unless @user_record_form.errors.empty? %>
+          <div class="callout small alert">
+            <h5>Impossible d'effectuer l'opération</h5>
+            <p>Vous avez déjà soumis votre vote.</p>
+          </div>
+      <% end %>
+      <div class="row column">
+        <div class="fields">
+        <%= form.text_field :first_name %>
+        <%= form.text_field :last_name %>
+        <%= form.text_field :birthdate %>
+        <blockquote style="background:white;padding:0.2rem">
+          <%= raw t(".explanations") %>
+        </blockquote>
+        <%= form.check_box :allow_process_data, required: true %>
+        <%= form.check_box :its_me, required: true %>
+          <%= form.check_box :iam_lausanne, required: true %>
+        </div>
+        
+        <div class="actions">
+          <div class="button--double form-general-submit">
+            <%= form.submit "Enregistrer et commencer à voter" %>
+          </div>
+        </div>
+      </div>
+
+    <% end %>
+
+  </div>
+</div>

data/app/views/decidim/lausanne/budgets/projects/_votation_banner.html.erb

@@ -0,0 +1,71 @@
+<div id="VotationBanner" class="votation_banner <%= "votation_banner--checked_out" if current_order_checked_out? %>">
+<% if current_order_checked_out? %>
+  <div class="votation_banner__header">
+    <h3 class="votation_banner__title heading6">
+      <%= t("decidim.lausanne.budgets.projects.banner.checked_out.title") %>
+    </h3>
+  </div>
+  <div class="votation_banner__actions">
+    <%= button_to(
+      t("decidim.lausanne.budgets.projects.banner.cancel_order", count: current_order.total_projects),
+      lausanne_budget_order_path(current_user_record.budget),
+      method: :delete,
+      data: {
+        disable: true,
+        budget: current_user_record.budget,
+        "redirect-url": lausanne_budget_path(current_user_record.budget)
+      },
+      disabled: current_order.total_projects == 0,
+      class: "button secondary hollow small"
+    ) %>
+    <%= link_to(
+      t("decidim.lausanne.budgets.projects.banner.confirmation", count: current_order.total_projects),
+      lausanne_budget_order_path(current_user_record.budget),
+      target: "_blank",
+      style: "margin-bottom: 0",
+      class: "button small"
+    ) %>
+  </div>
+<% else %>
+  <% if user_record_submitted? %>
+    <div class="votation_banner__header">
+      <h3 class="votation_banner__title">
+        <%= t("decidim.lausanne.budgets.projects.banner.pending_order") %>
+        <div class="votation_banner__helptext">
+          <%= current_rule_explanation("banner") %>
+        </div>
+      </h3>
+    </div>
+    <div class="votation_banner__actions">
+      <%= button_to(
+        t("decidim.lausanne.budgets.projects.banner.cancel_order", count: current_order.total_projects),
+        lausanne_budget_order_path(current_user_record.budget),
+        method: :delete,
+        data: {
+          disable: true,
+          budget: current_user_record.budget,
+          "redirect-url": lausanne_budget_path(current_user_record.budget)
+        },
+        disabled: current_order.total_projects == 0,
+        class: "button secondary hollow small"
+      ) %>
+      <button data-toggle="budget-confirm" class="button primary small" <%= budget_confirm_disabled_attr %>>
+        <%= t("decidim.lausanne.budgets.projects.banner.finalize") %>
+      </button>    
+    </div>
+    <% else %>
+    <div class="votation_banner__header">
+      <h3 class="votation_banner__title">
+        <div class="votation_banner__helptext">
+          <%= t("decidim.lausanne.budgets.projects.banner.user_data_help") %>
+        </div>
+      </h3>
+    </div>
+    <div class="votation_banner__actions">
+      <button class="button primary small" data-toggle="userRecord">
+        <%= t("decidim.lausanne.budgets.projects.banner.user_data_action") %>
+      </button>    
+    </div>
+    <% end %>
+<% end %>
+</div>

data/app/views/decidim/lausanne/budgets/projects/index.html.erb

@@ -0,0 +1,36 @@
+<%= render partial: "decidim/shared/component_announcement" %>
+<%= render partial: "decidim/lausanne/budgets/projects/votation_banner" %>
+
+<%= cell("decidim/lausanne/budgets/limit_announcement", budget) %>
+
+<div class="row columns">
+  <% if voting_finished? %>
+    <h2 class="heading2">
+      <%= t("decidim.lausanne_budgets.projects.projects_for", name: translated_attribute(budget.title)) %>
+    </h2>
+  <% else %>
+    <%= render partial: "decidim/lausanne/budgets/projects/budget_summary", locals: { include_heading: true, hide_user_record: false} %>
+  <% end %>
+</div>
+
+<div class="row columns">
+  <h3 class="section-heading">
+    <%= render partial: "decidim/lausanne/budgets/projects/count" %>
+  </h3>
+</div>
+
+<div class="row">
+  <div class="columns mediumlarge-4 large-3">
+    <%= render partial: "decidim/lausanne/budgets/projects/filters_small_view" %>
+    <div class="card card--secondary show-for-mediumlarge">
+      <%= render partial: "decidim/lausanne/budgets/projects/filters" %>
+    </div>
+  </div>
+  <div id="projects" class="columns mediumlarge-8 large-9" aria-live="polite">
+    <%= render partial: "decidim/lausanne/budgets/projects/projects" %>
+  </div>
+</div>
+<%= render partial: "decidim/lausanne/budgets/projects/user_record_form" %>
+
+<%= javascript_include_tag("decidim/filters") %>
+<%= javascript_include_tag("decidim/lausanne/budgets/projects") %>

data/app/views/decidim/lausanne/budgets/projects/index.js.erb

@@ -0,0 +1,10 @@
+var $projects = $('#projects');
+var $projectsCount = $('#projects-count');
+var $orderFilterInput = $('.order_filter');
+
+$projects.html('<%= j(render partial: "projects").strip.html_safe %>');
+$projectsCount.html('<%= j(render partial: "count").strip.html_safe %>');
+$orderFilterInput.val('<%= order %>');
+
+var $dropdownMenu = $('.dropdown.menu', $projects);
+$dropdownMenu.foundation();

data/app/views/decidim/lausanne/budgets/projects/show.html.erb

@@ -0,0 +1,81 @@
+<%= render partial: "decidim/lausanne/budgets/projects/votation_banner" %>
+<% add_decidim_meta_tags(
+  title: translated_attribute(project.title),
+  description: translated_attribute(project.description)
+) %>
+
+<%
+edit_link(
+  resource_locator([project.budget, project]).edit,
+  :update,
+  :project,
+  project: project
+)
+%>
+
+<%= render partial: "decidim/budgets/projects/exit_modal", locals: {budget_projects_path: resource_locator([project.budget, project]).index } %>
+<%= cell("decidim/budgets/limit_announcement", budget) %>
+
+<div class="row column view-header">
+  <% unless voting_finished? %>
+    <%= render partial: "decidim/lausanne/budgets/projects/budget_summary", locals: { include_heading: false, hide_user_record: true } %>
+  <% end %>
+
+  <div class="m-bottom">
+    <%= link_to resource_locator(budget).index, class: "muted-link js-back-to-list" do %>
+      <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
+      <%= t(".view_all_projects") %>
+    <% end %>
+
+  </div>
+  <h2 class="heading2"><%= translated_attribute project.title %></h2>
+</div>
+<div class="row">
+  <div id="project" class="columns section view-side mediumlarge-4 mediumlarge-push-8
+    large-3 large-push-9">
+    <div class="card extra">
+      <div class="card__content">
+        <div class="m-bottom">
+          <span class="definition-data__title"><%= t(".budget") %></span>
+          <span class="definition-data__number"><%= budget_to_currency project.budget_amount %></span>
+        </div>
+
+        <%= cell("decidim/lausanne/budgets/project_votes_count", project, layout: :one_line, class: "display-block") %>
+
+        <% if voting_finished? %>
+          <%= cell("decidim/lausanne/budgets/project_voted_hint", project, class: "display-block") %>
+        <% elsif voting_open? %>
+          <%= render partial: "decidim/lausanne/budgets/projects/project_budget_button", locals: { project: project } %>
+        <% end %>
+
+        <%= render partial: "decidim/shared/follow_button", locals: { followable: project, large: false  } %>
+      </div>
+    </div>
+    <div class="shares">
+      <%= social_share_button_tag(
+        "#{translated_attribute(project.title)}: les votes sont ouverts!",
+        url: lausanne_budget_project_url(project.budget, project),
+        desc: escape_once(strip_tags(decidim_sanitize(translated_attribute(project.description)))),
+        allow_sites: %w(whatsapp_app facebook twitter email)
+      ) %>
+    </div>
+
+    <%= resource_reference(project) %>
+  </div>
+  <div class="columns mediumlarge-8 mediumlarge-pull-4">
+    <div class="section">
+      <%= cell("decidim/lausanne/budgets/project_selected_status", project, as_label: true) %>
+      <%= decidim_sanitize translated_attribute project.description %>
+
+      <%= cell "decidim/lausanne/budgets/project_tags", project, context: { extra_classes: ["tags--project"] } %>
+    </div>
+    <%= linked_resources_for project, :proposals, "included_proposals" %>
+    <%= linked_resources_for project, :results, "included_projects" %>
+  </div>
+</div>
+
+<%= comments_for project %>
+<%= render partial: "decidim/lausanne/budgets/projects/user_record_form" %>
+
+<%= attachments_for project %>
+<%= javascript_pack_tag "decidim_lausanne_budgets" %>

data/app/views/decidim/lausanne/budgets/user_records/edit.html.erb

@@ -0,0 +1,6 @@
+<%= render template: "decidim/lausanne/budgets/projects/index" %>
+<script type="text/javascript">
+$(function(){
+  $('#userRecord').foundation('open');
+});
+</script>