Adds styles to dashboard polls views

This commit is contained in:
decabeza
2018-10-05 17:53:07 +02:00
parent 76ec44a810
commit f3ca53c698
10 changed files with 90 additions and 113 deletions

View File

@@ -1,24 +1,15 @@
<% if can?(:manage_polls, proposal) %>
<div class="column">
<div class="card resource-card primary"
data-tooltip title="<%= t("dashboard.resource.request_resource") %>"
data-position="bottom" data-alignment="right">
<div class="card-section">
<p class="text-right">
<i class="fi-pencil resource-icon"></i>
</p>
<h4 class="text-center"><%= t("dashboard.menu.polls") %></h4>
<p class="text-center">
<%= Setting['proposals.poll_short_title'] %>
</p>
</div>
<div class="small-12 medium-6 large-3 column end">
<div class="resource-card" data-equalizer-watch="resources">
<h4><%= t("dashboard.menu.polls") %></h4>
<p class="resource-description">
<%= Setting['proposals.poll_short_title'] %>
</p>
<div class="card-section text-center bottom-container">
<div class="bottom-element text-center">
<%= link_to t("dashboard.resource.request_resource"),
<div class="small-12 column small-centered margin-top">
<%= link_to t("dashboard.resource.view_resource"),
proposal_dashboard_polls_path(proposal.to_param),
class: 'button primary' %>
</div>
class: "button expanded" %>
</div>
</div>
</div>

View File

@@ -1,27 +1,27 @@
<%= form_for [proposal, :dashboard, poll] do |f| %>
<div class="row">
<div class="row expanded">
<div class="small-12 medium-6 column">
<%= f.text_field :name %>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 column">
<div class="row expanded">
<div class="small-12 medium-3 column">
<%= f.text_field :starts_at,
value: poll.starts_at.present? ? l(poll.starts_at.to_date) : nil,
class: "js-calendar-full" %>
</div>
<div class="small-12 medium-6 column">
<div class="small-12 medium-3 column end">
<%= f.text_field :ends_at,
value: poll.ends_at.present? ? l(poll.ends_at.to_date) : nil,
class: "js-calendar-full" %>
</div>
</div>
<div class="row">
<div class="row expanded">
<div class="small-12 column">
<%=f.text_area :description, rows: 8%>
<%= f.text_area :description, rows: 8 %>
</div>
</div>
@@ -30,15 +30,16 @@
<%= render 'question_fields', f: question %>
<% end %>
<div id="links row">
<div class="small-12">
<%= link_to_add_association t("dashboard.polls.form.add_question"), f, :questions, class: 'button hollow' %>
<div id="links" class="row expanded">
<div class="small-12 column">
<%= link_to_add_association t("dashboard.polls.form.add_question"),
f, :questions, class: "button" %>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-4 column">
<div class="row expanded">
<div class="small-12 medium-6 large-4 column">
<%= f.submit t("admin.polls.#{admin_submit_action(poll)}.submit_button"),
class: "button success expanded" %>
</div>

View File

