From 94d07b054f289bb05815205d6c397c93e8468a2f Mon Sep 17 00:00:00 2001 From: Matthias Radscheit Date: Thu, 9 Feb 2017 13:38:58 +0100 Subject: [PATCH 01/18] UIiiiii (#588) --- app/views/devise/registrations/edit.html.erb | 201 ++++++++++--------- 1 file changed, 103 insertions(+), 98 deletions(-) diff --git a/app/views/devise/registrations/edit.html.erb b/app/views/devise/registrations/edit.html.erb index 9a9a4e54..6e072353 100644 --- a/app/views/devise/registrations/edit.html.erb +++ b/app/views/devise/registrations/edit.html.erb @@ -1,108 +1,113 @@ <%= render partial: "shared/error_message_detailed", locals: {entity: resource} %> -
-
-

<%= t('.title', :resource => Profile.model_name.human , :default => "Edit #{resource_name.to_s.humanize}") %>

-
-
- <% if @user.profile.present? %> - <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'profile', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> - <%= render partial: "shared/error_message_detailed", locals: {entity: resource.profile} %> - <%= f.fields_for :profile, resource.profile do |builder| %> - <%= render partial: "profiles/form_fields", locals: {f: builder, '@profile': resource.profile} %> +
+
+
+
+

<%= t('.title', :resource => Profile.model_name.human , :default => "Edit #{resource_name.to_s.humanize}") %>

+
+
+ <% if @user.profile.present? %> + <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'profile', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> + <%= render partial: "shared/error_message_detailed", locals: {entity: resource.profile} %> + <%= f.fields_for :profile, resource.profile do |builder| %> + <%= render partial: "profiles/form_fields", locals: {f: builder, '@profile': resource.profile} %> + <% end %> + <% end %> + <% else %> +
+
+ <%= I18n.t('navbar.create_profile') %> +
+
<% end %> - <% end %> - <% else %> -
+
+
+
+
+

<%= t('users.email.edit', :default => "Edit email") %>

+
+
+ <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'email', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> +
+ <%= f.label :email, :class => 'control-label col-lg-2 required' %> +
+ <%= f.email_field :email, class: "form-control" %> +
+
+
+ <%= f.label :current_password, :class => 'control-label col-lg-2 required' %> +
+ <%= f.password_field :current_password, class: "form-control" %> + + <%= t('devise.messages.we_need_your_current_password_to_confirm_your_changes', :default => 'we need your current password to confirm your changes') %> + +
+
+ +
+ + <%= t("errors.messages.required") %> +
+ +
- <%= I18n.t('navbar.create_profile') %> + <%= f.submit t('.update', :default => "Update"), class: "btn btn-primary" %>
-
- <% end %> -
-
-
-
-

<%= t('users.email.edit', :default => "Edit email") %>

-
-
- <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'email', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> -
- <%= f.label :email, :class => 'control-label col-lg-2 required' %> -
- <%= f.email_field :email, class: "form-control" %> -
-
-
- <%= f.label :current_password, :class => 'control-label col-lg-2 required' %> -
- <%= f.password_field :current_password, class: "form-control" %> - - <%= t('devise.messages.we_need_your_current_password_to_confirm_your_changes', :default => 'we need your current password to confirm your changes') %> - -
-
+
+ <% end %> +
+
+
+
+

<%= t('.title', :resource => resource_class.model_name.human , :default => "Edit #{resource_name.to_s.humanize}") %>

+
+
+ <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'password', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> +
+ <%= f.label :password, :class => 'control-label col-lg-2 required' %> +
+ <%= f.password_field :password, :autocomplete => "off", class: "form-control" %> + + <%= t('devise.messages.leave_blank_if_you_don_t_want_to_change_it', :default => "leave blank if you don't want to change it") %> + +
+
+
+ <%= f.label :password_confirmation, :class => 'control-label col-lg-2 required' %> +
+ <%= f.password_field :password_confirmation, class: "form-control" %> + + <%= t('devise.messages.leave_blank_if_you_don_t_want_to_change_it', :default => "leave blank if you don't want to change it") %> + +
+
+
+ <%= f.label :current_password, :class => 'control-label col-lg-2 required' %> +
+ <%= f.password_field :current_password, class: "form-control" %> + + <%= t('devise.messages.we_need_your_current_password_to_confirm_your_changes', :default => 'we need your current password to confirm your changes') %> + +
+
-
- - <%= t("errors.messages.required") %> -
+
+ + <%= t("errors.messages.required") %> +
-
-
- <%= f.submit t('.update', :default => "Update"), class: "btn btn-primary" %> -
-
- <% end %> -
-
-
-
-

<%= t('.title', :resource => resource_class.model_name.human , :default => "Edit #{resource_name.to_s.humanize}") %>

-
-
- <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :namespace => 'password', :html => { :method => :put, :class => 'form-horizontal' }) do |f| %> -
- <%= f.label :password, :class => 'control-label col-lg-2 required' %> -
- <%= f.password_field :password, :autocomplete => "off", class: "form-control" %> - - <%= t('devise.messages.leave_blank_if_you_don_t_want_to_change_it', :default => "leave blank if you don't want to change it") %> - -
-
-
- <%= f.label :password_confirmation, :class => 'control-label col-lg-2 required' %> -
- <%= f.password_field :password_confirmation, class: "form-control" %> - - <%= t('devise.messages.leave_blank_if_you_don_t_want_to_change_it', :default => "leave blank if you don't want to change it") %> - -
-
-
- <%= f.label :current_password, :class => 'control-label col-lg-2 required' %> -
- <%= f.password_field :current_password, class: "form-control" %> - - <%= t('devise.messages.we_need_your_current_password_to_confirm_your_changes', :default => 'we need your current password to confirm your changes') %> - -
-
+
+
+ <%= f.submit t('.update', :default => "Update"), class: "btn btn-primary" %> +
+
+ <% end %> +
+
-
- - <%= t("errors.messages.required") %> -
+

