Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}
OceanExpert - A Directory of Marine and Freshwater Professionals
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/viewProfile.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2-bootstrap.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap-print.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/social-buttons.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/search.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/google-fonts.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.vertical-tabs.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap-datepicker.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
{% endblock %}
{% block body %}
<style>
.form-inline > * {
margin: 15px 10px !important;
}
.tipso {
cursor: pointer;
font-size: 20px;
}
</style>
{% include('navbarlogin.html.twig') %}
{% if OIHData is defined %}

<script type="application/ld+json">
{{ OIHData | raw }}
</script>
{% endif %}
<div class="container-fluid">

<div class="">

<section class="content">
{% if is_granted('ROLE_ADMIN')
and is_granted('ROLE_PREVIOUS_ADMIN') == false
and (expert.username is defined) %}
<a
id=""
class="btn btn-primary pull-right"
href="?_switch_user={{ expert.username }}"
role="button">
Login as this user
</a>
{% endif %}
<img
src="{{ asset('images/oceanexpert-print.png') }}"
alt="print logo"
class="print-logo"/>
{% if expert.expertInfo.idInd is not defined %}
<div class="alert alert-error">
<h4>
<strong>
<i class="fa fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
The profile you are looking for was not found.
</strong>
</h4>
<span>
<a
href="{{ path('frontend_homepage') }}"
title="">
click here
</a> to got to the Home Page.
</span>
</div>
{% elseif expert.expertInfo.idInd is defined and expert.error is defined %}
<div class="alert alert-error">
{% if expert.expertInfo.idInd is defined %}
{% if is_granted('ROLE_GLOBAL_EDITOR') %}
<h4>
<strong>
<i class="fa fa-exclamation-triangle fa-fw" aria-hidden="true"> </i>
Sorry we cannot display this profile yet as this profile is incomplete.
</strong>
</h4>
<span>
<a
href="{{ path('fos_admin_profile_edit',{'userId': expert.expertInfo.idInd}) }}"
title="">
click here
</a> to enter the necessary information.
</span>
{% else %}
<h4>
<strong>
<i class="fa fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
Sorry we cannot display your profile yet as your profile is incomplete.
</strong>
</h4>
<span>
<a
href="{{ path('fos_admin_profile_edit',{'userId': expert.expertInfo.idInd}) }}"
title="">
click here
</a> to enter the necessary information.
</span>
{% endif %}
{% else %}
<h4>
<strong>
<i class="fa fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
The profile you are looking for was not found.
</strong>
</h4>
<span>
<a
href="{{ path('frontend_homepage') }}"
title="">
click here
</a> to got to the Home Page.
</span>
{% endif %}
</div>
{% else %}
<div class="row">
<div class="col-md-3 col-p-5">

<div class="box box-primary">
<div class="box-body box-profile">
{% if expert.expertInfo.idInd is defined and expert.expertInfo.idInd | trim != "" %}
<h4 class="text-center">
OceanExpert ID : <strong>{{ expert.expertInfo.idInd}}</strong>
</h4>
{% endif %}
<img
class="profile-user-img img-responsive lazy"
data-original="{% if file_exists(web_path~asset('uploads/profile/profile_'~expert.expertInfo.idInd~'.png')) %}
{{ asset('uploads/profile/profile_'~expert.expertInfo.idInd~'.png') }}
{% else %}
{{ asset('images/default.png') }}
{% endif %}"
alt="User profile picture"
onError="this.src='{{ asset('images/default.png') }}';" />
{% if expert.expertInfo.fname is defined %}
<h2 class="expert-name">
{% if expert.expertInfo.title is defined %}
{{ expert.expertInfo.title | raw }}
{% endif %}
{% if expert.expertInfo.fname is defined %}
{{ expert.expertInfo.fname | raw }}
{% endif %}
{% if expert.expertInfo.mname is defined %}
{{ expert.expertInfo.mname | raw }}
{% endif %}
{% if expert.expertInfo.sname is defined %}
{{ expert.expertInfo.sname | raw | upper }}
{% endif %}
{% if expert.expertInfo.qualityChecked == 1 %}
<i class="tipso green fa fa-check-circle" title="User has been verified."></i>
{% endif %}
</h2>
{% endif %}
{% if expert.expertInfo.retired is defined and expert.expertInfo.retired == 1 %}
<p class="text-center">
<span class="label label-success">
Retired {% if expert.expertInfo.retiredDate is not null and expert.expertInfo.retiredDate|date("d/m/Y") !="30/11/-0001" %}
on {{ expert.expertInfo.retiredDate | date("d/m/Y") }}
{% endif %}
</span>
</p>
{% endif %}
{% if expert.expertInfo.deceased is defined and expert.expertInfo.deceased == 1 %}
<p class="text-center">
<span class="label label-danger">
Deceased {% if expert.expertInfo.deceasedDate is not null and expert.expertInfo.deceasedDate|date("d/m/Y") !="30/11/-0001" %}
on {{ expert.expertInfo.deceasedDate | date("d/m/Y") }}
{% endif %}
</span>
</p>
{% endif %}
{% if expert.expertInfo.jobtitle is defined and expert.expertInfo.deceased == 0 %}
<p class="text-center">
{{ expert.expertInfo.jobtitle | raw }}
</p>
{% endif %}
{% if expert.expertInfo.dept is defined %}
<p class="text-center">
{{ expert.expertInfo.dept | raw }}
</p>
{% endif %}
{% if expert.instName is defined %}
<p class="lead text-center">
{% if expert.expertInfo.deceased == 1 %}
<small>Last Associated with:</small><br/>
{% endif %}
{% if expert.idInst is defined
and expert.idInst != ""
%}
<a
href="{{ path('view_institution',{'instId': expert.idInst}) }}"
title="">
{{ expert.instName }}
</a>
{% endif %}
</p>
{% endif %}
<p class="lead text-center print">
{% if app.user.id is defined and expert.expertInfo.idInd is not defined %}
<a
href="{{ path('fos_admin_profile_edit',{'userId': app.user.id}) }}"
class="btn btn-primary">
<i class="fa fa-user" aria-hidden="true"></i> Edit Profile
</a>
{% endif %}
{% if expert.expertInfo.idInd is defined %}
{% if (app.user is not null and expert.expertInfo.idInd == app.user.id) or is_granted('ROLE_GLOBAL_EDITOR') %}
{% if is_granted('ROLE_GLOBAL_EDITOR') %}
{% if expert.expertInfo.status is defined and (expert.expertInfo.status == 0 or expert.expertInfo.status == 3 ) %}
<span class="statusBtn">
<button class="btn btn-success activate">
<i class="fa fa-check" aria-hidden="true"></i>
Activate
</button>
</span>
{% elseif expert.expertInfo.status is defined and expert.expertInfo.status == 1 %}
<span class="statusBtn">
<button
class="btn btn-danger ban">
<i class="fa fa-ban" aria-hidden="true"> </i>
Deactivate
</button>
</span>
{% elseif expert.expertInfo.status is defined and expert.expertInfo.status == 2 %}
<span class="statusBtn">
<button class="btn btn-warning undelete">
<i class="fa fa-check" aria-hidden="true"></i>
Un-Delete
</button>
</span>
{% elseif expert.expertInfo.status is defined and expert.expertInfo.status == 3 %}
<span class="statusBtn">
<button class="btn btn-aqua activate">
<i class="fa fa-check" aria-hidden="true"></i>
Activate
</button>
</span>
{% endif %}
{% endif %}
{% if app.user.id == expert.expertInfo.idInd %}
<a
href="{{ path('fos_admin_profile_edit',{'userId': expert.expertInfo.idInd}) }}"
class="btn btn-primary">
<i class="fa fa-user" aria-hidden="true"></i>
Edit Profile
</a>
{% else %}
<a
href="{{ path('fos_admin_profile_edit',{'userId': expert.expertInfo.idInd}) }}"
class="btn btn-primary">
<i class="fa fa-user" aria-hidden="true"></i>
Edit Profile
</a>
{% endif %}
{% endif %}
</p>
{% endif %}
</div>

</div>


{% if expert.expertInfo is defined %}
<div class="box box-primary">