@@ -1,42 +1,37 @@
<div class="column poll-card" id="<%= dom_id(poll) %>">
<div class="card">
<div class="card-section">
<p class="text-center">
<a href='#' class="button round hollow clipboard-btn" data-clipboard-text="<%= poll_url(poll) %>">
<i class="fi-clipboard-notes"></i> <%= t("dashboard.polls.poll.copy_link") %>
</a>
</p>
<h4 class="text-center"><%= link_to poll.title, poll, target: '_blank' %></h4>
<p class="text-center">
<%= l(poll.starts_at.to_date) %> - <%= l(poll.ends_at.to_date) %>
</p>
</div>
<div id="<%= dom_id(poll) %>" class="small-12 medium-6 large-4 column end">
<div class="poll-card" data-equalizer-watch="poll-cards">
<a href="#" class="clipboard js-clipboard" data-clipboard-text="<%= poll_url(poll) %>">
<%= t("dashboard.polls.poll.copy_link") %>
</a>
<div class="card-section text-center">
<h4><%= link_to poll.title, poll, target: "_blank" %></h4>
<span class="small">
<%= l(poll.starts_at.to_date) %> - <%= l(poll.ends_at.to_date) %>
</span>
<p class="margin-top">
<strong><%= t("dashboard.polls.poll.responses", count: poll.answer_count) %></strong>
</div>
</p>
<div class="card-section text-center">
<div class="small-12 column small-centered margin-top">
<% if poll.incoming? %>
<%= link_to t("dashboard.polls.poll.edit_poll"), edit_proposal_dashboard_poll_path(proposal, poll), class: 'button hollow' %>
<%= link_to t("dashboard.polls.poll.edit_poll"),
edit_proposal_dashboard_poll_path(proposal, poll), class: "button hollow" %>
<% else %>
<%= link_to t("dashboard.polls.poll.view_results"), results_poll_path(poll), class: 'button', target: '_blank' %>
<%= link_to t("dashboard.polls.poll.view_results"),
results_poll_path(poll), class: "button", target: "_blank" %>
<% end %>
</div>
<div class="card-section">
<p>
<%= best_in_place poll,
:results_enabled,
as: :checkbox,
url: proposal_dashboard_poll_url(proposal, poll),
collection: {
false: raw('<input type="checkbox">'),
true: raw('<input type="checkbox" checked>')
} %>
<strong><%= t("dashboard.polls.poll.show_results") %></strong>
</p>
<p class="help-text"><%= t("dashboard.polls.poll.show_results_help") %></p>
</div>
<%= best_in_place poll,
:results_enabled,
as: :checkbox,
url: proposal_dashboard_poll_url(proposal, poll),
collection: {
false: raw('<input type="checkbox">'),
true: raw('<input type="checkbox" checked>')
} %>
<strong><%= t("dashboard.polls.poll.show_results") %></strong>
<p class="help-text"><%= t("dashboard.polls.poll.show_results_help") %></p>
</div>
</div>

View File

@@ -1,25 +1,24 @@
<div class="nested-fields">
<div class="row">
<div class="small-12 large-9 column">
<%= f.text_field :title %>
<div class="small-12 medium-6 column">
<div class="answer-fields">
<div class="row expanded">
<div class="small-12 medium-9 column">
<%= f.text_field :title %>
</div>
<div class="small-12 medium-3 column margin-top">
<%= link_to_remove_association f, class: "delete" do %>
<%= t("dashboard.polls.question_answer_fields.remove_answer") %>
<% end %>
</div>
</div>
<div class="small-12 large-3 column remove-nested-record">
<%= link_to_remove_association f, class: 'button hollow alert' do %>
<span class="icon-x" aria-hidden="true"></span>
<span><%=t("dashboard.polls.question_answer_fields.remove_answer") %></span>
<% end %>
</div>
</div>
<div class="row">
<div class="small-12 large-9 column">
<div class="ckeditor">
<%= f.cktext_area :description,
maxlength: Poll::Question.description_max_length,
ckeditor: { language: I18n.locale } %>
<div class="row expanded">
<div class="small-12 column">
<div class="ckeditor">
<%= f.cktext_area :description,
maxlength: Poll::Question.description_max_length,
ckeditor: { language: I18n.locale } %>
</div>
</div>
</div>
</div>
<hr>
</div>

View File

