profile.html.erb

<div class="col-md-9">

  <div id = "note-graph" style = "overflow: auto; text-align:center; border: 1px solid #E5E5E5; margin-bottom: 10px;"></div>

  <h3 style="margin-top:0;"><%= @user.name %> <%= @user.new_contributor %>
    <small>
      <a href="/p/<%= @user.username %>"><i class="fa fa-link"></i></a> 
      <%= @user.note_count %><a href='/notes/author/<%= @user.name %>'> research notes</a> and <%= @user.revision_count %> wiki edits
      <% if current_user && current_user.role == "admin" %> | <%= @user.email %><% end %>
      <% if @user.role == "moderator" %> | <i class="fa fa-certificate"></i> <%= t('users.profile.moderator') %><% end %>
      <% if @user.role == "admin" %> | <i class="fa fa-certificate"></i> <%= t('users.profile.admin') %><% end %>
      <% if @user.status == 0 %> | <i class="fa fa-ban" style="color:#a00;"></i> <%= t('users.profile.banned') %><% end %>
    </small>
  </h3>

  <p><small><%= raw auto_link(RDiscount.new(@profile_user.bio || '').to_html, :sanitize => false) %></small></p>

  <hr />
  <div class="row" id="highlight" style=" text-align: center;">
    <h3 class="col-md-4 col-xs-12 col-sm-4"><a href = "/tag/question:*/author/<%= params[:id] %>"><%= Node.questions.where(status: 1, uid: @user.id).length %> questions asked </a><br><br> <%= Answer.where(uid: @profile_user.id).count %> answers posted</h3>
    <h3 class="col-md-4 col-xs-12 col-sm-4"><a href = "/tag/activity:*/author/<%= params[:id] %>"><%= @count_activities_posted %> activities posted </a><br><br> <a href = "/tag/replication:*/author/<%= params[:id] %>"><%= @count_activities_attempted %> activities attempted</a></h3>
    <% if !@map_lat.nil? && !@map_lon.nil? %>
      <%= render :partial => "map/userLeaflet" , locals: {haslocation: true} %>
    <% elsif !current_user.nil? && current_user.id == @user.id %>
      <%= render :partial => "map/userLeaflet" , locals: {haslocation: false} %>
    <% end %>
  </div>
  <hr />

  <span style="float:right;"><small><%= raw t('users.profile.joined_time_ago', :time_ago => distance_of_time_in_words(@user.created_at, Time.current, { include_seconds: false, scope: 'datetime.time_ago_in_words' })) %></small></span>
  <br>

  <ul class="nav nav-tabs">
    <li class="active"><a href="#research" data-toggle="tab"><i class="fa fa-file"></i><span class="hidden-sm hidden-xs"> <%= t('users.profile.research') %></span><% if current_user && current_user.uid == @profile_user.uid %> <%= "(#{@notes.count + @coauthored.count + @drafts.count })" %><% else %><%= "(#{ @notes.count + @coauthored.count })" %><% end %></a></li>
    <li><a href="#questions" data-toggle="tab"><i class="fa fa-question-circle"></i><span class="hidden-sm hidden-xs"> <%= t('users.profile.questions') %></span> (<%= Node.questions.where(status: 1, uid: @user.id).length %>)</a></li>
    <li><a href="#comments" id="comments-tab" data-toggle="tab"><i class="fa fa-comment"></i><span class="hidden-sm hidden-xs"> Comments</span> (<%= @comment_count %>)</a></li>
    <li><a href="#likes" data-toggle="tab"><i class="fa fa-star"></i><span class="hidden-sm hidden-xs"> <%= t('users.profile.liked') %></span> (<%= @user.like_count %>)</a></li>
    <li><a href="#barnstars" data-toggle="tab"><i class="fa fa-certificate"></i><span class="hidden-sm hidden-xs"> Barnstars</span> (<%= @user.user.try(:barnstars).try(:length) %>)</a></li>
  </ul>

  <br />

  <div class="tab-content">

    <div class="tab-pane active" id="research">
      <div class="btn-group text-center" style="margin-bottom:10px;">
        <a href="#notes" class="btn btn-default" data-toggle="tab">Authored <%= "(#{ @notes.count })" %></a>
        <a href="#coauthored" class="btn btn-default" data-toggle="tab">Coauthored  <%= "(#{ @coauthored.count })" %></a>
        <% if current_user && current_user.uid == @profile_user.uid %><a href="#draft" class="btn btn-default" data-toggle="tab">Drafts <%= "(#{ @drafts.count })" %></a><% end %>
      </div>

      <br />

      <div class="tab-content">
        <div class="tab-pane active" id="notes">
          <%= render :partial => "notes/notes" %>
        </div>

        <div class="tab-pane" id="coauthored">
          <%= render :partial => "notes/coauthored_notes" %>
        </div>

        <% if current_user && current_user.uid == @profile_user.uid %>
          <div class="tab-pane" id="draft">
            <%= render :partial => "notes/draft_notes" %>
          </div>
        <% end %>
      </div>
    </div>

    <div class="tab-pane" id="questions">
      <div class="btn-group text-center">
        <a href="#asked" class="btn btn-default active" data-toggle="tab">Asked</a>
        <a href="#answered" class="btn btn-default" data-toggle="tab">Answered</a>
      </div>

      <div class="tab-content">
        <div class="tab-pane active" id="asked">
          <%= render :partial => "questions/questions" %>
        </div>

        <div class="tab-pane" id="answered">
          <%= render :partial => "users/answered" %>
        </div>
      </div>
    </div>

    <div class="tab-pane" id="maps">
      <p><i><%= raw t('users.profile.view_these_maps', :url1 => "//mapknitter.org/profile/"+@user.name) %></i></p>
      <table class="table">
        <tr>
          <th style="width:200px;"><%= t('users.profile.title') %></th>
          <th style="width:200px;"><%= t('users.profile.creation_date') %></th>
          <th><%= t('users.profile.image') %></th>
        </tr>
      </table>
    </div>

    <div class="tab-pane" id="comments">
      <h2 style="text-align:center;"><i class="fa fa-spinner fa fa-spin"></i></h2>
    </div>

    <div class="tab-pane" id="likes">
      <%= render :partial => "users/likes" %>
    </div>

    <div class="tab-pane" id="barnstars">
      <% if @user.user %>
        <% @user.user.barnstars.each do |tag| %>
          <p style="color:#aaa;"><i style="color:#db4;" class="fa fa-large fa fa-star-o"></i> <i><%= raw t('users.profile.barnstar_awarded_to_by', :url1 => "/profile/"+tag.node.author.name, :author => tag.node.author.name, :url2 => "/wiki/barnstars#"+tag.name.split(':').last.split('-').each{|w| w.capitalize!}.join('+'), :barnstar => tag.name.split(':').last.split('-').each{|w| w.capitalize!}.join(' '), :url3 => "/profile/"+tag.author.username, :awarder => tag.author.username, :url4 => tag.node.path, :work => tag.node.title) %></i></p>
          <hr />
        <% end %>
      <% end %>
    </div>
  </div>

  <hr />