<div class="box-body">
<strong>
<i class="fa icon-profile fa-map-marker margin-r-5" aria-hidden="true"></i>
Work Location
</strong>
<div class="data">
{{ expert.workLocation | raw }}
</div>
{% if expert.nationality is defined and expert.nationality !="" %}
<hr>
<strong>
<i class="fa icon-profile fa-flag margin-r-5" aria-hidden="true"></i>
Nationality
</strong>
<p class="data">
{{ expert.nationality|replace({',':"\n"})|nl2br }}
</p>
{% endif %}
<hr>
{% if expert.expertInfo.deceased == 0 %}
<strong>
<i class="fa icon-profile fa-envelope margin-r-5"></i>
Email(s)
</strong>
{% if expert.expertInfo.email1 is defined %}
{% if app.user.id is defined %}
<p class="data">
<u>Primary Email:</u><br/>
<a
href="mailto:{{ expert.expertInfo.email1 }}">
{{ expert.expertInfo.email1 | raw }}
</a>
</p>
{% if expert.expertInfo.email2 is defined and expert.expertInfo.email2!="" %}
<p class="data">
<u>Notification Email:</u><br/>
<a
href="mailto:{{ expert.expertInfo.email2 }}">
{{ expert.expertInfo.email2 | raw }}
</a>
</p>
{% else %}
<p class="data">
<u>Notification Email:</u><br/>
Same as Primary.
</p>
{% endif %}
{% else %}
<p class="data">
Please login to see the email.
</p>
{% endif %}
{% endif %}
{% if expert.expertInfo.tel is defined and expert.expertInfo.tel !="" %}
<hr>
<strong>
<i class="fa icon-profile fa-phone-square margin-r-5"></i>
Telephone
</strong>
<p class="data">
{{ expert.expertInfo.tel }}
</p>
{% endif %}
{% if expert.expertInfo.fax is defined and expert.expertInfo.fax != "" %}
<hr>
<strong>
<i class="fa icon-profile fa-fax margin-r-5"></i>
Fax
</strong>
<p class="data">
{{ expert.expertInfo.fax }}
</p>
{% endif %}
{% endif %}
{% if is_granted('ROLE_GLOBAL_EDITOR') or (app.user.id is defined and expert.expertInfo.idInd == app.user.id ) %}
{% if expert.expertInfo.gender is defined %}
<hr>
<strong>
<i class="fa icon-profile fa-venus-mars margin-r-5" aria-hidden="true"></i>
Gender
</strong>
<p class="data">
{{ expert.expertInfo.gender|capitalize }}
</p>
<hr/>
{% endif %}
{% endif %}
</div>

</div>

