decidim-challenges 0.5.0

data/app/types/decidim/solutions/solutions_type.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Solutions
+    class SolutionsType < Decidim::Api::Types::BaseObject
+      implements Decidim::Core::ComponentInterface
+
+      graphql_name "Solutions"
+      description "A solutions component of a participatory space."
+
+      field :solutions, SolutionType.connection_type, null: true, connection: true
+
+      def solutions
+        SolutionsTypeHelper.base_scope(object).includes(:component)
+      end
+
+      field(:solution, SolutionType, null: true) do
+        argument :id, GraphQL::Types::ID, required: true
+      end
+
+      def solution(**args)
+        SolutionsTypeHelper.base_scope(object).find_by(id: args[:id])
+      end
+    end
+
+    module SolutionsTypeHelper
+      def self.base_scope(component)
+        Solution.where(component:).published
+      end
+    end
+  end
+end

data/app/views/decidim/challenges/admin/challenges/_form.html.erb

@@ -0,0 +1,78 @@
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column hashtags__container">
+        <%= form.translated :text_field, :title, autofocus: true, class: "js-hashtags", hashtaggable: true, aria: { label: :title } %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :local_description %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :global_description %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :tags %>
+      </div>
+
+      <div class="row column">
+        <%= scopes_select_field form, :decidim_scope_id, root: nil %>
+      </div>
+
+      <% if params[:component_id] %>
+        <% if Decidim::Component.where(participatory_space: Decidim::Component.find(params[:component_id]).participatory_space).pluck(:manifest_name).include? 'sdgs' %>
+          <div class="row column hashtags__container">
+            <%= form.select :sdg_code,
+                            @form.select_sdg_collection,
+                            selected: [t_sdg(@form.sdg_code), @form.sdg_code],
+                            label: t("models.challenge.fields.sdg", scope: "decidim.challenges.admin") %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div class="row column">
+        <%= form.select :state,
+                        @form.select_states_collection,
+                        selected: [I18n.t(@form.try(:state), scope: 'decidim.challenges.states'), Decidim::Challenges::Challenge::states[@form.try(:state)]],
+                        label: t("models.challenge.fields.state", scope: "decidim.challenges.admin") %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :collaborating_entities %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :coordinating_entities %>
+      </div>
+
+      <% if component_settings.allow_card_image? %>
+        <div class="card-divider">
+          <h2 class="card-title"><%= t(".images") %></h2>
+        </div>
+
+        <div class="row">
+          <div class="columns">
+            <%= form.upload :card_image, button_class: "button button__sm button__transparent-secondary" %>
+          </div>
+        </div>
+      <% end %>
+
+      <div class="card-divider">
+        <h2 class="card-title"><%= t(".duration") %></h2>
+      </div>
+
+      <div class="card-section">
+        <div class="row">
+          <div class="columns">
+            <%= form.date_field :start_date, autocomplete: "off" %>
+          </div>
+
+          <div class="columns">
+            <%= form.date_field :end_date, autocomplete: "off" %>
+          </div>
+        </div>
+    </div>
+  </div>
+</div>

data/app/views/decidim/challenges/admin/challenges/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_challenge challenge_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 challenge.published? %>
+            <%= link_to t("actions.unpublish", scope: "decidim.challenges.admin"), challenge_publish_path(challenge), method: :delete, class: "button button__sm button__secondary" %>
+          <% else %>
+            <%= link_to t("actions.publish", scope: "decidim.challenges.admin"), challenge_publish_path(challenge), method: :post, class: "button button__sm button__secondary" %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,88 @@
+<% 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-challenges-count" class="component-counter component-counter--inline" title="<%= t("decidim.challenges.admin.challenges.index.selected") %>"></span>
+      </div>
+      <div class="flex items-center gap-x-4">
+        <% if allowed_to? :create, :challenge %>
+          <%= link_to t("actions.new_challenge", scope: "decidim.challenges.admin"),
+          new_challenge_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.challenge.fields.title", scope: "decidim.challenges.admin") %>
+          </th>
+          <th>
+            <%= t("models.challenge.fields.created_at", scope: "decidim.challenges.admin") %>
+          </th>
+          <th>
+            <%= t("models.challenge.fields.state", scope: "decidim.challenges.admin") %>
+          </th>
+          <th>
+            <%= t("models.challenge.fields.start_date", scope: "decidim.challenges.admin") %>
+          </th>
+          <th>
+            <%= t("models.challenge.fields.end_date", scope: "decidim.challenges.admin") %>
+          </th>
+          <th>
+            <%= t("models.challenge.fields.published", scope: "decidim.challenges.admin") %>
+          </th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.challenges.admin") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @challenges.each do |challenge| %>
+          <tr>
+            <td>
+              <%= translated_attribute(challenge.title) %>
+            </td>
+            <td>
+              <%= l(challenge.created_at, format: :decidim_short) if challenge.created_at %>
+            </td>
+            <td>
+              <%= I18n.t(challenge.state, scope: "decidim.challenges.states") %>
+            </td>
+            <td>
+              <%= challenge.start_date %>
+            </td>
+            <td>
+              <%= challenge.end_date %>
+            </td>
+            <td>
+            <% if challenge.published? %>
+              <strong class="text-success"><%= t("index.published", scope: "decidim.challenges") %></strong>
+            <% else %>
+              <strong class="text-alert"><%= t("index.not_published", scope: "decidim.challenges") %></strong>
+            <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :edit, :challenge %>
+                <%= icon_link_to "pencil-line", edit_challenge_path(challenge), t("actions.configure", scope: "decidim.challenges.admin"), class: "action-icon--new" %>
+                <%= icon_link_to "group-line", edit_challenge_surveys_path(challenge), t("actions.survey", scope: "decidim.challenges.admin"), class: "action-icon--registrations" %>
+              <% end %>
+              <%= icon_link_to "eye-line", resource_locator(challenge).path, t("actions.view", scope: "decidim.challenges.admin"), class: "action-icon--preview", target: :blank %>
+              <% if allowed_to? :destroy, :challenge, challenge: challenge %>
+                <%= icon_link_to "close-circle-line", challenge, t("actions.destroy", scope: "decidim.challenges.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.challenges.admin", name: translated_attribute(challenge.title)) } %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<%= decidim_paginate @challenges %>

