tanvirraj
1/2/2017 - 9:39 AM
agency_dashboard.html
{% extends "authenticated_base.html" %} {% load staticfiles %} {% load permission_tags %} {% block content %}
<div ng-controller="UserInfoController">
<div ng-controller="AgencyEventController">
<div ng-controller="InvitationController">
<div ng-controller="ContactController">
<div ng-controller="AgencyJobController">
<div ng-controller="UpdateAgencyController">
<main class="page-container sub-nav-hero mt50">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
<!-- END SIDEBAR -->
<div class="page-sidebar">
<!-- BEGIN SIDEBAR MENU -->
<ul id="nav-accordion" class="page-sidebar-menu">
<li ng-click="showpage('show_landing_page')" class="nav-item active">
<a>
<img alt="" class="img-circle pull-left" width="40"
ngf-src="user.profile_picture"/>
<p>
<span class="username">{[{user.first_name}]} {[{user.last_name}]}</span>
<br>
<span class="user-type"><small>Employer</small></span>
</p>
</a>
</li>
<li class="nav-item">
<a ng-click="showpage('show_job_list')">
<i class="icofont icofont-briefcase-alt-1"></i>
<span class="title">Jobs</span>
<span class="icofont icofont-simple-left pull-right"></span>
</a>
<ul class="sub">
<li ng-click="showpage('show_new_job')"><a>New</a></li>
<li ng-click="showpage('show_candidates')"><a>Candidates</a></li>
<li ng-click="showpage('show_job_shares')"><a>Partners</a></li>
</ul>
</li>
<li class="nav-item">
<a ng-click="showpage('show_programs_list')">
<i class="icofont icofont-ui-calendar"></i>
<span class="title">Programs</span>
<span class="icofont icofont-simple-left pull-right"></span>
</a>
<ul class="sub">
<li ng-click="showpage('show_agency_programs')"><a> New</a></li>
<li><a ng-click="showpage('show_attendees')">Attendees</a></li>
</ul>
</li>
<li class="nav-item" ng-click="showpage('show_invites')">
<a>
<i class="icofont icofont-letter"></i>
<span class="title">Invites</span>
<span class="icofont icofont-simple-left pull-right"></span>
</a>
</li>
<li class="nav-item" ng-click="showpage('show_contacts')">
<a>
<i class="icofont icofont-contact-add"></i>
<span class="title">Contacts</span>
<span class="icofont icofont-simple-left pull-right"></span>
</a>
</li>
<li class="nav-item">
<a>
<i class="icofont icofont-settings"></i>
<span class="title">Settings</span>
<span class="icofont icofont-simple-left pull-right"></span>
</a>
<ul class="sub">
<li><a>Account Info</a></li>
<li><a ng-click="showpage('show_notification')">Notifications</a>
</li>
</ul>
</li>
</ul>
<!-- END SIDEBAR MENU -->
<!-- All sidebar Form Code under this div -->
<div class="row-offcanvas editing-panel">
<div id="editing-panel-control" class="basic-panel">
<!-- START EDIT BASIC INFO -->
<div ng-controller="UserInfoController">
<div class="panel-form edit-basic">
<button type="button" class="close hide-canvas"><span
aria-hidden="true">×</span></button>
<form name="userProfile" class="form-horizontal" novalidate>
<!-- START PROFILE PHOTO -->
<input type="file" ngf-select
ng-model="user.profile_picture"
ngf-pattern="'image/*'"
ngf-accept="'image/*'"
id="profile-photo"
class="hidden"
ngf-resize="{width: 150, height: 150, quality: .8,centerCrop: true}"
>
<div class="text-center">
<label for="profile-photo" class="photo-label">
<img ngf-src="user.profile_picture" alt=""
class="img-circle img-thumbnail" width="150">
<p>
<i class="icofont icofont-image"></i>
Upload Pic
</p>
</label>
</div>
<!-- END PROFILE PHOTO -->
<hr class="mt">
<h3>User Profile</h3>
<h3>
<small><em>All * fields are mandatory</em></small>
</h3>
<br/>
<div class="row">
<div class="col-sm-6">
<div class="info-elements">
<label>
<span>First Name </span>
<span style="color: #ff9100">*</span>
<input type="text"
ng-model="user.first_name"
name="first_name"
class="form-control"
ng-minlength="3" ng-required="true"
placeholder="e.g. John">
</label>
</div>
</div>
<div class="col-sm-6">
<div class="info-elements">
<label>
<span>Last Name </span>
<span style="color: #ff9100">*</span>
<input type="text" ng-model="user.last_name"
name="last_name" class="form-control"
ng-required="true"
placeholder="e.g. Smith ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Job Title</span>
<input type="text" name="job_title"
ng-model="user.job_title"
class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
</div>
</div>
<h3>Work:</h3>
<div class="row">
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Phone</span>
<span style="color: #ff9100">*</span>
<input
ng-model="user.phone"
name="phone"
class="form-control phone"
ng-required="true"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Ext.</span>
<input type="text"
ng-model="user.ext"
name="phone"
class="form-control"
placeholder="000">
</label>
</div>
</div>
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Mobile</span>
<input type="text"
ng-model="user.mobile"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-sm-6">
<div class="info-elements">
</div>
</div>
<div class="clearfix"></div>
<div class="col-sm-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text" ng-model="user.address1"
name="address1" class="form-control"
placeholder=" Street Address ">
</label>
</div>
</div>
<div class="col-sm-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text" ng-model="user.address2"
name="address2" class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-sm-6">
<div class="info-elements">
<label>
<span>City</span>
<input type="text" ng-model="user.city"
name="city"
class="form-control"
placeholder="City">
</label>
</div>
</div>
<div class="col-sm-3">
<div class="info-elements">
<span>Province</span>
<label class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="user.province">
</select>
</label>
</div>
</div>
<div class="col-sm-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input type="text"
ng-model="user.postal_code"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<div class="info-elements text-right mt20">
<button ng-click="updateUser(profile_picture, user)"
type="submit" ng-disabled="userProfile.$invalid "
class="btn btn-default btn-mini hide-canvas">
Save
</button>
<button type="button"
class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
</div>
<!-- END EDIT BASIC INFO -->
<!-- START EDIT COMPANY -->
<div>
<div class="panel-form edit-company">
<button type="button" class="close hide-canvas"><span
aria-hidden="true">×</span></button>
<form name="companyInfo" class="form-horizontal">
<input type="hidden" value="{{ user.id }}" id="pk">
<h3>{[{agency_data.name}]}</h3>
<div class="info-elements">
<label>
<span></span>
</label>
</div>
<fieldset>
<legend>Location:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#location-set-company"
onclick="event.preventDefault();"
aria-expanded="true"
aria-controls="location-set-company"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="location-set-company">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<span style="color: #ff9100">*</span>
<input ng-model="agency_data.address1"
type="text" name="address1"
class="form-control"
ng-required="true"
placeholder="Street Address "
ng-change="getAgencyLatLon()">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="agency_data.address2"
type="text" name="address-2"
class="form-control"
placeholder="Suite/Unit No."
ng-change="getAgencyLatLon()">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>City</span>
<span style="color: #ff9100">*</span>
<input ng-model="agency_data.city"
type="text"
name="city" class="form-control"
ng-required="true"
placeholder="City"
ng-change="getAgencyLatLon()">
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<span>Province</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
name="mySelect"
id="mySelect"
ng-options="province.id as province.label for province in province_data"
ng-model="selected_province.id"
ng-change="selected_province_changed(selected_province.id)">
</select>
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<label>
<span>Postal Code</span>
<span style="color: #ff9100">*</span>
<input ng-model="agency_data.postal_code"
type="text" name="postal_code"
class="form-control postal-code"
ng-required="true"
placeholder="A1A 1A1"
ng-change="getAgencyLatLon()">
</label>
</div>
</div>
</div>
</fieldset>
<!-- START CONTACT INFO -->
<fieldset>
<legend>Contact Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#contact-set-company"
onclick="event.preventDefault();"
aria-expanded="true"
aria-controls="contact-set-company"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="contact-set-company">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Toll Free Phone</span>
<input ng-model="agency_data.toll_free_phone"
type="text" name="free_phone"
class="form-control phone"
placeholder="(888) 888-8888">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="agency_data.phone"
type="text"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Fax</span>
<input ng-model="agency_data.fax"
type="text"
name="fax"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Email</span>
<input ng-model="agency_data.email"
type="email"
name="email" class="form-control"
placeholder=" email@address.com">
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Hours</span>
<input ng-model="agency_data.hours"
type="text"
name="hours" class="form-control"
placeholder="e.g. 9 AM - 5 PM , Mon-Fri">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Company Website</span>
<input ng-model="agency_data.website"
type="text"
name="company_website"
class="form-control"
placeholder="http://www.example.com">
</div>
</div>
</div>
</fieldset>
<!-- END CONTACT INFO -->
<!-- START COMPANY INFO -->
<fieldset>
<legend>Company Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#company-set" onclick="event.preventDefault();"
aria-expanded="true" aria-controls="company-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed" id="company-set">
<div class="col-md-6">
<div class="info-elements">
<span>Industry</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
name="mySelect"
id="mySelect"
ng-options="industry.id as industry.label for industry in industry_data"
ng-model="selected_industry.id"
ng-required="true"
ng-change="selected_industry_changed(selected_industry.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>No. of Employees</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
name="mySelect"
id="mySelect"
ng-required="true"
ng-options="number_of_employee.id as number_of_employee.label for number_of_employee in number_of_employees"
ng-model="agency_data.number_of_employee"
>
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Language of Service</span>
<input ng-model="agency_data.language_of_service"
type="text" name="lan_of_service"
class="form-control"
placeholder="e.g. English & French ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Physical Access</span>
<input ng-model="agency_data.physical_access"
type="text" name="physical_address"
class="form-control"
placeholder="e.g. Fully Accessible ">
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Service Eligibility</span>
<input ng-model="agency_data.eligibility"
type="text" name="eligibility"
class="form-control"
placeholder="Fill only if applicable ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Service Fees</span>
<input ng-model="agency_data.fees"
type="text"
name="fees" class="form-control"
placeholder="Fill only if applicable ">
</div>
</div>
<div class="col-md-12">
<div class="info-elements">
<label>
<span>Company Description</span>
<textarea name="company_description"
ng-model="agency_data.about"
medium-editor
data-placeholder="Type here . . ."
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"
></textarea>
</label>
</div>
</div>
<div class="col-md-12">
</div>
</div>
</fieldset>
<!-- END COMPANY IN -->
<div class="row files">
<div class="col-md-6">
<div class="info-elements">
<span>Company Logo</span>
<input type="file" ngf-select ng-model="logo"
ngf-pattern="'image/*'"
name="company_logo"
id="company_logo" class="form-control">
<div ngf-drop ng-model="logo"
ngf-pattern="image/*"
class="cropArea">
<img-crop image="logo | ngfDataUrl"
result-image="croppedDataUrl"
ng-init="croppedDataUrl=''">
</img-crop>
</div>
<!-- -->
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Cover Image</span>
<input ngf-select ng-model="cover_image"
ngf-pattern="'image/*'" type="file"
name="cover_image" id="cover_image"
class="form-control">
</div>
</div>
</div>
<div class="mt30 text-right">
<button ng-click="updateAgency()" ng-disabled="companyInfo.$invalid "
class="btn btn-default btn-mini hide-canvas">
Publish
</button>
<button class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
<!-- END EDIT COMPANY -->
<!-- START EDIT PARKS & SOCIAL -->
<div class="panel-form edit-pas">
<button type="button" class="close hide-canvas"><span
aria-hidden="true">×</span></button>
<h3>Perks & Social</h3>
<h3>
<small><em>Only click the icons that apply and fill out
necessary details.</em></small>
</h3>
<!-- START PERKS & BENEFITS -->
<fieldset>
<legend>Perks & Benefits:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse" href="#pab-set"
aria-expanded="false"
aria-controls="pab-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse" id="pab-set">
<div class="col-xs-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#flhr"
onclick="event.preventDefault();"
aria-controls="flhr" role="tab"
data-toggle="tab"><img
src='{% static "img/pb/wait-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#hcb" aria-controls="hcb"
role="tab"
data-toggle="tab">
<img src='{% static "img/pb/first-aid-kit-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#dress-code"
aria-controls="dress-code"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/shirt-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#stpp" aria-controls="stpp"
role="tab"
data-toggle="tab"><img
src='{% static "img/pb/growth-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#ture" aria-controls="ture"
role="tab"
data-toggle="tab"> <img
src='{% static "img/pb/mortarboard-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#wofrh" aria-controls="wofrh"
role="tab"
data-toggle="tab"><img
src='{% static "img/pb/banking-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#pubtra" aria-controls="pubtra"
role="tab"
data-toggle="tab">
<img src='{% static "img/pb/bus-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#accessibility"
aria-controls="accessibility" role="tab"
data-toggle="tab"> <img
src='{% static "img/pb/disabled-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#lotrbe" aria-controls="lotrbe"
role="tab"
data-toggle="tab"> <img
src='{% static "img/pb/donation-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#gym" aria-controls="gym"
role="tab"
data-toggle="tab"><img
src='{% static "img/pb/dumbbell-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#meal" aria-controls="meal"
role="tab"
data-toggle="tab"><img
src='{% static "img/pb/hamburger-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#rewards" aria-controls="rewards"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/medal-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#pension" aria-controls="pension"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/piggy-bank-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#discount" aria-controls="discount"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/price-tag-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#career-plan"
aria-controls="career-plan"
role="tab" data-toggle="tab"><img
src='{% static "img/pb/rocket-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#bonus" aria-controls="bonus"
role="tab"
data-toggle="tab"> <img
src='{% static "img/pb/social-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#summer-hours"
aria-controls="summer-hours"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/thunder-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#social-activities"
aria-controls="social-activities"
role="tab"
data-toggle="tab"> <img
src='{% static "img/pb/toast-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#work-balance"
aria-controls="work-balance"
role="tab" data-toggle="tab"> <img
src='{% static "img/pb/yin-yang-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#employee-program"
aria-controls="employee-program"
role="tab"
data-toggle="tab"><img
src='{% static "img/pb/humanitarian-w.png" %}'
alt=""></a>
</li>
<li role="presentation">
<a href="#free-parking"
aria-controls="free-parking"
role="tab" data-toggle="tab"><img
src='{% static "img/pb/parking-w.png" %}'
alt=""></a>
</li>
</ul>
<!-- Tab panes -->
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active"
id="flhr">
<div class="info-elements">
<label>
<span>Flexible Hours</span>
<textarea ng-model="perks.flexible_hours"
maxlength="250"
name="flexible_hours"
id="text-stpp" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . ">
</textarea>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="hcb">
<div class="info-elements">
<label>
<span>Healthcare Benefits</span>
<textarea
ng-model="perks.healthcare_benefits"
maxlength="250"
name="flexible_hours" id="text-hcb"
cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="dress-code">
<div class="info-elements">
<label>
<span>Dress Code</span>
<textarea ng-model="perks.dress_code"
name="flexible_hours"
id="text-dress-code" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-dress-code"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="stpp">
<div class="info-elements">
<label>
<span>Stock Purchase Plan</span>
<textarea
ng-model="perks.stock_purchase_plan"
name="flexible_hours" id="text-stpp"
cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-stpp"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="ture">
<div class="info-elements">
<label>
<span>Tuition Reimbursement</span>
<textarea
ng-model="perks.tuition_reimbursement"
name="flexible_hours" id="text-ture"
cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-ture"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="wofrh">
<div class="info-elements">
<label>
<span>Remote</span>
<textarea ng-model="perks.work_from_home"
name="flexible_hours"
id="text-wofrh" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-wofrh"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="pubtra">
<div class="info-elements">
<label>
<span>Public Transit Access</span>
<textarea
ng-model="perks.public_transit_access"
name="flexible_hours"
id="text-pubtra" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-pubtra"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="accessibility">
<div class="info-elements">
<label>
<span>Accessibility</span>
<textarea ng-model="perks.accessibility"
name="flexible_hours"
id="text-accessibility" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-accessibility"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="lotrbe">
<div class="info-elements">
<label>
<span>Long Term Benefits</span>
<textarea
ng-model="perks.long_term_benefits"
name="flexible_hours"
id="text-lotrbe" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-lotrbe"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="gym">
<div class="info-elements">
<label>
<span>Gym</span>
<textarea ng-model="perks.gym"
name="flexible_hours"
id="text-gym" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-gym"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="meal">
<div class="info-elements">
<label>
<span>Catered Meal / Cafeteria</span>
<textarea
ng-model="perks.catered_meal_cafeteria"
name="flexible_hours" id="text-meal"
cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-meal"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="rewards">
<div class="info-elements">
<label>
<span>Rewards & Recognition</span>
<textarea
ng-model="perks.rewards_recognition"
name="flexible_hours"
id="text-rewards" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-rewards"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="pension">
<div class="info-elements">
<label>
<span>Pension Plan</span>
<textarea ng-model="perks.pension_plan"
name="flexible_hours"
id="text-pension" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-pension"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="discount">
<div class="info-elements">
<label>
<span>Corporate Discount</span>
<textarea
ng-model="perks.corporate_discount"
name="flexible_hours"
id="text-discount" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-discount"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="career-plan">
<div class="info-elements">
<label>
<span>Career Development Plan</span>
<textarea
ng-model="perks.career_development_plan"
name="flexible_hours"
id="text-career-plan" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-career-plan"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="bonus">
<div class="info-elements">
<label>
<span>Performance Bonus</span>
<textarea ng-model="perks.performance_bonus"
name="flexible_hours"
id="text-bonus" cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-bonus"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="summer-hours">
<div class="info-elements">
<label>
<span>Summer Hours</span>
<textarea ng-model="perks.summer_hours"
name="flexible_hours"
id="text-summer-hours" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-summer-hours"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="social-activities">
<div class="info-elements">
<label>
<span>Social Activities</span>
<textarea ng-model="perks.social_activities"
name="flexible_hours"
id="text-social-activities"
cols="30" rows="5"
class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-social-activities"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="work-balance">
<div class="info-elements">
<label>
<span>Work-life Balance</span>
<textarea ng-model="perks.work_life_balance"
name="flexible_hours"
id="text-work-balance" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-work-balance"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="employee-program">
<div class="info-elements">
<label>
<span>Employee Assistance Program</span>
<textarea
ng-model="perks.employee_assistance_program"
name="flexible_hours"
id="text-employee-program" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-employee-program"></span>/250
</p>
</label>
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="free-parking">
<div class="info-elements">
<label>
<span>Free Parking</span>
<textarea ng-model="perks.free_parking"
name="flexible_hours"
id="text-free-parking" cols="30"
rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
<p class="char-counter"><span
id="counter-free-parking"></span>/250
</p>
</label>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<!-- END PERKS & BENEFITS -->
<!-- START SOCIAL MEDIA -->
<fieldset>
<legend>Social Media:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse"
href="#social-set" aria-expanded="false"
aria-controls="social-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse " id="social-set">
<div class="col-md-12">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#facebook" aria-controls="facebook"
role="tab" data-toggle="tab"><i
class="fa fa-facebook"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#youtube" aria-controls="youtube"
role="tab" data-toggle="tab"><i
class="fa fa-youtube-play"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#twitter" aria-controls="twitter"
role="tab" data-toggle="tab"><i
class="fa fa-twitter"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#linkedin" aria-controls="linkedin"
role="tab" data-toggle="tab"><i
class="fa fa-linkedin"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#pinterest"
aria-controls="pinterest"
role="tab" data-toggle="tab"><i
class="fa fa-pinterest"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#instagram"
aria-controls="instagram"
role="tab" data-toggle="tab"><i
class="fa fa-instagram"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#reddit" aria-controls="reddit"
role="tab"
data-toggle="tab"><i
class="fa fa-reddit-alien"
aria-hidden="true"></i></a>
</li>
<li role="presentation">
<a href="#blog-post"
aria-controls="blog-post"
role="tab" data-toggle="tab"><i
class="fa fa-pencil-square-o"
aria-hidden="true"></i></a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active"
id="facebook">
<div class="info-elements">
<span>Facebook</span>
<input ng-model="perks.facebook"
type="text"
name="title" class="form-control"
placeholder="http://www.facebook.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="youtube">
<div class="info-elements">
<span>YouTube</span>
<input ng-model="perks.youtube"
type="text"
name="title" class="form-control"
placeholder="http://www.youtube.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="twitter">
<div class="info-elements">
<span>Twitter</span>
<input ng-model="perks.twitter"
type="text"
name="title" class="form-control"
placeholder="http://www.twitter.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="linkedin">
<div class="info-elements">
<span>LinkedIn</span>
<input ng-model="perks.linkedin"
type="text"
name="title" class="form-control"
placeholder="http://www.linkedin.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="pinterest">
<div class="info-elements">
<span>Pinterest</span>
<input ng-model="perks.pinterest"
type="text"
name="title" class="form-control"
placeholder="http://www.pinterest.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="instagram">
<div class="info-elements">
<span>Instagram</span>
<input ng-model="perks.instagram"
type="text"
name="title" class="form-control"
placeholder="http://www.instagram.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="reddit">
<div class="info-elements">
<span>Reddit</span>
<input ng-model="perks.reddit"
type="text"
name="title" class="form-control"
placeholder="http://www.reddit.com/xyz">
</div>
</div>
<div role="tabpanel" class="tab-pane"
id="blog-post">
<div class="info-elements">
<span>Blog Post</span>
<input ng-model="perks.blog_post"
type="text"
name="title" class="form-control"
placeholder="http://www.blog-post.com/post">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="info-elements mt20">
<label>
<span>Search Tags (5 Max)</span>
<input ng-model="perks.tags" name="tags"
class="form-control tm-input"
placeholder="e.g.market research, medical, hi-tech">
</label>
<div id="tag-container"></div>
</div>
</div>
</div>
</fieldset>
<!-- END SOCIAL MEDIA -->
<div class="mt30 text-right">
<button ng-click="PublishParks(perks)"
class="btn btn-default btn-mini hide-canvas">Publish
</button>
<button class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</div>
</div>
<!-- END EDIT PARKS & SOCIAL -->
<!-- NEW JOB POST SIDEBAR -->
<div>
<!-- job post -->
<div class="panel-form job-post">
<button type="button" class="close hide-canvas"><span
aria-hidden="true">×</span></button>
<form name="postJobForm" class="form-horizontal" novalidate>
<h3>Post a Job</h3>
<div class="info-elements">
<label>
<span>Job Title</span>
<span style="color: #ff9100">*</span>
<input ng-model="job_post.job_title" type="text"
name="job_title" required
class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
<fieldset>
<legend>Location:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#location-set-jobs" aria-expanded="true"
aria-controls="location-set-jobs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed" id="location-set-jobs">
<div class="info-elements">
<div class="radio">
<div class="radio-box">
<input ng-model="job_post.is_work_from_home"
ng-value="false"
ng-change="onChangeAddress(job_post.is_work_from_home)"
type="radio"
id="job-same-as-com">
<label for="job-same-as-com">Same as
company
address:
</label>
</div>
<div class="radio-box">
<input
ng-model="job_post.is_work_from_home"
ng-value="true"
ng-change="onChangeAddress(job_post.is_work_from_home)"
type="radio" id="job-from-home">
<label for="job-from-home">Remote:</label>
</div>
</div>
</div>
<div class="row"
ng-hide="job_post.is_work_from_home">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="job_post.address1"
ng-change="getJobLatLon()"
type="text" name="address-1"
class="form-control"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="job_post.address2"
type="text" name="address-2"
class="form-control"
ng-change="getJobLatLon()"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>City</span>
<span style="color: #ff9100">*</span>
<input type="text"
ng-model="job_post.city"
ng-change="getJobLatLon()"
name="city"
ng-required="true"
class="form-control"
placeholder="City">
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<span>Province</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
name="mySelect"
id="mySelect"
ng-options="province.id as province.label for province in province_data"
ng-model="job_post.province"
>
</select>
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<label>
<span>Postal Code</span>
<span style="color: #ff9100">*</span>
<input type="text"
ng-required="true"
ng-model="job_post.postal_code"
ng-change="getJobLatLon()"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Job Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#job-set-jobs" aria-expanded="true"
aria-controls="job-set-jobs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed" id="job-set-jobs">
<div class="col-md-6">
<div class="info-elements">
<span>Experience Level</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="experience.id as experience.label for experience in experience_data"
ng-model="selected_experience.id"
ng-change="selected_experience_changed(selected_experience.id)"
name="experienceLevel"
id="field-experience-level">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Industry</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
name="mySelect"
id="mySelect"
ng-options="industry.id as industry.label for industry in industry_data"
ng-model="selected_industry.id"
ng-change="selected_industry_changed(selected_industry.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Employment Term</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="employment_type.id as employment_type.label for employment_type in employment_type_data"
name="jobType"
id="field-employment-type"
ng-model="selected_job_type.id"
ng-change="selected_job_type_changed(selected_job_type.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Job Function</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="job_function.id as job_function.label for job_function in job_function_data"
name="jobFunctions"
id="field-job-function"
ng-model="selected_jobfunction.id"
ng-change="selected_jobfunction_changed(selected_jobfunction.id)">
</select>
</label>
</div>
</div>
</div>
</fieldset>
<div class="info-elements">
<label>
<span>Job Description</span>
<span style="color: #ff9100">*</span>
<textarea ng-model="job_post.job_description" ng-required="true"
medium-editor
data-placeholder="Type here . . ."
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"
></textarea>
</label>
</div>
<div class="row">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Compensation</span>
<input ng-model="job_post.salary"
type="text"
name="compensation"
class="form-control"
placeholder="e.g. $45,000 plus bonus ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Activation Period</span>
<label class="select-label">
<select class="form-control"
ng-options="activation_period.id as activation_period.label for activation_period in job_activation_period_data"
name="activation"
id="field-activation-period"
ng-model="selected_job_period_for_post.id"
ng-change="selected_job_period_changed(selected_job_period_for_post.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Apply Though Job Minister:</span>
<div class="checkbox">
<input type="checkbox"
name="inlineRadioOptions"
id="yes" value="option1"
checked="checked"
ng-model="job_post.apply_through_jm">
<label for="yes">Yes</label>
</div>
</div>
</div>
<div class="col-md-6">
<div class="info-elements apply-though">
<label>
<span>Career Portal</span>
<input ng-model="job_post.web_link"
type="text"
ng-required="!job_post.phone && !job_post.job_poster_email && !job_post.apply_through_jm"
name="" class="form-control"
placeholder="http://www.example.com">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements apply-though">
<label>
<span>Phone</span>
<input ng-model="job_post.phone" type="text"
ng-required="!job_post.web_link && !job_post.job_poster_email && !job_post.apply_through_jm"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements apply-though">
<label>
<span>Email</span>
<input ng-model="job_post.job_poster_email"
ng-required="!job_post.web_link && !job_post.phone && !job_post.apply_through_jm"
type="email" name="email"
class="form-control"
placeholder="email@address.com">
</label>
</div>
</div>
</div>
<div class="mt30 text-center">
<button ng-disabled="postJobForm.$invalid"
ng-click="postJob(job_post,'publish')"
class="btn btn-default btn-mini hide-canvas">
Publish
</button>
<button ng-click="postJob(job_post,'')"
class="btn btn-default btn-mini hide-canvas">Save
</button>
<button
class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
<!-- end job post -->
<!-- job edit -->
<div class="panel-form edit-jobs">
<div ng-repeat="update_job in activeJobs.jobs">
<div class="editJob" id="job-{[{update_job.id}]}">
<button type="button"
ng-click="hide_canvas('job-'+update_job.id)"
class="close hide-canvas"><span
aria-hidden="true">×</span>
</button>
<form name="editJobForm" class="form-horizontal">
<h3>Edit a Job</h3>
<div class="info-elements">
<label>
<span>Job Title</span>
<span style="color: #ff9100">*</span>
<input ng-model="update_job.job_title"
type="text"
ng-required="true"
name="job_title" class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
<fieldset>
<legend>Location:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#location-set-jobs-{[{update_job.id}]}"
aria-expanded="true"
aria-controls="location-set-jobs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="location-set-jobs-{[{update_job.id}]}">
<div class="info-elements">
<div class="radio">
<div class="radio-box">
<input ng-model="update_job.is_work_from_home"
ng-value="false"
ng-change="onChangeJobAddressUpdate(update_job.is_work_from_home,update_job)"
type="radio"
id="job-same-as-com-{[{update_job.id}]}">
<label for="job-same-as-com-{[{update_job.id}]}">Same
as company
address:
</label>
</div>
<div class="radio-box">
<input
ng-model="update_job.is_work_from_home"
ng-value="true"
ng-change="onChangeJobAddressUpdate(update_job.is_work_from_home,update_job)"
type="radio"
id="job-from-home-{[{update_job.id}]}">
<label for="job-from-home-{[{update_job.id}]}">Work
from home:</label>
</div>
</div>
</div>
<div class="row"
ng-hide="update_job.is_work_from_home">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="update_job.address1"
ng-change="changeAddress()"
type="text"
name="address-1"
class="form-control"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="update_job.address2"
ng-change="changeAddress()"
type="text"
name="address-2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>City</span>
<span style="color: #ff9100">*</span>
<input type="text"
ng-model="update_job.city"
ng-change="changeAddress()"
name="city"
class="form-control"
ng-required="true"
placeholder="City">
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<span>Province</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
name="mySelect"
id="mySelect"
ng-options="province.id as province.label for province in province_data"
ng-model="update_job.province"
ng-change="selected_province_changed(selected_province.id)">
</select>
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<label>
<span>Postal Code</span>
<span style="color: #ff9100">*</span>
<input type="text"
ng-required="true"
ng-model="update_job.postal_code"
ng-change="changeAddress()"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Job Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#job-set-jobs-{[{update_job.id}]}"
aria-expanded="true"
aria-controls="job-set-jobs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="job-set-jobs-{[{update_job.id}]}">
<div class="col-md-6">
<div class="info-elements">
<span>Experience Level</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="experience.id as experience.label for experience in experience_data"
ng-model="update_job.experience"
ng-change="selected_experience_changed(selected_experience.id)"
name="experienceLevel"
id="field-experience-level">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Industry</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
name="mySelect"
id="mySelect"
ng-options="industry.id as industry.label for industry in industry_data"
ng-model="update_job.industry"
ng-change="selected_industry_changed(selected_industry.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Employment Term</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="employment_type.id as employment_type.label for employment_type in employment_type_data"
name="jobType"
id="field-employment-type"
ng-model="update_job.employment_type"
ng-change="selected_job_type_changed(selected_job_type.id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Job Function</span>
<span style="color: #ff9100">*</span>
<label class="select-label">
<select class="form-control"
ng-required="true"
ng-options="job_function.id as job_function.label for job_function in job_function_data"
name="jobFunctions"
id="field-job-function"
ng-model="update_job.job_function"
ng-change="selected_jobfunction_changed(selected_jobfunction.id)">
</select>
</label>
</div>
</div>
</div>
</fieldset>
<div class="info-elements">
<label>
<span>Job Description</span>
<span style="color: #ff9100">*</span>
<textarea ng-model="update_job.job_description" ng-required="true"
medium-editor
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"
data-placeholder="Type here . . ."></textarea>
</label>
</div>
<div class="row">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Compensation</span>
<input ng-model="update_job.salary"
type="text"
name="compensation"
class="form-control"
placeholder="e.g. $45,000 plus bonus ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Activation Period</span>
<label class="select-label">
<select class="form-control"
ng-options="activation_period.id as activation_period.label for activation_period in job_activation_period_data"
name="activation"
id="field-activation-period"
ng-model="update_job.activation_id"
ng-change="selected_update_job_period_changed(update_job.activation_id)">
</select>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span> Apply Though Job Minister: </span>
<div class="checkbox">
<input type="checkbox"
name="inlineRadioOptions"
id="apply_jm-{[{update_job.id}]}"
ng-model="update_job.apply_through_jm">
<label for="apply_jm-{[{update_job.id}]}">
Yes </label>
</div>
</div>
</div>
<div class="col-md-6"
ng-hide="update_job.apply_through_jm">
<div class="info-elements">
<label>
<span>Career Portal</span>
<input ng-model="update_job.web_link"
type="text" name=""
class="form-control"
ng-required="!job_post.phone && !job_post.job_poster_email && !job_post.apply_through_jm"
placeholder="http://www.example.com">
</label>
</div>
</div>
<div class="col-md-6"
ng-hide="update_job.apply_through_jm">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="update_job.phone"
ng-required="!job_post.web_link && !job_post.job_poster_email && !job_post.apply_through_jm"
type="text"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-md-6"
ng-hide="update_job.apply_through_jm">
<div class="info-elements">
<label>
<span>Email</span>
<input ng-model="update_job.job_poster_email"
type="email" name="email"
class="form-control"
ng-required="!job_post.web_link && !job_post.phone && !job_post.apply_through_jm"
placeholder="email@address.com">
</label>
</div>
</div>
</div>
<div class="mt30 text-center">
<button ng-click="UpdateJob(update_job.id, update_job)"
ng-disabled="editJobForm.$invalid "
class="btn btn-default btn-mini hide-canvas">Save
</button>
<button ng-click="hide_canvas('job-'+update_job.id)"
class="btn btn-default btn-mini">Cancel
</button>
</div>
</form>
</div>
</div>
</div>
<!-- end job edit -->
</div>
<!-- END POST SIDEBAR -->
<!-- AGENCY PROGRAMS NEW -->
<div class="panel-form post-programs">
<div>
<form class="form-horizontal">
<h3>Create New</h3>
<div class="info-elements">
<div class="radio">
<span>Select:</span>
<div class="radio-box">
<input type="radio" name="program" id="event"
ng-model="evnt.event_type" value="EVENT"
checked>
<label for="event">Event</label>
</div>
<div class="radio-box">
<input type="radio" name="program" id="course"
ng-model="evnt.event_type"
value="TRAINING">
<label for="course">Course</label>
</div>
</div>
</div>
<div class="info-elements">
<label>
<span>Title</span>
<input type="text" name="" class="form-control"
placeholder="Event/Course Name"
ng-model="evnt.event">
</label>
</div>
<fieldset>
<legend>Location:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#location-set-programs" aria-expanded="true"
aria-controls="location-set-programs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="location-set-programs">
<div class="info-elements">
<div class="radio">
<div class="radio-box">
<input ng-model="evnt.is_webinar"
ng-value="false"
ng-change="onChangeEventAddress(evnt.is_webinar)"
type="radio"
id="event-same-as-com">
<label for="event-same-as-com">Same as
company
address:
</label>
</div>
<div class="radio-box">
<input
ng-model="evnt.is_webinar"
ng-value="true"
ng-change="onChangeEventAddress(evnt.is_webinar)"
type="radio"
id="event-from-home">
<label for="event-from-home">Webinar:</label>
</div>
</div>
</div>
<div class="row" ng-hide="evnt.is_webinar">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text" name="address-1"
class="form-control"
ng-model="evnt.address1"
ng-change="changeEventAddress()"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text" name="address-2"
class="form-control"
ng-model="evnt.address2"
ng-change="changeEventAddress()"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>City</span>
<input type="text" name="city"
class="form-control"
placeholder="City"
ng-model="evnt.city"
ng-change="changeAddress()">
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<span>Province</span>
<label class="select-label">
<select class="form-control"
name="mySelect"
id="mySelect"
ng-options="province.id as province.label for province in province_data"
ng-model="selected_event_province.id"
ng-change="selected_event_province_changed(selected_event_province.id)">
</select>
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input type="text"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1"
ng-model="evnt.postal_code"
ng-change="changeEventAddress()">
</label>
</div>
</div>
</div>
</div>
</fieldset>
<!-- START CONTACT INFO -->
<fieldset>
<legend>Contact Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#contact-set-programs" aria-expanded="true"
aria-controls="contact-set-programs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="contact-set-programs">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Contact Name</span>
<input type="text" name=""
class="form-control"
placeholder=" e.g. John Smith "
ng-model="evnt.contact_name">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input type="text" name="phone"
class="form-control phone"
placeholder="(000) 000-0000"
ng-model="evnt.phone">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Email</span>
<input type="email" name="email"
class="form-control"
placeholder="email@address.com"
ng-model="evnt.contact_email">
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Website</span>
<input type="text" name="website"
class="form-control"
placeholder="http://www.example.com"
ng-model="evnt.url_link">
</div>
</div>
</div>
</fieldset>
<!-- END CONTACT INFO -->
<fieldset>
<legend>Time:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse" href="#time-set"
aria-expanded="false"
aria-controls="time-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed" id="time-set">
<div class="col-md-6">
<div class="info-elements"
id="registraionDeadline">
<label>
<span>Registration Deadline</span>
<input type="text" name=""
ng-model="evnt.registration_deadline"
class="form-control"
id="datepicker-d"
placeholder="09-11-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
<div class="info-elements" id="startDate">
<label>
<span>Start Date</span>
<input type="text" name=""
ng-model="evnt.start_date"
class="form-control"
placeholder="09-11-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>End Date</span>
<span class="checkbox right pull-right">
<input type="checkbox" id="same-as-start">
<label for="same-as-start">Same as start:</label>
</span>
<label id="endDate">
<input type="text" name=""
class="form-control"
ng-model="evnt.end_date"
placeholder="09-12-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Start Time</span>
<div class="input-group bootstrap-timepicker timepicker"
id="eventStartHour-{[{evnt.id}]}">
<input ng-model="evnt.start_hour"
type="text"
class="form-control timepicker"
jqtimepicker>
<span class="input-group-addon"><i
class="glyphicon glyphicon-time"></i></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>End Time</span>
<div class="input-group bootstrap-timepicker timepicker"
id="eventEndHour">
<input ng-model="evnt.end_hour"
type="text"
class="form-control timepicker"
jqtimepicker>
<span class="input-group-addon"><i
class="glyphicon glyphicon-time"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Details:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse"
href="#details-set-{[{evnt.id}]}"
aria-expanded="false" aria-controls="details-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="details-set-{[{evnt.id}]}">
<div class="info-elements">
<label>
<span>Description</span>
<textarea medium-editor
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"
ng-model="evnt.details"></textarea>
</label>
</div>
{# <div class="info-elements">#}
{# <label>#}
{# <span>Registration Details</span>#}
{# <textarea medium-editor#}
{# bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"#}
{# ng-model="evnt.registration_details"></textarea>#}
{# </label>#}
{# </div>#}
{# <div class="info-elements">#}
{# <label>#}
{# <span>Remarks</span>#}
{# <textarea medium-editor#}
{# bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"#}
{# ng-model="evnt.remarks"></textarea>#}
{# </label>#}
{# </div>#}
</div>
</fieldset>
<div class="info-elements">
<label>
<span>Search Tags(5 Max)</span>
<input ng-model="evnt.tag" name="tags"
class="form-control "
placeholder="e.g., market research, medical, hi-tech">
</label>
</div>
<div class="info-elements">
<span>Cover Image</span>
<input id="exampleInputFile" type="file"
placeholder="Logo"
ngf-select ng-model="event_cover"
ngf-pattern="'image/*'"
ngf-accept="'image/*'" ngf-max-size="10MB"
ngf-min-height="100"
ngf-resize="{width: 100, height: 100, quality: .8, type: 'image/jpeg', ratio: '1:2', centerCrop: true, pattern='.jpg'}">
<!-- <label for="company_logo" class="form-control">No File Chosen <i class="icofont icofont-plus-circle pull-right"></i></label> -->
</div>
<div class="info-elements">
<label>
<span>Maximum no. of attendees</span>
<input ng-model="evnt.number_of_attendance"
type="text"
maxlength="3"
name="compensation" class="form-control"
placeholder="e.g. 120 ">
</label>
</div>
<!-- START HOW SIGNUP -->
<fieldset>
<legend>How Users Will Sign-Up:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse" href="#huws-set"
aria-expanded="false"
aria-controls="huws-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed" id="huws-set">
<div class="col-md-12">
<div class="info-elements">
<table class="table table-tiny">
<thead>
<tr>
<th>Select</th>
<th>Info</th>
<th>Mandatory</th>
<th>Optional</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_email"
type="checkbox"
id="hemail">
<label for="hemail"></label>
</div>
</th>
<td>Email</td>
<td>
<div class="radio hemail invisible">
<div class="radio-box">
<input ng-model="evnt.email_is_mandatory"
type="radio"
name="emcondition"
id="emman"
ng-value="true"
checked>
<label for="emman"></label>
</div>
</div>
</td>
<td>
<div class="radio hemail invisible">
<div class="radio-box">
<input ng-model="evnt.email_is_mandatory"
type="radio"
name="emcondition"
id="emopt"
ng-value="false"
>
<label for="emopt"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_phone"
ng-value="true"
type="checkbox"
id="hphone">
<label for="hphone"></label>
</div>
</th>
<td>Phone</td>
<td>
<div class="radio hphone invisible">
<div class="radio-box">
<input ng-model="evnt.sign_up_phone_is_mandatory"
ng-value="true"
ng-checked
type="radio"
name="phcondition"
id="phman"
>
<label for="phman"></label>
</div>
</div>
</td>
<td>
<div class="radio hphone invisible">
<div class="radio-box">
<input ng-model="evnt.sign_up_phone_is_mandatory"
ng-value="false"
type="radio"
name="phcondition"
id="phopt"
value="phopt">
<label for="phopt"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_city"
type="checkbox"
id="hcity"
checked>
<label for="hcity"></label>
</div>
</th>
<td>City</td>
<td>
<div class="radio hcity invisible">
<div class="radio-box">
<input ng-model="evnt.city_is_mandatory"
ng-value="true"
ng-checked
type="radio"
name="ctcondition"
id="ctman"
>
<label for="ctman"></label>
</div>
</div>
</td>
<td>
<div class="radio hcity invisible">
<div class="radio-box">
<input ng-model="evnt.city_is_mandatory"
ng-value="false"
type="radio"
name="ctcondition"
id="ctopt"
>
<label for="ctopt"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_job_title"
type="checkbox"
ng-value="true"
id="htitle">
<label for="htitle"></label>
</div>
</th>
<td>Job Title</td>
<td>
<div class="radio htitle invisible">
<div class="radio-box">
<input ng-model="evnt.job_title_is_mandatory"
ng-value="true"
ng-checked
type="radio"
name="jtcondition"
id="jtman"
>
<label for="jtman"></label>
</div>
</div>
</td>
<td>
<div class="radio htitle invisible">
<div class="radio-box">
<input ng-model="evnt.job_title_is_mandatory"
ng-value="false"
type="radio"
name="jtcondition"
id="jtopt"
>
<label for="jtopt"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_company"
type="checkbox"
ng-value="true"
id="hcompany">
<label for="hcompany"></label>
</div>
</th>
<td>Company</td>
<td>
<div class="radio hcompany invisible">
<div class="radio-box">
<input ng-model="evnt.company_is_mandatory"
ng-value="true"
type="radio"
name="cpcondition"
id="cpman"
value="cpman"
>
<label for="cpman"></label>
</div>
</div>
</td>
<td>
<div class="radio hcompany invisible">
<div class="radio-box">
<input ng-model="evnt.company_is_mandatory"
ng-value="false"
type="radio"
name="cpcondition"
id="cpopt"
value="cpopt">
<label for="cpopt"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_resume"
type="checkbox"
id="hresume">
<label for="hresume"></label>
</div>
</th>
<td>Resume</td>
<td>
<div class="radio hresume invisible">
<div class="radio-box">
<input ng-model="evnt.resume_is_mandatory"
ng-value="true"
ng-checked
type="radio"
name="rescondition"
id="resman">
<label for="resman"></label>
</div>
</div>
</td>
<td>
<div class="radio hresume invisible">
<div class="radio-box">
<input ng-model="evnt.resume_is_mandatory"
ng-value="false"
type="radio"
name="rescondition"
id="resopt"
value="resopt">
<label for="resopt"></label>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</fieldset>
<!-- END HOW SIGNUP -->
<div class="info-elements">
<div class="radio">
<span>Attendees Can Join The Program:</span>
<div class="radio-box">
<input type="radio" name="payment_type"
id="free"
value="free" checked>
<label for="free">Free</label>
</div>
<div class="radio-box">
<input type="radio" name="payment_type" id="buy"
value="paid">
<label for="buy">Buy Ticket</label>
</div>
</div>
</div>
<!-- START TICKET PRICING -->
<fieldset id="tickets">
<legend>Fee/Ticket:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#pricing-set" aria-expanded="true"
aria-controls="pricing-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse in" id="pricing-set">
<div class="col-md-12">
<div class="info-elements">
<table class="table table-tiny">
<thead>
<tr>
<th class="col-xs-6">Type</th>
<th class="col-xs-2">Price</th>
<th class="col-xs-4">Link</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="ticket in ticket_list track by $index">
<td scope=row>
<input type="text"
ng-model="ticket.type"
class="form-control"
placeholder="Type">
</td>
<td>
<input type="text"
ng-model="ticket.price"
class="form-control"
placeholder="$20">
</td>
<td>
<input type="text"
ng-model="ticket.link"
class="form-control"
placeholder="http://www.website.com/">
</td>
</tr>
</tbody>
</table>
<table class="hidden-row hidden">
<tr>
<td scope=row>
<input type="text"
class="form-control"
placeholder="Type">
</td>
<td>
<input type="text"
class="form-control"
placeholder="$20">
</td>
<td>
<input type="text"
class="form-control"
placeholder="http://www.website.com/">
</td>
</tr>
</table>
<a class="cl-orange" data-limit="5"
data-current="2"
ng-click="add_ticket()">
<i class="icofont icofont-plus-circle"></i></a>
</div>
</div>
</div>
</fieldset>
<!-- END TICKET PRICING -->
<div class="mt30 text-center">
<button class="btn btn-default btn-mini hide-canvas"
ng-click="postEvent(event_cover, 'published')">
Publish
</button>
<button class="btn btn-default btn-mini hide-canvas"
ng-click="postEvent(event_cover,'')">Save
</button>
<button class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
</div>
<!-- AGENCY PROGRAMS NEW END -->
<!-- Events Update starts -->
<div class="panel-form edit-events">
<div ng-repeat="evnt in events.events">
<div class="editevent" id="event-{[{evnt.id}]}">
<button type="button"
ng-click="hide_canvas('event-'+evnt.id)"
class="close hide-canvas"><span
aria-hidden="true">×</span>
</button>
<form class="form-horizontal">
<h3>Edit Program</h3>
<div class="info-elements">
<div class="radio">
<span>Select:</span>
<div class="radio-box">
<input type="radio" name="program"
id="radio_event-{[{evnt.id}]}"
ng-model="evnt.event_type"
value="EVENT">
<label for="radio_event-{[{evnt.id}]}">Event</label>
</div>
<div class="radio-box">
<input type="radio" name="program"
id="radio_course-{[{evnt.id}]}"
ng-model="evnt.event_type"
value="TRAINING">
<label for="radio_course-{[{evnt.id}]}">Course</label>
</div>
</div>
</div>
<div class="info-elements">
<label>
<span>Title</span>
<input type="text" name="" class="form-control"
placeholder="Event/Course Name"
ng-model="evnt.event">
</label>
</div>
<fieldset>
<legend>Location:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#location-set-programs-{[{evnt.id}]}"
aria-expanded="true"
aria-controls="location-set-programs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="location-set-programs-{[{evnt.id}]}">
<div class="info-elements">
<div class="radio">
<div class="radio-box">
<input ng-model="evnt.is_webinar"
ng-value="false"
ng-change="onChangeEventAddressUpdate(evnt.is_webinar, evnt)"
type="radio"
id="event-same-as-com-{[{evnt.id}]}">
<label for="event-same-as-com-{[{evnt.id}]}">Same
as company
address:
</label>
</div>
<div class="radio-box">
<input
ng-model="evnt.is_webinar"
ng-value="true"
ng-change="onChangeEventAddressUpdate(evnt.is_webinar, evnt)"
type="radio"
id="event-from-home-{[{evnt.id}]}">
<label for="event-from-home-{[{evnt.id}]}">Webinar:</label>
</div>
</div>
</div>
<div class="row" ng-hide="evnt.is_webinar">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text"
name="address-1"
class="form-control"
placeholder="Lorem Ipsum"
ng-model="evnt.address1"
ng-change="changeEventAddress()"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Address </span>
<input type="text"
name="address-2"
class="form-control"
placeholder="Lorem Ipsum"
ng-model="evnt.address2"
ng-change="changeEventAddress()"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>City</span>
<input type="text" name="city"
class="form-control"
placeholder="City"
ng-model="evnt.city"
ng-change="changeAddress()">
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<span></span>
<label class="select-label">
<select class="form-control"
name="mySelect"
id="mySelect"
ng-options="province.id as province.label for province in province_data"
ng-model="evnt.province"
ng-change="selected_event_province_changed(evnt.province)">
</select>
</label>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="info-elements">
<label>
<span></span>
<input type="text"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1"
ng-model="evnt.postal_code"
ng-change="changeEventAddress()">
</label>
</div>
</div>
</div>
</div>
</fieldset>
<!-- START CONTACT INFO -->
<fieldset>
<legend>Contact Info:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#contact-set-programs-{[{evnt.id}]}"
aria-expanded="true"
aria-controls="contact-set-programs"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="contact-set-programs-{[{evnt.id}]}">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Contact Name</span>
<input type="text" name=""
class="form-control"
placeholder="e.g. John Smith "
ng-model="evnt.contact_name">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input type="text" name="phone"
class="form-control phone"
placeholder="(000) 000-0000"
ng-model="evnt.phone">
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Email</span>
<input type="email" name="email"
class="form-control"
placeholder="email@address.com"
ng-model="evnt.contact_email">
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Website</span>
<input type="text" name="website"
class="form-control"
placeholder="http://www.example.com"
ng-model="evnt.url_link">
</div>
</div>
</div>
</fieldset>
<!-- END CONTACT INFO -->
<fieldset>
<legend>Time:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse"
href="#time-set-{[{evnt.id}]}"
aria-expanded="false" aria-controls="time-set">
<i class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="time-set-{[{evnt.id}]}">
<div class="col-md-6">
<div class="info-elements">
<label>
<span>Registration Deadline</span>
<input type="text" name=""
class="form-control datepicker"
ng-model="evnt.registration_deadline"
placeholder="09-11-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
<div class="info-elements" id="startDate">
<label>
<span>Start Date</span>
<input ng-model="evnt.start_date"
type="text" name=""
class="form-control datepicker"
placeholder="09-11-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>End Date</span>
<span class="checkbox right pull-right">
<input type="checkbox" id="same-as-start">
<label for="same-as-start">Same as start:</label>
</span>
<label id="endDate">
<input ng-model="evnt.end_date"
type="text"
name=""
class="form-control datepicker"
placeholder="09-12-2016"
data-calendar="orange"
jqdatepicker>
</label>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>Start Time</span>
<div class="input-group bootstrap-timepicker"
id="eventStartHour">
<input ng-model="evnt.start_hour"
type="text"
class="form-control"
jqtimepicker>
<span class="input-group-addon"><i
class="glyphicon glyphicon-time"></i></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="info-elements">
<span>End Time</span>
<div class="input-group bootstrap-timepicker"
id="eventEndHour">
<input ng-model="evnt.end_hour"
type="text"
class="form-control"
jqtimepicker>
<span class="input-group-addon"><i
class="glyphicon glyphicon-time"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<legend>Details:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse"
href="#details-set-{[{evnt.id}]}"
aria-expanded="false"
aria-controls="details-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="collapse collapsed"
id="details-set-{[{evnt.id}]}">
<div class="info-elements">
<label>
<span>Description</span>
<textarea medium-editor
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"
ng-model="evnt.details"
data-placeholder="Type here . . ."
></textarea>
</label>
</div>
{# <div class="info-elements">#}
{# <label>#}
{# <span>Registration Details</span>#}
{# <textarea medium-editor#}
{# data-placeholder="Type here . . . "#}
{# bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"#}
{# ng-model="evnt.registration_details"></textarea>#}
{# </label>#}
{# </div>#}
{# <div class="info-elements">#}
{# <label>#}
{# <span>Remarks</span>#}
{# <textarea medium-editor#}
{# data-placeholder="Type here . . . "#}
{# bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"#}
{# ng-model="evnt.remarks"></textarea>#}
{# </label>#}
{# </div>#}
</div>
</fieldset>
<div class="info-elements">
<label>
<span> Search Tags (5 Max)</span>
<input ng-model="evnt.tag" name="tags"
class="form-control "
placeholder="e.g. market research, medical, hi-tech">
</label>
</div>
<div class="info-elements">
<span>Cover Image</span>
<input id="exampleInputFile" type="file"
placeholder="Logo"
ngf-select ng-model="evnt.event_cover_image"
ngf-pattern="'image/*'"
ngf-accept="'image/*'"
ngf-max-size="10MB" ngf-min-height="100"
ngf-resize="{width: 100, height: 100, quality: .8, type: 'image/jpeg', ratio: '1:2', centerCrop: true, pattern='.jpg'}">
<!-- <label for="company_logo" class="form-control">No File Chosen <i class="icofont icofont-plus-circle pull-right"></i></label> -->
</div>
<div class="info-elements">
<label>
<span>Maximum no. of attendees</span>
<input ng-model="evnt.number_of_attendance"
type="text"
maxlength="3"
name="compensation" class="form-control"
placeholder="">
</label>
</div>
<!-- START HOW SIGNUP -->
<fieldset>
<legend>How Users Will Sign-Up:</legend>
<a class="btn-collapse collapsed" role="button"
data-toggle="collapse"
href="#huws-set-{[{evnt.id}]}"
aria-expanded="false" aria-controls="huws-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="huws-set-{[{evnt.id}]}">
<div class="col-md-12">
<div class="info-elements">
<table class="table table-tiny">
<thead>
<tr>
<th>Select</th>
<th>Info</th>
<th>Mandatory</th>
<th>Optional</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_email"
type="checkbox"
id="hemail-{[{evnt.id}]}">
<label for="hemail-{[{evnt.id}]}"></label>
</div>
</th>
<td>Email</td>
<td>
<div class="radio"
ng-show="evnt.is_email">
<div class="radio-box">
<input ng-model="evnt.email_is_mandatory"
type="radio"
name="emcondition"
id="emman-{[{evnt.id}]}"
ng-value="true"
>
<label for="emman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_email">
<div class="radio-box">
<input ng-model="evnt.email_is_mandatory"
type="radio"
name="emcondition"
id="emopt-{[{evnt.id}]}"
ng-value="false"
>
<label for="emopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_phone"
ng-value="true"
type="checkbox"
id="hphone-{[{evnt.id}]}">
<label for="hphone-{[{evnt.id}]}"></label>
</div>
</th>
<td>Phone</td>
<td>
<div class="radio"
ng-show="evnt.is_phone">
<div class="radio-box">
<input ng-model="evnt.sign_up_phone_is_mandatory"
ng-value="true"
type="radio"
name="phcondition"
id="phman-{[{evnt.id}]}"
value="phman"
checked>
<label for="phman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_phone">
<div class="radio-box">
<input ng-model="evnt.sign_up_phone_is_mandatory"
ng-value="false"
type="radio"
name="phcondition"
id="phopt-{[{evnt.id}]}"
>
<label for="phopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_city"
type="checkbox"
id="hcity-{[{evnt.id}]}"
checked>
<label for="hcity-{[{evnt.id}]}"></label>
</div>
</th>
<td>City</td>
<td>
<div class="radio"
ng-show="evnt.is_city">
<div class="radio-box">
<input ng-model="evnt.city_is_mandatory"
ng-value="true"
ng-checked
type="radio"
name="ctcondition"
id="ctman-{[{evnt.id}]}"
>
<label for="ctman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_city">
<div class="radio-box">
<input ng-model="evnt.city_is_mandatory"
ng-value="false"
type="radio"
name="ctcondition"
id="ctopt-{[{evnt.id}]}"
>
<label for="ctopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_job_title"
type="checkbox"
ng-value="true"
id="htitle-{[{evnt.id}]}">
<label for="htitle-{[{evnt.id}]}"></label>
</div>
</th>
<td>Job Title</td>
<td>
<div class="radio"
ng-show="evnt.is_job_title">
<div class="radio-box">
<input ng-model="evnt.job_title_is_mandatory"
ng-value="true"
type="radio"
name="jtcondition"
id="jtman-{[{evnt.id}]}"
>
<label for="jtman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_job_title">
<div class="radio-box">
<input ng-model="evnt.job_title_is_mandatory"
ng-value="false"
type="radio"
name="jtcondition"
id="jtopt-{[{evnt.id}]}"
>
<label for="jtopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_company"
type="checkbox"
ng-value="true"
id="hcompany-{[{evnt.id}]}">
<label for="hcompany-{[{evnt.id}]}"></label>
</div>
</th>
<td>Company</td>
<td>
<div class="radio"
ng-show="evnt.is_company">
<div class="radio-box">
<input ng-model="evnt.company_is_mandatory"
ng-value="true"
type="radio"
name="cpcondition"
id="cpman-{[{evnt.id}]}"
>
<label for="cpman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_company">
<div class="radio-box">
<input ng-model="evnt.company_is_mandatory"
ng-value="false"
type="radio"
name="cpcondition"
id="cpopt-{[{evnt.id}]}"
>
<label for="cpopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
<tr>
<th scope=row>
<div class="checkbox">
<input ng-model="evnt.is_resume"
type="checkbox"
id="hresume-{[{evnt.id}]}">
<label for="hresume-{[{evnt.id}]}"></label>
</div>
</th>
<td>Resume</td>
<td>
<div class="radio"
ng-show="evnt.is_resume">
<div class="radio-box">
<input ng-model="evnt.resume_is_mandatory"
ng-value="true"
type="radio"
name="rescondition"
id="resman-{[{evnt.id}]}">
<label for="resman-{[{evnt.id}]}"></label>
</div>
</div>
</td>
<td>
<div class="radio"
ng-show="evnt.is_resume">
<div class="radio-box">
<input ng-model="evnt.resume_is_mandatory"
ng-value="false"
type="radio"
name="rescondition"
id="resopt-{[{evnt.id}]}"
>
<label for="resopt-{[{evnt.id}]}"></label>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</fieldset>
<!-- END HOW SIGNUP -->
<div class="info-elements">
<div class="radio">
<span>Attendees Can Join The Program:</span>
<div class="radio-box">
<input type="radio" name="payment_type"
id="free-{[{evnt.id}]}"
ng-model="evnt.is_free"
ng-value="true" checked>
<label for="free-{[{evnt.id}]}">Free</label>
</div>
<div class="radio-box">
<input type="radio" name="payment_type"
id="buy-{[{evnt.id}]}"
ng-value="false"
ng-model="evnt.is_free">
<label for="buy-{[{evnt.id}]}">Buy
Ticket</label>
</div>
</div>
</div>
<!-- START TICKET PRICING -->
<fieldset id="tickets" ng-show="!evnt.is_free">
<legend>Fee/Ticket:</legend>
<a class="btn-collapse" role="button"
data-toggle="collapse"
href="#pricing-set-{[{evnt.id}]}"
aria-expanded="true"
aria-controls="pricing-set"><i
class="icofont icofont-simple-up circle filled"></i></a>
<div class="row collapse collapsed"
id="pricing-set-{[{evnt.id}]}">
<div class="col-md-12">
<div class="info-elements">
<table class="table table-tiny">
<thead>
<tr>
<th class="col-xs-6">Type</th>
<th class="col-xs-2">Price</th>
<th class="col-xs-4">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td scope=row>Regular</td>
<td>$20</td>
<td>http://www.website.com</td>
</tr>
</tbody>
</table>
<table class="hidden-row hidden">
<tr>
<td scope=row>
<input type="text"
class="form-control"
placeholder="Type">
</td>
<td>
<input type="text"
class="form-control"
placeholder="$20">
</td>
<td>
<input type="text"
class="form-control"
placeholder="http://www.website.com/">
</td>
</tr>
</table>
<a class="cl-orange add-new add-row"
data-limit="5" data-current="2"><i
class="icofont icofont-plus-circle"></i></a>
</div>
</div>
</div>
</fieldset>
<!-- END TICKET PRICING -->
<div class="mt30 text-center">
<button class="btn btn-default btn-mini hide-canvas"
ng-click="updateEvent(evnt.id, evnt,'active')">
Save
</button>
<button class="btn btn-default btn-mini"
ng-click="hide_canvas('event-'+evnt.id)">
Cancel
</button>
</div>
</form>
</div>
</div>
</div>
<!-- Events Updates Ends -->
<div>
<!-- START POST CONTACT -->
<div class="panel-form post-contacts">
<div>
<form name="postContact" id="form-contact">
<h3>Basic Info</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>First Name</span>
<span style="color: #ff9100">*</span>
<input ng-model="contact.first_name"
ng-required="true"
type="text"
name="first_name"
class="form-control"
placeholder=" e.g. John">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Last Name</span>
<input ng-model="contact.last_name"
type="text"
name="last_name"
class="form-control"
placeholder=" e.g. Smith ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Job Title</span>
<input ng-model="contact.job_title"
type="text"
name="job_title"
class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Company</span>
<input ng-model="contact.company"
type="text"
name="company"
class="form-control"
placeholder="Company Inc.">
</label>
</div>
</div>
<div class="col-xs-12">
<div class="info-elements">
<label>
<span>Company Website</span>
<input ng-model="contact.company_website"
type="text"
name="company_website"
class="form-control"
placeholder="e.g. http://www.example.com">
</label>
</div>
</div>
</div>
<h3>Work</h3>
<div class="row">
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="contact.work_phone"
type="text"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Ext.</span>
<input ng-model="contact.work_ext"
type="text"
name="phone" class="form-control"
placeholder="000">
</label>
</div>
</div>
<div class="col-xs-5">
<div class="info-elements">
<label>
<span>Email</span>
<span style="color: #ff9100">*</span>
<input ng-model="contact.work_email"
ng-required="true"
type="email" name="email"
class="form-control"
placeholder="email@address.com">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="contact.work_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="contact.work_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="contact.work_city"
type="text"
name="city" class="form-control"
placeholder="Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="contact.work_province">
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="contact.work_postalCode"
type="text" name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Home</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="contact.home_phone"
type="text"
name="phone"
class="form-control phone"
placeholder="(000) 000-0000 ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Email</span>
<span style="color: #ff9100">*</span>
<input ng-model="contact.home_email"
ng-required="true"
type="email" name="email"
class="form-control"
placeholder="email@address.com">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="contact.home_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="contact.home_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="contact.home_city"
type="text"
name="city" class="form-control"
placeholder="Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label home_province class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="contact.home_province">
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="contact.home_postal_code"
type="text" name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Note</h3>
<div class="info-elements">
<label>
<textarea ng-model="contact.note" medium-editor
data-placeholder="Type here . . . "
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"></textarea>
</label>
</div>
<div class="info-elements text-right">
<button ng-click="postContact(contact)"
type="submit" ng-disabled="postContact.$invalid "
class="btn btn-default btn-mini">Save
</button>
<button type="button"
class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
</div>
<!-- END POST CONTACT -->
<!--START EDIT CONTACT -->
<div class="panel-form edit-contacts">
<div ng-repeat="edit_contact in contact_list">
<div id="contact-{[{edit_contact.id}]}" class="contact">
<button type="button"
ng-click="hide_canvas('contact-'+edit_contact.id)"
class="close hide-canvas"><span
aria-hidden="true">×</span>
</button>
<form name="editContact" id="form-contact">
<h3>Basic Info</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>First Name</span>
<span style="color: #ff9100">*</span>
<input ng-model="edit_contact.first_name"
ng-required="true"
type="text" name="first_name"
class="form-control"
placeholder="e.g. John ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Last Name</span>
<input ng-model="edit_contact.last_name"
type="text" name="last_name"
class="form-control"
placeholder="e.g. Smith ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Job Title</span>
<input ng-model="edit_contact.job_title"
type="text" name="job_title"
class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Company</span>
<input ng-model="edit_contact.company"
type="text" name="company"
class="form-control"
placeholder="e.g. Company Inc.">
</label>
</div>
</div>
<div class="col-xs-12">
<div class="info-elements">
<label>
<span>Company Website</span>
<input ng-model="edit_contact.company_website"
type="text"
name="company_website"
class="form-control"
placeholder="e.g. www.example.com">
</label>
</div>
</div>
</div>
<h3>Work</h3>
<div class="row">
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="edit_contact.work_phone"
type="text" name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Ext.</span>
<input ng-model="edit_contact.work_ext"
type="text" name="phone"
class="form-control"
placeholder="000">
</label>
</div>
</div>
<div class="col-xs-5">
<div class="info-elements">
<label>
<span>Email</span>
<span style="color: #ff9100">*</span>
<input ng-model="edit_contact.work_email"
ng-required="true"
type="email" name="email"
class="form-control"
placeholder="email@address.com">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="edit_contact.work_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="edit_contact.work_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="edit_contact.work_city"
type="text" name="city"
class="form-control"
placeholder="Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="edit_contact.work_province">
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="edit_contact.work_postalCode"
type="text"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Home</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="edit_contact.home_phone"
type="text" name="phone"
class="form-control phone"
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Email</span>
<span style="color: #ff9100">*</span>
<input ng-model="edit_contact.home_email"
ng-required="true"
type="email" name="email"
class="form-control"
placeholder="email@address.com">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address</span>
<input ng-model="edit_contact.home_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address </span>
<input ng-model="edit_contact.home_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="edit_contact.home_city"
type="text" name="city"
class="form-control"
placeholder="Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label home_province
class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="edit_contact.home_province">
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="edit_contact.home_postal_code"
type="text"
name="postal_code"
class="form-control postal-code"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Note</h3>
<div class="info-elements">
<label>
<textarea ng-model="edit_contact.note"
medium-editor
data-placeholder="Type here . . . "
bind-options="{'toolbar': {'buttons': ['bold', 'italic', 'underline','orderedlist','unorderedlist','h2','h3']}}"></textarea>
</label>
</div>
<div class="info-elements text-right">
<button ng-click="EditContact(edit_contact.id, edit_contact)"
type="submit" ng-disabled="editContact.$invalid "
class="btn btn-default btn-mini">
Save
</button>
<button type="button" ng-click="hide_canvas()"
<button type="button"
ng-click="hide_canvas('contact-'+edit_contact.id)"
class="btn btn-default btn-mini hide-canvas">
Cancel
</button>
</div>
</form>
</div>
</div>
</div>
<!--END EDIT CONTACT -->
</div>
<!-- NOTIFICATION -->
<div class="panel-form notification">
<button type="button" class="close hide-canvas"><span
aria-hidden="true">×</span></button>
<h3>Notifications</h3>
<table class="table table-condensed">
<thead>
<tr>
<th>Type</th>
<th>Email</th>
<th>Dashboard</th>
</tr>
</thead>
<tbody>
<tr>
<td>When a saved job is expiring soon</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_job_exp">
<label for="email_job_exp"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_job_exp">
<label for="dash_job_exp"></label>
</div>
</td>
</tr>
<tr>
<td>A company you follow posts a job</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_job_new">
<label for="email_job_new"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_job_new">
<label for="dash_job_new"></label>
</div>
</td>
</tr>
<tr>
<td>A company you follow posts an event</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_exp">
<label for="email_exp"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_exp">
<label for="dash_exp"></label>
</div>
</td>
</tr>
<tr>
<td>A company you follow posts a course</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_new_course">
<label for="email_new_course"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_new_course">
<label for="dash_new_course"></label>
</div>
</td>
</tr>
<tr>
<td>Changes made on an event you signed up for</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_upt_event">
<label for="email_upt_event"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_upt_event">
<label for="dash_upt_event"></label>
</div>
</td>
</tr>
<tr>
<td>When there is a sign-up deadline for a saved event</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_evt_dline">
<label for="email_evt_dline"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_evt_dline">
<label for="dash_evt_dline"></label>
</div>
</td>
</tr>
<tr>
<td>Event start notification a day before start</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_evt_srt">
<label for="email_evt_srt"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_evt_srt">
<label for="dash_evt_srt"></label>
</div>
</td>
</tr>
<tr>
<td>Changes made on a course you signed up for</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_upt_course">
<label for="email_upt_course"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_upt_course">
<label for="dash_upt_course"></label>
</div>
</td>
</tr>
<tr>
<td>When there is a sign-up deadline for a saved course</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_course_dline">
<label for="email_course_dline"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_course_dline">
<label for="dash_course_dline"></label>
</div>
</td>
</tr>
<tr>
<td>Course start notification a day before start</td>
<td>
<div class="checkbox">
<input type="checkbox" id="email_course_srt">
<label for="email_course_srt"></label>
</div>
</td>
<td>
<div class="checkbox">
<input type="checkbox" id="dash_course_srt">
<label for="dash_course_srt"></label>
</div>
</td>
</tr>
</tbody>
</table>
<div class="info-elements text-right mt20">
<button class="btn btn-default">Save</button>
</div>
</div>
<!-- END NOTIFICATION -->
</div>
</div>
</div>
<!-- END SIDEBAR -->
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div ng-if="show_landing_page">
<div class="page-content-wrapper" ng-controller="DashboardLandingPageController">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<!-- <div class="main-content"> -->
<div class="container-fluid ">
<div class="main-content">
<div class="panel-extras">
<div class="row">
<!-- START NAV COLUMN -->
<div class="col-xs-2 col-nav">
<ul class="nav nav-tabs vertical-nav text-right">
<li>
<a>Active Jobs <span
class="badge">{[{ activeJobs.jobs.length }]}</span></a>
</li>
<li>
<a>New Candidates <span class="badge">{[{active_candidates}]}</span></a>
</li>
<li>
<a>Active Events <span class="badge">{[{events.events.length}]}</span></a>
</li>
<li>
<a>Active Courses <span class="badge">{[{activeCourse.events.length}]}</span></a>
</li>
</ul>
</div>
<!-- END NAV COLUMN -->
<!-- START FEED COLUMN -->
<div class="col-xs-5 col-feed">
<!-- START INFO BOX -->
<div class="thumbnail info-box">
<div class="caption">
<h5><span>Latest at Job Minister</span></h5>
<p ng-repeat="latest_agency in latestAtJm">
<a ng-click="redirect('/agency/agency_detail/'+latest_agency.id)">{[{latest_agency.name}]}</a>
has recently
joined
JM</p>
</div>
</div>
<!-- END INFO BOX -->
<!-- START FEED -->
<div class="thumbnail info-box">
<div id="news-feed" class="caption">
<ul>
<li ng-repeat="event in latestAtDashboard.user_events">
<h3>
<small>Next Program at
{[{event.start_date|date:'MMMM
dd, yyyy'}]}
</small>
</h3>
<h5>
<a ng-click="redirect('/events/event-details/'+event.id)">{[{event.event}]}</a>
</h5>
<hr class="gray">
</li>
<li ng-repeat="job in latestAtDashboard.user_jobs">
<h3>
<small>Job Expiration at
{[{job.valid_till|date:'MMMM
dd, yyyy'}]}
</small>
</h3>
<h5>
<a ng-click="redirect('/jobs/job_detail/'+job.id)">{[{job.job_title}]}</a>
</h5>
<hr class="gray">
</li>
<li ng-repeat="program in latestAtDashboard.saved_programs">
<h3>
<small>Attend Program at
{[{program.program.start_date|date:'MMMM
dd, yyyy'}]}
</small>
</h3>
<h5>
<a ng-click="redirect('/events/event-details/'+program.program.id)">{[{program.program.event}]}</a>
</h5>
<hr class="gray">
</li>
</ul>
</div>
</div>
<!-- END FEED -->
</div>
<!-- END FEED COLUMN -->
<!-- START BASIC INFO COLUMN -->
<div class="col-xs-3 col-basic-info">
<div class="thumbnail">
<div class="profile-sum text-center">
<img ng-show="user.profile_picture"
ngf-src="user.profile_picture"
alt="" class="img-circle img-thumbnail"
width="150">
<h3>{[{user.first_name}]}
{[{user.last_name}]}</h3>
<h5>{[{user.job_title}]}</h5>
<!-- <h4>Finance Manager</h4> -->
</div>
<a class="btn edit-basic-btn">
<i class="icofont icofont-simple-left pull-left circle"></i>
User Profile
</a>
<a class="btn edit-company-btn">
<i class="icofont icofont-simple-left pull-left circle"></i>
Company Info
</a>
<a class="btn edit-pas-btn">
<i class="icofont icofont-simple-left pull-left circle"></i>
Perks & Social
</a>
<a class="btn"
ng-click="openNewTab('/agency/agency_detail/'+ agency_data.id)">
Company Page
</a>
</div>
</div>
<!-- END BASIC INFO COLUMN -->
</div>
</div>
</div>
</div>
<!-- </div> -->
<footer class="dash-footer">
<p>
Job Minister © 2016
<a href="#" id="feedback-btn" class="pull-right">Feedback</a>
</p>
</footer>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
<!-- END CONTENT -->
<!-- AGENCY JOB LIST -->
<div ng-if="show_job_list">
<!-- BEGIN CONTENT -->
<div>
<div>
<!-- content here -->
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active-jobs" ng-click="ActiveJob()"
onclick="event.preventDefault();"
aria-controls="active-jobs" role="tab"
data-toggle="tab">Active <span class="badge">{[{ activeJobs.jobs.length }]}</span></a>
</li>
<li role="presentation">
<a href="#saved" ng-click="SavedJob()"
onclick="event.preventDefault();"
aria-controls="saved" role="tab"
data-toggle="tab">Saved</a>
</li>
<li role="presentation">
<a href="#archive"
onclick="event.preventDefault();"
aria-controls="archive" role="tab"
data-toggle="tab"
ng-click="ArchivedJob()">Archive</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active"
id="active-jobs">
<table id="table-job-list"
class="table table-hover">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Expiration</th>
<th> </th>
<th>Shares</th>
<th>Candidates</th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="job in activeJobs.jobs">
<tr>
<td>
<a ng-click='redirect("/jobs/job_detail/"+ job.id)'><strong>{[{job.job_title
|
limitTo:30}]}</strong></a></td>
<td>
<span ng-if="!job.webinar"> {[{job.city}]}</span>
<span ng-if="job.webinar"> Remote </span>
</td>
<td>{[{job.valid_till|date:'MMMM dd,
yyyy'}]}
</td>
<td><a class="down" role="button"
data-toggle="collapse"
href="#candidate-{[{job.id}]}"
aria-expanded="false"><i
class="icofont icofont-simple-down circle"></i></a>
</td>
<td>{[{job.sent_job.length}]}</td>
<td> {[{job.resume_for_job.length}]}
</td>
<td><a class="btn-text"
data-toggle="modal"
data-target="#job-share-{[{job.id}]}"
ng-click='search_agency("",job.address1+","+ job.address2 + "," + job.city)'>Partner</a>
</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle job-controls"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="true">
<i class="icofont icofont-share"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right share"
aria-labelledby="menu-share">
<li>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A//www.1971.jobminister.ca/jobs/job_detail/+ {[{job.id}]}/&title={[{job.job_title}]}&summary=&source="
target="_blank"><i
class="fa fa-linkedin-square"
aria-hidden="true"></i>LinkedIn</a>
</li>
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//www.1971.jobminister.ca/jobs/job_detail/+ {[{job.id}]}/"
target="_blank"><i
class="fa fa-facebook-official"
aria-hidden="true"></i>
Facebook</a>
</li>
<li>
<a href="https://plus.google.com/share?url=http%3A//www.jobminister.ca/jobs/job_detail/+ {[{job.id}]}/"
target="_blank"><i
class="fa fa-google-plus-square"
aria-hidden="true"></i>
Google +</a>
</li>
<li>
<a href="https://twitter.com/home?status=http%3A//jobminister.ca/jobs/job_detail/+ {[{job.id}]}/"
target="_blank"><i
class="fa fa-twitter-square"
aria-hidden="true"></i>
Twitter</a>
</li>
</ul>
</div>
</td>
<td>
<a ng-click="ShowEditJobForm(job.id )"
class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Edit"><i
class="icofont icofont-ui-edit show-canvas"></i></a>
</td>
<td>
<a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"
ng-click='addJobToArchive(job.id,job,"active")'><i
class="icofont icofont-archive"></i></a>
</td>
<td>
<a ng-click="showDelModal('to-delete-'+job.id)"
class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Delete">
<i
class="icofont icofont-bin"></i></a>
<!-- Want to Delete Modal -->
<div class="modal fade modal-light"
id="to-delete-{[{ job.id }]}"
tabindex="-1" role="dialog"
aria-labelledby="to-delete-label">
<div class="modal-dialog modal-md"
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">×</span>
</button>
</div>
<div class="modal-body">
<div class="media">
<div class="media-left media-middle">
<img class="media-object"
src={% static
"img/icons/delete.png"
%}
alt="...">
</div>
<div class="media-body">
<h4>Are you
sure
you to
delete?</h4>
<p>Deleted
content
won't be
available
for
future
use!
</p>
</div>
</div>
<div class="text-center mt10">
<a ng-click='deleteJob(job.id, "active")'
class="btn btn-default btn-mini"
data-dismiss="modal">Yes</a>
<a class="btn btn-default btn-mini"
data-dismiss="modal">No</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="11" class="hidden-row">
<div class="collapse"
id="candidate-{[{job.id}]}">
<div class="container-fluid td-more">
<div class="row">
<div class="col-xs-6 text-right"
ng-repeat="agency in job.sent_job">
<p>
<a ng-click='openNewTab("/agency/agency_detail/"+ agency.job_sent_to_agency.id)'>
{[{agency.job_sent_to_agency.name
|
limitTo:30}]} </a>
</p>
</div>
<div class="col-xs-6">
<p ng-if="job.resume_for_job.length==1">
<a ng-click='openNewTab("/employee/candidate_resume_list/")'>
{[{job.resume_for_job.length}]}
Candidate</a>
</p>
<p ng-if="job.resume_for_job.length>1">
<a ng-click='openNewTab("/employee/candidate_resume_list/")'>
{[{job.resume_for_job.length}]}
Candidates</a>
</p>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="saved">
<table id="table-job-saved"
class="table table-hover">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Expiration</th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="job in savedJobs.jobs">
<tr>
<td>
<a ng-click='redirect("/jobs/job_detail/"+ job.id)'><strong>{[{job.job_title
|
limitTo:30}]}</strong></a></td>
<span ng-if="!job.webinar"> {[{job.city}]}</span>
<span ng-if="job.webinar"> Remote </span>
</td>
<td>{[{job.valid_till|date:'MMMM dd,
yyyy'}]}
</td>
<td><a>Publish</a></td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Edit"><i
class="icofont icofont-ui-edit show-canvas"></i></a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
ng-click='addJobToArchive(job.id,job,"saved")'
title="Archive"
data-original-title="Archive"><i
class="icofont icofont-archive"></i></a>
</td>
<td><a class="job-controls"
ng-click="showDelModal('to-delete-'+job.id)"
data-toggle="tooltip"
data-placement="top"
title="Delete"><i
class="icofont icofont-bin"></i></a>
<!-- Want to Delete Modal -->
<div class="modal fade modal-light"
id="to-delete-{[{ job.id }]}"
tabindex="-1" role="dialog"
aria-labelledby="to-delete-label">
<div class="modal-dialog modal-md"
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">×</span>
</button>
</div>
<div class="modal-body">
<div class="media">
<div class="media-left media-middle">
<img class="media-object"
src={% static
"img/icons/delete.png"
%}
alt="...">
</div>
<div class="media-body">
<h4>Are you
sure
you to
delete?</h4>
<p>Deleted
content
won't be
available
for
future
use!
</p>
</div>
</div>
<div class="text-center mt10">
<a ng-click='deleteJob(job.id, "saved")'
class="btn btn-default btn-mini"
data-dismiss="modal">Yes</a>
<a class="btn btn-default btn-mini"
data-dismiss="modal">No</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="archive">
<table id="table-job-archive"
class="table table-hover">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Expiration</th>
<th> </th>
<th>Shares</th>
<th>Candidates</th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="job in archivedJobs.jobs">
<tr>
<td>
<a ng-click='redirect("/jobs/job_detail/"+ job.id)'><strong>{[{job.job_title
|
limitTo:30}]}</strong></a></td>
<td>
<span ng-if="!job.webinar"> {[{job.city}]}</span>
<span ng-if="job.webinar"> Remote </span>
</td>
<td>{[{job.valid_till|date:'MMMM dd,
yyyy'}]}
</td>
<td><a class="down" role="button"
data-toggle="collapse"
href="#archive-{[{job.id}]}"
aria-expanded="false"><i
class="icofont icofont-simple-down circle"></i></a>
</td>
<td>{[{job.sent_job.length}]}</td>
<td> {[{job.resume_for_job.length}]}
</td>
<td><a class="btn-text"
ng-click='rePublishJob(job.id,job)'>Republish</a>
</td>
<td>
<a ng-click="showDelModal('to-delete-'+job.id)"
class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Delete"><i
class="icofont icofont-bin"></i></a>
<!-- Want to Delete Modal -->
<div class="modal fade modal-light"
id="to-delete-{[{ job.id }]}"
tabindex="-1" role="dialog"
aria-labelledby="to-delete-label">
<div class="modal-dialog modal-md"
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">×</span>
</button>
</div>
<div class="modal-body">
<div class="media">
<div class="media-left media-middle">
<img class="media-object"
src={% static
"img/icons/delete.png"
%}
alt="...">
</div>
<div class="media-body">
<h4>Are you
sure
you to
delete?</h4>
<p>Deleted
content
won't be
available
for
future
use!
</p>
</div>
</div>
<div class="text-center mt10">
<a ng-click='deleteJob(job.id, "archive")'
class="btn btn-default btn-mini"
data-dismiss="modal">Yes</a>
<a class="btn btn-default btn-mini"
data-dismiss="modal">No</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="11" class="hidden-row">
<div class="collapse"
id="archive-{[{job.id}]}">
<div class="container-fluid td-more">
<div class="row">
<div class="col-xs-6 text-right"
ng-repeat="agency in job.sent_job">
<p>
<a ng-click='openNewTab("/agency/agency_detail/"+ agency.job_sent_to_agency.id)'>
{[{agency.job_sent_to_agency.name
|
limitTo:30}]} </a>
</p>
</div>
<div class="col-xs-6">
<p ng-if="job.resume_for_job.length==1">
<a ng-click='openNewTab("/employee/candidate_resume_list/")'>
{[{job.resume_for_job.length}]}
Candidate</a>
</p>
<p ng-if="job.resume_for_job.length>1">
<a ng-click='openNewTab("/employee/candidate_resume_list/")'>
{[{job.resume_for_job.length}]}
Candidates</a>
</p>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
</div>
<!-- END CONTENT -->
</div>
<!-- END AGENCY JOB LIST -->
<!-- AGENCY SHOW JOB SHARES -->
<div ng-if="show_job_shares">
<div ng-controller="FollowedAgencyListController">
<div>
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active-jobs"
aria-controls="active-jobs"
role="tab" data-toggle="tab"
onclick="event.preventDefault();">Active <span
class="badge">{[{shared_jobs.length}]}</span></a>
</li>
<li role="presentation">
<a href="#favourite" aria-controls="favourite"
role="tab" data-toggle="tab">Favourite</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active"
id="active-jobs">
<table id="table-job-share"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Partner</th>
<th>Contact</th>
<th>Job</th>
<th>Engaged on</th>
<th>Deadline</th>
<th>Candidates</th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="sharejobs in shared_jobs">
<tr>
<td><a>{[{
sharejobs.job_sent_by_agency.name
}]}</a></td>
<td>{[{ sharejobs.contact }]}</td>
<td>{[{ sharejobs.sent_job.job_title }]}
</td>
<td>{[{ sharejobs.created_on |date:'MMMM
dd,
yyyy' }]}
</td>
<td>12</td>
<td>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top" title="Favourite"
data-original-title="Favourite"><i
class="icofont icofont-heart"></i></a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="favourite">
<table id="table-job-list-favourite"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="followedAgency in followedAgencies">
<td>
<a ng-click="redirect('/agency/agency_detail/'+followedAgency.id)">{[{followedAgency.name}]}</a>
</td>
<td>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteFollowingAgency(followedAgency.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
</div>
</div>
<!-- END AGENCY SHOW JOB SHARES -->
<!-- Programs List Starts... -->
<div ng-if="show_programs_list">
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-11">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active_events"
onclick="event.preventDefault();"
aria-controls="active-jobs" role="tab"
data-toggle="tab"
ng-click="upcomingEventAndTraining('ACTIVE', 'ALL')">Active<span
class="badge">{[{active_events.length}]}</span></a>
</li>
<li role="presentation">
<a href="#saved_events"
onclick="event.preventDefault();"
aria-controls="saved" role="tab"
data-toggle="tab"
ng-click="savedEventAndTraining('SAVED', 'ALL')">Saved</a>
</li>
<li role="presentation">
<a href="#archive_events"
onclick="event.preventDefault();"
aria-controls="archive" role="tab"
data-toggle="tab"
ng-click="archiveEventAndTraining(
'ARCHIVED', 'ALL')">Archive</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active"
id="active_events">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter"
class="form-control select empty"
ng-options="evselect.id as evselect.label for evselect in alleventserch"
name="activation"
id="field-activation-period"
ng-model="selectedEvented.id"
ng-change="selected_event_changed(selectedEvented.id)">
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-event-list"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in events.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.id)'>{[{event.event}]}</a>
</td>
<td>{[{event.city}]}</td>
<td>{[{event.start_date|date:'MMMM dd,
yyyy'}]}
</td>
<td> {[{event.start_hour | date:'HH:mm
a'}]}-{[{event.end_hour | date:'HH:mm
a'}]}
</td>
<td>{[{event.registration_deadline |
date:'MMMM
dd,
yyyy'}]}
</td>
<td></td>
<td>
<a ng-click="ShowEditEventForm(event.id )"
class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Edit"><i
class="icofont icofont-ui-edit show-canvas"></i></a>
</td>
<td>
<a class="btn-text" data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"
ng-click="Archive(event.id,event)"><i
class="icofont icofont-archive"></i></a>
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click="showDelModal('to-delete-'+event.id)"
>
<i class="icofont icofont-bin"></i>
</a>
</span>
<!-- Want to Delete Modal -->
<div class="modal fade modal-light"
id="to-delete-{[{ event.id }]}"
tabindex="-1" role="dialog"
aria-labelledby="to-delete-label">
<div class="modal-dialog modal-md"
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">×</span>
</button>
</div>
<div class="modal-body">
<div class="media">
<div class="media-left media-middle">
<img class="media-object"
src={% static
"img/icons/delete.png"
%}
alt="...">
</div>
<div class="media-body">
<h4>Are you sure
you to
delete?</h4>
<p>Deleted
content
won't
be available
for
future use!
</p>
</div>
</div>
<div class="text-center mt10">
<a ng-click='deleteEventProgram(event.id, "active")'
class="btn btn-default btn-mini"
data-dismiss="modal">Yes</a>
<a class="btn btn-default btn-mini"
data-dismiss="modal">No</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="saved_events">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter"
class="form-control select empty"
ng-options="evselect.id as evselect.label for evselect in alleventserch"
name="activation"
id="field-activation-period"
ng-model="selectedEvented.id"
ng-change="selected_event_changed(selectedEvented.id)">
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword-2"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-event-list-save"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in events.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.event.id)'>{[{event.event}]}</a>
</td>
<td><span ng-if="!event.webinar">{[{event.city}]} {[{event.province}]}</span><span
ng-if="event.webinar">Webinar</span>
</td>
<td>{[{event.start_date|date:'MMMM dd,
yyyy'}]}
</td>
<td>{[{event.start_hour | date:'HH:mm
a'}]}-{[{event.end_hour | date:'HH:mm
a'}]}
</td>
<td>{[{event.registration_deadline |
date:'MMMM
dd,
yyyy'}]}
</td>
<td></td>
<td>
<a class="btn-text" data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"
ng-click="Archive(event.event.id,event.event)"><i
class="icofont icofont-archive"></i></a>
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteSavedEvent(event.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="archive_events">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter"
class="form-control select empty"
ng-options="evselect.id as evselect.label for evselect in alleventserch"
name="activation"
id="field-activation-period"
ng-model="selectedEvented.id"
ng-change="selected_event_changed(selectedEvented.id)">
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword-2"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-event-list-archive"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in events.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.event.id)'>{[{event.event}]}</a>
</td>
<td><span ng-if="!event.webinar">{[{event.city}]} {[{event.province}]}</span><span
ng-if="event.webinar">Webinar</span>
</td>
<td>{[{event.start_date|date:'MMMM dd,
yyyy'}]}
</td>
<td>{[{event.start_hour | date:'HH:mm
a'}]}-{[{event.end_hour | date:'HH:mm
a'}]}
</td>
<td>{[{event.registration_deadline |
date:'MMMM
dd,
yyyy'}]}
</td>
<td>21</td>
<td>
<a class="btn-text" data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteSavedEvent(event.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
<div ng-if="show_course_list">
<div>
<div>
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid main-content">
<div class="row">
<div class="col-md-11">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active-jobs"
aria-controls="active-jobs"
onclick="event.preventDefault();"
role="tab"
data-toggle="tab"
ng-click="upcomingTraining()">Active<span
class="badge">4</span></a>
</li>
<li role="presentation">
<a href="#saved" aria-controls="saved"
onclick="event.preventDefault();"
role="tab"
data-toggle="tab"
ng-click="SavedEventList()">Saved</a>
</li>
<li role="presentation">
<a href="#archive" aria-controls="archive"
onclick="event.preventDefault();"
role="tab"
data-toggle="tab"
ng-click="ArchivedEventList()">Archive</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel"
class="tab-pane fade in active"
id="active-jobs">
<table id="table-event-list"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in events.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.id)'>{[{event.event}]}</a>
</td>
<td>{[{event.city}]}</td>
<td>{[{event.start_date|date:'MMMM
dd,
yyyy'}]}
</td>
<td> {[{event.start_hour |
date:'HH:mm
a'}]}-{[{event.end_hour |
date:'HH:mm
a'}]}
</td>
<td>{[{event.registration_deadline |
date:'MMMM dd, yyyy'}]}
</td>
<td>21</td>
<td>
<a class="btn-text"
data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"
ng-click="Archive(event.id,event)"><i
class="icofont icofont-archive"></i></a>
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteSavedEvent(event.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="saved">
<table id="table-event-list-save"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in saved_event.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.event.id)'>{[{event.event.event}]}</a>
</td>
<td>{[{event.event.city}]},
{[{modified_province}]}
</td>
<td>
{[{event.event.start_date|date:'MMMM
dd,
yyyy'}]}
</td>
<td>{[{event.event.start_hour |
date:'HH:mm
a'}]}-{[{event.end_hour |
date:'HH:mm
a'}]}
</td>
<td>
{[{event.event.registration_deadline
|
date:'MMMM dd, yyyy'}]}
</td>
<td>21</td>
<td>
<a class="btn-text"
data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"
ng-click="Archive(event.event.id,event.event)"><i
class="icofont icofont-archive"></i></a>
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteSavedEvent(event.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="archive">
<table id="table-event-list-archive"
class="table table-condensed table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Title</th>
<th>Location</th>
<th>Date</th>
<th>Time</th>
<th>Registration Deadline</th>
<th>Attendees</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="event in saved_event.events">
<td>
<a ng-click='redirect("/events/event-details/" + event.event.id)'>{[{event.event.event}]}</a>
</td>
<td>{[{event.event.city}]},
{[{modified_province}]}
</td>
<td>
{[{event.event.start_date|date:'MMMM
dd,
yyyy'}]}
</td>
<td>{[{event.event.start_hour |
date:'HH:mm
a'}]}-{[{event.end_hour |
date:'HH:mm
a'}]}
</td>
<td>
{[{event.event.registration_deadline
|
date:'MMMM dd, yyyy'}]}
</td>
<td>21</td>
<td>
<a class="btn-text"
data-toggle="modal"
data-target="#job-share">Share</a>
<span class="job-controls">
<a data-toggle="tooltip"
data-placement="top"
title="Delete" class="delete"
data-original-title="Delete"
ng-click='deleteSavedEvent(event.id)'>
<i class="icofont icofont-bin"></i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
</div>
</div>
<div ng-if="show_invites">
<div>
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras invites">
<div class="row">
<div class="col-xs-10">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation">
<a href="#received_jobs"
onclick="event.preventDefault();"
aria-controls="received" role="tab"
data-toggle="tab"
ng-click="recievedJobs()">Received
<span
class="badge">{[{recieved_jobs.length}]}</span></a>
</li>
<li role="presentation">
<a href="#sent_jobs"
onclick="event.preventDefault();"
aria-controls="sent"
ng-click="sentJobs()"
role="tab" data-toggle="tab">Sent <span
class="badge">{[{}]}</span></a>
</li>
<li role="presentation">
<a href="#archive_jobs"
onclick="event.preventDefault();"
aria-controls="archive"
ng-click="archivedJobs()"
role="tab"
data-toggle="tab">Archive <span
class="badge">{[{}]}</span></a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel"
class="tab-pane fade in active"
id="received_jobs">
<table id="table-invites-received"
class="table table-hover"
cellspacing="0"
width="100%">
<thead>
<tr>
<th>Title</th>
<th>Company</th>
<th>Location</th>
<th>Deadline</th>
<th>Respond In</th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="recieved_job in recieved_jobs">
<td><a><strong>{[{
recieved_job.sent_job.job_title
}]}</strong></a></td>
<td>{[{
recieved_job.job_sent_by_agency.name
}]}
</td>
<td>{[{ recieved_job.sent_job.city
}]},
ON
</td>
<td>{[{
recieved_job.sent_job.valid_till
|date:'MMMM dd, yyyy' }]}
</td>
<td>{[{ recieved_job.expiration_date
|date:'MMMM dd, yyyy' }]}
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
ng-click="sharedJobAction(recieved_job.id, recieved_job, 'accpet' )"
title="Accept"><i
class="fa fa-check-circle"
aria-hidden="true"></i></a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
ng-click="sharedJobAction(recieved_job.id, recieved_job, 'decline' )"
title="Decline"><i
class="fa fa-times-circle"
aria-hidden="true"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="sent_jobs">
<table id="table-invites-sent"
class="table table-hover"
cellspacing="0"
width="100%">
<thead>
<tr>
<th>Title</th>
<th>Partner</th>
<th>Location</th>
<th>Deadline</th>
<th>Status</th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="sent_job in sent_jobs">
<td><a><strong>{[{sent_job.sent_job.job_title}]}</strong></a>
</td>
<td>
{[{sent_job.job_sent_to_agency.name}]}
</td>
<td>{[{sent_job.sent_job.city}]}
</td>
<td>
{[{sent_job.sent_job.valid_till|date:'MMMM
dd, yyyy'}]}
</td>
<td>
<span ng-if="sent_job.is_archived">Accepted</span>
<span ng-if="sent_job.is_declined">Declined</span>
<span ng-if="sent_job.is_archived">Archived</span>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"><i
class="icofont icofont-archive"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade"
id="archive_jobs">
<table id="table-invites-archived"
class="table table-hover"
cellspacing="0"
width="100%">
<thead>
<tr>
<th>Title</th>
<th>Partner</th>
<th>Location</th>
<th>Deadline</th>
<th>Status</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="archive_job in archived_jobs">
<td><a><strong>{[{archive_job.sent_job.job_title}]}</strong></a>
</td>
<td>
{[{archive_job.job_sent_by_agency.name}]}
</td>
<td>
{[{archive_job.sent_job.city}]}
</td>
<td>
{[{archive_job.sent_job.valid_till}]}
</td>
<td><span
ng-if="archive_job.is_archived">Accepted</span>
<span ng-if="archive_job.is_declined">Declined</span>
<span ng-if="archive_job.is_archived">Archived</span>
</td>
<td>
<a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
</div>
<div ng-if="show_contacts">
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#contacts" aria-controls="contacts"
onclick="event.preventDefault();" role="tab"
data-toggle="tab">Contacts <span class="badge">{[{contact_list.length}]}</span></a>
</li>
<li ng-click="showpage('new_contacts')" class="fake-tab"><a
class="add-new cl-gray" data-toggle="offcanvas">Add
New <i class="icofont icofont-plus-circle"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="contacts">
<div class="filters">
<form class="form-inline search-form mini-search text-right"
role="search">
<div class="form-group">
<!--<input type="text" class="form-control"-->
<!--id="keyword" placeholder="Keyword">-->
<!--<button type="submit"-->
<!--class="btn btn-default btn-search">-->
<!--<i class="icofont icofont-search"></i>-->
<!--</button>-->
</div>
</form>
</div>
<table id="table-contacts" datatable="ng"
dt-options="dtOptions"
class="table table-hover " cellspacing="0"
width="100%">
<thead>
<tr>
<th>Name</th>
<th>Title</th>
<th>Company</th>
<th>Email</th>
<th>Business Phone</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="contact in contact_list">
<td><a><strong>{[{contact.first_name}]}
{[{contact.last_name}]}</strong></a></td>
<td><a>{[{contact.job_title}]}</a></td>
<td><a>{[{contact.company}]} </a></td>
<td> {[{contact.work_email}]}</td>
<td> {[{contact.work_phone }]}</td>
<td>
<a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Edit"
data-original-title="Edit"
ng-click="ShowEditContactForm(contact.id)"><i
class="icofont icofont-ui-edit show-canvas"></i></a>
<a ng-click="deleteContact(contact.id)"
class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
class="delete"
data-original-title="Delete">
<i class="icofont icofont-bin"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
</div>
<div ng-if="show_candidates">
<div>
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active-jobs" aria-controls="active-jobs"
onclick="event.preventDefault();" role="tab"
data-toggle="tab">Active <span
class="badge">{[{activeJobs.jobs.resume_for_job.length}]}</span></a>
</li>
<li role="presentation">
<a href="#archive" aria-controls="archive"
onclick="event.preventDefault();" role="tab"
data-toggle="tab">Archive</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active"
id="active-jobs">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter"
class="form-control select empty">
<option value="All">All Jobs
</option>
<option value="Finance Manager">
Finance Manager
</option>
<option value="Accountant">
Accountant
</option>
<option value="Risk Analyst">
Risk
Analyst
</option>
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-candidates-active"
class="table table-hover" cellspacing="0"
width="100%">
<thead>
<tr>
<th>Name</th>
<th>Applied For</th>
<th>Current Title</th>
<th>Education</th>
<th>Location</th>
<th>Applied On</th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="res in candidates_jobs">
<tr ng-repeat="resume in res.resume_for_job">
<td>
<a ng-click='openNewTab("/employee/resume_detail/"+ resume.resume.id+"/?job_id="+res.id)'><strong>{[{resume.resume.basic_info.first_name}]}
{[{resume.resume.basic_info.last_name}]}</strong></a>
</td>
<td>
<a ng-click='openNewTab("/jobs/job_detail/"+ res.id)'>
{[{resume.resume.basic_info.job_title}]} </a>
</td>
<td> {[{resume.resume.designation}]}</td>
<td>
<ul style="padding-left: 0px;padding-right: 0px; list-style:none;">
<li ng-repeat="education in resume.resume.employee_education">
<a>
{[{education.degree|degreeChoice}]}</a>
</li>
</ul>
</td>
<td>{[{resume.resume.basic_info.city}]},
{[{resume.resume.basic_info.province|provinceChoice}]}
{[{resume.resume.basic_info.postal_code}]}
</td>
<td> {[{resume.created_on |date:'MMMM dd,
yyyy'}]}
</td>
<td><a href="#candidate-{[{resume.id}]}"
onclick="event.preventDefault();"
role="button"
class="job-controls btn-view"
data-toggle="collapse"
aria-expanded="false"><i
class="fa fa-eye"
aria-hidden="true"></i></a></td>
<td><a onclick="event.preventDefault();"
class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Download"><i
class="fa fa-download"
aria-hidden="true"></i></a>
</td>
<td><a href="#" class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Archive"
data-original-title="Archive"><i
class="icofont icofont-archive"></i></a>
</td>
<td><a href="#" class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
<!--<td><a class="job-controls" data-toggle="tooltip" data-placement="top" title="View"><i-->
<!--class="fa fa-eye"-->
<!--aria-hidden="true"></i></a></td>-->
<!--<td>-->
<!--<a ng-click='redirect("/employee/download_resume/"+resume.resume.id+"/")' class="job-controls" data-toggle="tooltip" data-placement="top" title="Download"><i-->
<!--class="fa fa-download"-->
<!--aria-hidden="true"></i></a></td>-->
<!--<td><a class="job-controls" data-toggle="tooltip" data-placement="top" title="Archive" data-original-title="Archive"><i-->
<!--class="icofont icofont-archive"></i></a>-->
<!--</td>-->
<!--<td><a class="job-controls" data-toggle="tooltip" data-placement="top" title="Delete" data-original-title="Delete"><i-->
<!--class="icofont icofont-bin"></i></a>-->
<!--</td>-->
</tr>
<tr ng-repeat="resume in res.resume_for_job">
<td colspan="10" class="hidden-row">
<div class="collapse"
id="candidate-{[{resume.id}]}">
<div class="container-fluid td-more pa0">
<div class="row ma0">
<div class="col-xs-5 pa0">
<div class="view-box view-cover-letter">
<h3>Cover
Letter</h3>
<p>
{[{resume.cover_letter}]}</p>
</div>
</div>
<div class="col-xs-7 pa0">
<div class="view-box view-resume">
<h3>Resume</h3>
<h2 class="text-uppercase">
{[{resume.resume.basic_info.first_name}]}
{[{resume.resume.basic_info.last_name}]},
<small>
{[{resume.resume.designation}]}
</small>
</h2>
<div class="resume-meta">
<p>
{[{resume.resume.basic_info.city}]},{[{resume.resume.basic_info.province|provinceChoice}]}
</p>
<p>
{[{resume.resume.basic_info.email}]}</p>
<p>
{[{resume.resume.basic_info.phone}]}</p>
</div>
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.summary">
<h3>Summary</h3>
<p>
{[{resume.resume.summary}]}</p>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_education.length>0">
<h3>
Education</h3>
<ul>
<li ng-repeat="education in resume.resume.employee_education">
<h4>
{[{education.degree|degreeChoice}]},
{[{education.field_of_study}]}
-
{[{education.institute_end_year|yearChoice}]}</h4>
<p>
{[{education.education_details}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_work_experience.length>0">
<h3>
Experience</h3>
<ul>
<li ng-repeat="experience in resume.resume.employee_work_experience">
<h4>
{[{experience.job_title}]}
{[{experience.company_attended_for_job}]}
<br>
<small>
{[{experience.job_start_month|monthChoice}]}
{[{experience.job_start_year|yearChoice}]}
–
<span ng-if="!experience.currently_work">{[{experience.job_end_month|monthChoice}]} {[{experience.job_end_year|yearChoice}]}<span>
<span ng-if="experience.currently_work">Present</span>
</small>
</h4>
<p>
{[{experience.description}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_license.length>0">
<h3>License</h3>
<ul>
<li ng-repeat="license in resume.resume.employee_license">
<p>
{[{license.description}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_skills.length>0">
<h3>Skills</h3>
<ul>
<li ng-repeat="skill in resume.resume.employee_skills">
<h4>
{[{skill.name}]}</h4>
<p>
{[{skill.skill}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_extra_curriculler_activities.length>0">
<h3>Extra
Curricular
Activities</h3>
<ul>
<li ng-repeat="activity in resume.resume.employee_extra_curriculler_activities">
<h4>
{[{activity.name}]}
</h4>
<p>
{[{activity.description}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<!-- START SECTION -->
<div class="resume-section"
ng-show="resume.resume.employee_hobbies.length>0">
<h3>Hobbies</h3>
<ul>
<li ng-repeat="hobby in resume.resume.employee_hobbies">
<h4>
{[{hobby.name}]}</h4>
<p>
{[{hobby.description}]}
</p>
</li>
</ul>
</div>
<!-- END SECTION -->
<div class="media">
<div class="media-left media-middle">
<!-- <a href="#"> -->
<img class="media-object"
src="/static/img/logo-sm.png"
alt="Job Minister"
width="40">
<!-- </a> -->
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
{[{resume.resume.first_name}]}
{[{resume.resume.last_name}]}</h4>
<p>
jobminister.ca</p>
</div>
</div>
<h3 class="text-right">
<a
href="#candidate-{[{resume.id}]}"
role="button"
class="job-controls"
data-toggle="collapse"
aria-expanded="true">Minimize</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade" id="archive">
<table id="table-candidates-archive"
class="table table-hover" cellspacing="0"
width="100%">
<thead>
<tr>
<th>Name</th>
<th>Applied For</th>
<th>Current Title</th>
<th>Education</th>
<th>Location</th>
<th>Applied On</th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>Finance Manager</td>
<td>Bachelor's Degree</td>
<td>Toronto, ON</td>
<td>August 27, 2016</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="View"><i
class="fa fa-eye"
aria-hidden="true"></i></a></td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top"
title="Download"><i
class="fa fa-download"
aria-hidden="true"></i></a></td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
</div>
</div>
<div ng-if="show_attendees">
<div>
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<div class="container-fluid">
<div class="main-content">
<div class="panel-extras">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#active-attendees"
aria-controls="active-jobs"
onclick="event.preventDefault();" role="tab"
data-toggle="tab"
ng-click="attendees()">Active <span
class="badge">{[{attendee_count}]}</span></a>
</li>
<li role="presentation">
<a href="#archive" onclick="event.preventDefault();"
aria-controls="archive" role="tab"
data-toggle="tab">Archive</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active"
id="active-attendees">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter"
class="form-control select empty">
<option value="All">All</option>
<option value="Events">Events
</option>
<option value="Courses">Courses
</option>
</select>
</label>
</div>
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter-13"
class="form-control select empty">
<option value="All">All</option>
<option value="Event Names">
Event
Names
</option>
<option value="Course Names">
Course
Names
</option>
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-attendees-active"
class="table table-hover"
cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Programs</th>
<th>Sign-Up Date</th>
<th>Program Date</th>
<th> </th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody ng-repeat="attendee in attendeesList">
<tr ng-repeat="attend in attendee.event_attendees">
<td><a><strong>{[{attend.first_name}]}
{[{attend.last_name}]}</strong></a>
</td>
<td>
<a ng-click="redirect('/events/event-details/'+ attendee.id)">{[{attendee.event}]}</a>
</td>
<td>{[{attend.created_on|date:'MMMM dd,
yyyy'}]}
</td>
<td>{[{attendee.start_date|date:'MMMM dd,
yyyy'}]}
</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#attendee-contact-{[{attendee.id}]}">Contact</a>
<!-- Contact Popup Modal -->
<div class="modal fade modal-light"
id="attendee-contact-{[{attendee.id}]}"
tabindex="-1" role="dialog"
aria-labelledby="invite-contact-label">
<div class="modal-dialog invite-contact modal-md"
role="document">
<div class="modal-content">
<div class="modal-header no-padding">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body no-padding">
<div class="container-fluid same-height no-padding">
<div class="row">
<div class="col-xs-5 bg-profile">
<img src="/static/img/profile-pic.jpg"
alt=""
class="img-circle img-thumbnail"
width="150">
</div>
<div class="col-xs-7 profile-details">
<p>Contact
for
further
details</p>
<h4>
{[{attend.first_name}]}
{[{attend.last_name}]}</h4>
<h5>
{[{attend.job_title}]}</h5>
<h5>
{[{attend.company}]}</h5>
<h5>
{[{attend.city}]}</h5>
<p>
<a href="mailto:{[{attend.email}]}"
class="cl-black"><i
class="icofont icofont-envelope"></i>
{[{attend.email}]}</a>
</p>
<p>
<a href="tel:{[{attend.phone}]}"
class="cl-black"><i
class="icofont icofont-phone"></i>
{[{attend.phone}]}</a>
</p>
<h5 class="fn-gray text-right"
ng-click="saveContact(attend)">
Saved
Contact</h5>
<h6 style="color:red;"
ng-show="show_message">
{[{message}]}</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Archive"
data-original-title="Archive"><i
class="icofont icofont-archive"></i></a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade" id="archive">
<div class="filters text-right">
<form class="form-inline search-form mini-search"
role="search">
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter-2"
class="form-control select empty">
<option value="All">All</option>
<option value="Events">Events
</option>
<option value="Courses">Courses
</option>
</select>
</label>
</div>
<div class="form-group">
<label class="select-label">
<select name="job_filter"
id="job_filter-3"
class="form-control select empty">
<option value="All">All</option>
<option value="Event Names">
Event
Names
</option>
<option value="Course Names">
Course
Names
</option>
</select>
</label>
</div>
<div class="form-group">
<input type="text" class="form-control"
id="keyword-3"
placeholder="Keyword">
<button type="submit"
class="btn btn-default btn-search">
<i class="icofont icofont-search"></i>
</button>
</div>
</form>
</div>
<table id="table-attendees-archive"
class="table table-hover" cellspacing="0"
width="100%">
<thead>
<tr>
<th>Name</th>
<th>Programs</th>
<th>Sign-Up Date</th>
<th>Program Date</th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>August 27, 2016</td>
<td>August 27, 2016</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#contact">Contact</a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>August 27, 2016</td>
<td>August 27, 2016</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#contact">Contact</a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>August 27, 2016</td>
<td>August 27, 2016</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#contact">Contact</a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>August 27, 2016</td>
<td>August 27, 2016</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#contact">Contact</a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
<tr>
<td><a><strong>John Smith</strong></a>
</td>
<td>Finance Manager</td>
<td>August 27, 2016</td>
<td>August 27, 2016</td>
<td><a class="btn-text" data-toggle="modal"
data-target="#contact">Contact</a>
</td>
<td><a class="job-controls"
data-toggle="tooltip"
data-placement="top" title="Delete"
data-original-title="Delete"><i
class="icofont icofont-bin"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
</div>
</div>
</main>
<div>
<div>
<div ng-repeat="job in activeJobs.jobs">
<div class="modal fade job-share" id="job-share-{[{job.id}]}" tabindex="-1"
role="dialog" aria-labelledby="job-share-label">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close"
ng-click="refreshJobData(job.id)"><span
aria-hidden="true">×</span>
</button>
<h3>Select the Partners you want to share the job with (max
5):</h3>
<h3 style="color:red;">{[{return_message}]}</h3>
</div>
<div class="modal-body">
<div class="container-fluid">
<!-- BEGIN SEARCH BOX -->
<form class="search-form mini-search form-inline form-black"
role="search">
<div class="form-group">
<span>Partners</span>
<select class="form-control"
ng-options="search.id as search.label for search in search_data"
ng-model="selected_search_option.id"
ng-change="selected_search_data_changed(selected_search_option.id)"
name="searchLevel" id="field-search-level">
</select>
</div>
<div class="form-group">
<label>
<span>Keyword</span>
<input type="text" class="form-control"
id="keyword"
placeholder="Marketing"
ng-model="job_share_keyword"/>
</label>
</div>
<div class="form-group">
<label>
<span>Location</span>
<input type="text"
class="form-control postal-code"
ng-model="job_share_postal_code"
id="postal-code"
placeholder="M5H 256"/>
</label>
</div>
<div class="form-group">
<label class="select-label">
<span>Within</span>
<select class="form-control input"
ng-options="radius.id as radius.label for radius in location_radius"
ng-model="selected_location_radius.id"
ng-change="selected_location_radius_changed(selected_location_radius.id)"
name="searchLevel"
id="field-search-level">
</select>
</label>
</div>
<button type="submit" class="btn btn-default btn-search"
ng-click="search_agency(None,job_share_postal_code,job_share_keyword)">
<i class="icofont icofont-search"></i></button>
</form>
<!-- END SEARCH BOX -->
<div id="search-result-box" class="search-result-box"
data-toggle="buttons">
<label class="btn" ng-repeat="share_agency in agencies">
<span ng-click="selectAgency(share_agency.id)">
<input type="checkbox" autocomplete="off"
ng-model="share_agency.id"
id="job_share-{[{share_agency.id}]}">
<i class="fa"></i> {[{share_agency.name}]}
</span>
<span class="search-label">C</span>
</label>
</div>
<div class="search-footer text-right">
<!-- <div class="checkbox">
<input type="checkbox" id="select-all">
<label for="select-all"> Select All</label>
</div> -->
<button class="btn btn-default btn-mini"
ng-click="sendJob(job)">Share
</button>
<button class="btn btn-default btn-mini"
data-dismiss="modal"
ng-click="refreshJobData(job.id)">Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}