</div>

<div class="col-md-3">
  <% if @user.user %>
    <img class="hidden-xs hidden-sm img-rounded" id="profile-photo" style="width:100%;margin-bottom:10px;" src="<%= @user.user.profile_image %>" />
    <div style="text-align:center;" class="visible-sm visible-xs">
      <img class="img-circle" id="profile-photo" style="width:50%;margin-bottom:20px;" src="<%= @user.user.photo_path %>" />
    </div>
  <% end %>
  <%= render :partial => "tag/tagging", locals: { url: "/profile/tags/create/#{ @user.id }", parent: :profile } %>

  <div class="profile_icons" style="text-align: center;">
    <% if @twitter.nil? == false %>
      <a href="<%= @twitter %>" >
        <i class="fa fa-twitter fa-3x" aria-hidden="true"></i>
      </a>
    <% end %>
    <% if @facebook.nil? == false %>
      <a href="<%= @facebook %>" >
        <i class="fa fa-facebook fa-3x" aria-hidden="true"></i>
      </a>
    <% end %>
    <% if @github.nil? == false %>
      <a href="<%= @github %>" >
        <i class="fa fa-github fa-3x" aria-hidden="true"></i>
      </a>
    <% end %>
    <% if @instagram.nil? == false %>
      <a href="<%= @instagram %>" >
        <i class="fa fa-instagram fa-3x" aria-hidden="true"></i>
      </a>
    <% end %>
  </div>
  <br>
  <% if current_user && @profile_user %>
    <% unless current_user == @profile_user %>
      <hr />
      <div id="follow_form" class="col-md-offset-4">
        <% if current_user.following?(@profile_user) %>
          <%= render 'unfollow' %>
        <% else %>
          <%= render 'follow' %>
        <% end %>
      </div>
      <br />
    <% end %>
  <% end %>

  <% if @user.user.nil? && current_user && current_user.role == "admin" %>
    <a href="/admin/migrate/<%= @user.uid %>" class="btn btn-block"><i class="fa fa-bolt"></i> <%= t('users.profile.migrate_new_site') %></a>
  <% end %>

  <% if @user.user && current_user && current_user.role == "admin" && @user.user.role != "admin" %>
    <a href="/admin/promote/admin/<%= @user.user.id %>" class="btn btn-default btn-block"><i class="fa fa-certificate"></i> <%= t('users.profile.make_admin') %></a>
  <% end %>

  <% if @user.user && current_user && current_user.role == "admin" && @user.role == "moderator" %>
    <a href="/admin/demote/basic/<%= @user.user.id %>" class="btn btn-default btn-block"><i class="fa fa-ban"></i> <%= t('users.profile.revert_to_basic_user') %></a>
  <% end %>

  <% if @user.user && current_user && (current_user.role == "admin" || current_user.role == "moderator") && @user.role == "basic" %>
    <a href="/admin/promote/moderator/<%= @user.user.id %>" class="btn btn-default btn-block"><i class="fa fa-certificate"></i> <%= t('users.profile.make_moderator') %></a>
  <% end %>

  <% if current_user && (current_user.role == "admin" || current_user.role == "moderator") && @user.status == 0 %>
    <a href="/unban/<%= @user.id %>" class="btn btn-default btn-block"><i class="fa fa-thumbs-up"></i> <%= t('users.profile.unban_user') %></a>
  <% elsif current_user && (current_user.role == "admin" || current_user.role == "moderator") && @user.status == 1 %>
    <a data-confirm="<%= t('users.profile.confirm_ban_user') %>" href="/ban/<%= @user.id %>" class="btn btn-default btn-block"><i class="fa fa-ban"></i> <%= t('users.profile.ban_user') %></a>
  <% end %>

  <% if current_user && (current_user.role == "admin" || current_user.role == "moderator") && @user.status == 5 %>
    <a href="/admin/unmoderate/<%= @user.id %>" class="btn btn-default btn-block"><i class="fa fa-thumbs-up"></i> <%= t('users.profile.unmoderate_user') %></a>
  <% elsif current_user && (current_user.role == "admin" || current_user.role == "moderator") && @user.status == 1 %>
    <a rel="tooltip" title="Prevent author from logging in, without hiding their work or profile." data-confirm="<%= t('users.profile.confirm_moderate_user') %>" href="/admin/moderate/<%= @user.id %>" class="btn btn-default btn-block"><i class="fa fa-ban"></i> <%= t('users.profile.moderate_user') %></a>
  <% end %>

  <% if @user.user && !@user.user.reset_key.nil? && current_user && current_user.role == "admin" %>
    <a id="user-reset-key" href="/reset/key/<%= @user.user.reset_key %>" class="btn btn-default btn-block"><i class="fa fa-info-sign"></i> <%= t('users.profile.reset_user') %>: <%= @user.user.reset_key %></a>
  <% end %>

  <% if @user.user && @profile_user.reset_key.nil? && current_user && (current_user.role == "admin" || current_user.role == "moderator") && (@user.role == "basic" || @user.role == "moderator") %>
    <a href="/admin/force/reset/<%= @profile_user.id %>" class="btn btn-default btn-block">Reset User Password</a>
  <% end %>

  <hr />

  <p>
    <a class="btn btn-default btn-block" href="/feed/<%= @user.name %>.rss"><i class="fa fa-rss" style="color:orange;"></i> <%= t('users.profile.rss_feed_for') %> <%= @user.name %></a> 
    <% if current_user && current_user.uid == @user.uid %>
      <a href="/profile/<%= @user.name %>/edit" class="btn btn-default btn-block"><i class="fa fa-pencil"></i> <%= t('users.profile.edit_profile') %></a> 
    <% end %>
  </p>

  <% if @profile_user && current_user && @profile_user == current_user %>
    <button id="btn-token" class="btn btn-default btn-block">My Access Token</button>
  <% end %>

  <% if @profile_user && current_user && @profile_user == current_user %>
    <button data-toggle="modal" data-target="#socialModal" class="btn btn-default btn-block">Link Social media</button>
    <div class="modal fade" id="socialModal" tabindex="-1" role="dialog" aria-labelledby="socialModal" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="socialModal">Link Social media</h5>
          </div>
          <div class="modal-body">
            <label for="social-name">Enter Your Social Media User name like twitter:publiclab or instagram:publiclab</label>
          <input type="text" class="form-control" id="social-name" placeholder="instagram:publiclab">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button id="link_social_media" type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
  <% end %>
  <% if !Rails.env.production?%>

    <% if @profile_user && current_user && @profile_user == current_user %>

      <%= form_tag "/users/test_digest_email", method: :post do %>
        <%= submit_tag "Test Digest Email" %>
      <% end %>

    <% end %>

  <% end %>

  <hr />

  <% if params[:preview] %>
    <hr />

    <div class="row">
      <div class="col-md-3 col-md-offset-1">
        <h4>Followers</h4>
      </div>
      <div class="col-md-3 col-md-offset-2">
        <h4>Following</h4>
      </div>

      <br />
      <div class="col-md-3 col-md-offset-2">
        <h5><b><%= link_to @profile_user.followers.count, followers_path(id: @profile_user.username) %></b></h5>
      </div>
      <div class="col-md-3 col-md-offset-2">
        <h5><b><%= link_to @profile_user.following_users.count, following_path(id: @profile_user.username) %></b></h5>
      </div>
    </div>
    <hr />

  <% end %>

  <div class="hidden-xs">
    <% if @wikis && @wikis.length > 0 %>
      <h4><%= t('users.profile.wiki_contributed_to') %></h4>
      <ul class="nav bullet">
        <% @wikis.each do |wiki| %>
          <% unless (!@node.nil? && wiki.nid == @node.nid) %>
            <li><a href="<%= wiki.path %>"><i class="fa fa-<%= wiki.icon %>"></i> <%= wiki.latest.title %></a> <small style="color:#888;"><%= t('users.profile.updated') %> <%= distance_of_time_in_words(wiki.updated_at, Time.current, { include_seconds: false, scope: 'datetime.time_ago_in_words' }) %> <%= t('users.profile.by') %> <a href="/profile/<%= wiki.latest.author.name %>"><%= wiki.latest.author.name %></a></small></li>
          <% end %>
        <% end %>
        <% if params[:controller] == "search" %>
          <li><a href="/tag/<%= params[:id] %>"><%= t('users.profile.more') %>...</a></li>
        <% end %>
      </ul>
    <% end %>
  </div>