data/app/views/decidim/challenges/admin/challenges/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_challenge challenge_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/challenges/admin/surveys/_form.html.erb

@@ -0,0 +1,9 @@
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.check_box :survey_enabled %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/decidim/challenges/admin/surveys/edit.html.erb

@@ -0,0 +1,39 @@
+<% add_decidim_page_title(t("decidim.forms.admin.questionnaires.edit.title")) %>
+
+<% if templates_defined? && choose_template? %>
+  <%= render partial: "decidim/templates/admin/questionnaire_templates/choose", locals: { target: questionnaire, form_title: t("decidim.forms.admin.questionnaires.edit.title") } %>
+<% else %>
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <%= edit_questionnaire_title %>
+
+      <%= link_to t("decidim.challenges.admin.surveys.form.edit"), edit_challenge_surveys_form_path(challenge_id: @challenge.id), class: "button button__sm button__secondary" %>
+      <% unless template? questionnaire.questionnaire_for %>
+        <% if allowed_to? :preview, :questionnaire %>
+          <%= link_to t("preview", scope: "decidim.forms.admin.questionnaires.form"), public_url, class: "button button__sm button__secondary", target: :_blank, data: { "external-link": false } %>
+        <% end %>
+        <% if questionnaire.answers.any? %>
+          <%= export_dropdown(current_component, questionnaire.id) if allowed_to? :export_answers, :questionnaire %>
+          <% if allowed_to? :show, :questionnaire_answers %>
+            <%= link_to t("actions.show", scope: "decidim.forms.admin.questionnaires"), questionnaire_participants_url, class: "button button__sm button__secondary new whitespace-nowrap" %>
+          <% end %>
+        <% else %>
+          <button class="button button__sm button__secondary whitespace-nowrap" disabled><%= t("empty", scope: "decidim.forms.admin.questionnaires.answers") %></button>
+        <% end %>
+      <% end %>
+    </h1>
+  </div>
+
+  <div class="item__edit item__edit-1col">
+    <div class="item__edit-form">
+      <%= decidim_form_for(@form, url: challenge_surveys_path, method: :put, html: { class: "form-defaults form edit_questionnaire" }) do |form| %>
+          <%= render partial: "form", object: form %>
+        <div class="item__edit-sticky">
+          <div class="item__edit-sticky-container">
+            <%= form.submit t(".save"), class: "button button__sm button__secondary" %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/decidim/challenges/admin/surveys/index.html.erb

