mumuki-laboratory 8.4.0 → 9.0.1

data/app/views/guides/_guide_container.html.erb

@@ -0,0 +1,24 @@
+<%= content_for :breadcrumbs do %>
+  <%= breadcrumbs subject %>
+<% end %>
+
+<%= render layout: 'guides/guide', locals: { subject: subject } do %>
+
+  <div class="row">
+    <div class="mu-inline-block-right hidden-xs">
+      <h1><%= language_icon @guide.language %></h1>
+    </div>
+    <div class="mu-inline-block-left">
+      <h1><%= short_title_for @guide %></h1>
+      <%= render partial: 'guides/guide_title_icons' %>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-md-12">
+      <div class="text-box">
+        <%= @guide.description_html %>
+      </div>
+    </div>
+  </div>
+
+<% end %>

data/app/views/{layouts → guides}/_guide_title_icons.html.erb

@@ -1,8 +1,6 @@
-<div class="guide-title-icons pull-left">
+<div class="mu-content-title-icons">
   <% if current_user? && should_display_medal?(@guide, Organization.current) %>
-    <div class="pull-left">
       <%= content_medal_for(@guide, current_user) %>
-    </div>
   <% end %>
 <%= teacher_info_button @guide %>
 <%= link_to_bibliotheca_guide @guide %>

data/app/views/layouts/_progress_bar.html.erb

@@ -1,12 +1,14 @@
 <div class="progress-list-flex">
-  <% guide.exercises.each do |e| %>
+  <% assignments = guide.assignments_for(current_user) %>
+  <% assignments.each do |assignment| %>
+    <% exercise = assignment.exercise %>
     <a
-      <%= turbolinks_enable_for e %>
-      href="<%= exercise_path(e)%>"
-      aria-label="<%= e.navigable_name %>"
-      title="<%= e.navigable_name %>"
-      data-mu-exercise-id="<%= e.id %>"
-      class="<%= class_for_progress_list_item(e, e == actual)%>">
+      <%= turbolinks_enable_for exercise %>
+      href="<%= exercise_path(exercise)%>"
+      aria-label="<%= exercise.navigable_name %>"
+      title="<%= exercise.navigable_name %>"
+      data-mu-exercise-id="<%= exercise.id %>"
+      class="<%= class_for_progress_list_item(assignment, exercise == actual)%>">
     </a>
   <% end %>
 </div>

data/app/views/layouts/_progress_listing.html.erb

@@ -1,9 +1,9 @@
 <ul class="progress-listing">
-  <% exercises.each do |exercise| %>
-      <% cache [exercise, exercise.status_for(current_user), Organization.current] do %>
-          <li <%= turbolinks_enable_for(exercise) %>>
-            <%= exercise_status_icon exercise %>
-            <%= link_to_path_element(exercise) %>
+  <% guide.assignments_for(current_user).each do |assignment| %>
+      <% cache [assignment.exercise, assignment.status, Organization.current.name, current_user?] do %>
+          <li <%= turbolinks_enable_for(assignment.exercise) %>>
+            <%= assignment_status_icon assignment %>
+            <%= link_to_path_element(assignment.exercise) %>
           </li>
       <% end %>
   <% end %>

data/app/views/layouts/_user_menu.html.erb

@@ -0,0 +1,21 @@
+<div class="col-md-3 mu-tab-body mu-user-menu">
+  <div class="col-md-12">
+    <div class="mu-user-menu-header">
+      <%= t(:my_account) %>
+    </div>
+    <div class="mu-user-menu-item">
+      <%= profile_user_menu_link %>
+    </div>
+    <div class="mu-user-menu-divider horizontal"></div>
+    <div class="mu-user-menu-item">
+      <%= messages_user_menu_link %>
+    </div>
+    <% if current_user&.can_discuss_here? %>
+      <div class="mu-user-menu-item">
+        <%= discussions_user_menu_link %>
+      </div>
+    <% end %>
+  </div>
+  <div class="mu-user-menu-divider vertical hidden-sm hidden-xs"></div>
+</div>
+<div class="mu-user-menu-divider horizontal visible-sm visible-xs"></div>

data/app/views/layouts/application.html.erb

@@ -25,12 +25,7 @@
               <span class="mu-level-number"></span>
             </div>
           <% end %>