{% endif %}
</div>
<div class="col-md-9 col-p-7">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs print ">
{% if app.user.id is defined %}
<li class="active">
<a
href="#profile"
data-toggle="tab">
Profile
</a>
</li>
{% if is_granted('ROLE_GLOBAL_EDITOR') == false %}
{% if app.user.id is defined and app.user.id == expert.expertInfo.idInd %}
<li>
<a
href="#settings"
data-toggle="tab">
Settings
</a>
</li>
{% endif %}
{% endif %}
{% if is_granted('ROLE_GLOBAL_EDITOR') %}
<li>
<a
href="#adminOptions"
data-toggle="tab">
Admin Options
</a>
</li>
{% endif %}
{% endif %}
</ul>
<div class="tab-content">
<div class="active tab-pane" id="profile">
<div class="btn edit">
<button
type="button"
class="btn btn-primary"
onclick="window.print()">
<i class="fa fa-print" aria-hidden="true"></i>
Print
</button>
</div>
{% if expert.profileUrl is defined %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-link margin-r-5"></i>
Profile URL
</strong>
<p class="data">
<a
href="{{ expert.profileUrl }}">
{{ expert.profileUrl }}
</a>
</p>
</div>
{% endif %}
{% if (attribute(metadata, 'orcid') is defined and attribute(metadata, 'orcid')!="") or (attribute(metadata, 'researcherid') is defined and attribute(metadata, 'researcherid') !="") %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-external-link margin-r-5" aria-hidden="true"></i>
Persistent Digital Identifiers (UIDs)
</strong>
<p class="data">
{% if attribute(metadata, 'orcid') is defined and attribute(metadata, 'orcid') != "" %}
{% if '/' in attribute(metadata, 'orcid') %}
{% set foo = attribute(metadata, 'orcid') |split('/') %}
{% set orcid = foo | last %}
ORCID : <a
href="https://orcid.org/{{ orcid }}"
target="_blank">
{{ attribute(metadata, 'orcid') }}
</a> <br/>
{% else %}
ORCID : <a
href="https://orcid.org/{{ attribute(metadata, 'orcid') }}"
target="_blank">
{{ attribute(metadata, 'orcid') }}
</a><br/>
{% endif %}
{% endif %}
{% if attribute(metadata, 'researcherid') is defined and attribute(metadata, 'researcherid') != "" %}
ResearcherID : <a
href="https://www.researcherid.com/rid/{{ attribute(metadata, 'researcherid') }}"
target="_blank">
{{ attribute(metadata, 'researcherid') }}
</a> <br/>
{% endif %}
</p>
</div>
{% endif %}
{% if expert.expertInfo.degree is defined and expert.expertInfo.degree != "" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-graduation-cap margin-r-5" aria-hidden="true"></i>
Highest Degree
</strong>
<p class="data">
{{ expert.expertInfo.degree }}
</p>
</div>
{% endif %}
{% if expert.jobType is defined and expert.jobType != "" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-briefcase margin-r-5" aria-hidden="true"></i>
Job Type
</strong>
<p class="data">
{{ expert.jobType|replace({'\\r':"\n"})|nl2br }}
</p>
</div>
{% endif %}
{% if metadata.researcharea is defined and metadata.researcharea !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-book margin-r-5" aria-hidden="true"></i>
Subject Area
</strong>
<p class="data">
{{ metadata.researcharea|replace({'\\r':"\n"})|nl2br }}
</p>
</div>
{% elseif expert.subjectArea is defined and expert.subjectArea != "" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-book margin-r-5" aria-hidden="true"></i>
Subject Area
</strong>
<p class="data">
{{ expert.subjectArea|replace({',':"\n"})|nl2br }}
</p>
</div>
{% endif %}
{% if expert.expertInfo.activeng is defined and expert.expertInfo.activeng !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-flask margin-r-5" aria-hidden="true"></i>
Activities
</strong>
<p class="data">
{{ expert.expertInfo.activeng|raw }}
</p>
</div>
{% endif %}
{% if expert.studyregion is defined and expert.studyregion !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-globe margin-r-5" aria-hidden="true"></i>
Sea regions of study
</strong>
<p class="data">
{{ expert.studyregion|replace({',':"\n"})|nl2br }}
</p>
</div>
{% elseif expert.expertInfo.studyregion is defined and expert.expertInfo.studyregion !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-book margin-r-5" aria-hidden="true"></i>
Region of Study
</strong>
<p class="data">
{% if expert.expertInfo.studyregion is defined %}
{{ expert.expertInfo.studyregion|replace({'\\r':"\n"})|nl2br|title }}
{% endif %}
</p>
</div>
{% endif %}
{% if expert.expertInfo.skills is defined and expert.expertInfo.skills !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-puzzle-piece margin-r-5" aria-hidden="true"></i>
Skills
</strong>
<p class="data">
{{ expert.expertInfo.skills | raw }}
</p>
</div>
{% endif %}
{% if expert.expertInfo.languages is defined and expert.expertInfo.languages !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-language margin-r-5" aria-hidden="true"></i>
Working language(s)
</strong>
<p class="data">
{{ expert.expertInfo.languages|replace({",":"<br />"})|raw }}
</p>
</div>
{% endif %}
{% if (attribute(metadata, 'google-scholar') is defined and attribute(metadata, 'google-scholar') !="") or (attribute(metadata, 'other-citation') is defined and attribute(metadata, 'other-citation') !="") or (attribute(metadata, 'researchgate') is defined and attribute(metadata, 'researchgate') !="") %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-book margin-r-5" aria-hidden="true"></i>
Citation(s)
</strong>
<p class="data">
{% if attribute(metadata, 'google-scholar') is defined and attribute(metadata, 'google-scholar') != "" %}
<a href="{{ attribute(metadata, 'google-scholar') }}"
target="_blank">Google Scholar</a><br/>
{% endif %}
{% if attribute(metadata, 'researchgate') is defined and attribute(metadata, 'researchgate') != "" %}
<a href="{{ attribute(metadata, 'researchgate') }}"
target="_blank">ResearchGate</a>
<br/>
{% endif %}
{% if attribute(metadata, 'other-citation') is defined and attribute(metadata, 'other-citation') != "" %}
<a href="{{ attribute(metadata, 'other-citation') }}"
target="_blank">Other</a><br/>
{% endif %}
</p>
</div>
{% endif %}
{% if ((expert.expertInfo.linkedin is defined and expert.expertInfo.linkedin !='' ) or (expert.expertInfo.facebook is defined and expert.expertInfo.facebook !='' ) or (expert.expertInfo.linkedin is defined and expert.expertInfo.twitter !='' ) or (expert.expertInfo.other is defined and expert.expertInfo.other !='' )) and expert.expertInfo.deceased == 0 %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-hashtag margin-r-5" aria-hidden="true"></i>
Social
</strong>
<p>
{% if expert.expertInfo.linkedin is defined and expert.expertInfo.linkedin !="" %}
<a
href="{{ expert.expertInfo.linkedin }}"
target="_blank">
<img
class="social-icon lazy"
alt="linkedin img"
data-original="{{ asset('images/linkedin-logo.png') }}" />
</a>
{% endif %}
{% if expert.expertInfo.facebook is defined and expert.expertInfo.facebook !="" %}
<a
href="{{ expert.expertInfo.facebook }}"
target="_blank">
<img
class="social-icon lazy"
alt="facebook img"
data-original="{{ asset('images/facebook-logo.png') }}" />
</a>
{% endif %}
{% if expert.twitter and expert.twitter !="" %}
<a
href="{{ expert.twitter }}"
target="_blank">
<img
class="social-icon lazy img-fluid"
alt="X img"
data-original="{{ asset('images/x-logo.png') }}" />
</a>
{% endif %}
{% if expert.expertInfo.other %}
<a
href="{{ expert.expertInfo.other }}"
target="_blank">
<img
class="social-icon lazy"
alt="other img"
data-original="{{ asset('images/other.png') }}" />
</a>
{% endif %}
</p>
</div>
{% endif %}
{% if ((expert.expertInfo.url1 is defined or expert.expertInfo.url2 is defined ) and (expert.expertInfo.url1 != "" or expert.expertInfo.url2 != "" )) and expert.expertInfo.deceased == 0 %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-globe margin-r-5" aria-hidden="true"></i>
Website(s)
</strong>
{% if expert.expertInfo.url1 %}
<p class="data">
<a
href="{{ expert.expertInfo.url1 }}"
title="Website"
target="_blank">
{{ expert.expertInfo.url1 }}
</a>
</p>
{% endif %}
{% if expert.expertInfo.url2 %}
<p class="data">
<a
href="{{ expert.expertInfo.url2 }}"
title="Website"
target="_blank">
{{ expert.expertInfo.url2 }}
</a>
</p>
{% endif %}
</div>
{% endif %}
{% if expert.expertInfo.comments is defined and expert.expertInfo.comments !="" %}
<div class="box-body">
<strong>
<i class="fa icon-profile fa-comments" aria-hidden="true"></i>
Comment(s)
</strong>
<p class="data">
{{ expert.expertInfo.comments | raw }}
</p>
</div>
{% endif %}
{% if app.user and eventData.getTotalItemCount > 0 %}
<div class="box box-primary eventParticipation">

<div class="box-body">
<div>
<strong>
<i class="fa fa-calendar margin-r-5" aria-hidden="true"></i>
EVENTS IN WHICH {% if expert.expertInfo.fname is defined %}
{% if expert.expertInfo.title is defined %}
{{ expert.expertInfo.title | raw }}
{% endif %}
{% if expert.expertInfo.fname is defined %}
{{ expert.expertInfo.fname | raw }}
{% endif %}
{% if expert.expertInfo.sname is defined %}
{{ expert.expertInfo.sname | raw | upper }}
{% endif %}
{% endif %} IS/HAS BEEN INVOLVED. ({{ eventData.getTotalItemCount }})
</strong>
</div>
<span class="col-md-6 search-display">
Displaying {{ eventData.getPaginationData.firstItemNumber }} – {{ eventData.getPaginationData.lastItemNumber }} results of {{ eventData.getTotalItemCount }}.
</span>
<span class="col-md-6">
<div class=" pagination-sm pull-right">
{{ knp_pagination_render(eventData) }}
</div>
</span>
<div class="col-md-12">
<table class="table table-striped table-hover">
<tbody>
{% for item in eventData %}
<tr>
<td>
<i class="fa fa-calendar fa-4x" aria-hidden="true"></i>
</td>
<td>
<strong>
<a
href="{{ path('view_event', {'event': item.idEvent}) }}"
class="profile-url">{{ item.title }}
</a>
</strong><br />
{{ item.startOn|date('d/m/Y') }} - {{ item.endOn | date('d/m/y') }}<br />
{% if item.address is defined and item.address!="" %}
{{ item.address | raw }}<br />
{% endif %}
{% if item.city is defined and item.city!="" %}
{{ item.city | raw }}
{% endif %}
{% if item.state is defined and item.state!="" %}
{{ item.state | raw }}<br />
{% endif %}
{% if item.country is defined and item.country!="" %}
{{ item.country | raw | upper }}
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<span class="col-md-12">
<div class=" pagination-sm pull-right">
{{ knp_pagination_render(eventData) }}
</div>
</span>
</div>
</div>
{% endif %}
</div>

{% if is_granted('ROLE_GLOBAL_EDITOR') == false %}
{% if app.user.id is defined and app.user.id == expert.expertInfo.idInd %}
<div
class="tab-pane"
id="settings">
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">

<ul class="nav nav-tabs tabs-left sideways">
{#<li class="active"><a href="#general"#}
{#data-toggle="tab">General</a>#}
{#</li>#}
<li>
<a
href="#status"
data-toggle="tab">
Change Status
</a>
</li>
<!--
<li>
<a
href="#changeUsername"
data-toggle="tab">
Change Username
</a>
</li>
-->
<li>
<a
href="#email"
data-toggle="tab">
Change Email
</a>
</li>
<li>
<a
href="#subscription"
data-toggle="tab">
Email Subscription
</a>
</li>
<li>
<a
href="#delete"
data-toggle="tab">
Deactivate Account
</a>
</li>
</ul>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">

<div class="tab-content">
<div class="tab-pane active" id="general">
<legend class="panel-content">
User settings
</legend>
</div>
<div class="tab-pane" id="status">
<legend class="panel-content">
Change your status (Retirement)
</legend>
Have you retired recently?
Please use the options below to change your profile status to <em>retired</em>
and to add the date of your retirement.
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<div class="form-group">
<div class="onoffswitch">
<input
type="checkbox"
name="userRetired"
class="onoffswitch-checkbox"
{% if expert.expertInfo.retired is defined and expert.expertInfo.retired == 1 %}
checked=""
{% endif %}
id="userRetired"
value="{% if expert.expertInfo.retired is defined %}{{ expert.expertInfo.retired }}{% endif %}">
<label
class="onoffswitch-label"
for="userRetired">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="form-group">
<input
type="text"
id="userRetiredDate"
class="form-control datepicker"
{% if expert.expertInfo.retired is defined and expert.expertInfo.retired == 1 %}
{% if expert.expertInfo.retiredDate is not null and expert.expertInfo.retiredDate|date("d/m/Y") !="30/11/-0001" %}
value="{{ expert.expertInfo.retiredDate|date('Y-m-d') }}"
{% endif %}
{% else %}
value=""
disabled=""
{% endif %}
id="userRetiredDate"
placeholder="Retired date" />
</div>
<button
type="button"
class="btn btn-success "
id="userBtnRetired">
Save
</button>
</form>
</div>
<!--
<div class="tab-pane" id="changeUsername">
<legend class="panel-content">
Change your Username
</legend>
<form class="form-horizontal">
<span class="text-danger col-sm-offset-2 errorUsername"></span>
<div class="form-group">
<label for="currentUsername"
class="col-sm-2 control-label">Your
Username</label>
<div class="col-sm-10">
<input type="text"
class="form-control currentUsername"
id="currentUsername" readonly=""
value="{% if expert.username is defined %}{{ expert.username | raw }}{% endif %}">
</div>
</div>
<div class="form-group">
<label for="newUsername"
class="col-sm-2 control-label">New
Username</label>
<div class="col-sm-10">
<input type="text"
class="form-control newUsername"
id="newUsername"
placeholder="Enter new username."
required="">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button"
class="btn btn-success changeUsername">
Change Username
</button>
</div>
</div>
</form>
</div>
-->
<div class="tab-pane" id="email">
<legend class="panel-content">
Change your primary email address
</legend>
<form class="form-horizontal">
<div class="text-danger col-sm-offset-2 errorEmail"></div>
<div class="form-group">
<label for="currentEmail"
class="col-sm-2 control-label">Your Primary
Email</label>
<div class="col-sm-10">
<input type="email"
class="form-control currentEmail"
id="currentEmail" readonly=""
value="{% if expert.email is defined %}{{ expert.email | raw }}{% endif %}">
</div>
</div>
<div class="form-group">
<label for="newEmail"
class="col-sm-2 control-label">New
Email</label>
<div class="col-sm-10">
<input type="email"
class="form-control newEmail"
id="newEmail"
placeholder="Enter new Email."
required="">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button"
class="btn btn-success confirmEmail">
Confirm
Email
</button>
</div>
</div>
<div class="col-sm-offset-2 col-sm-10 errorConfirmCode text-danger"></div>
<div class="form-group" style="display:none;">
<label for="confirmCode"
class="col-sm-2 control-label">Confirmation
Code</label>
<div class="col-sm-10">
<input type="text"
class="form-control confirmCode"
id="confirmCode"
placeholder="Enter confirmation code."
required="">
</div>
</div>
</form>
</div>
<div class="tab-pane" id="subscription">
<legend class="panel-content">
Change your subscription settings
</legend>
<div class="col-xs-12 col-sm-8">
Do you want to receive emails from OceanExpert/IODE?
</div>
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<div class="form-group">
<div class="onoffswitch">
<input type="checkbox" name="userDoNotInvite"
class="onoffswitch-checkbox"
{% if expert.expertInfo.doNotInvite is defined and expert.expertInfo.doNotInvite == 0 %}
checked=""
{% endif %}
id="userDoNotInvite"
value="1">
<label class="onoffswitch-label"
for="userDoNotInvite">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<button type="button" class="btn btn-success "
id="usrBtnSubscription">
Save
</button>
</form>
</div>
<div class="tab-pane" id="delete">
<legend class="panel-content">
Deactivate your OceanExpert account
</legend>
We are sorry to see you go.<br />
Once your account has been deactivated,
you will no longer be able to login to OceanExpert (and partner sites like
<a
href="https://oceanteacher.org"
target="_blank">
OTGA
</a>, <a
href="https://catalogue.odis.org"
target="_blank">
ODISCat
</a>, etc... ) and
your profile will no longer be available for other experts to view.<br />
In case you choose to change you decision after the account is deactivated,
please contact us at <a href="mailto:info@oceanexpert.org">info@oceanexpert.org</a>.
<div class="top-buffer50">
<button type="button"
class="btn btn-danger deactivateAccount col-sm-offset-2 ">
Deactivate your Account
</button>
<div class="text-danger deleteError"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if is_granted('ROLE_GLOBAL_EDITOR') %}
<div class="tab-pane" id="adminOptions">
<div class="helptext">
<i class="fa fa-fw fa-info-circle"></i>
Use the following options to change settings for
<strong>
{% if expert.expertInfo.fname is defined %}
{% if expert.expertInfo.title is defined %}{{ expert.expertInfo.title | raw }} {% endif %}
{% if expert.expertInfo.fname is defined %}{{ expert.expertInfo.fname | raw }} {% endif %}
{% if expert.expertInfo.mname is defined %}{{ expert.expertInfo.mname | raw }} {% endif %}
{% if expert.expertInfo.sname is defined %}{{ expert.expertInfo.sname | raw | upper }} {% endif %}
{% endif %}
</strong>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default" id="panel1">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#cusername">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a class="javascript:void(0)">
Change Username
</a>
</h4>
</div>
<div id="cusername" class="panel-collapse collapse">
<div class="panel-body">
<div class="tab-pane" id="changeUsername">
<legend class="panel-content">Change your Username
</legend>
<form class="form-horizontal">
<span class="text-danger col-sm-offset-2 errorUsername"></span>
<div class="form-group">
<label for="admCurUsername"
class="col-sm-2 control-label">Your
Username</label>
<div class="col-sm-10">
<input type="text"
class="form-control currentUsername"
id="admCurUsername" readonly=""
value="{% if expert.username is defined %}{{ expert.username | raw }}{% endif %}">
</div>
</div>
<div class="form-group">
<label for="adnNewUsername"
class="col-sm-2 control-label">New
Username</label>
<div class="col-sm-10">
<input type="text"
class="form-control newUsername"
id="adnNewUsername"
placeholder="Enter new username."
required="">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button"
class="btn btn-success changeUsername">
Change Username
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="panel panel-default" id="panel2">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#changeEmail">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a class="javascript:void(0)">
Change Email
</a>
</h4>
</div>
<div id="changeEmail" class="panel-collapse collapse">
<div class="panel-body">
<legend class="panel-content">
Change your primary email address
</legend>
<form class="form-horizontal">
<div class="text-danger col-sm-offset-2 errorEmail"></div>
<div class="form-group">
<label for="admCurrentEmail"
class="col-sm-2 control-label">Your Primary
Email</label>
<div class="col-sm-10">
<input type="email"
class="form-control currentEmail"
id="admCurrentEmail" readonly=""
value="{% if expert.email is defined %}{{ expert.email | raw }}{% endif %}">
</div>
</div>
<div class="form-group">
<label for="admNewEmail"
class="col-sm-2 control-label">New
Email</label>
<div class="col-sm-10">
<input type="email"
class="form-control newEmail"
id="admNewEmail"
placeholder="Enter new Email."
required="">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button"
class="btn btn-success confirmEmail">
Change Email
</button>
</div>
</div>
<div class="col-sm-offset-2 col-sm-10 errorConfirmCode text-danger"></div>
<div class="form-group" style="display:none;">
<label for="admConfirmCode"
class="col-sm-2 control-label">Confirmation
Code</label>
<div class="col-sm-10">
<input
type="text"
class="form-control confirmCode"
id="admConfirmCode"
placeholder="Enter confirmation code."
required=""
onkeypress="return event.charCode >= 48 && event.charCode <= 57"
maxlength="6" />
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel4">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#qualitycontrol">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">Quality Control</a>
</h4>
</div>
<div id="qualitycontrol" class="panel-collapse collapse">
<div class="panel-body">
<legend class="panel-content" id="qclabel">
{% if expert.expertInfo.qualityChecked is defined and expert.expertInfo.qualityChecked == true %}
This record has been marked as quality controlled
{% if expert.expertInfo.qualityCheckedDate is not null and expert.expertInfo.qualityCheckedDate|date("d/m/Y") !="30/11/-0001" %}
on <strong>{{ expert.expertInfo.qualityCheckedDate | date("F j, Y ") }}</strong>
{% endif %}
by <strong>{{ expert.qcby }}</strong>
{% else %}
This record has not been quality controlled
{% endif %}
</legend>
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<div class="form-group">
<div class="onoffswitch">
<input
type="checkbox"
name="verify"
class="onoffswitch-checkbox"
{% if expert.expertInfo.qualityChecked is defined and expert.expertInfo.qualityChecked == true %}
checked=""
{% endif %}
id="verify"
value="{% if expert.expertInfo.qualityChecked is defined and expert.expertInfo.qualityChecked == true %}1{% else %}0{% endif %}" />
<label class="onoffswitch-label" for="verify">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="form-group">
<button type="button" class="btn btn-success verify"
data-value="1">Save
</button>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel5">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#memberstatus">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">
Member Status
</a>
</h4>
</div>
<div id="memberstatus" class="panel-collapse collapse">
<div class="panel-body">
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<legend class="panel-content">Retired</legend>
<div class="form-group">
<div class="onoffswitch">
<input
type="checkbox"
name="retired"
class="onoffswitch-checkbox"
{% if expert.expertInfo.retired is defined and expert.expertInfo.retired == 1 %}
checked=""
{% endif %}
id="retired"
value="{% if expert.expertInfo.retired is defined %}{{ expert.expertInfo.retired }}{% endif %}">
<label class="onoffswitch-label" for="retired">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="form-group">
<input
type="text"
id="retiredDate"
class="form-control datepicker"
{% if expert.expertInfo.retired is defined and expert.expertInfo.retired == 1 %}
{% if expert.expertInfo.retiredDate is not null and expert.expertInfo.retiredDate|date("d/m/Y") !="30/11/-0001" %}
value="{{ expert.expertInfo.retiredDate|date('Y-m-d') }}"
{% endif %}
{% else %}
value=""
disabled=""
{% endif %}
id="retiredDate"
placeholder="Retired date" />
</div>
<button type="button" class="btn btn-success "
id="btnRetired">
Save
</button>
</form>
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<legend class="panel-content">Deceased</legend>
<div class="form-group">
<div class="onoffswitch">
<input type="checkbox" name="deceased"
class="onoffswitch-checkbox"
{% if expert.expertInfo.deceased is defined and expert.expertInfo.deceased == 1 %}
checked=""
{% endif %}
id="deceased"
value="{% if expert.expertInfo.deceased is defined %}{{ expert.expertInfo.deceased }}{% endif %}">
<label class="onoffswitch-label" for="deceased">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="form-group">
<input
type="text"
id="deceasedDate"
class="form-control datepicker"
id="deceasedDate"
{% if expert.expertInfo.deceased is defined and expert.expertInfo.deceased == 1 %}
{% if expert.expertInfo.retiredDate is not null and expert.expertInfo.deceasedDate|date("d/m/Y") !="30/11/-0001" %}
value="{{ expert.expertInfo.deceasedDate|date('Y-m-d') }}"
{% endif %}
{% else %}
value=""
disabled
{% endif %}
placeholder="Deceased date">
</div>
<button type="button" class="btn btn-success"
id="btnDeceased">
Save
</button>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel6">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#donotinvite">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">
Do Not Invite
</a>
</h4>
</div>
<div id="donotinvite" class="panel-collapse collapse">
<div class="panel-body">
<legend class="panel-content">
{% if expert.expertInfo.doNoInviteBy is defined and expert.expertInfo.doNotInvite!="" %}
This record has been set as do not invite on <strong>{{ expert.expertInfo.doNoInviteOn | date('Y-m-d') }}</strong> by <strong>{{ expert.doNoInviteBy }}</strong>
{% else %}
Please select "Yes" to add this member to the do not invite list.
{% endif %}
</legend>
<form class="form-inline col-xs-12 col-sm-8 col-md-offset-3 col-sm-offset-2">
<div class="form-group">
<div class="onoffswitch">
<input type="checkbox" name="noinvite"
class="onoffswitch-checkbox"{% if expert.expertInfo.doNotInvite is defined and expert.expertInfo.doNotInvite == 1 %} checked="" {% endif %}
id="noinvite"
value="{% if expert.expertInfo.doNotInvite is defined %}{{ expert.expertInfo.doNotInvite }}{% endif %}">
<label class="onoffswitch-label" for="noinvite">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<button type="button" class="btn btn-success"
id="btnDonotinvite">Save
</button>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel7">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#comments">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">
Comments
</a>
</h4>
</div>
<div id="comments" class="panel-collapse collapse">
<div class="panel-body">
<form class="form-horizontal col-md-8">
<div class="form-group">
<label for="admincomment" class="col-sm-4 control-label panel-content">Add admin comment:</label>
<div class="col-sm-8">
<div id="newAdmComment">{% if expert.expertInfo.adminComments is defined %}{{ expert.expertInfo.adminComments | raw}}{% endif %}</div>
<textarea class="form-control" id="admincomment" placeholder="Add admin comment:"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-4 col-sm-8">
<button type="button" class="btn btn-success"
id="btnAdminComments">Save
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel8">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#groups">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">
Manage Groups
</a>
</h4>
</div>
<div id="groups" class="panel-collapse collapse">
<div class="panel-body">
<form class="form-horizontal col-md-6">
<div class="form-group">
<label for="groups" class="col-sm-4 control-label panel-content">Add Groups</label>
<div class="col-sm-8">
<select class="form-control select2 noSearch" style="width: 100%;" id="groups" name="groups[]" data-placeholder="e.g. IOC" multiple="multiple">
{% if adminOption.userGroups is defined %}
{% for groups in adminOption.userGroups %}
{% if groups.idGroup in expert.groupids %}
<option label="{{ groups.idGroup }}"
value="{{ groups.idGroup }}"
selected="">{{ groups.groupname }}</option>
{% else %}
<option label="{{ groups.idGroup }}"
value="{{ groups.idGroup }}">{{ groups.groupname }}</option>
{% endif %}
{% endfor %}
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-4 col-sm-8">
<button type="button" class="btn btn-success"
id="btnAddGroups">Save
</button>
</div>
</div>
</form>
{#<form class="form-horizontal col-md-6">#}
{#<div class="panel-content">Add Group Roles</div>#}
{#{% if adminOption.userGroups is defined %}#}
{#{% for groups in adminOption.userGroups %}#}
{#{% if groups.idGroup in expert.groupids %}#}
{#<div class="form-group">#}
{#<div class="col-sm-8">#}
{#<div class="form-group">#}
{#<label for="inputEmail3" class="col-sm-6 control-label">{{ groups.groupname }}</label>#}
{#<div class="col-sm-6">#}
{#<input type="email" class="form-control" id="inputEmail3" placeholder="Group role">#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#{% endif %}#}
{#{% endfor %}#}
{#{% endif %}#}
{##}
{##}
{#<div class="form-group">#}
{#<div class="col-sm-offset-4 col-sm-8">#}
{#<button type="button" class="btn btn-success" id="btnAddGroupsRoles">Save#}
{#</button>#}
{#</div>#}
{#</div>#}
{#</form>#}
</div>
</div>
</div>
<div class="panel panel-default" id="panel9">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#privileges">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a href="javascript:void(0)">
Assign Privileges
</a>
</h4>
</div>
<div id="privileges" class="panel-collapse collapse">
<div class="panel-body">
<legend class="col-lg-12 panel-content">Editing</legend>
<div class="row">
<form class="form-horizontal col-lg-12">
{% if expert.instName is defined %}
<div class="form-group">
<label for="groups"
class="col-xs-6 control-label panel-content">
Allow to edit own institution
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input type="checkbox"
name="ownInstitute"
class="onoffswitch-checkbox"
id="ownInstitute"
value="{{ expert.canEditOwnInst }}"
{% if expert.canEditOwnInst == 1 %}
checked="checked"
{% endif %}
{% if expert[2]['idInst'] is not defined %}
disabled="disabled"
{% endif %}>
<label class="onoffswitch-label"
for="ownInstitute">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% endif %}
<div class="form-group">
<label
for="groups"
class="col-xs-6 control-label panel-content">
Allow to edit all records from the following countries institution
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input type="checkbox"
name="countryList"
class="onoffswitch-checkbox"
{% if expert.countries| length >0 %}checked{% endif %}
id="countryList"
value="{% if expert.countries| length >0 %}1{% else %}0{% endif %}">
<label class="onoffswitch-label"
for="countryList">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<div class="form-group">
<label for="groups"
class="col-xs-2 control-label panel-content">Add
Countries</label>
<div class="col-xs-4">
<select
class="form-control select2 noSearch"
style="width: 100%;"
id="countries"
name="countries[]"
data-placeholder="e.g. Belgium"
multiple="multiple"
{% if expert.countries| length == 0 %}disabled{% else %}0{% endif %}>
{% for countries in adminOption.countries %}
{% if countries.idCountry in expert.countries %}
<option
label="{{ countries.idCountry }}"
value="{{ countries.idCountry }}"
selected="">{{ countries.country }}
</option>
{% else %}
<option
label="{{ countries.idCountry }}"
value="{{ countries.idCountry }}">
{{ countries.country }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% if is_granted('ROLE_ADMIN') and expert.roles is defined %}
<div
class="form-group">
<label
for="groups"
class="col-xs-6 control-label panel-content">
Allow to edit all records in OceanExpert
</label>
<div
class="col-xs-4">
<div
class="onoffswitch">
<input
type="checkbox"
name="editor"
{% if "ROLE_GLOBAL_EDITOR" in expert.roles %}checked{% endif %}
class="onoffswitch-checkbox"
id="editor"
value="{% if "ROLE_GLOBAL_EDITOR" in expert.roles %}1{% else %}0{% endif %}">
<label
class="onoffswitch-label"
for="editor">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% elseif is_granted('ROLE_GLOBAL_EDITOR') %}
<input
type="hidden"
name="editor"
checked="checked"
class="onoffswitch-checkbox"
id="editor"
value="1" />
{% endif %}
<div class="form-group">
<div class="col-sm-offset-6 col-sm-8">
<button
type="button"
class="btn btn-success"
id="addPrivileges">
Save
</button>
</div>
</div>
</form>
</div>
{% if is_granted('ROLE_ADMIN') and expert.roles is defined %}
<legend
class="col-lg-12 panel-content">
Administrative rights
</legend>
<div class="row">
<form class="form-horizontal col-lg-12">
{% if is_granted('ROLE_LME') %}
<div class="form-group">
<label
for="lme"
class="col-xs-6 control-label panel-content">
LME Editor
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input
type="checkbox"
name="lme"
class="onoffswitch-checkbox"
id="lme"
{% if "ROLE_LME" in expert.roles %}checked{% endif %}
value="{% if "ROLE_LME" in expert.roles %}1{% else %}0{% endif %}" />
<label
class="onoffswitch-label"
for="lme">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% endif %}
<div class="form-group">
<label for="manager"
class="col-xs-6 control-label panel-content">Manager</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input type="checkbox"
name="manager"
class="onoffswitch-checkbox"
{% if "ROLE_MANAGER" in expert.roles %}checked{% endif %}
id="manager"
value="{% if "ROLE_MANAGER" in expert.roles %}1{% else %}0{% endif %}">
<label class="onoffswitch-label"
for="manager">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% if is_granted('ROLE_SUPERADMIN') %}
<div class="form-group">
<label for="administrator"
class="col-xs-6 control-label panel-content">
Administrator
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input
type="checkbox"
name="administrator"
class="onoffswitch-checkbox"
id="administrator"
{% if "ROLE_ADMIN" in expert.roles %}
checked
{% endif %}
value="{% if "ROLE_ADMIN" in expert.roles %}1{% else %}0{% endif %}">
<label
class="onoffswitch-label"
for="administrator">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% endif %}
{% if is_granted('ROLE_SUPERADMIN') %}
<div class="form-group">
<label
for="superadmin"
class="col-xs-6 control-label panel-content">
Super Administrator
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input
type="checkbox"
{% if "ROLE_SUPERADMIN" in expert.roles %}
checked
{% endif %}
name="superadmin"
class="onoffswitch-checkbox"
id="superadmin"
value="{% if "ROLE_SUPERADMIN" in expert.roles %}1{% else %}0{% endif %}" />
<label class="onoffswitch-label"
for="superadmin">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<div class="form-group">
<label
for="odiscatadmin"
class="col-xs-6 control-label panel-content">
ODISCat Administrator
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input
type="checkbox"
{% if "ROLE_ODISCATADMIN" in expert.roles %}
checked
{% endif %}
name="odiscatadmin"
class="onoffswitch-checkbox"
id="odiscatadmin"
value="{% if "ROLE_ODISCATADMIN" in expert.roles %}1{% else %}0{% endif %}" />
<label class="onoffswitch-label"
for="odiscatadmin">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<div class="form-group">
<label
for="oceancdadmin"
class="col-xs-6 control-label panel-content">
OceanCD Administrator
</label>
<div class="col-xs-4">
<div class="onoffswitch">
<input
type="checkbox"
{% if "ROLE_OCEANCD" in expert.roles %}
checked
{% endif %}
name="oceancdadmin"
class="onoffswitch-checkbox"
id="oceancdadmin"
value="{% if "ROLE_OCEANCD" in expert.roles %}1{% else %}0{% endif %}" />
<label class="onoffswitch-label"
for="oceancdadmin">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
{% endif %}
<div class="form-group">
<div class="col-sm-offset-6 col-sm-8">
<button type="button"
class="btn btn-success"
id="addRoles">Save
</button>
</div>
</div>
</form>
</div>
{% endif %}
</div>
</div>
</div>
<div class="panel panel-default" id="panel10">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#password">
<h4 class="panel-title">
<i class="fa fa-plus pull-right"></i>
<a class="javascript:void(0)">
Send Password
</a>
</h4>
</div>
<div
id="password"
class="panel-collapse collapse">
<div class="panel-body">
<form class="form-horizontal col-lg-12">
<div class="form-group">
<label for="groups"
class="col-xs-6 control-label panel-content">
Send password reset link to user
</label>
<div class="col-xs-4">
{% if expert.expertInfo.status is defined and expert.expertInfo.status == 1 %}
<button
type="button"
class="btn btn-success"
id="resetLink">
Send Password reset link
</button>
{% else %}
<button
type="button"
class="btn btn-success disabled"
disabled>
Send Password reset link
</button>
{% endif %}
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default" id="panel3">
<div class="panel-heading collapsed" data-toggle="collapse"
data-target="#deactivateAccount">
<h4 class="panel-title"><i class="fa fa-plus pull-right"></i>
<a class="javascript:void(0)">
Deactivate Account
</a>
</h4>
</div>
<div id="deactivateAccount" class="panel-collapse collapse">
<div class="panel-body">
<legend class="panel-content">
Deactivate OceanExpert account
</legend>
<div class="top-buffer50">
{% if expert.expertInfo.status is defined and expert.expertInfo.status == 1 %}
<button type="button" class="btn btn-danger deactivateAccount col-sm-offset-2">
<i class="fa fa-ban" aria-hidden="true"></i>
Deactivate Account
</button>
{% else %}
<button type="button" class="btn btn-danger disabled col-sm-offset-2" disabled>
<i class="fa fa-ban" aria-hidden="true"></i>
Deactivate
</button>
{% endif %}
<div class="text-danger deleteError"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}

</div>

</div>
<div
id="edited-by"
class="pull-right italics">
{% if expert.expertInfo.fDateEnt is defined and expert.expertInfo.fDateEnt != "" %}
Created: {{ expert.expertInfo.fDateEnt|date('Y-m-d') }}
{% if expert.createdBy is defined and expert.createdBy != "" %}
by {{ expert.createdBy }}
{% endif %} |
{% endif %}
{% if expert.expertInfo.lDateUpd is defined and expert.expertInfo.lDateUpd != "" %}
Last Updated: {{ expert.expertInfo.lDateUpd|date('Y-m-d') }}
{% if expert.lastEditBy is defined and expert.lastEditBy != "" %}
by {{ expert.lastEditBy }}
{% endif %}
{% endif %}
</div>
<br/><br/>
<div
id="groups-by"
class="pull-right italics">
{% if expert.groups is defined and expert.groups | length > 0 %}
Group(s):
{% for groups in expert.groups %}
<a href="{{ path('view_group', {groupId: groups.idGroup}) }}">{{ groups.groupname }}</a>
{% if not loop.last %},{% endif %}
{% endfor %}
{% endif %}
</div>

</div>

</div>

{% endif %}
</section>

</div>

</div>
<div
class="modal fade"
id="modal-refresh"
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">
<i class="fa fa-fw fa-thumbs-up"></i><span class="modal-heading"></span>
</h4>
</div>
<div class="modal-body">
<p><span class="modal-message"></span></p>
<p>Page will refresh in <span class="timer"></span>...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">Refresh</button>
</div>
</div>
</div>
</div>
{% include('footer.html.twig') %}
<script src="{{ asset('js/app.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/oejs.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/bootstrap-datepicker.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
<script type="text/javascript">
{% if expert.expertInfo.idInd is defined %}
$(function () {
Tipped.create('.tipso', {maxWidth: 250});
$("#update-profile").click(function (event) {
$.ajax({
url: "{{ path('update_profile_time') }}",
data: {userId: {{ expert.expertInfo.idInd }}},
method: "POST"
}).done(function (data) {
if (data == "updated successfully") {
$("#update-profile").removeClass("btn-primary").addClass("btn-success");
$("#update-profile").html('<i class="fa fa-thumbs-up" aria-hidden="true"></i> Thanks for the heads-up');
$("#update-profile").prop('disabled', true);
$("#updated-on").html("Last Updated on {{ 'now'|date('Y-m-d') }}");
} else {
}
})
.fail(function (data) {
});
});
{% if is_granted('ROLE_GLOBAL_EDITOR') %}
$(document).delegate(".activate", "click", function () {
$(this).html('<i class="fa fa-cog fa-spin" aria-hidden="true"></i> Activate');
$.ajax({
url: "{{ path('approve_users') }}",
type: 'POST',
data: {'id': {{ expert.expertInfo.idInd}}},
}).done(function (response) {
if (response[0].status == 1) {
$(".statusBtn").html('<button class="btn btn-danger ban" id="ban"><i class="fa fa-ban" aria-hidden="true"></i> Deactivate</button>');
}
});
});
$(document).delegate(".ban", "click", function () {
$(this).html('<i class="fa fa-cog fa-spin" aria-hidden="true"></i> Deactivate');
$.ajax({
url: "{{ path('deactivate_user',{'userId': expert.expertInfo.idInd}) }}",
type: 'POST',
}).done(function (response) {
console.log(response);
if (response[0].status === true) {
$(".statusBtn").html('<button class="btn btn-success activate" id="activate"><i class="fa fa-check" aria-hidden="true"></i> Activate</button>');
}
});
});
{% endif %}
});
{% endif %}
</script>
{% if expert.expertInfo.idInd is defined %}
<script>
$(function () {
$(".changeUsername").click(function (e) {
e.preventDefault();
var $form = $(this).parents("form");
var $newUsername = $form.find(".newUsername");
var $currentUsername = $form.find(".currentUsername");
var $errorUsername = $form.find(".errorUsername");
var currentUsername = $form.find(".currentUsername").val();
var newUsername = $form.find(".newUsername").val();
if ($.trim(newUsername) == "") {
$newUsername.parents(".form-group").addClass('has-error');
$(this).parents("form").children('.text-danger').text("Please enter new username.");
return false;
} else {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Changing username');
$(this).attr('disabled', true);
$newUsername.parents(".form-group").removeClass('has-error');
$(this).parents("form").children('.text-danger').text();
$.ajax({
url: "{{ path('change_username') }}",
type: 'POST',
data: {username: currentUsername, newusername: newUsername},
})
.done(function (response) {
if (response == "success") {
$errorUsername.removeClass('text-danger').addClass('text-success').html("<i class='fa fa-thumbs-up'></i> Username changed successfully.");
{% if is_granted('ROLE_GLOBAL_EDITOR') and app.user.id != expert.expertInfo.idInd %}
$currentUsername.val(newUsername);
$newUsername.val("");
$this.html("Change Username");
$this.attr('disabled', false);
window.history.pushState(history.state, "Title", newUsername);
{% else %}
$this.html("Username changed successfully").delay(1000).queue(function (n) {
$(this).html("<i class='fa fa-cog fa-spin fa-fw'></i> Refreshing page");
n();
});
$("#modal-refresh").modal("show");
$(".modal-heading").text('Username changed.');
$(".modal-message").text("Username changed successfully. This page will now refresh to reflect change in the username.");
countdown(10);
$('#modal-refresh').on('hidden.bs.modal', function (e) {
window.location.href = "{{ path('view_profile',{'user': expert.expertInfo.idInd}) }}";
});
{% endif %}
} else {
$newUsername.parents(".form-group").addClass('has-error');
$(this).parents("form").addClass('has-error');
$errorUsername.text(response);
$this.html("Change Username");
$this.attr('disabled', false);
}
});
}
});
// $(".confirmEmail").click(function(e) {
$("form").delegate(".confirmEmail", "click", function (e) {
e.preventDefault();
var $form = $(this).parents("form");
var $currentEmail = $form.find(".currentEmail");
var currentEmail = $form.find(".currentEmail").val();
var $newEmail = $form.find(".newEmail");
var newEmail = $form.find(".newEmail").val();
var $errorEmail = $form.find(".errorEmail");
var $confirmCode = $form.find(".confirmCode");
var $errorConfirmCode = $form.find(".errorConfirmCode");
var $confirmbtn = $form.find(".confirmEmail");
var email = $.trim(newEmail);
//var pattern = new RegExp(/^([\w-\.]+@([\w-]+\.)+[\w-]+)?$/);
const pattern = new RegExp(/^[\w._%+-]+@[\w.-]+\.[a-zA-Z]{2,}$/);
if ((email == "") || (pattern.test(email) == false)) {
$newEmail.parents(".form-group").addClass('has-error');
$errorEmail.html("<i class='fa fa-exclamation-triangle'></i> Please enter valid new email.");
return false;
} else {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Changing ...');
$(this).attr('disabled', true);
$newEmail.parents(".form-group").removeClass('has-error');
$(this).parents("form").children('.text-danger').text();
$.ajax({
url: "{{ path('fos_email_check') }}",
type: 'GET',
data: {email: email}
}).done(function (response) {
if (response.status == 1) {
//email seems to be available
$newEmail.parents(".form-group").removeClass('has-error');
$this.parents("form").children('.text-danger').text("");
{% if is_granted('ROLE_GLOBAL_EDITOR') and app.user.id != expert.expertInfo.idInd %}
$.ajax({
url: "{{ path('change_email') }}",
type: 'POST',
data: {
currentEmail: currentEmail,
newEmail: email
},
}).done(function (response) {
if (response.status == 1) {
$errorEmail.removeClass('text-danger').addClass('text-success');
$errorEmail.html("<i class='fa fa-thumbs-up'></i> Email has been changed.");
$confirmbtn.attr("disabled", false);
$confirmbtn.html("Change Email");
$currentEmail.val(email);
$newEmail.val("");
}
});
{% else %}
$.ajax({
url: "{{ path('send_email_verification') }}",
type: 'POST',
data: {oldEmail: currentEmail, newEmail: email},
}).done(function (response) {
if (response.status == 1) {
$confirmCode.parents(".form-group").css('display', 'block');
$errorConfirmCode.html('<i class="fa fa-info-circle" aria-hidden="true"></i> An email containing a 6 digit confirmation code is sent to your new email address: <strong>' + email + '</strong>. Enter it in the box below to confirm your change.');
var html = '<div class="form-group">';
html += '<div class="col-sm-offset-2 col-sm-10">';
html += '<button type="button" class="btn btn-success changeEmail margin-r-5">Change Email</button>';
html += '<button type="button" class="btn btn-success confirmEmail">Resend Email</button>';
html += '</div>';
html += '</div>';
$this.parents("form").append(html);
$this.parents(".form-group").remove();
$this.attr('disabled', false);
} else {
$errorEmail.addClass('text-danger');
$errorEmail.html("<i class='fa fa-thumbs-down'></i> " + response.message);
$this.parents(".form-group").remove();
$this.attr('disabled', false);
}
});
{% endif %}
} else {
$newEmail.parents(".form-group").addClass('has-error');
$errorEmail.removeClass('text-success').addClass('text-danger');
$errorEmail.html("<i class='fa fa-exclamation-triangle'></i> " + response.message);
$this.html('Confirm Email');
$this.attr('disabled', false);
}
});
}
});
$("form").delegate(".changeEmail", "click", function (e) {
e.preventDefault();
var $form = $(this).parents("form");
var $currentEmail = $form.find(".currentEmail");
var currentEmail = $form.find(".currentEmail").val();
var $newEmail = $form.find(".newEmail");
var newEmail = $form.find(".newEmail").val();
var $errorEmail = $form.find(".errorEmail");
var $confirmCode = $form.find(".confirmCode");
var $errorConfirmCode = $form.find(".errorConfirmCode");
var $modelRefresh = $("#modal-refresh");
var $changeEmailbtn = $(".changeEmail");
var email = $.trim(newEmail);
var confirmCode = $.trim($confirmCode.val());
if (confirmCode == "") {
$confirmCode.parents(".form-group").addClass('has-error');
$errorEmail.removeClass('text-success').addClass('text-danger');
$errorEmail.html("<i class='fa fa-exclamation-triangle'></i> Please enter confirmation code.");
return false;
}
//var pattern = new RegExp(/^([\w-\.]+@([\w-]+\.)+[\w-]+)?$/);
const pattern = new RegExp(/^[\w._%+-]+@[\w.-]+\.[a-zA-Z]{2,}$/);
if ((email == "") || (pattern.test(email) == false)) {
$newEmail.html(".form-group").addClass('has-error');
$errorEmail.html("<i class='fa fa-exclamation-triangle'></i> Please enter valid new email.");
return false;
} else {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Checking email');
$(this).attr('disabled', true);
$newEmail.parents(".form-group").removeClass('has-error');
$(this).parents("form").children('.text-danger').text();
$.ajax({
url: "{{ path('change_email') }}",
type: 'POST',
data: {
currentEmail: currentEmail,
newEmail: newEmail,
confirmCode: confirmCode
},
}).done(function (response) {
if (response.status == 1) {
$this.html("Email changed.").delay(1000).queue(function (n) {
$(this).html("Refreshing page");
n();
});
$modelRefresh.modal("show");
$(".modal-heading").text('Email address Changed.');
$(".modal-message").text("Email address changed successfully. This page will now refresh to reflect change in the Email address");
countdown(11);
$modelRefresh.on('hidden.bs.modal', function (e) {
window.location.href = "{{ path('view_profile',{'user': expert.expertInfo.idInd}) }}";
});
} else {
$errorConfirmCode.removeClass('text-success').addClass('text-danger');
$errorConfirmCode.html("<i class='fa fa-exclamation-triangle' aria-hidden='true'></i> Your confirmation code is invalid. Please check the code in your email and try again or resend the email using Resend Email button below.");
$changeEmailbtn.html('Change Email');
$changeEmailbtn.attr('disabled', false);
}
});
}
});
$(".deactivateAccount").click(function () {
if (confirm("Are you sure you want to deactivate this OceanExpert account?") == true) {
var $this = $(this);
$this.html('<i class="fa fa-cog fa-spin fa-fw"></i> Deactivating account');
$this.attr('disabled', true);
$.ajax({
url: "{{ path('deactivate_user',{'userId': expert.expertInfo.idInd}) }}",
type: 'POST'
}).done(function (response) {
if (response[0].status == 1) {
{% if is_granted('ROLE_GLOBAL_EDITOR') and app.user.id != expert.expertInfo.idInd %}
$this.html("<i class='fa fa-ban' aria-hidden='true'></i> User deactivated successfully.");
$this.attr('disabled', true);
{% else %}
$this.html("<i class='fa fa-ban' aria-hidden='true'></i> Account deactivated successfully.")
.delay(1000)
.queue(function (n) {
$(this).html("<i class='fa fa-cog fa-spin fa-fw'></i> Refreshing page");
n();
}
);
$("#modal-refresh").modal("show");
$(".modal-heading").text('Account deactivated.');
$(".modal-message").text(response.message);
countdown(3);
$('#modal-refresh').on('hidden.bs.modal', function (e) {
location.reload();
});
{% endif %}
} else {
$this.siblings(".deleteError").html(response.message);
$this.attr('disabled', false);
$this.html("Deactivate your Account");
}
});
} else {
return false;
}
});
$(".panel-heading").on('click', function (e) {
e.preventDefault();
if ($(this).hasClass('collapsed')) {
$(this).find('.fa').removeClass('fa-plus').addClass('fa-minus');
} else {
$(this).find('.fa').removeClass('fa-minus').addClass('fa-plus');
}
});
$('.datepicker').datepicker({
format: "yyyy-mm-dd",
autoclose: true,
todayHighlight: true
});
$(".onoffswitch-checkbox").click(function (e) {
if ($(this).is(":checked")) {
$(this).parents().siblings('.form-group').find('.datepicker').prop('disabled', false);
$(this).parents().siblings('.form-group').find('.datepicker').val("");
$(this).val(1);
} else {
$(this).parents().siblings('.form-group').find('.datepicker').prop('disabled', true);
$(this).parents().siblings('.form-group').find('.datepicker').val("");
$(this).val(0);
}
});
// Ajax Functionalities
$(".verify").click(function () {
var text = $(this).html();
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('profile_verified') }}",
type: 'POST',
data: {userId: {{ expert.expertInfo.idInd }}, action: $("#verify").val()},
}).done(function (response) {
$("#qclabel").html(response);
$this.html(text);
$this.attr('disabled', false);
if ($this.data('value') == 0) {
$this.hide();
} else {
$(".verify").show();
$(".verify").removeClass('hidden');
}
});
});
$("#btnRetired").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_retired') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
retiredDate: $("#retiredDate").val(),
retiredStatus: $("#retired").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#userBtnRetired").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_retired') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
retiredDate: $("#userRetiredDate").val(),
retiredStatus: $("#userRetired").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#usrBtnSubscription").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
if ($("#userDoNotInvite").val() == 1){
var status = 0;
}else if($("#userDoNotInvite").val() == 0){
var status = 1;
}
$.ajax({
url: "{{ path('set_donotinvite') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
status: status,
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#btnDeceased").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_deceased') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
deceasedDate: $("#deceasedDate").val(),
deceasedStatus: $("#deceased").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#btnDonotinvite").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_donotinvite') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
status: $("#noinvite").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
$this.parents().closest(".panel-body").find(".panel-content").html(response);
});
});
$("#btnAdminComments").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_admincomments') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
comments: $("#admincomment").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$("#newAdmComment").html(response);
$("#admincomment").val("");
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#btnAddGroups").click(function () {
var groupsArr = [];
$.each($("#groups option:selected"), function (index, val) {
groupsArr.push(this.value);
});
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_groups') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
groups: groupsArr
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$("#countryList").change(function () {
if (this.checked) {
$("#countries").attr('disabled', false);
} else {
$("#countries").attr('disabled', true);
// $("#countries").select2("val", "");
}
});
$("#editor").change(function (e) {
if (this.checked) {
$("#countryList").siblings(".onoffswitch-label").addClass("onoffswitch-disabled");
$("#ownInstitute").siblings(".onoffswitch-label").addClass("onoffswitch-disabled");
$("#countryList").attr('disabled', true);
$("#ownInstitute").attr('disabled', true);
$("#countries").attr('disabled', true);
} else {
$("#countryList").siblings(".onoffswitch-label").removeClass("onoffswitch-disabled");
$("#ownInstitute").siblings(".onoffswitch-label").removeClass("onoffswitch-disabled");
$("#countryList").change();
$("#countryList").attr('disabled', false);
$("#ownInstitute").attr('disabled', false);
}
});
$("#addPrivileges").click(function () {
var countryArr = [];
$.each($("#countries option:selected"), function (index, val) {
countryArr.push(this.value);
});
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('set_privileges') }}",
type: 'POST',
data: {
userId: {{ expert.expertInfo.idInd }},
countries: countryArr,
ownInstitute: $("#ownInstitute").val(),
countryList: $("#countryList").val(),
editor: $("#editor").val(),
},
}).done(function (response) {
$this.html("Saved").delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
{% if expert.email is defined %}
$("#resetLink").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Sending Email');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('reset_password_link') }}",
type: 'POST',
data: {
email: '{{ expert.email }}',
},
}).done(function (response) {
$this.html(response).delay(2000).queue(function (n) {
$(this).html("Send Password Reset link");
n();
});
$this.attr('disabled', false);
});
});
{% elseif expert.username is defined %}
$("#resetLink").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Sending Email');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('reset_password_link') }}",
type: 'POST',
data: {
username: '{{ expert.username }}',
},
}).done(function (response) {
$this.html(response).delay(2000).queue(function (n) {
$(this).html("Send Password Reset link");
n();
});
$this.attr('disabled', false);
});
});
{% endif %}
$("#addRoles").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Saving');
$(this).attr('disabled', true);
{% if expert.username is defined %}
{% set username = expert.username %}
{% elseif expert.expertInfo.username is defined %}
{% set username = expert.expertInfo.username %}
{% else %}
{% set username = '' %}
{% endif %}
$.ajax({
url: "{{ path('assign_roles') }}",
type: 'POST',
data: {
username: '{{ username }}',
manager: $("#manager").val(),
lme: $("#lme").val(),
administrator: $("#administrator").val(),
oceancdadmin: $("#oceancdadmin").val(),
odiscatadmin: $("#odiscatadmin").val(),
superadmin: $("#superadmin").val()
},
}).done(function (response) {
$this.html(response.message).delay(2000).queue(function (n) {
$(this).html("Save");
n();
});
$this.attr('disabled', false);
});
});
$(".undelete").click(function () {
var $this = $(this);
$(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Recovering');
$(this).attr('disabled', true);
$.ajax({
url: "{{ path('recover_account') }}",
type: 'POST',
data: {userId: "{{ expert.expertInfo.idInd }}"},
}).done(function (response) {
$this.html(response.message).delay(2000).queue(function (n) {
$this.parent().html('<button class="btn btn-danger ban"><i class="fa fa-ban" aria-hidden="true"></i> Deactivate</button>');
n();
});
$this.attr('disabled', false);
});
});
function countdown(remaining) {
if (remaining <= 0) {
$(".timer").text("Refreshing ");
window.location.href = "{{ path('view_profile',{'user': expert.expertInfo.idInd}) }}";
}
$(".timer").text(remaining);
setTimeout(function () {
countdown(remaining - 1);
}, 1000);
}
if ( document.location.href.indexOf('?page') > -1 ) {
$('html, body').animate({
scrollTop: $(".eventParticipation").offset().top-50
}, 500);
}
});
</script>
{% endif %}
{% endblock %}

templates/Profile/profile.html.twig line 1