@@ -0,0 +1,49 @@
+<div class="card" id="answers">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <%= t ".title", total: @total %>
+      <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires"), questionnaire_url, class: "button button__sm button__secondary new" %>
+    </h1>
+  </div>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>#</th>
+          <th><%= first_table_th(@participants.first) %></th>
+          <th><%= t("user_status",   scope: "decidim.forms.user_answers_serializer") %></th>
+          <th><%= t("ip_hash",       scope: "decidim.forms.user_answers_serializer") %></th>
+          <th><%= t("completion",    scope: "decidim.forms.user_answers_serializer") %></th>
+          <th><%= t("created_at",    scope: "decidim.forms.user_answers_serializer") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @participants.each_with_index do |participant, idx| %>
+          <tr>
+            <td><%= idx + 1 + page_offset %></td>
+            <td>
+              <% if allowed_to? :show, :questionnaire_answers %>
+                <%= link_to first_table_td(participant), questionnaire_participant_answers_url(participant.session_token) %>
+              <% else %>
+                <%= first_table_td(participant) %></td>
+              <% end %>
+            <td><%= participant.status %></td>
+            <td><%= participant.ip_hash %></td>
+            <td><%= display_percentage(participant.completion) %></td>
+            <td><%= l participant.answered_at, format: :short %></td>
+            <td class="table-list__actions">
+              <% if allowed_to? :show, :questionnaire_answers %>
+                <%= icon_link_to "eye-line", questionnaire_participant_answers_url(participant.session_token), t("actions.show", scope: "decidim.forms.admin.questionnaires.answers"), class: "action-icon--eye" %>
+              <% end %>
+              <% if allowed_to? :export_response, :questionnaire_answers %>
+                <%= icon_link_to "download-line", questionnaire_export_response_url(participant.session_token), t("actions.export", scope: "decidim.forms.admin.questionnaires.answers"), class: "action-icon--data-transfer-download" %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <%= decidim_paginate @query %>
+  </div>
+</div>

data/app/views/decidim/challenges/admin/surveys/show.html.erb

