after a series of bug fixes plus Non MNO logic for Sender IDs, unfinished leave management and holiday modules
This commit is contained in:
Kwesi Banson Jnr
117
resources/views/staff_members/index-two.blade.php
Normal file
117
resources/views/staff_members/index-two.blade.php
Normal file
@@ -0,0 +1,117 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
<link href="{!! url('public/assets/vendors/tabulator/css/bootstrap/tabulator_bootstrap.css') !!}" type="text/css" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left">
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li class="active">Team Members</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title_right">
|
||||
<div class="row">
|
||||
<form method="GET" action="{!! url('staffmembers') !!}">
|
||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group">
|
||||
<div style="margin-top:1px; margin-right:-90px;" class="top_search">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search" style="margin-top: -2px;">
|
||||
<div class="input-group">
|
||||
<input type="text" name="keyword" class="form-control" id="keywordField" placeholder="Keyword here...">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn btn-primary" style="color: #fff;" type="button">Go!</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="row">
|
||||
@include('commons.notifications')
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2> Team Members </h2>
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('staffmembers/create') !!}"><i class="fa fa-plus-circle"></i> New Staff Member</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
@foreach($staff_members as $row)
|
||||
<div class="col-md-4 col-sm-4 col-xs-12 profile_details">
|
||||
<div class="well profile_view">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="brief"><i>{{ $row->designation }}</i></h4>
|
||||
<div class="left col-xs-7">
|
||||
<h2>{{ $row->name }}</h2>
|
||||
<p><strong>Country: </strong> {{ $row->location_country }} </p>
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="fa fa-envelope"></i> Email: {{ $row->email }} </li>
|
||||
<li><i class="fa fa-phone"></i> Phone #: {{ $row->phone or 'N/A' }} </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="right col-xs-5 text-center">
|
||||
<img src="{{ url('public/staff_members/profile_pics/profile.jpg')}}" alt="" class="img-circle img-responsive" width="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 bottom text-center">
|
||||
<!-- <div class="col-xs-12 col-sm-6 emphasis">
|
||||
<p class="ratings">
|
||||
<a>4.0</a>
|
||||
<a href="#"><span class="fa fa-star"></span></a>
|
||||
<a href="#"><span class="fa fa-star"></span></a>
|
||||
<a href="#"><span class="fa fa-star"></span></a>
|
||||
<a href="#"><span class="fa fa-star"></span></a>
|
||||
<a href="#"><span class="fa fa-star-o"></span></a>
|
||||
</p>
|
||||
</div> -->
|
||||
<div class="col-xs-12 col-sm-6 emphasis">
|
||||
<!-- <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
|
||||
</i> <i class="fa fa-comments-o"></i>
|
||||
</button> -->
|
||||
<a class="btn btn-primary btn-xs" href="{{ url('staffmembers/profile', $row->id) }}">
|
||||
<i class="fa fa-user"> </i> View Profile
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
193
resources/views/staff_members/profile.blade.php
Normal file
193
resources/views/staff_members/profile.blade.php
Normal file
@@ -0,0 +1,193 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<!-- <div class="title_left"> -->
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li><a href="{!! url('staffmembers') !!}">Staff Members</a></li>
|
||||
<li class="active">{{ $staff_member->name }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Staff Profile </h2>
|
||||
<div class="title_left">
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-3 col-sm-3 col-xs-12 profile_left">
|
||||
<div class="profile_img">
|
||||
<div id="crop-avatar">
|
||||
<!-- Current avatar -->
|
||||
<img class="img-responsive avatar-view" src="images/picture.jpg" alt="{{ $staff_member->name }} profile picture" title="{{ $staff_member->name }} profile picture">
|
||||
</div>
|
||||
</div>
|
||||
<h3>{{ $staff_member->name }}</h3>
|
||||
|
||||
<ul class="list-unstyled user_data">
|
||||
<li><i class="fa fa-map-marker user-profile-icon"></i> {{ $staff_member->location_country }}
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa fa-briefcase user-profile-icon"></i> {{ $staff_member->designation }}
|
||||
</li>
|
||||
|
||||
<li class="m-top-xs">
|
||||
<i class="fa fa-envelope user-profile-icon"></i>
|
||||
<a href="#">{{ $staff_member->email }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a class="btn btn-success"><i class="fa fa-edit m-right-xs"></i>Edit Profile</a>
|
||||
<br />
|
||||
|
||||
<!-- start skills -->
|
||||
<!-- <h4>Skills</h4> -->
|
||||
<!-- <ul class="list-unstyled user_data">
|
||||
<li>
|
||||
<p>Web Applications</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="50"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Website Design</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="70"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Automation & Testing</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="30"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>UI / UX</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="50"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul> -->
|
||||
<!-- end of skills -->
|
||||
|
||||
</div>
|
||||
<div class="col-md-9 col-sm-9 col-xs-12">
|
||||
|
||||
<div class="" role="tabpanel" data-example-id="togglable-tabs">
|
||||
<ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Recent Activity</a>
|
||||
</li>
|
||||
<li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">Personal Details</a>
|
||||
</li>
|
||||
<li role="presentation" class=""><a href="#tab_content3" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">Leave Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
|
||||
|
||||
<!-- start recent activity -->
|
||||
<ul class="messages">
|
||||
<li>
|
||||
<img src="images/img.jpg" class="avatar" alt="Avatar">
|
||||
<div class="message_date">
|
||||
<h3 class="date text-info">24</h3>
|
||||
<p class="month">May</p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">Desmond Davison</h4>
|
||||
<blockquote class="message">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth.</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<a href="#"><i class="fa fa-paperclip"></i> User Acceptance Test.doc </a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<img src="images/img.jpg" class="avatar" alt="Avatar">
|
||||
<div class="message_date">
|
||||
<h3 class="date text-error">21</h3>
|
||||
<p class="month">May</p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">Brian Michaels</h4>
|
||||
<blockquote class="message">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua butcher retro keffiyeh dreamcatcher synth.</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
<a href="#" data-original-title="">Download</a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- end recent activity -->
|
||||
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
|
||||
|
||||
<!-- start user projects -->
|
||||
<table class="data table table-striped no-margin">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Project Name</th>
|
||||
<th>Client Company</th>
|
||||
<th class="hidden-phone">Hours Spent</th>
|
||||
<th>Contribution</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>New Company Takeover Review</td>
|
||||
<td>Deveint Inc</td>
|
||||
<td class="hidden-phone">18</td>
|
||||
<td class="vertical-align-mid">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success" data-transitiongoal="35"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- end user projects -->
|
||||
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
|
||||
<p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui
|
||||
photo booth letterpress, commodo enim craft beer mlkshk </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user