-          <div class="dropdown mu-navbar-element notifications-box <%= 'notifications-box-empty' unless has_notifications? %>">
-            <a href=<%= "#{user_notifications_path}" %>>
-              <i class="fas fa-bell fa-fw fa-2x mu-navbar-icon"></i>
-                <span class="badge badge-notifications"><%= notifications_count %></span>
-            </a>
-          </div>
+          <%= render partial: 'notifications/dropdown' %>
           <div class="dropdown mu-navbar-element">
             <div id="profileDropdown" class="profile-dropdown" data-toggle="dropdown" aria-label="<%= t(:user) %>" role="menu" tabindex="0">
               <%= profile_picture_for current_user %>

data/app/views/layouts/exercise_inputs/editors/_upload.html.erb

@@ -1,4 +1,13 @@
 <div class="form-group">
-  <textarea id="solution_content" type="text" name="solution[content]" style="display: none"></textarea>
-  <input id="upload-input" type="file" class="upload submission-control" size="5120" accept=".<%= @exercise.language.extension %>" />
+  <% @max_file_size = 256000 %>
+
+  <textarea id="solution_content" type="text" name="solution[content]" class="hidden"></textarea>
+  <input id="mu-upload-input" type="file" class="upload submission-control hidden" mu-upload-file-limit=<%= @max_file_size %> accept=".<%= @exercise.language.extension %>" />
+  <div>
+    <label id="mu-upload-label" for="mu-upload-input" class="btn btn-success">
+      <%= fa_icon(:upload, text: t(:select_file), id: "mu-upload-icon") %>
+    </label>
+    <div id="mu-upload-file-limit-exceeded" class="hidden">
+      <%= fa_icon("exclamation-triangle", text: t(:file_exceeds_max_size, size_kb: (@max_file_size / 1000))) %></div>
+  </div>
 </div>

data/app/views/lessons/show.html.erb

@@ -1 +1 @@
-<%= render partial: "layouts/guide_container", locals: { subject: @lesson }%>
+<%= render partial: "guides/guide_container", locals: { subject: @lesson }%>

data/app/views/notifications/_discussion.html.erb

@@ -0,0 +1 @@
+<%= menu_item :comments, :new_discussion_message, url_for([target.item, target]), { title: target.item.name.truncate_words(3) } %>

data/app/views/notifications/_dropdown.html.erb

@@ -0,0 +1,13 @@
+<div class="dropdown mu-navbar-element notifications-box <%= 'notifications-box-empty' unless has_notifications? %>">
+  <div id="notificationsDropdown" class="profile-dropdown" data-toggle="dropdown" aria-label="<%= t(:notifications) %>" role="menu" tabindex="0">
+    <i class="fas fa-bell fa-fw fa-2x mu-navbar-icon"></i>
+    <span class="badge badge-notifications"><%= notifications_count %></span>
+  </div>
+  <ul id="notificationsPanel" class="dropdown-menu dropdown-menu-right" aria-labelledby="notificationsDropdown">
+    <% notifications.each do |it| %>
+      <li>
+        <%= notification_preview_for it.target %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/app/views/notifications/_exam_authorization_request.html.erb

@@ -0,0 +1 @@
+<%= menu_item :book_open, :exam_authorization_request_updated, url_for(target), { description: target.exam_registration.description } %>

data/app/views/notifications/_exam_registration.html.erb

@@ -0,0 +1 @@
+<%= menu_item :book_open, :exam_registration_open, url_for(target), { description: target.description } %>

data/app/views/notifications/_message.html.erb

@@ -0,0 +1 @@
+<%= menu_item :envelope, :new_message_received, url_for(target.exercise), { sender: target.sender } %>

data/app/views/users/_user_form.html.erb

@@ -1,11 +1,11 @@
 <div class="mu-user-header">
-  <h1><%= @user.name %></h1>
+  <h1><%= t(:my_profile) %></h1>
   <div class="mu-profile-actions hidden-xs">
     <%= edit_profile_button %>
   </div>
 </div>
-<div class="row mu-tab-body">
-  <div class="col-md-4 mu-profile-info-left">
+<div class="mu-profile-info">
+  <div class="mu-profile-info-left">
     <%= profile_picture_for(@user, id: 'mu-user-avatar', class: 'mu-user-avatar') %>
     <% if in_gamified_context? %>
       <svg class="mu-level-progress" width="300" height="300" viewBox="0 0 100 100">
@@ -18,7 +18,10 @@
       </div>
     <% end %>
   </div>
-  <div class="col-md-8 mu-profile-info-right">
+  <div class="mu-profile-info-right">
+    <div>
+      <span> <strong><%= t :name %>:</strong> <%= "#{@user.name}" %> </span>
+    </div>
     <% if @user.age.present? %>
       <div>
         <span> <strong><%= t :age %>:</strong> <%= "#{@user.age} #{t :years}" %> </span>