</div>

<%= render partial: 'users/token' %>

<script src = "https://cdn.jsdelivr.net/npm/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>

<script type = "text/javascript">
    $('#link_social_media').click(function(){
        sign = document.getElementById('social-name').value;
        $.post('/profile/tags/create/<%=@user.uid %> ',{"name": sign,"id":<%=@user.uid %>}, function(data) {
            window.location='/profile/<%=@user.name %> ';
        });
    });

    (function () {
        var profile = Object.create(Profile);
        profile.value.user_id = "<%= @user.uid %>"
        profile.display_comments();

        <% if @user && @user.user %>
        var notes = <%= @user.user.daily_note_tally.to_a.sort %>
        var comments = <%= @user.user.weekly_comment_tally.to_a.sort.to_json %>
        var notesObject = {};
        notes.forEach(function(element){
            notesObject[element[0]] = element[1];
        });
        <% end %>

        profile.value.notes = notesObject;
        profile.value.comments = comments;
        profile.plot_graph();

        profile.value.name = "<%= @user.name %>"
        profile.fetch_maps();

    })();
</script>

<style type="text/css">
  ul.nav-tabs>li a{
    padding: 10px;
  }
  .profile_icons a{
    text-decoration: none;
  }

  i{
    margin-left: 8px;
  }

  i:hover{
    transition-duration: .2s;
    transform: scale(1.2);
  }
</style>

<%= stylesheet_link_tag "dashboard" %>
<%= javascript_include_tag "dashboard" %>