scinote-web/app/views/users/settings/preferences.html.erb

<% provide(:head_title, t("users.settings.preferences.head_title")) %>

<%= render partial: "users/settings/navigation.html.erb" %>
<div class="tab-content">
  <div class="tab-pane tab-pane-settings active" role="tabpanel">

    <%= form_for(@user, url: update_preferences_path(format: :json), remote: true, html: { method: :put, "data-for" => "time_zone" }) do |f| %>
      <div data-part="view">
        <div class="form-group">
          <%= f.label t("users.settings.preferences.edit.time_zone_label") %>
          <div class="input-group" style="max-width: 500px;">
            <input class="form-control" disabled="disabled" autocomplete="off" type="text" value="<%= @user.time_zone %>" name="fake_user[time_zone]" id="fake_user_time_zone">
            <span class="input-group-btn">
              <a href="#" class="btn btn-default" data-action="edit"><%=t "general.edit" %></a>
            </span>
          </div>
          <small><%= t("users.settings.preferences.edit.time_zone_sublabel") %></small>
        </div>
      </div>
      <div data-part="edit" style="display: none;">
        <div class="well">
          <h4><%=t "users.settings.preferences.edit.time_zone_title" %></h4>
          <div class="form-group" style="max-width: 500px;">
            <%= f.select :time_zone, ActiveSupport::TimeZone.all.collect {|tz| [tz.formatted_offset + " " + tz.name, tz.name] }, {}, {class: "form-control selectpicker", "data-role" => "clear"} %>
            <small><%= t("users.settings.preferences.edit.time_zone_sublabel") %></small>
          </div>
          <div>
            <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
            <%= f.submit t("general.update"), class: "btn btn-primary" %>
          </div>
        </div>
      </div>
    <% end %>
    <% if Rails.configuration.x.enable_tutorial %>
    <hr>
    <strong><%= t('tutorial.title') %></strong> <br>
      <%= link_to t('users.settings.preferences.tutorial.repeat_tutorial'), tutorial_path(format: :json), remote: true, class: "btn btn-primary", id: "reset-tutorial-btn" %>
    <% end %>
    <hr>
    <div class="notification-settings-container">
      <strong><%= t('notifications.title') %></strong>
      <%= form_for(@user,
                   url: notifications_settings_path(format: :json),
                   html: { method: :post, id: 'notifications-settings-panel' },
                   remote: true) do |f| %>
      <div class="row">
        <div class="col-md-4 col-sm-3 hidden-sm hidden-xs">
          <div class="notification-settings-labels">
            <%= image_tag 'icon_small/missing.png', class: 'img-circle ' %>
            <%= f.label t('notifications.form.recent_notification') %> <br>
            <span class="assignment hidden-sm"><%= fa_icon 'newspaper-o' %></span>
            <%= f.label t('notifications.form.assignments') %>
          </div>
        </div>
        <div class="col-md-3 col-sm-3 col-text-center">
            <%= f.label t('notifications.form.recent_notification'), class: 'visible-sm visible-xs'%>
            <h5 class="hidden-sm hidden-xs"><%= t('notifications.title') %></h5><br>
            <%= check_box_tag :recent_notification, @user.recent_notification %> <br>
            <%= f.label t('notifications.form.assignments'), class: 'visible-sm visible-xs' %>
            <%= check_box_tag :assignments_notification, @user.assignments_notification %>
        </div>
      </div>
      <% end %>
    </div>
  </div>
  <div class="tab-pane tab-pane-settings" role="tabpanel"></div>
</div>

<!-- Repeat tutorial modal -->
<div class="modal" id="repeat-tutorial-modal" tabindex="-1" role="dialog" aria-labelledby="repeat-tutorial-modal-label">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" ><%= t("users.settings.preferences.tutorial.modal_title") %></h4>
      </div>
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal"><%= t("general.cancel")%></button>
      </div>
    </div>
  </div>
</div>



<%= javascript_include_tag "users/settings/preferences" %>