@@ -0,0 +1,43 @@
+<div class="card" id="answers">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <%= t ".title", number: current_idx %>
+
+      <%= link_to t("actions.next", scope: "decidim.forms.admin.questionnaires.answers").html_safe, next_url, rel: "next", class: "button button__sm button__secondary next" unless last? %>
+      <%= link_to t("actions.previous", scope: "decidim.forms.admin.questionnaires.answers").html_safe, prev_url, rel: "prev", class: "button button__sm button__secondary prev" unless first? %>
+      <%= link_to t("actions.export", scope: "decidim.forms.admin.questionnaires.answers"), questionnaire_export_response_url(@participant.session_token), class: "button button__sm button__secondary export" %>
+      <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires.answers"), questionnaire_participants_url, class: "button button__sm button__secondary back" %>
+    </h1>
+  </div>
+  <div class="card-section">
+     <div class="table">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("session_token", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("user_status", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("ip_hash", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("completion", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("created_at", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><%= @participant.session_token %></td>
+            <td><%= @participant.status %></td>
+            <td><%= @participant.ip_hash %></td>
+            <td><%= display_percentage(@participant.completion) %></td>
+            <td><%= l @participant.answered_at, format: :short %></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <dl class="p-4 [&_ul]:list-disc [&_ul]:pl-4">
+      <% @participant.answers.each do |answer| %>
+        <dt class="font-semibold"><%= answer.question %></dt>
+        <dd><%= answer.body %></dd>
+      <% end %>
+    </dl>
+  </div>
+</div>

data/app/views/decidim/challenges/challenges/_challenge.html.erb

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

data/app/views/decidim/challenges/challenges/_challenges.html.erb

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

data/app/views/decidim/challenges/challenges/_related_problems.html.erb

@@ -0,0 +1,14 @@
+<section id="problems">
+  <h2 class="h4 flex items-center gap-2 mb-4">
+    <%= resource_type_icon "Decidim::Amendment", class: "fill-tertiary w-6 h-6" %>
+    <%= t("decidim.problems.problems.count.problems_count", count: problems.count) %>
+  </h2>
+
+  <div id="problems-list">
+    <% problems.each do |problem| %>
+      <%= link_to resource_locator(problem).path, class: "card__link" do %>
+        <%= translated_attribute problem.title %>
+      <% end %>
+    <% end %>
+  </div>
+</section>

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

@@ -0,0 +1,60 @@
+<section class="layout-aside__section layout-aside__buttons mb-4">
+  <% if @challenge.survey_enabled %>
+    <%= link_to t('surveys.answer', scope: "decidim.challenges"), answer_challenge_survey_path(@challenge), class: "button button__lg w-full button__secondary" %>
+  <% end %>
+
+  <% if solutions_component&.settings&.creation_enabled? %>
+    <%= action_authorized_link_to :create, new_solution_path, class: "button button__lg w-full button__secondary", data: { "redirect_url": new_solution_path } do %>
+      <%= t("decidim.challenges.challenges.show.new_solution") %>
+    <% end %>
+  <% end %>
+</section>
+
+<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.challenge") %></p>
+      <p class="uppercase mb-4"><%= t(@challenge.state, scope: "decidim.challenges.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.challenge") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute(@challenge_scope.name) %></p>
+      </div>
+    <% end %>
+
+    <% if @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(@challenge).coordinating_entities %></p>
+      </div>
+    <% end %>
+
+    <% if @challenge.collaborating_entities.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("collaborating_entities", scope: "activemodel.attributes.challenge") %></p>
+        <p class="uppercase mb-4"><%= present(@challenge).collaborating_entities %></p>
+      </div>
+    <% end %>
+  </div>
+
+  <% if has_sdgs? %>
+    <div class="text-sm flex flex-col items-center gap-1">
+      <p class="uppercase text-xs text-center"><%= t("sdg", scope: "activemodel.attributes.challenge") %></p>
+      <div class="ods challenges flex items-center">
+        <div class="text-container show">
+          <p><%= t(@sdg + ".logo.line1", scope: "decidim.components.sdgs") %></p>
+          <p><%= t(@sdg + ".logo.line2", scope: "decidim.components.sdgs") %></p>
+        </div>
+        <%= image_pack_tag "media/images/ods-#{@sdg_index}.svg", alt: "Logo ODS #{@sdg_index}", class: "challenge--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/challenges/challenges/index.html.erb

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

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

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

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

@@ -0,0 +1,41 @@
+<%= append_stylesheet_pack_tag "decidim_sdgs" %>
+<%= append_stylesheet_pack_tag "decidim_challenges" %>
+
+<%= render layout: "layouts/decidim/shared/layout_item", locals: { back_path: challenges_path } do %>
+  <section class="layout-main__section layout-main__heading">
+    <h1 class="h2 decorator">
+      <%= present(@challenge).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"><%= t("local_description", scope: "activemodel.attributes.challenge") %></h3>
+    <div class="rich-text-display">
+      <p><%= present(@challenge).local_description %></p>
+    </div>
+
+    <h3 class="h4"><%= t("global_description", scope: "activemodel.attributes.challenge") %></h3>
+    <div class="rich-text-display">
+      <p><%= present(@challenge).global_description %></p>
+    </div>
+
+    <% if present(@challenge).tags.present? %>
+      <h3 class="h4"><%= t("tags", scope: "activemodel.attributes.challenge") %></h3>
+      <p class="tags"><%= present(@challenge).tags %></p>
+    <% end %>
+
+    <% if @challenge.problems.present? %>
+      <%= render partial: "related_problems", locals: {problems: @challenge.problems} %>
+    <% end %>
+
+    <% if challenge_associated_solutions(@challenge).present? %>
+      <%= render partial: "decidim/shared/related_solutions", locals: {solutions: challenge_associated_solutions(@challenge)} %>
+    <% end %>
+  </section>
+
+  <% content_for :aside do %>
+    <%= render partial: "sidebar_data" %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,79 @@
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column hashtags__container">
+        <%= form.translated :text_field, :title, autofocus: true, class: "js-hashtags", hashtaggable: true, aria: { label: :title } %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :description %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :tags %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :causes %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :groups_affected %>
+      </div>
+
+      <div class="row column">
+        <%= scopes_select_field form, :decidim_sectorial_scope_id, root: nil %>
+      </div>
+
+      <div class="row column">
+        <%= scopes_select_field form, :decidim_technological_scope_id, root: nil %>
+      </div>
+
+      <div class="row column">
+        <%= form.select :state,
+                        @form.select_states_collection,
+                        selected: [I18n.t(@form.try(:state), scope: 'decidim.problems.states'), Decidim::Problems::Problem::states[@form.try(:state)]],
+                        label: t("models.problem.fields.state", scope: "decidim.problems.admin") %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :proposing_entities %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :collaborating_entities %>
+      </div>
+    </div>
+
+    <div class="card-divider">
+      <h2 class="card-title"><%= t(".challenge") %></h2>
+    </div>
+
+    <div class="card-section">
+
+      <div class="row column">
+        <%= form.select :decidim_challenges_challenge_id,
+                        @form.select_challenge_collection,
+                        selected: @form.try(:decidim_challenges_challenge_id) ? [translated_attribute(Decidim::Challenges::Challenge.find(@form.try(:decidim_challenges_challenge_id)).title), @form.try(:decidim_challenges_challenge_id)] : '',
+                        label: t("models.problem.fields.challenge", scope: "decidim.problems.admin"),
+                        include_blank: "" %>
+      </div>
+    </div>
+
+    <div class="card-divider">
+      <h2 class="card-title"><%= t(".duration") %></h2>
+    </div>
+
+    <div class="card-section">
+      <div class="row">
+        <div class="columns xlarge-6">
+          <%= form.date_field :start_date, autocomplete: "off" %>
+        </div>
+
+        <div class="columns xlarge-6">
+          <%= form.date_field :end_date, autocomplete: "off" %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>