@@ -31,8 +34,7 @@
       <span> <strong><%= t :programming_since %>:</strong> <%= t(:time_since, time: time_ago_in_words(@user.created_at)) %> </span>
     </div>
   </div>
-
-  <div class="mu-profile-actions mobile visible-xs">
-    <%= edit_profile_button %>
-  </div>
+</div>
+<div class="mu-profile-actions mobile visible-xs">
+  <%= edit_profile_button %>
 </div>

data/app/views/users/discussions.html.erb

@@ -0,0 +1,28 @@
+<%= content_for :breadcrumbs do %>
+  <%= breadcrumbs_for_my_account %>
+<% end %>
+
+<%= render partial: 'layouts/user_menu' %>
+
+<div class="col-md-9 mu-tab-body">
+  <div class="mu-user-header">
+    <h1><%= t(:discussions) %></h1>
+  </div>
+  <% if @watched_discussions.empty? %>
+    <div class="mu-tab-body">
+      <%= t :discussions_will_be_here %>
+    </div>
+  <% else %>
+    <table class="table table-striped">
+      <% @watched_discussions.each do |discussion| %>
+        <tr>
+          <td>
+            <%= icon_for_read(discussion.read_by?(@user)) %>
+          </td>
+          <td><%= link_to discussion.item.name, item_discussion_path(discussion) %></td>
+          <td><%= time_ago_in_words discussion.last_message_date %></td>
+        </tr>
+      <% end %>
+    </table>
+  <% end %>
+</div>

data/app/views/users/edit.html.erb

@@ -1,5 +1,5 @@
 <%= content_for :breadcrumbs do %>
-  <%= breadcrumbs @user %>
+  <%= breadcrumbs_for_my_account %>
 <% end %>
 
 <%= render partial: 'edit_user_form' %>

data/app/views/users/messages.html.erb

@@ -0,0 +1,27 @@
+<%= content_for :breadcrumbs do %>
+  <%= breadcrumbs_for_my_account %>
+<% end %>
+
+<%= render partial: 'layouts/user_menu' %>
+
+<div class="col-md-9 mu-tab-body">
+  <div class="mu-user-header">
+    <h1><%= t(:messages) %></h1>
+  </div>
+  <% if @messages.empty? %>
+    <div class="mu-tab-body">
+      <%= t :no_messages %>
+    </div>
+  <% else %>
+    <table class="table table-striped">
+      <% @messages.each do |message| %>
+        <tr>
+          <td><%= icon_for_read(message.read?) %></td>
+          <td><%= link_to message.exercise.name, exercise_path(message.exercise.id) %></td>
+          <td><%= mail_to message.sender %></td>
+          <td><%= time_ago_in_words message.created_at %></td>
+        </tr>
+      <% end %>
+    </table>
+  <% end %>
+</div>

data/app/views/users/show.html.erb

@@ -1,56 +1,9 @@
 <%= content_for :breadcrumbs do %>
-    <%= breadcrumbs @user %>
+  <%= breadcrumbs_for_my_account %>
 <% end %>
 
-<ul class="nav nav-tabs" role="tablist">
-  <li role="presentation" class="active">
-    <a data-target="#info" aria-controls="info" role="tab" data-toggle="tab"><%= t :profile %></a>
-  </li>
-  <li role="presentation">
-    <a data-target="#messages" aria-controls="messages" role="tab" data-toggle="tab"><%= t :messages %></a>
-  </li>
-  <% if @watched_discussions.present? %>
-    <li role="presentation">
-      <a data-target="#discussions" aria-controls="discussions" role="tab" data-toggle="tab"><%= t :discussions %></a>
-    </li>
-  <% end %>
-</ul>
+<%= render partial: 'layouts/user_menu' %>
 
-<div class="tab-content">
-  <div role="tabpanel" class="tab-pane active" id="info">
-    <%= render partial: 'user_form' %>
-  </div>
-  <div role="tabpanel" class="tab-pane" id="messages">
-    <% if @messages.empty? %>
-        <div class="row mu-tab-body col-md-12">
-          <%= t :no_messages %>
-        </div>
-    <% else %>
-      <table class="table table-striped">
-        <% @messages.each do |message| %>
-            <tr>
-              <td><%= icon_for_read(message.read?) %></td>
-              <td><%= link_to message.exercise.name, exercise_path(message.exercise.id) %></td>
-              <td><%= mail_to message.sender %></td>
-              <td><%= time_ago_in_words message.created_at %></td>
-            </tr>
-        <% end %>
-      </table>
-    <% end %>
-  </div>
-  <% if @watched_discussions.present? %>
-    <div role="tabpanel" class="tab-pane" id="discussions">
-      <table class="table table-striped">
-        <% @watched_discussions.each do |discussion| %>
-          <tr>
-            <td>
-              <%= icon_for_read(discussion.read_by?(@user)) %>
-            </td>
-            <td><%= link_to discussion.item.name, item_discussion_path(discussion) %></td>
-            <td><%= time_ago_in_words discussion.last_message_date %></td>
-          </tr>
-        <% end %>
-      </table>
-    </div>
-  <% end %>
+<div class="col-md-9 mu-tab-body">
+  <%= render partial: 'user_form' %>
 </div>