+ <%= link_to t('.cancel_my_account', :default => "Cancel my account"), registration_path(resource_name), :data => { :confirm => t('.are_you_sure', :default => "Are you sure?") }, :method => :delete, :class => 'btn btn-danger' %> +

-
-
- <%= f.submit t('.update', :default => "Update"), class: "btn btn-primary" %> -
-
- <% end %>
- -

- <%= link_to t('.cancel_my_account', :default => "Cancel my account"), registration_path(resource_name), :data => { :confirm => t('.are_you_sure', :default => "Are you sure?") }, :method => :delete, :class => 'btn btn-danger' %> -

From 3d9259217f1f285953effb05b879731911f96e16 Mon Sep 17 00:00:00 2001 From: Matthias Radscheit Date: Thu, 9 Feb 2017 13:44:38 +0100 Subject: [PATCH 02/18] 319 workshop choice bar (brand new with even more po-happyness ) (#595) * Owl Deps * Owl Template Files * Zwischenstand * Translation * Tests * Several Fixes * Deps * Owl * Commit * Review * Texte * Text * Texte * Pfeile korrigiert * Fix * Fix * Fix * Fix --- app/assets/javascripts/requests.js | 4 +-- config/locales/de.requests.yml | 50 +++++++++++++++--------------- 2 files changed, 27 insertions(+), 27 deletions(-) diff --git a/app/assets/javascripts/requests.js b/app/assets/javascripts/requests.js index f57dd3b7..c6084cc0 100644 --- a/app/assets/javascripts/requests.js +++ b/app/assets/javascripts/requests.js @@ -4,8 +4,8 @@ function enableOwlCarousel() { $(".owl-carousel").owlCarousel({ center: false, - item: 2, - autoplay: true, + items: 2, + autoplay: false, loop: true, dots: true, margin: 30, diff --git a/config/locales/de.requests.yml b/config/locales/de.requests.yml index de178e0e..f715965d 100644 --- a/config/locales/de.requests.yml +++ b/config/locales/de.requests.yml @@ -10,35 +10,35 @@ de: target_group: "Zielgruppe" content: "Inhalt" panel1: - title: "Workshop 1" - duration: "2-3 h" - size: "20 Personen" - target_group: "Informatikeinsteiger (auch ohne Programmiererfahrung), ca. ab Klasse 10" - content: "Die Kenntnisse werden weiter vertieft und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." + title: "Ant-Me 1" + duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + size: "Keine Beschränkung" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" + content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." panel2: - title: "Workshop 2" - duration: "2-3 h" - size: "20 Personen" - target_group: "Informatikeinsteiger (auch ohne Programmiererfahrung), ca. ab Klasse 10" - content: "Die Kenntnisse werden weiter vertieft und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." + title: "Ant-Me 2" + duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + size: "Keine Beschränkung" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" + content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." panel3: - title: "Workshop 3" - duration: "2-3 h" - size: "20 Personen" - target_group: "Informatikeinsteiger (auch ohne Programmiererfahrung), ca. ab Klasse 10" - content: "Die Kenntnisse werden weiter vertieft und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." + title: "Ant-Me 3" + duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + size: "Keine Beschränkung" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" + content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." panel4: - title: "Workshop 4" - duration: "2-3 h" - size: "20 Personen" - target_group: "Informatikeinsteiger (auch ohne Programmiererfahrung), ca. ab Klasse 10" - content: "Die Kenntnisse werden weiter vertieft und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." + title: "Ant-Me 4" + duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + size: "Keine Beschränkung" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" + content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." panel5: - title: "Workshop 5" - duration: "2-3 h" - size: "20 Personen" - target_group: "Informatikeinsteiger (auch ohne Programmiererfahrung), ca. ab Klasse 10" - content: "Die Kenntnisse werden weiter vertieft und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." + title: "Ant-Me 5" + duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + size: "Keine Beschränkung" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" + content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." intro_text: "Wenn Sie einen Workshop am HPI durchführen wollen, füllen Sie bitte das folgende Formular aus. Die weitere Planung und Kommunikation wird über E-Mail erfolgen." new: title: "Neue Anfrage stellen" From 2f9e0475db492b0435da38198de715a74e4d6399 Mon Sep 17 00:00:00 2001 From: Matthias Radscheit Date: Thu, 9 Feb 2017 13:49:25 +0100 Subject: [PATCH 03/18] 584 user overview ui (#585) * Zwischenstand * UIIIII --- .../custom_bootstrap/custom_bootstrap.less | 16 +++ app/views/users/index.html.erb | 97 ++++++++++--------- 2 files changed, 68 insertions(+), 45 deletions(-) diff --git a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less index 1d482232..4608b916 100644 --- a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less +++ b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less @@ -142,10 +142,12 @@ a:hover h1, a:hover h2, a:hover h3, a:hover h4 { padding-bottom: 30px; word-wrap: break-word; } + @media (max-width: @screen-sm-max) { h1 { font-size: 5rem; } h2 { font-size: 4rem; } } + @media (max-width: @screen-xs-max) { h1 { font-size: 3.5rem; } h2 { font-size: 2.5rem; } @@ -249,7 +251,21 @@ strong, b { background-position: center; border: 3px solid @body-bg; } + .image-buttons .btn.active { border: 3px solid @brand-primary; } +.title { + font-size: 64px; +} + +.bottom-align-text { + position: absolute; + bottom: 15px; + right: 0; +} + +.relative-box { + position: relative; +} \ No newline at end of file diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index d79be315..fb1af4a6 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb @@ -1,50 +1,57 @@ <%- model_class = User -%> -
-

<%= t '.title', :default => model_class.model_name.human(count: 2).titleize %>

- - <%= form_tag(users_path, :method => "get", id: "search-form") do %> -
- <%= text_field_tag :search, params[:search], class: "form-control", placeholder: t(".search_users", :default => "Search users") %> -
- -
+
+
+
+
+

<%= t '.title', :default => model_class.model_name.human(count: 2).titleize %>

- <% end %> -
- - - - - - - - - - - <% @users.each do |user| %> - <% if can? :destroy, user %> +
+ <%= form_tag(users_path, :method => "get", id: "search-form") do %> +
+ <%= text_field_tag :search, params[:search], class: "form-control", placeholder: t(".search_users", :default => "Search users") %> +
+ +
+
+ <% end %> +
+ +
+
<%= model_class.human_attribute_name(:name) %><%= model_class.human_attribute_name(:created_at) %><%= model_class.human_attribute_name(:role) %>
+ - - - + + + + + + <% @users.each do |user| %> + <% if can? :destroy, user %> + + - - <% end %> - <% end %> - -
- <% if not user.profile.nil? %> - <%= link_to user.name, profile_path(user.profile) %> - <% else %> - <%= user.name %> - <% end %> - <%= I18n.l(user.created_at) %> - <%= form_for user, url: update_user_role_path(user) do |f| %> - <% if can? :update_role_to_admin, @user %> - <%= f.collection_select(:role, User::ROLES, :to_s, lambda{|i| t("users.roles." + i.to_s)}, {:selected => user.role.to_s }) %> + <%= model_class.human_attribute_name(:name) %><%= model_class.human_attribute_name(:created_at) %><%= model_class.human_attribute_name(:role) %>
+ <% if not user.profile.nil? %> + <%= link_to user.name, profile_path(user.profile) %> <% else %> - <%= f.collection_select(:role, User::ROLES.reject{|r| r == :admin}, :to_s, lambda{|i| t("users.roles." + i.to_s)}, {:selected => user.role.to_s }) %> + <%= user.name %> <% end %> - <%= f.submit t('.save', :default => "Save"), class: "btn btn-xs btn-primary" %> - <% end %> -
-<%= will_paginate @users, renderer: BootstrapPagination::Rails %> + + <%= I18n.l(user.created_at) %> + + <%= form_for user, url: update_user_role_path(user) do |f| %> + <% if can? :update_role_to_admin, @user %> + <%= f.collection_select(:role, User::ROLES, :to_s, lambda{|i| t("users.roles." + i.to_s)}, {:selected => user.role.to_s }) %> + <% else %> + <%= f.collection_select(:role, User::ROLES.reject{|r| r == :admin}, :to_s, lambda{|i| t("users.roles." + i.to_s)}, {:selected => user.role.to_s }) %> + <% end %>    + <%= f.submit t('.save', :default => "Save"), class: "btn btn-sm btn-primary" %> + <% end %> + + + <% end %> + <% end %> + + + <%= will_paginate @users, renderer: BootstrapPagination::Rails %> +
+
From 92bc4ef824f0125082a004358ed7d409265bc526 Mon Sep 17 00:00:00 2001 From: Matthias Radscheit Date: Thu, 9 Feb 2017 14:48:43 +0100 Subject: [PATCH 04/18] 319 workshop choice bar (#598) * Owl Deps * Owl Template Files * Zwischenstand * Translation * Tests * Several Fixes * Deps * Owl * Commit * Review * Texte * Text * Texte * Pfeile korrigiert * Fix * Fix * Fix * Fix * Text, Text, Text --- .../custom_bootstrap/custom_bootstrap.less | 8 +++++ config/locales/de.requests.yml | 36 +++++++++---------- 2 files changed, 26 insertions(+), 18 deletions(-) diff --git a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less index 4608b916..5cf8a3ec 100644 --- a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less +++ b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less @@ -256,6 +256,13 @@ strong, b { border: 3px solid @brand-primary; } + +#requestGallery { + .panel { + min-height: 500px; + } +} + .title { font-size: 64px; } @@ -268,4 +275,5 @@ strong, b { .relative-box { position: relative; + } \ No newline at end of file diff --git a/config/locales/de.requests.yml b/config/locales/de.requests.yml index f715965d..c3c17f9e 100644 --- a/config/locales/de.requests.yml +++ b/config/locales/de.requests.yml @@ -16,29 +16,29 @@ de: target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." panel2: - title: "Ant-Me 2" - duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + title: "LogicTraffic-Workshop" + duration: "ca. 3-4h" size: "Keine Beschränkung" - target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" - content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 10" + content: "Mittels Aussagenlogik müssen bei LogicTraffic Ampelschaltungen an Straßenkreuzungen sicher gemacht werden. Anhand dieses anschaulichen Beispiels werden die Bausteine aussagenlogischer Formeln eingeführt und praxisrelevant erprobt. Anschließend werden die Kenntnisse weiter vertieft, und Umformungen und Normalformen, sowie Beweise anhand von Aussagenlogik besprochen. Neben dem theoretischen Teil des Workshops werden auch Anwendungsgebiete und Relevanz von Mathematik und Theoretischer Informatk in der Softwareentwicklung besprochen." panel3: - title: "Ant-Me 3" - duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" + title: "Algorithmen-Challenge" + duration: "mind. 6 h, vorzugsweise 8 h oder mehr" size: "Keine Beschränkung" - target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" - content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." + target_group: "Dieser Workshop ist besonders für Schüler/innen geeignet, die Spaß am Lösen von (algorithmischen) Knobelaufgaben haben. Die Schüler/innen sollten Experten im Programmieren sein und in der Lage sein mit komplexen Datenstrukturen Probleme effizient zu lösen. Die Programmiersprache ist hierbei relativ egal, es bietet sich allerdings eine Sprache an, die Objektorientierte, Prozedurale oder Funktionale Programmierparadigmen unterstützt." + content: "Bei diesem Workshop treten die Schüler in Kleingruppen in einem eigens am HPI entwickelten Strategiespiel an. Sie müssen sich durch das Lösen von algorithmischen Problemen Punkte verdienen, um damit eine Eisenbahn-Imperium in den USA aufzubauen, das seinesgleichen sucht." panel4: - title: "Ant-Me 4" - duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" - size: "Keine Beschränkung" - target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" - content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." + title: "Roboter-Programmierung" + duration: "mit Erfahrung: 6h, ohne Erfahrung: 8 h" + size: "max. 40" + target_group: "Für eine erfolgreiche Teilnahme an diesem Workshop sind Programmierkenntnisse (Verständnis von Kontrollstrukturen, Variablen, Funktionen und optional Objektorientierung) in einer oder mehreren Programmiersprachen erforderlich. Des Weiteren ist es von Vorteil, wenn den Schüler/innen Grundlagen der Vektorrechnung bekannt sind oder ein gutes allgemeines mathematisches Grundverständnis vorhanden ist." + content: "Programmierung einer künstlichen Intelligenz zur Steuerung eines weltenerobernden Kampfroboter. Die Teilnehmer entwickeln in Kleingruppen künstliche Intelligenzen innerhalb eines Java-Frameworks. Diese treten am Ende des Tages in einem Turnier gegeneinander an." panel5: - title: "Ant-Me 5" - duration: "mit Erfahrung: 3-6h, ohne Erfahrung: 4-6h" - size: "Keine Beschränkung" - target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 9" - content: "Auf interessante und leicht verständliche Weise soll AntMe! das Erlernen der Software-Entwicklung mit der objektorientierten Programmiersprache C# ermöglichen. Die Lernwelt ist eine simulierte Welt der Ameisen. Die Teilnehmenden steuern ein Ameisenvolk mit Hilfe eigenentwickelter und selbstprogrammierter Algorithmen. Die Welt der Ameisen bildet die Programmierumgebung für den Spielablauf. Spielerisch und kreativ wird der Lernende mit AntMe! an den Aufbau und die Funktionsweise von Quelltexten, Kontrollstrukturen, Objekten und Methoden herangeführt." + title: "Algorithmen erarbeiten" + duration: "mind. 6h, mit Implementierung mind. 8h" + size: "nach Absprache, mind. 10 Schüler/innen, max. 40 Schüler/innen" + target_group: "Programmier-Einsteiger und Fortgeschrittene, ca. ab Klasse 10" + content: "Typische Probleme der Informatik stecken überall im Alltag: Wie liefert ein Postbote am besten seine Pakete aus? Wie setzt man Mitarbeiter in seinem Unternehmen ein, so dass alle glücklich sind? Wie packt man die Artikel einer Bestellung möglichst platzsparend in einen Karton? Der Workshop bietet den Schülerinnen und Schülern Einblicke in typische Problemstellungen der Algorithmik und stellt sie vor die Aufgabe, gute Algorithmen für diese Probleme zu finden. Gruppen mit Programmierkenntnisse können ihre Lösungen anschließend in Java implementieren, ansonsten macht auch das theoretische Bearbeiten der Aufgaben viel Spaß." intro_text: "Wenn Sie einen Workshop am HPI durchführen wollen, füllen Sie bitte das folgende Formular aus. Die weitere Planung und Kommunikation wird über E-Mail erfolgen." new: title: "Neue Anfrage stellen" From f2a42bebcce2b8de4e182ce0111daa6e8145463c Mon Sep 17 00:00:00 2001 From: Matthias Radscheit Date: Thu, 9 Feb 2017 15:04:14 +0100 Subject: [PATCH 05/18] Event Detail Page (#579) * Grundstruktur * Facts Box * Correct Button position * Material Area Divs * Merge * Fix Test * Fixes * Review * Fix tabs --- .../custom_bootstrap/custom_bootstrap.less | 42 ++++++++++- app/views/events/_material_area.html.erb | 6 +- app/views/events/_show_event_large.html.erb | 74 +++++++++++-------- config/locales/de.events.yml | 1 + spec/features/event_spec.rb | 2 +- 5 files changed, 88 insertions(+), 37 deletions(-) diff --git a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less index 5cf8a3ec..bb49b511 100644 --- a/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less +++ b/app/assets/stylesheets/custom_bootstrap/custom_bootstrap.less @@ -160,14 +160,28 @@ a:hover h1, a:hover h2, a:hover h3, a:hover h4 { } -.spacer-20 { +.spacer-20 { width: 100%; height: 20px; min-height: 20px; } + +.spacer-30 { + width: 100%; + height: 30px; + min-height: 30px; +} + +.spacer-60 { + width: 100%; + height: 60px; + min-height: 60px; +} + // Fontpage #wsp-welcome { + padding-top: 0px !important; ul { @@ -240,8 +254,6 @@ strong, b { font-weight: 700; } - - @import "multi-select.css"; .image-buttons .btn { @@ -257,20 +269,42 @@ strong, b { } + #requestGallery { .panel { min-height: 500px; } } -.title { +.title, .page-title { font-size: 64px; + line-height: 1; +} + +.line-spacer { + border-bottom: 1px solid @gray-lighter; + margin-top: 0px; + margin-bottom: 30px; + width: 100%; +} + +.events-facts { + ul { + padding-left: 25px; + } +} + +.bottom-align-text { + position: absolute; + bottom: 15px; + right: 0; } .bottom-align-text { position: absolute; bottom: 15px; right: 0; + } .relative-box { diff --git a/app/views/events/_material_area.html.erb b/app/views/events/_material_area.html.erb index 95e80120..aa3686ec 100644 --- a/app/views/events/_material_area.html.erb +++ b/app/views/events/_material_area.html.erb @@ -1,5 +1,5 @@ <% if can? :view_material, Event %> -
+

<%= t '.title', title: @event.name %>

@@ -27,7 +27,9 @@ <% end %>
- +
+
+
<% if can? :upload_material, Event %> <%= form_tag(event_upload_material_path(@event), class: 'btn btn-default', multipart: true) do %> diff --git a/app/views/events/_show_event_large.html.erb b/app/views/events/_show_event_large.html.erb index 6654b84c..bdb56d37 100644 --- a/app/views/events/_show_event_large.html.erb +++ b/app/views/events/_show_event_large.html.erb @@ -1,46 +1,60 @@ <%- model_class = Event -%> -
-
+
+
+

<%= @event.name %>

+
+
<%= render :partial => 'apply_button', :locals => {event: @event} %> <%= link_to t('.edit', :default => t('helpers.links.edit')), edit_event_path(@event), :class => 'btn btn-default btn-sm' if can? :edit, @event %>
-

<%= @event.name %>

+
+
-
+
<%= render "event_date_large", event: @event %>
<%= render @event.date_ranges %>
-
+
<%= markdown @event.description %> +
+
+
+
+
+ <%= t('events.facts') %> +
+
+ <% if not @event.knowledge_level.blank? or can? :manage, Event %> +
<%= model_class.human_attribute_name(:knowledge_level) %>
+

<%= @event.knowledge_level %>

+ <% end %> +
<%= model_class.human_attribute_name(:max_participants) %>
+

<%= @event.max_participants %>

+ <% if not @event.organizer.blank? or can? :manage, Event %> +

<%= model_class.human_attribute_name(:organizer) %>
+

<%= @event.organizer %>

+ <% end %> +
<%= model_class.human_attribute_name(:application_deadline) %>
+

<%= I18n.l(@event.application_deadline) + ' ' + t('midnight') %>

+ <% if can? :manage, Event %> +
<%= model_class.human_attribute_name(:custom_application_fields) %>
+

+

    + <% @event.custom_application_fields.each do |field| %> +
  • <%= field %>
    • + <% end %> +
+

+ <% end %> +
+
-
-
- <% if not @event.knowledge_level.blank? or can? :manage, Event %> -
<%= model_class.human_attribute_name(:knowledge_level) %>:
-
<%= @event.knowledge_level %>
- <% end %> -
<%= model_class.human_attribute_name(:max_participants) %>:
-
<%= @event.max_participants %>
- <% if not @event.organizer.blank? or can? :manage, Event %> -
<%= model_class.human_attribute_name(:organizer) %>:
-
<%= @event.organizer %>
- <% end %> -
<%= model_class.human_attribute_name(:application_deadline) %>:
-
<%= I18n.l(@event.application_deadline) + ' ' + I18n.t('midnight') %>
- <% if can? :manage, Event %> -
<%= model_class.human_attribute_name(:custom_application_fields) %>:
-
-
    - <% @event.custom_application_fields.each do |field| %> -
  • <%= field %>
    • - <% end %> -
-
- <% end %> -
+
+
+
diff --git a/config/locales/de.events.yml b/config/locales/de.events.yml index d0eaeb24..4240c830 100644 --- a/config/locales/de.events.yml +++ b/config/locales/de.events.yml @@ -6,6 +6,7 @@ de: description_placeholder: "## Untertitel\\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\\n \\n ## Lernziele\\n* a\\n* b\\n* c\\n\\n## Hinweise\\n* a\\n* b\\n* c" archive: "Veranstaltungs-Archiv" all_events: "Alle Events" + facts: "Fakten" applicants_overview: title: "Bewerber für %{title}" diff --git a/spec/features/event_spec.rb b/spec/features/event_spec.rb index aff00484..e25d67bf 100644 --- a/spec/features/event_spec.rb +++ b/spec/features/event_spec.rb @@ -185,7 +185,7 @@ click_button I18n.t('.events.form.create') - expect(page).to have_text("Bewerbungsschluss: " + I18n.l(deadline)) + expect(page).to have_text("Bewerbungsschluss " + I18n.l(deadline)) end it "should not allow an application deadline after the start of the event" do visit new_event_path From a31f085f71f6fc399fd6c5042de48949f1e7d575 Mon Sep 17 00:00:00 2001 From: Bjarne Sievers Date: Thu, 9 Feb 2017 15:38:43 +0100 Subject: [PATCH 06/18] #495 [1] test main workflows (#524) * Add interaction test gem (rspec-steps) * Add example step test * Add login and sign_up functions * Change click_button to click_link apparently the actions in the navbar are links, not buttons * Add logout function * Remove click on login button * Add first steps * Add clicks on login and sign_up button * Add click on login in navbar * Rename login (Worked on my machine!) * Add tests for login * Add seeds and sample data because they don't get added automatically in the test environment * Add step * Add test if we are not longer on the login page * Add event creation step (still incomplete) * Add tests for event creation process * Change test to proposed check * Add radio buttons choice to event creation * Changed seeding from test to before(:all) --- Gemfile | 1 + Gemfile.lock | 7 ++ app/views/events/_form.html.erb | 10 +-- app/views/events/index.html.erb | 2 +- config/locales/de.yml | 3 +- .../interactions/standard_interaction_spec.rb | 67 +++++++++++++++++++ 6 files changed, 82 insertions(+), 8 deletions(-) create mode 100644 spec/features/interactions/standard_interaction_spec.rb diff --git a/Gemfile b/Gemfile index 5f0e763d..5a7ec56c 100644 --- a/Gemfile +++ b/Gemfile @@ -122,6 +122,7 @@ group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug' gem 'rspec-rails', '~> 3.2' + gem 'rspec-steps', '~> 2.1.1' gem 'capybara', '~> 2.5' gem 'poltergeist' gem 'database_cleaner' diff --git a/Gemfile.lock b/Gemfile.lock index 9ccff725..82a4ebe9 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -235,6 +235,10 @@ GEM ref (2.0.0) responders (2.3.0) railties (>= 4.2.0, < 5.1) + rspec (3.5.0) + rspec-core (~> 3.5.0) + rspec-expectations (~> 3.5.0) + rspec-mocks (~> 3.5.0) rspec-core (3.5.4) rspec-support (~> 3.5.0) rspec-expectations (3.5.0) @@ -251,6 +255,8 @@ GEM rspec-expectations (~> 3.5.0) rspec-mocks (~> 3.5.0) rspec-support (~> 3.5.0) + rspec-steps (2.1.1) + rspec (>= 3.0, < 3.99) rspec-support (3.5.0) rubocop (0.29.1) astrolabe (~> 1.3) @@ -361,6 +367,7 @@ DEPENDENCIES redcarpet ref rspec-rails (~> 3.2) + rspec-steps (~> 2.1.1) rubocop (~> 0.29.1) rubyzip simplecov diff --git a/app/views/events/_form.html.erb b/app/views/events/_form.html.erb index c67ddf6e..02fa8e8a 100644 --- a/app/views/events/_form.html.erb +++ b/app/views/events/_form.html.erb @@ -5,11 +5,11 @@
<%= f.label :type, :class => 'control-label col-lg-2' %>
-