decidim-challenges 0.5.0

data/app/views/decidim/problems/admin/problems/edit.html.erb

@@ -0,0 +1,24 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_problem problem_form_admin" })  do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+      
+          <% if problem.published? %>
+            <%= link_to t("actions.unpublish", scope: "decidim.problems.admin"), problem_publish_path(problem), method: :delete, class: "button button__sm button__secondary" %>
+          <% else %>
+            <%= link_to t("actions.publish", scope: "decidim.problems.admin"), problem_publish_path(problem), method: :post, class: "button button__sm button__secondary" %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/problems/admin/problems/index.html.erb

@@ -0,0 +1,93 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="card">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <div>
+        <%= t(".title") %>
+        <span id="js-selected-problems-count" class="component-counter component-counter--inline" title="<%= t("decidim.problems.admin.problems.index.selected") %>"></span>
+      </div>
+      <div class="flex items-center gap-x-4">
+        <% if allowed_to? :create, :problem %>
+          <%= link_to t("actions.new_problem", scope: "decidim.problems.admin"),
+          new_problem_path,
+          class: "button button__sm button__secondary" %>
+        <% end %>
+
+        <%= render partial: "decidim/admin/components/resource_action" %>
+      </div>
+    </h1>
+  </div>
+
+  <div class="table-scroll mt-16">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>
+            <%= t("models.problem.fields.title", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.created_at", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.challenge", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.state", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.start_date", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.end_date", scope: "decidim.problems.admin") %>
+          </th>
+          <th>
+            <%= t("models.problem.fields.published", scope: "decidim.problems.admin") %>
+          </th>
+          <th class="table-list__actions"></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @problems.each do |problem| %>
+          <tr>
+            <td>
+              <%= translated_attribute(problem.title) %>
+            </td>
+            <td>
+              <%= l(problem.created_at, format: :decidim_short) if problem.created_at %>
+            </td>
+            <td>
+              <%= translated_attribute(problem.challenge.title) %>
+            </td>
+            <td>
+              <%= I18n.t(problem.state, scope: "decidim.problems.states") %>
+            </td>
+            <td>
+              <%= problem.start_date %>
+            </td>
+            <td>
+              <%= problem.end_date %>
+            </td>
+            <td>
+            <% if problem.published? %>
+              <strong class="text-success"><%= t("index.published", scope: "decidim.problems") %></strong>
+            <% else %>
+              <strong class="text-alert"><%= t("index.not_published", scope: "decidim.problems") %></strong>
+            <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :edit, :problem %>
+                <%= icon_link_to "pencil-line", edit_problem_path(problem), t("actions.configure", scope: "decidim.problems.admin"), class: "action-icon--new" %>
+              <% end %>
+              <%= icon_link_to "eye-line", resource_locator(problem).path, t("actions.view", scope: "decidim.problems.admin"), class: "action-icon--preview", target: :blank %>
+              <% if allowed_to? :destroy, :problem, problem: problem %>
+                <%= icon_link_to "close-circle-line", problem, t("actions.destroy", scope: "decidim.problems.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.problems.admin", name: translated_attribute(problem.title)) } %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<%= decidim_paginate @problems %>

data/app/views/decidim/problems/admin/problems/new.html.erb

@@ -0,0 +1,18 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form new_problem problem_form_admin" }) do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/problems/problems/_problem.html.erb

@@ -0,0 +1 @@
+<%= card_for problem, highlight: true, size: :g, has_sdgs: has_sdgs? %>

data/app/views/decidim/problems/problems/_problems.html.erb

@@ -0,0 +1,11 @@
+<% if problems.empty? %>
+  <%= cell("decidim/announcement", params[:filter].present? ? t(".empty_filters") : t(".empty")) %>
+<% else %>
+  <h2 class="h5 md:h3 decorator"><%= t("decidim.problems.problems.count.problems_count", count: problems.total_count) %></h2>
+
+  <%= order_selector available_orders, i18n_scope: "decidim.problems.problems.orders" %>
+
+  <%= render problems, locals: { has_sdgs: has_sdgs? } %>
+
+  <%= decidim_paginate problems %>
+<% end %>

data/app/views/decidim/problems/problems/_sidebar_data.html.erb