data/app/views/users/terms.html.erb

@@ -1,6 +1,6 @@
 <%= content_for :breadcrumbs do %>
-  <% if current_user? %>
-    <%= breadcrumbs @user %>
+  <% if current_logged_user? %>
+    <%= breadcrumbs_for_my_account %>
   <% else %>
     <%= header_breadcrumbs %>
   <% end %>

data/config/routes.rb

@@ -22,6 +22,9 @@ Rails.application.routes.draw do
       end
     end
 
+    resources :exam_registrations, only: [:show]
+    resources :exam_authorization_requests, only: [:show, :create, :update]
+
     resources :book, only: [:show]
     resources :chapters, only: [:show] do
       concerns :debatable, debatable_class: 'Chapter'
@@ -59,6 +62,9 @@ Rails.application.routes.draw do
 
       # Notification subscriptions
       get :unsubscribe
+
+      get :messages
+      get :discussions
     end
 
     resources :messages, only: [:index, :create]

data/lib/mumuki/laboratory/controllers/notifications.rb

@@ -1,32 +1,13 @@
 module Mumuki::Laboratory::Controllers::Notifications
-
-  def user_notifications_path
-    user_path(anchor: current_notifications_tab)
-  end
-
   def has_notifications?
     notifications_count > 0
   end
 
   def notifications_count
-    messages_count + discussions_count
-  end
-
-  private
-
-  def current_notifications_tab
-    has_messages? ? 'messages' : 'discussions'
-  end
-
-  def has_messages?
-    messages_count > 0
-  end
-
-  def messages_count
-    current_user.try(:unread_messages).try(:count) || 0
+    notifications.size
   end
 
-  def discussions_count
-    current_user.try(:unread_discussions).try(:count) || 0
+  def notifications
+    current_user.try(:unread_notifications) || []
   end
 end

data/lib/mumuki/laboratory/locales/en.yml

@@ -11,20 +11,20 @@ en:
   actual_state: Obtained board
   age: Age
   all: All
-  appendix: "Appendix"
+  appendix: Appendix
   appendix_teaser: Do you want to learn more? <a href="%{link}">Check this chapter's appendix</a>"
   approved_message: Validated by mentor
-  are_you_sure: 'Are you sure you want to %{action}?'
+  are_you_sure: Are you sure you want to %{action}?
   ask_a_question: Ask a question!
   ask_community: Ask community for help
   ask_redirect: Do you want to go there?
   ask_the_first_question: Be the first one to ask!
   attempts_left:
-    zero: "You've run out of attempts "
+    zero: "You've run out of attempts"
     one: "1 attempt remaining"
     other: '%{count} attempts remaining'
   author: Author
-  authoring: "Authoring"
+  authoring: Authoring
   authoring_note_html: This guide's content was developed by %{authors} under the terms of <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons License Share-Alike, 4.0</a>
   authoring_note_with_collaborators_html: This guide's content was developed by %{authors} and <a href="%{collaborators}" target="_blank">many others</a>, under the terms of <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons License Share-Alike, 4.0</a>
   back_to_mumuki: Back to Mumuki!
@@ -51,7 +51,7 @@ en:
   console: Console
   contact_administrator: 'If you think this is not supposed to happen, please contact %{link}'
   content: Content
-  continue_exercise: "Continue"
+  continue_exercise: Continue
   continue_lesson: Continue this lesson!
   continue_practicing: Continue practicing!
   corollary: To think about
@@ -60,32 +60,43 @@ en:
   created_at: Created at
   date: Date
   description: Description
-  destroy_message: delete the message
   destroy: Destroy
+  destroy_message: delete the message
   disabled_explanation: You are trying to visit a permamently disabled or deleted resource
   disabled_organization_explanation: This path has already finished.
   discussion_description_placeholder: You can add more information regarding your doubt.
+  new_discussion_message: New message on %{title}
   discussion_updated: Discussion updated
   discussions: Discussions