@@ -1,14 +1,13 @@
<div class="nested-fields">
<div class="question-fields">
<%= f.hidden_field :author_id, value: f.object.author_id || current_user.id %>
<%= f.hidden_field :proposal_id, value: f.object.proposal_id || proposal.id %>
<div class="row">
<div class="row expanded">
<div class="small-12 large-9 column">
<%= f.text_field :title %>
</div>
<div class="small-12 large-3 column remove-nested-record">
<%= link_to_remove_association f, class: 'button alert hollow' do %>
<span class="icon-x" aria-hidden="true"></span>
<span><%=t("dashboard.polls.question_fields.remove_question") %></span>
<div class="small-12 large-3 column margin-top">
<%= link_to_remove_association f, class: "delete" do %>
<%= t("dashboard.polls.question_fields.remove_question") %>
<% end %>
</div>
</div>
@@ -18,12 +17,11 @@
<%= render 'question_answer_fields', f: answer %>
<% end %>
<div id="links" class="row">
<div class="small-12">
<%= link_to_add_association t("dashboard.polls.question_fields.add_answer"), f, :question_answers, class: 'button hollow' %>
<div id="links" class="row expanded">
<div class="small-12 column">
<%= link_to_add_association t("dashboard.polls.question_fields.add_answer"),
f, :question_answers, class: "button hollow" %>
</div>
</div>
</div>
<hr>
</div>

View File

@@ -1,7 +1,4 @@
<% content_for :action_title, t("admin.polls.edit.title") %>
<%= back_link_to %>
<div class="polls-form">
<%= render "form" %>
</div>
<%= render "form" %>

View File

@@ -1,27 +1,25 @@
<% content_for :action_title, t("dashboard.polls.index.title") %>
<div class="row">
<div class="row expanded">
<div class="small-12 medium-9 column">
<%== Setting['proposals.poll_description'] %>
<% if @polls.any? %>
<div class="row small-up-2 medium-up-3 large-up-4">
<div class="row expanded margin-top" data-equalizer="poll-cards" data-equalize-on="medium">
<%= render @polls %>
</div>
<% end %>
</div>
<div class="small-12 medium-3 column">
<% unless Setting['proposals.poll_link'].blank? %>
<div class="proposal-dashboard-action-links">
<h3><%= t("dashboard.polls.index.links") %></h3>
<%= link_to t("dashboard.polls.index.additiontal_information"), Setting['proposals.poll_link'], target: '_blank' %>
</div>
<% if Setting['proposals.poll_link'].present? %>
<h4><%= t("dashboard.polls.index.links") %></h4>
<%= link_to t("dashboard.polls.index.additiontal_information"),
Setting['proposals.poll_link'], target: "_blank" %>
<% end %>
<strong><%= t("dashboard.polls.index.count", count: @polls.count) %></strong>
<p><strong><%= t("dashboard.polls.index.count", count: @polls.count) %></strong></p>
<%= link_to t("dashboard.polls.index.create"),
new_proposal_dashboard_poll_path(proposal),
class: 'button expanded' %>
class: "button expanded" %>
</div>
</div>

View File

@@ -1,6 +1,4 @@
<% content_for :action_title, t("admin.polls.new.title") %>
<%= back_link_to %>
<div class="polls-form">
<%= render "form" %>
</div>
<%= render "form" %>

View File

@@ -2,9 +2,9 @@
<div class="row">
<div class="small-12 medium-9 column padding">
<% if @poll.related.nil? %>
<%= back_link_to polls_path, t('polls.show.back') %>
<%= back_link_to polls_path, t("polls.show.back") %>
<% else %>
<%= link_to t('.back_to_proposal'), [@poll.related] %>
<%= link_to t("polls.poll_header.back_to_proposal"), [@poll.related] %>
<% end %>
<h2><%= @poll.name %></h2>
@@ -22,7 +22,7 @@
<aside class="small-12 medium-3 column margin-top">
<%= render partial: 'shared/social_share', locals: {
share_title: t('shared.share'),
share_title: t("shared.share"),
title: @poll.name,
url: poll_url(@poll),
description: @poll.name

View File

@@ -1,4 +1,4 @@
<% if can?(:results, @poll) || can?(:stats, @poll) %>
<% if can?(:results, @poll) || can?(:stats, @poll) %>
<div class="row margin-top">
<div class="small-12 column">
<ul class="menu simple clear">