@@ -0,0 +1,70 @@
+<div class="rounded p-4 bg-background mb-4 divide-y divide-gray-3 [&>*]:py-4 first:[&>*]:pt-0 last:[&>*]:pb-0">
+  <div class="text-gray-2 space-y-1.5">
+    <div class="text-sm flex flex-col items-center gap-1">
+      <p class="uppercase text-xs"><%= t("status", scope: "activemodel.attributes.problem") %></p>
+      <p class="uppercase mb-4"><%= t(@problem.state, scope: "decidim.problems.states") %></p>
+    </div>
+
+    <% if @challenge_scope.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("scope", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute(@challenge_scope.name) %></p>
+      </div>
+    <% end %>
+
+    <% if @problem.challenge.coordinating_entities.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("coordinating_entities", scope: "activemodel.attributes.challenge") %></p>
+        <p class="uppercase mb-4"><%= present(@problem).challenge.coordinating_entities %></p>
+      </div>
+    <% end %>
+
+    <% if @problem.causes.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("causes", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= present(@problem).causes %></p>
+      </div>
+    <% end %>
+
+    <% if @problem.groups_affected.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("groups_affected", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= present(@problem).groups_affected %></p>
+      </div>
+    <% end %>
+
+    <% if @problem.decidim_sectorial_scope_id.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("decidim_sectorial_scope_id", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute current_organization.scopes.find_by(id: @problem.decidim_sectorial_scope_id).name  %></p>
+      </div>
+    <% end %>
+
+    <% if @problem.decidim_technological_scope_id.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("decidim_sectorial_scope_id", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute current_organization.scopes.find_by(id: @problem.decidim_technological_scope_id).name  %></p>
+      </div>
+    <% end %>
+  </div>
+
+  <% if @problem.challenge.sdg_code %>
+    <div class="text-sm flex flex-col items-center gap-1">
+      <p class="uppercase text-xs text-center"><%= t("sdg", scope: "activemodel.attributes.problem") %></p>
+      <div class="ods challenges flex items-center">
+        <div class="text-container show">
+          <p><%= t(@problem.challenge.sdg_code + ".logo.line1", scope: "decidim.components.sdgs") %></p>
+          <p><%= t(@problem.challenge.sdg_code + ".logo.line2", scope: "decidim.components.sdgs") %></p>
+        </div>
+        <% sdg_code = (1 + Decidim::Sdgs::Sdg.index_from_code(@problem.challenge.sdg_code.to_sym)).to_s.rjust(2, "0") %>
+        <%= image_pack_tag "media/images/ods-#{sdg_code}.svg", alt: "Logo ODS #{sdg_code}", class: "problem--view" %>
+      </div>
+    </div>
+  <% end %>
+</div>
+
+<section class="layout-aside__section actions__secondary">
+  <%= resource_reference(current_participatory_space) %>
+  <%= render partial: "decidim/shared/follow_button", class: "text-center", locals: { followable: current_participatory_space, large: false } %>
+  <%= cell "decidim/share_button", nil %>
+</section>

data/app/views/decidim/problems/problems/index.html.erb

@@ -0,0 +1,28 @@
+<% add_decidim_page_title(t("name", scope: "decidim.components.problems")) %>
+
+<%= append_stylesheet_pack_tag "decidim_sdgs" %>
+<%= append_stylesheet_pack_tag "decidim_problems" %>
+
+<% content_for :aside do %>
+  <h1 id="problems-count" class="title-decorator"><%= component_name %></h1>
+
+  <% unless @component_settings.hide_filters %>
+    <%= render layout: "decidim/shared/filters", locals: { filter_sections:, has_sdgs: has_sdgs?, search_variable: :search_text_cont, skip_to_id: "problems" } do %>
+      <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+    <% end %>
+  <% end %>
+
+  <% if has_sdgs? %>
+      <%= filter_form_for filter do |form| %>
+        <%= sdgs_filter_selector(form) %>
+      <% end %>
+    <% end %>
+<% end %>
+
+<%= render layout: "layouts/decidim/shared/layout_two_col" do %>
+  <section id="problems" class="layout-main__section layout-main__heading">
+    <%= render partial: "problems", locals: { has_sdgs: has_sdgs? } %>
+  </section>
+<% end %>
+
+<%= render partial: "decidim/sdgs/sdgs_filter/modal" %>

data/app/views/decidim/problems/problems/index.js.erb

@@ -0,0 +1,5 @@
+var $problems = $('#problems');
+var $orderFilterInput = $('.order_filter');
+
+$problems.html('<%= j(render partial: "problems").strip.html_safe %>');
+$orderFilterInput.val('<%= order %>');

data/app/views/decidim/problems/problems/show.html.erb

@@ -0,0 +1,38 @@
+<%= append_stylesheet_pack_tag "decidim_sdgs" %>
+<%= append_stylesheet_pack_tag "decidim_problems" %>
+
+<%= render layout: "layouts/decidim/shared/layout_item", locals: { back_path: problems_path } do %>
+  <section class="layout-main__section layout-main__heading">
+    <h1 class="h2 decorator">
+      <%= present(@problem).title(links: true, html_escape: true) %>
+    </h1>
+  </section>
+
+  <section class="layout-main__section content-block__description">
+    <%= render partial: "decidim/shared/share_modal" %>
+
+    <h3 class="h4">
+      <span class="title"><%= t("challenge", scope: "activemodel.attributes.problem") %></span>:
+      <%= link_to translated_attribute(@problem.challenge.title), Decidim::ResourceLocatorPresenter.new(@problem.challenge).path %></strong>
+    </h3>
+
+    <h3 class="h4"><%= t("description", scope: "activemodel.attributes.problem") %></h3>
+    <div class="rich-text-display">
+      <p><%= present(@problem).description %></p>
+    </div>
+
+    <% if present(@problem).tags.present? %>
+      <h3 class="h4"><%= t("tags", scope: "activemodel.attributes.problem") %></h3>
+      <p class="tags"><%= present(@problem).tags %></p>
+    <% end %>
+
+    <% if @problem.solutions.any? %>
+      <%= render partial: "decidim/shared/related_solutions", locals: {solutions: @problem.solutions} %>
+    <% end %>
+  </section>
+
+  <% content_for :aside do %>
+    <%= render partial: "sidebar_data" %>
+  <% end %>
+<% end %>
+