+  discussions_will_be_here: Your posts in the forum will appear here.
   dont_leave_us: Don't leave us! Learning is fun. You just have to keep at it.
   download: Download your solution
   edit: Edit
   edit_profile: Edit profile
   editor_placeholder: "write your solution here..."
   email: Email
-  error_description: This is known as a <span class="error-link">%{error}</span>.
-  error_401: 401 error
-  error_403: 403 error
-  error_404: 404 error
-  error_410: 410 error
-  error_500: 500 error
-  errored: Oops, your solution didn't work
   error:
     title:
       forbidden: You are not allowed to see this content
       gone: Oops! Content has expired
       internal_server_error: Oops! Something went wrong
       not_found: Oops! Page was not found
+  error_401: 401 error
+  error_403: 403 error
+  error_404: 404 error
+  error_410: 410 error
+  error_500: 500 error
+  error_description: This is known as a <span class="error-link">%{error}</span>.
+  errored: Oops, your solution didn't work
+  exam_authorization_request_approved_html: Your request was approved, don't forget to log in at <strong>%{date}</strong>. Good luck!
+  exam_authorization_request_created: Your registration to the exam has been saved!
+  exam_authorization_request_rejected: Your request was rejected.
+  exam_authorization_request_saved: Your registration to the exam has been updated!
+  exam_authorization_request_updated: Your registration to %{description} has been updated
+  exam_registration_choose_exam: Choose date and time to attend to the exam
+  exam_registration_explanation_html: You have until <strong>%{date}</strong> to register. After that date, your request will be processed and you will receive a confirmation. <br> Don't forget to check the notifications!
+  exam_registration_open: Registrations open for %{description}!
+  exam_registration_to: Registration to %{description}
   exams: Exams
   exercise: Exercise
   exercises: Exercises
@@ -101,6 +112,7 @@ en:
   failed: Oops, something went wrong
   feedback: Feedback
   female: Female
+  file_exceeds_max_size: "File size should not exceed %{size_kb}kb. Please select another file."
   finish: Finish
   first_name: First Name
   forbidden_explanation: Please verify you have logged in with the right account
@@ -121,6 +133,7 @@ en:
   hidden_done: 'Good!'
   history: History
   home: Home
+  important_info: Important information
   initial_state: Initial board
   insert_file_name: Insert a file name
   invitation: Invitation to course
@@ -155,9 +168,12 @@ en:
   message: Message
   messages: Messages
   messages_error: Previous messages are unavailable. Please try again later.
-  more_messages: More
+  moderation: Mentoring
   moderator: Mentor
+  more_messages: More
+  my_account: My account
   my_doubts: My doubts
+  my_profile: My profile
   my_submissions: My Submissions
   name: Name
   navigation_continue: 'Next: %{sibling}'
@@ -168,6 +184,7 @@ en:
   never: never
   new: New
   new_message_placeholder: Write a message for your teacher...
+  new_message_received: You have a new message from %{sender}
   next_exercise: Next
   next_lesson: 'Next Guide: %{name}'
   no_discussions: No discussions matched your search.
@@ -180,6 +197,7 @@ en:
   no_useful_result: Didn't find what you were looking for?
   not_found_explanation: 'You may have mistyped the address or the page may have moved.'
   not_in_any_organizations: It seems you aren't in any organizations yet!
+  notifications: Notifications
   notify_problem_with_exercise: Report a bug
   office: Office
   only_landscape_support: Please, rotate your tablet or cellphone to continue practicing
@@ -202,7 +220,6 @@ en:
   previous_exercise: Previous
   problem_with_exercise: '[Mumuki] Problem with exercise: %{title}'
   processing_your_solution: We are processing you solution
-  profile: Profile
   profile_of: Profile of %{username}
   programming_since: Started programming
   progress: Progresss
@@ -219,6 +236,7 @@ en:
   running: running
   save: Save
   see_context: Watch exercise introduction animation
+  select_file: Select file
   sending_solution: Sending solution
   show: Show
   sign_in: Sign in
@@ -275,13 +293,12 @@ en:
   unprepared_organization_explanation: This path hasn't started yet.
   unsubscribe: Unsubscribe
   unsubscribed_successfully: You have successfully unsubscribed from reminders.
-  upload_solution: Upload Solution
   uploading_solution: "Uploading solution"
   upvote: Upvote
   upvotes_count_desc: Most voted
   upvotes_count_asc: Least voted
   user: User
-  user_data_updated: Your data was updated successfuly
+  user_data_updated: Your data was updated successfully
   username: Username
   view_details: View details
   want_permissions: The next user requires permissions