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
@@ -54,7 +54,7 @@
|
||||
<div class="x_title">
|
||||
<h2> Clients </h2>
|
||||
|
||||
<div class="pull-right">
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('clients/create') !!}"><i class="fa fa-plus-circle"></i> Add Client</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
@@ -90,9 +90,11 @@
|
||||
}
|
||||
var table = new Tabulator("#clientsTable", {
|
||||
ajaxURL: "clients/all",
|
||||
paginationSize: 15,
|
||||
paginationSize: 10,
|
||||
paginationSizeSelector: true,
|
||||
paginationSizeSelector:[5, 10, 25, 50, 100, 200],
|
||||
layout: "fitColumns",
|
||||
pagination: "remote",
|
||||
pagination: "local",
|
||||
selectable: false,
|
||||
printAsHtml: true,
|
||||
ajaxLoaderLoading: $('#logo_spinner').html(),
|
||||
@@ -109,18 +111,18 @@
|
||||
sorter: "string",
|
||||
},
|
||||
/*
|
||||
{ title:"Onboarding Progress Score",
|
||||
field:"progress_indicator_score",
|
||||
sorter:"number",
|
||||
hozAlign:"left",
|
||||
formatter:"progress",
|
||||
width:200,
|
||||
{ title:"Onboarding Progress Score",
|
||||
field:"progress_indicator_score",
|
||||
sorter:"number",
|
||||
hozAlign:"left",
|
||||
formatter:"progress",
|
||||
width:200,
|
||||
editable:true
|
||||
},
|
||||
*/
|
||||
{ title:"Onboarding %",
|
||||
field:"progress_indicator_score",
|
||||
sorter:"number",
|
||||
{ title:"Onboarding %",
|
||||
field:"progress_indicator_score",
|
||||
sorter:"number",
|
||||
},
|
||||
{
|
||||
title: "Status",
|
||||
@@ -167,15 +169,15 @@
|
||||
orientation:"portrait", //set page orientation to portrait
|
||||
title:"Click Mobile - Clients", //add title to report
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('#keywordField').on('keyup', function(){
|
||||
console.log('up');
|
||||
var keyword = $(this).val();
|
||||
table.setData("clients/all?keyword=" + keyword);
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
118
resources/views/client/partials/create-shortcodes.blade copy.php
Normal file
118
resources/views/client/partials/create-shortcodes.blade copy.php
Normal file
@@ -0,0 +1,118 @@
|
||||
<div class="modal fade" id="newShortCodeFormModal" tabindex="-1" role="dialog" aria-labelledby="paymentModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<!-- <h4 class="modal-title">Default Modal</h4> -->
|
||||
<h5 class="modal-title text-center" id="paymentModalLabelHeading">New Short Code Form</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="notifyArea" class="alert alert-danger hidden"></div>
|
||||
<form class="form-vertical" method="POST" id="shortCodeForm" action="{{ url('clients/shortcodes_store') }}">
|
||||
{{ csrf_field() }}
|
||||
<input type="hidden" name="client_id" id="clientID" value="{{ $showclient->id }}">
|
||||
<input type="hidden" name="code_type" id="shortCodeType">
|
||||
<div class="row">
|
||||
|
||||
<div class="form-group" >
|
||||
<div class="col-md-12" style="padding-bottom: 5px;">
|
||||
<label for="name">Friendly Name *</label>
|
||||
<input type="text" class="form-control" name="name" id="name" required >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="networks">Country *</label>
|
||||
{!! Form::select('country', $countries, null, ['class' => 'form-control' , 'id' => 'shortCodeCountry', 'required' => 'required', 'style' => 'width: 100%']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="networks">Network *</label>
|
||||
<!-- 'multiple'=> 'true', -->
|
||||
{!! Form::select('network', $mnos_arr, null, ['class' => 'form-control' , 'id' => 'networks', 'required' => 'required', 'style' => 'width: 100%']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<div class="col-md-12" style="padding-bottom: 5px;">
|
||||
<label for="shortCode">Code *</label>
|
||||
<input type="number" class="form-control" name="shortcode" id="shortCode" required >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="tollFree">Toll Free</label>
|
||||
<select name="toll_free" id="tollFree" class="form-control" required style="width: 100%;">
|
||||
<option value="YES">YES</option>
|
||||
<option value="NO">NO</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="monthlyFee">Monthly Fee</label>
|
||||
<input type="number" class="form-control" name="monthly_fee" id="monthlyFee" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6">
|
||||
<div class='input-group date' id='myDatepicker22' style="padding-bottom: 5px;">
|
||||
<label for="launchDate">Launch Date</label>
|
||||
<input type="text" class="form-control" name="launch_date" id="launchDate" required >
|
||||
<div class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class='input-group date' id='myDatepicker223' style="padding-bottom: 5px;">
|
||||
<label for="expiryDate">Expiry Date</label>
|
||||
<input type="text" class="form-control" name="expiry_date" id="expiryDate" required >
|
||||
<div class="input-group-addon">
|
||||
<span class="fa fa-calendar"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="codeStatus">Status</label>
|
||||
<select id="codeStatus" name="status" class="form-control" required style="width: 100%;">
|
||||
<option value="LIVE">Live</option>
|
||||
<option value="PENDING">Pending</option>
|
||||
<option value="TESTING">Testing</option>
|
||||
<option value="INACTIVE">Inactive </option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<div class="col-md-12" style="padding-bottom: 5px;">
|
||||
<label for="remarks">Remarks</label>
|
||||
<input type="text" class="form-control" name="remarks" id="remarks"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group" style="margin-bottom: 0.2rem; padding-bottom: 5px; padding-top: 5px;">
|
||||
<div class="col-md-12" style="padding-bottom: 10px;">
|
||||
<button type="submit" class="btn btn-success btn-block updateBtn"> <i class="fa fa-send"></i> Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="margin-bottom: 0.5rem; padding-bottom: 5px; padding-top: 5px;">
|
||||
<div class="col-md-12">
|
||||
<button type="button" class="btn btn-dark btn-block" data-dismiss="modal"><i class="fa fa-close"></i> Close</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- /.modal -->
|
||||
@@ -25,8 +25,7 @@
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="networks">Network *</label>
|
||||
<!-- 'multiple'=> 'true', -->
|
||||
{!! Form::select('network', $networks_raw, null, ['class' => 'form-control' , 'id' => 'networks', 'required' => 'required', 'style' => 'width: 100%']) !!}
|
||||
{!! Form::select('network', $country_network_arr, null, ['class' => 'form-control' , 'id' => 'networks', 'placeholder'=>'Select Network ' , 'required' => 'required' , 'style' => 'width: 100%']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
@@ -44,6 +43,12 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="monthlyFee">Monthly Fee</label>
|
||||
<input type="number" class="form-control" name="monthly_fee" id="monthlyFee" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6">
|
||||
<div class='input-group date' id='myDatepicker22' style="padding-bottom: 5px;">
|
||||
|
||||
@@ -19,6 +19,12 @@
|
||||
<label for="financeServicesEdit">Services *</label>
|
||||
{!! Form::select('services[]', $service_type_names , old('services'), ['class' => 'form-control' , 'id' => 'financeServicesEdit', 'required' => 'required', 'multiple'=> 'true', 'style' => 'width: 100%']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<div class="col-md-12" style="padding-bottom: 5px;">
|
||||
<label for="shortCodeEdit">Short Code</label>
|
||||
<input type="text" class="form-control" name="short_code" id="financeShortCodeEdit" required >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<div class="col-md-12" style="padding-bottom: 5px;">
|
||||
|
||||
@@ -45,6 +45,12 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12" style="padding-bottom: 5px">
|
||||
<label for="monthlyFeeEdit">Monthly Fee</label>
|
||||
<input type="number" class="form-control" name="monthly_fee" id="monthlyFeeEdit" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6">
|
||||
<div class='input-group date' id='myDatepicker22Edit' style="padding-bottom: 5px;">
|
||||
|
||||
@@ -23,8 +23,20 @@
|
||||
@foreach ($client_sender_ids as $row)
|
||||
<tr class="even pointer">
|
||||
<td class="mes-td col-md-2">{{ $row->senderid }} </td>
|
||||
<td class="col-md-2">{{ $row->network_info->name }}</td>
|
||||
<td class="col-md-2">{{ $row->network_info->country }}</td>
|
||||
<td class="col-md-2">
|
||||
<?php
|
||||
if(isset($row->network_info->name)){
|
||||
echo $row->network_info->name;
|
||||
}
|
||||
?>
|
||||
</td>
|
||||
<td class="col-md-2">
|
||||
<?php
|
||||
if(isset($row->network_info->country)){
|
||||
echo $row->network_info->country;
|
||||
}
|
||||
?>
|
||||
</td>
|
||||
<td class="col-md-1"><span class="label label-<?php echo ($row->status == 'Approved') ? 'success' : 'warning'; ?>"> {{ $row->status }}</span></td>
|
||||
<td class="col-md-2">{{ $row->created_by_info->name }}</td>
|
||||
<td class="mes-td col-md-2" style="width: 100px;">{{ $row->remarks }}</td>
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<th class="column-title">Code</th>
|
||||
<th class="column-title">Network</th>
|
||||
<th class="column-title">Toll Free</th>
|
||||
<th class="column-title">MOnthly Free</th>
|
||||
<th class="column-title">Status</th>
|
||||
<th class="column-title">Remarks</th>
|
||||
<th class="column-title">Launch Date</th>
|
||||
@@ -29,6 +30,7 @@
|
||||
<td class="mes-td col-md-1 text-danger"><b>{{ $row->shortcode }}</b></td>
|
||||
<td class="mes-td col-md-2">{{ $row->network }}</td>
|
||||
<td class="mes-td col-md-1">{{ strtoupper($row->toll_free) }}</td>
|
||||
<td class="mes-td col-md-1">{{ strtoupper($row->monthly_fee) }}</td>
|
||||
<td class="mes-td col-md-1">
|
||||
<!-- style='color:#3FB449; font-weight:bold;'
|
||||
dump($row->status)
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<th class="column-title">Code</th>
|
||||
<th class="column-title">Network</th>
|
||||
<th class="column-title">Toll Free</th>
|
||||
<th class="column-title">Monthly Fee</th>
|
||||
<th class="column-title">Status</th>
|
||||
<th class="column-title">Launch Date</th>
|
||||
<th class="column-title">Renewal Date</th>
|
||||
@@ -28,11 +29,12 @@
|
||||
<td class="mes-td col-md-1">{{ $row->shortcode }}</td>
|
||||
<td class="mes-td col-md-2">{{ $row->network }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->toll_free }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->monthly_fee }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->status }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">{{ date('d-m-Y', strtotime($row->launch_date)) }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">
|
||||
@if($row->expiry_date == false)
|
||||
{{ "No found"}}
|
||||
{{ "Not found"}}
|
||||
@else
|
||||
{{ date('d-m-Y', strtotime($row->expiry_date)) }}
|
||||
@endif
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<th class="column-title">Code</th>
|
||||
<th class="column-title">Network/Country</th>
|
||||
<th class="column-title">Toll Free</th>
|
||||
<th class="column-title">MOnthly Fee</th>
|
||||
<th class="column-title">Status</th>
|
||||
<!-- <th class="column-title">Remarks</th> -->
|
||||
<th class="column-title">Launch Date</th>
|
||||
@@ -29,6 +30,7 @@
|
||||
<td class="mes-td col-md-1">{{ $row->shortcode }}</td>
|
||||
<td class="mes-td col-md-2">{{ $row->network }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->toll_free }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->monthly_fee }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->status }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">{{ date('d-m-Y', strtotime($row->launch_date)) }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<th class="column-title">Code</th>
|
||||
<th class="column-title">Network/Country</th>
|
||||
<th class="column-title">Toll Free</th>
|
||||
<th class="column-title">MOnthly Fee</th>
|
||||
<th class="column-title">Status</th>
|
||||
<th class="column-title">Launch Date</th>
|
||||
<th class="column-title">Expiry Date</th>
|
||||
@@ -28,6 +29,7 @@
|
||||
<td class="mes-td col-md-1">{{ $row->shortcode }}</td>
|
||||
<td class="mes-td col-md-2">{{ $row->network }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->toll_free }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->monthly_fee }}</td>
|
||||
<td class="mes-td col-md-1">{{ $row->status }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">{{ date('d-m-Y', strtotime($row->launch_date)) }}</td>
|
||||
<td class="mes-td col-md-1" style="width: 100px;">
|
||||
|
||||
@@ -42,6 +42,9 @@
|
||||
@include('commons.notifications')
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-12">
|
||||
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3 col-xs-12 profile_left">
|
||||
<div class="profile_img">
|
||||
<div id="crop-avatar">
|
||||
@@ -103,254 +106,125 @@
|
||||
</ul> -->
|
||||
<!-- end of skills -->
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 col-sm-9 col-xs-12" style="border: 1px solid; min-height: 500px;">
|
||||
<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="#tabCompany" id="company-tab" role="tab" class="text-success" data-toggle="tab" aria-expanded="true">Company</a></li>
|
||||
<!-- <li role="presentation" class=""><a href="#tabConnection" role="tab" id="connection-tab" data-toggle="tab" aria-expanded="false">Connection</a></li> -->
|
||||
<li role="presentation" class=""><a href="#tabContract" role="tab" id="contract-tab2" class="text-info bg-info" data-toggle="tab" aria-expanded="false">Contract</a></li>
|
||||
<li role="presentation" class=""><a href="#tabFinance" role="tab" id="finance-tab2" class="text-success" data-toggle="tab" aria-expanded="false">Finance</a></li>
|
||||
<li role="presentation" class=""><a href="#tabNotes" role="tab" id="notes-tab2" class="text-default" data-toggle="tab" aria-expanded="false">Notes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSenderIDs" role="tab" id="senderIds-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Sender IDs</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSmsShortCode" role="tab" id="smsshortcode-tab2" class="text-info" data-toggle="tab" aria-expanded="false">SMS Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabUssdShortCode" role="tab" id="ussdshortcode-tab2" class="text-success" data-toggle="tab" aria-expanded="false">USSD Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabVoiceShortCode" role="tab" id="voiceshortcode-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Voice Short Codes</a></li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade active in" id="tabCompany" aria-labelledby="company-tab">
|
||||
<div class="col-md-4">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="" role="tabpanel" data-example-id="togglable-tabs">
|
||||
<div class="col-xs-3">
|
||||
<ul id="myTab" class="nav nav-tabs bar_tabs tabs-left" role="tablist">
|
||||
<li role="presentation" class=""><a href="#tabContract" role="tab" id="contract-tab2" class="text-info bg-info" data-toggle="tab" aria-expanded="false">Contract</a></li>
|
||||
<li role="presentation" class=""><a href="#tabFinance" role="tab" id="finance-tab2" class="text-success" data-toggle="tab" aria-expanded="false">Finance</a></li>
|
||||
<li role="presentation" class=""><a href="#tabNotes" role="tab" id="notes-tab2" class="text-default" data-toggle="tab" aria-expanded="false">Notes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSenderIDs" role="tab" id="senderIds-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Sender IDs</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSmsShortCode" role="tab" id="smsshortcode-tab2" class="text-info" data-toggle="tab" aria-expanded="false">SMS Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabUssdShortCode" role="tab" id="ussdshortcode-tab2" class="text-success" data-toggle="tab" aria-expanded="false">USSD Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabVoiceShortCode" role="tab" id="voiceshortcode-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Voice Short Codes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<div id="myTabContent" class="tab-content">
|
||||
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabConnection" aria-labelledby="connection-tab">
|
||||
|
||||
<h4 class="lead"><strong>Connection Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Connection Types : <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></p>
|
||||
<br>
|
||||
|
||||
<h4 class="lead"><strong>Company Details</strong></h4>
|
||||
|
||||
<blockquote>
|
||||
<p>Country : <strong> {{ $showclient->country or "N/A" }}</strong></p>
|
||||
<p>Company Type : <strong> {{ $showclient->company_type or "N/A" }}</strong></p>
|
||||
<!-- <p>Products </p> -->
|
||||
<!-- <p>Products Description</p> -->
|
||||
<!-- <p>Product Specification</p> -->
|
||||
<!-- <p>Networks</p> gettype(json_decode($showclient->sender_ids, true )); -->
|
||||
<p>Requested Sender IDs : <strong> <?php if($showclient->sender_ids) { echo implode(", ", json_decode($showclient->sender_ids, true)); } else {echo "N/A"; } ?></strong></p>
|
||||
</blockquote>
|
||||
|
||||
<h4 class="lead"><strong>Connection Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Connection Types : <em> <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></em></p>
|
||||
<p>SMPP Username : <em>
|
||||
<?php if($showclient->smpp_username) { echo $showclient->smpp_username; } else {echo "N/A"; } ?></em></p>
|
||||
<p>Message Types : <em>
|
||||
<?php if($showclient->message_types) {
|
||||
$types_array = json_decode($showclient->message_types);
|
||||
echo implode(', ', $types_array);
|
||||
}
|
||||
else {
|
||||
echo "N/A";
|
||||
} ?>
|
||||
</em>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<h4 class="lead"><strong>Support Phone(s)</strong></h4>
|
||||
@if(!empty($showclient->support_phones))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_phones, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h4 class="lead"><strong>Support Email(s)</strong></h4>
|
||||
@if(!empty($showclient->support_emails))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
@if(!empty($showclient->rate_emails))
|
||||
<h4 class="lead"><strong>Rates Email(s)</strong></h4>
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->rate_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h4 class="lead"><strong>Finance Email(s)</strong></h4>
|
||||
@if(!empty($showclient->finance_email))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->finance_email, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="lead"><strong>Support Skype ID(s)</strong></h4>
|
||||
@if(!empty($showclient->support_skype))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_skype, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<div class="well">
|
||||
<h4>How We Got This Client</h4>
|
||||
<?php echo $showclient->how_we_got_client ?? "N/A" ?>
|
||||
<p>Partner SMPP Details <br>
|
||||
<?php //if($showclient->smpp_details) { echo $showclient->smpp_details; } else {echo "N/A"; } ?></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<h4>Documents</h4>
|
||||
@if(!$showdocuments->isEmpty() == true)
|
||||
@foreach($showdocuments as $docs)
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<a href="{{ url('clients/downloadfile', $docs->id) }}"><i class="fa fa-paperclip"></i> {{ $docs->name }}.{{ $docs->file_extension }}</a>
|
||||
</p>
|
||||
@endforeach
|
||||
@else
|
||||
<p>No Documents found</p>
|
||||
@endif
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabContract" aria-labelledby="contract-tab">
|
||||
<h4 class="lead"> <strong>Contract Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Contract Type : <strong> {{ ucfirst($showclient->contract_type) ?? 'N/A'}} </strong><br> </p>
|
||||
|
||||
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabConnection" aria-labelledby="connection-tab">
|
||||
|
||||
<h4 class="lead"><strong>Connection Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Connection Types : <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></p>
|
||||
<br>
|
||||
|
||||
<p>Partner SMPP Details <br>
|
||||
<?php //if($showclient->smpp_details) { echo $showclient->smpp_details; } else {echo "N/A"; } ?></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabContract" aria-labelledby="contract-tab">
|
||||
<h4 class="lead"> <strong>Contract Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Contract Type : <strong> {{ ucfirst($showclient->contract_type) ?? 'N/A'}} </strong><br> </p>
|
||||
|
||||
|
||||
<p>Contract Validity (Date) : <strong> {{ $showclient->contract_validity or 'N/A'}} </strong></p>
|
||||
<p>Contract Auto Renewal : <strong> {{ $showclient->contract_auto_renew or 'N/A'}} </strong></p>
|
||||
@if($showclient->contract_auto_renew != 'YES')
|
||||
<p>Renewal Due : <strong class="text-<?php echo ($highlight_colour == 'none') ? '' : 'danger'; ?> "> {{ $renewal_due }} </strong></p>
|
||||
@endif
|
||||
</blockquote>
|
||||
<h4 class="lead"> <strong>Support Fees </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="addSupportFeesInfoBtn"><i class="fa fa-plus-square"></i> New Support Fee Info</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.support_fees')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabFinance" aria-labelledby="finance-tab">
|
||||
<h4 class="lead"><strong>Finance Details </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createPaymentBtn"><i class="fa fa-plus-square"></i> New Payment Details</button>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@include('client.partials.recent-payments')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabNotes" aria-labelledby="notes-tab">
|
||||
<strong><h3> Notes</h3> </strong>
|
||||
<div class="pull-right">
|
||||
<!-- {{ url('clients/create-notes') }} -->
|
||||
<button type="button" class="btn btn-success btn-sm" id="createNotesBtn">New Notes <i class="fa fa-plus-square"></i> </button>
|
||||
</div>
|
||||
<p>Contract Validity (Date) : <strong> {{ $showclient->contract_validity or 'N/A'}} </strong></p>
|
||||
<p>Contract Auto Renewal : <strong> {{ $showclient->contract_auto_renew or 'N/A'}} </strong></p>
|
||||
@if($showclient->contract_auto_renew != 'YES')
|
||||
<p>Renewal Due : <strong class="text-<?php echo ($highlight_colour == 'none') ? '' : 'danger'; ?> "> {{ $renewal_due }} </strong></p>
|
||||
@endif
|
||||
</blockquote>
|
||||
<h4 class="lead"> <strong>Support Fees </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="addSupportFeesInfoBtn"><i class="fa fa-plus-square"></i> New Support Fee Info</button>
|
||||
<div class="clearfix"></div>
|
||||
<div style="background-color: #dce2e4; height: 400px; overflow: scroll;">
|
||||
|
||||
<ul class="messages list-group" style="padding: 15px;">
|
||||
@if($show_notes->isEmpty())
|
||||
<li style="" class="">No notes found</li>
|
||||
@else
|
||||
<?php for ($i = 0; $i < $show_notes->count(); $i++) { ?>
|
||||
<?php if ($show_notes[$i]->highlight == 'YES'): continue; endif; ?>
|
||||
<li class="list-group-item list-group-item-<?php echo ($i%2 == 0)? "secondary" : "info"; ?>">
|
||||
<div class="message_date" style="padding-right: 10px;">
|
||||
<h3 class="date text-info"><?php echo date('d', strtotime($show_notes[$i]->created_at)); ?></h3>
|
||||
<p class="month"><?php echo date('M', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
<p class="year"><?php echo date('Y', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">{{ $show_notes[$i]->client_info->name }}</h4>
|
||||
<blockquote class="message"><em>Content : </em> {{ $show_notes[$i]->notes_body }}</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<input type="hidden" name="notes_id" class="notesRowId" value="{{ $show_notes[$i]->id }}">
|
||||
<a href="#" class="notesEditBtn"><i class="fa fa-edit"></i>Account Manager : {{ $show_notes[$i]->created_by_info->name }} </a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
@endif
|
||||
</ul>
|
||||
@include('client.partials.support_fees')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabFinance" aria-labelledby="finance-tab">
|
||||
<h4 class="lead"><strong>Finance Details </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createPaymentBtn"><i class="fa fa-plus-square"></i> New Payment Details</button>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@include('client.partials.recent-payments')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabNotes" aria-labelledby="notes-tab">
|
||||
<strong><h3> Notes</h3> </strong>
|
||||
<div class="pull-right">
|
||||
<!-- {{ url('clients/create-notes') }} -->
|
||||
<button type="button" class="btn btn-success btn-sm" id="createNotesBtn">New Notes <i class="fa fa-plus-square"></i> </button>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div style="background-color: #dce2e4; height: 400px; overflow: scroll;">
|
||||
|
||||
<ul class="messages list-group" style="padding: 15px;">
|
||||
@if($show_notes->isEmpty())
|
||||
<li style="" class="">No notes found</li>
|
||||
@else
|
||||
<?php for ($i = 0; $i < $show_notes->count(); $i++) { ?>
|
||||
<?php if ($show_notes[$i]->highlight == 'YES'): continue; endif; ?>
|
||||
<li class="list-group-item list-group-item-<?php echo ($i%2 == 0)? "secondary" : "info"; ?>">
|
||||
<div class="message_date" style="padding-right: 10px;">
|
||||
<h3 class="date text-info"><?php echo date('d', strtotime($show_notes[$i]->created_at)); ?></h3>
|
||||
<p class="month"><?php echo date('M', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
<p class="year"><?php echo date('Y', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">{{ $show_notes[$i]->client_info->name }}</h4>
|
||||
<blockquote class="message"><em>Content : </em> {{ $show_notes[$i]->notes_body }}</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<input type="hidden" name="notes_id" class="notesRowId" value="{{ $show_notes[$i]->id }}">
|
||||
<a href="#" class="notesEditBtn"><i class="fa fa-edit"></i>Account Manager : {{ $show_notes[$i]->created_by_info->name }} </a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSenderIDs" aria-labelledby="senderIds-tab">
|
||||
<h4 class="lead"><strong>Sender IDs </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSenderIdBtn"><i class="fa fa-plus-square"></i> New Sender ID</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sender-ids')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSmsShortCode" aria-labelledby="smsshortcode-tab">
|
||||
<h4 class="lead"><strong>SMS Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSmsShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sms-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabUssdShortCode" aria-labelledby="ussdshortcode-tab">
|
||||
<h4 class="lead"><strong>USSD Short Codes </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createUssdShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.ussd-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabVoiceShortCode" aria-labelledby="voiceshortcode-tab">
|
||||
<h4 class="lead"><strong>Voice Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createVoiceShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.voice-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSenderIDs" aria-labelledby="senderIds-tab">
|
||||
<h4 class="lead"><strong>Sender IDs </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSenderIdBtn"><i class="fa fa-plus-square"></i> New Sender ID</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sender-ids')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSmsShortCode" aria-labelledby="smsshortcode-tab">
|
||||
<h4 class="lead"><strong>SMS Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSmsShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sms-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabUssdShortCode" aria-labelledby="ussdshortcode-tab">
|
||||
<h4 class="lead"><strong>USSD Short Codes </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createUssdShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.ussd-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabVoiceShortCode" aria-labelledby="voiceshortcode-tab">
|
||||
<h4 class="lead"><strong>Voice Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createVoiceShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.voice-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
415
resources/views/client/show_original_copy.blade.php
Executable file
415
resources/views/client/show_original_copy.blade.php
Executable file
@@ -0,0 +1,415 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
<link href="{{ url('public/assets/vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@include('client.partials.new_notes')
|
||||
@include('client.partials.edit-notes')
|
||||
@include('client.partials.finance')
|
||||
@include('client.partials.create-shortcodes')
|
||||
@include('client.partials.edit-shortcodes')
|
||||
@include('client.partials.edit-finance')
|
||||
@include('client.partials.progress_indicator_details')
|
||||
@include('client.partials.support_fees_form')
|
||||
@include('client.partials.create-senderids')
|
||||
<?php ?>
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left">
|
||||
</div>
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li><a href="{!! url('clients') !!}">Clients</a></li>
|
||||
<li class="active">Client Details</li>
|
||||
</ol>
|
||||
</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>Client Details </h2>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
@include('commons.notifications')
|
||||
</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 -->
|
||||
@if($showclient->country_flag_info !== null)
|
||||
<img class="img-responsives avatar-views" src="{{ url($showclient->country_flag_info->url) }}" alt="Generic Client Icon" title="Country Flag" width="100px">
|
||||
@else
|
||||
|
||||
<img class="img-responsive avatar-view" src="{{ url('public/assets/img/generic-client.png') }}" alt="Generic Client Icon" title="Change the avatar" width="100px">
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<h3>{{ $showclient->name }}</h3>
|
||||
<div class="well" style="border-radius: 25px;">
|
||||
Click Account Manager <br>
|
||||
<strong><em> <?php echo $showclient->auth_user_info->name ?? 'N/A' ?> </em></strong>
|
||||
</div>
|
||||
<h4>
|
||||
Status : <span class="label label-{{ $status_bg }}">{{ $showclient->status }}</span>
|
||||
<span role="button" id="progressIndicatorBtn" class="label label-{{ $progress_status_bg }}"> Progress: {{ $showclient->progress_indicator_score }}%</span>
|
||||
</h4>
|
||||
<ul class="list-unstyled user_data">
|
||||
<li><i class="fa fa-phone user-profile-icon"></i> <?php echo $showclient->phone ?? "N/A"; ?></li>
|
||||
<li><i class="fa fa-envelope user-profile-icon"></i> <?php echo $showclient->email ?? "N/A"; ?> </li>
|
||||
<li class="m-top-xs"><i class="fa fa-skype user-profile-icon"></i> <?php echo $showclient->skype_name ?? "N/A"; ?></li>
|
||||
<li class="m-top-xs"><i class="fa fa-linkedin user-profile-icon"></i> <?php echo $showclient->linkedin_name ?? "N/A"; ?></li>
|
||||
</ul>
|
||||
|
||||
<h5 style="text-decoration: underline;">Highlights</h5>
|
||||
@if(!$show_notes->isEmpty())
|
||||
<ul class="legend list-unstyled">
|
||||
<li>
|
||||
<p>
|
||||
<span class="icon"><i class="fa fa-square blue"></i></span> <span class="name">
|
||||
<?php for ($i = 0; $i < $show_notes->count(); $i++) { ?>
|
||||
|
||||
<?php if ($show_notes[$i]->highlight == 'NO'): continue; endif; ?>
|
||||
<strong> {{ $i+1 . "." }}</strong> {{ $show_notes[$i]->notes_body }}
|
||||
<?php } ?>
|
||||
</span>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
@endif
|
||||
@if(session('current_user.id') == $showclient->auth_user_id)
|
||||
<a class="btn btn-success" href="{{ url('clients/'. $showclient->id . '/edit') }}"><i class="fa fa-edit m-right-xs"></i> Edit Client</a>
|
||||
<a class="btn btn-primary" href="{{ url('clients/onboarding', $showclient->id) }}"><i class="fa fa-edit m-right-xs"></i> Onboarding Checklist</a>
|
||||
@endif
|
||||
<a class="btn btn-primary" href="{{ url('clients/readonly/'. $showclient->id) }}"><i class="fa fa-eye m-right-xs"></i> Full Details (Readonly)</a>
|
||||
|
||||
<br />
|
||||
|
||||
<!-- start skills -->
|
||||
<!-- <h4>Finance</h4>
|
||||
<ul class="list-unstyled user_data">
|
||||
<li><i class="fa fa-phone user-profile-icon"></i> [Phone Number here]</li>
|
||||
<li><i class="fa fa-envelope user-profile-icon"></i> [email here] </li>
|
||||
<li class="m-top-xs"><i class="fa fa-skype user-profile-icon"></i> [Skype ID Here]</li>
|
||||
</ul> -->
|
||||
<!-- end of skills -->
|
||||
</div>
|
||||
<div class="col-md-9 col-sm-9 col-xs-12" style="border: 1px solid; min-height: 500px;">
|
||||
<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="#tabCompany" id="company-tab" role="tab" class="text-success" data-toggle="tab" aria-expanded="true">Company</a></li>
|
||||
<!-- <li role="presentation" class=""><a href="#tabConnection" role="tab" id="connection-tab" data-toggle="tab" aria-expanded="false">Connection</a></li> -->
|
||||
<li role="presentation" class=""><a href="#tabContract" role="tab" id="contract-tab2" class="text-info bg-info" data-toggle="tab" aria-expanded="false">Contract</a></li>
|
||||
<li role="presentation" class=""><a href="#tabFinance" role="tab" id="finance-tab2" class="text-success" data-toggle="tab" aria-expanded="false">Finance</a></li>
|
||||
<li role="presentation" class=""><a href="#tabNotes" role="tab" id="notes-tab2" class="text-default" data-toggle="tab" aria-expanded="false">Notes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSenderIDs" role="tab" id="senderIds-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Sender IDs</a></li>
|
||||
<li role="presentation" class=""><a href="#tabSmsShortCode" role="tab" id="smsshortcode-tab2" class="text-info" data-toggle="tab" aria-expanded="false">SMS Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabUssdShortCode" role="tab" id="ussdshortcode-tab2" class="text-success" data-toggle="tab" aria-expanded="false">USSD Short Codes</a></li>
|
||||
<li role="presentation" class=""><a href="#tabVoiceShortCode" role="tab" id="voiceshortcode-tab2" class="text-warning" data-toggle="tab" aria-expanded="false">Voice Short Codes</a></li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade active in" id="tabCompany" aria-labelledby="company-tab">
|
||||
<div class="col-md-4">
|
||||
|
||||
|
||||
<h4 class="lead"><strong>Company Details</strong></h4>
|
||||
|
||||
<blockquote>
|
||||
<p>Country : <strong> {{ $showclient->country or "N/A" }}</strong></p>
|
||||
<p>Company Type : <strong> {{ $showclient->company_type or "N/A" }}</strong></p>
|
||||
<!-- <p>Products </p> -->
|
||||
<!-- <p>Products Description</p> -->
|
||||
<!-- <p>Product Specification</p> -->
|
||||
<!-- <p>Networks</p> gettype(json_decode($showclient->sender_ids, true )); -->
|
||||
<p>Requested Sender IDs : <strong> <?php if($showclient->sender_ids) { echo implode(", ", json_decode($showclient->sender_ids, true)); } else {echo "N/A"; } ?></strong></p>
|
||||
</blockquote>
|
||||
|
||||
<h4 class="lead"><strong>Connection Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Connection Types : <em> <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></em></p>
|
||||
<p>SMPP Username : <em>
|
||||
<?php if($showclient->smpp_username) { echo $showclient->smpp_username; } else {echo "N/A"; } ?></em></p>
|
||||
<p>Message Types : <em>
|
||||
<?php if($showclient->message_types) {
|
||||
$types_array = json_decode($showclient->message_types);
|
||||
echo implode(', ', $types_array);
|
||||
}
|
||||
else {
|
||||
echo "N/A";
|
||||
} ?>
|
||||
</em>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
|
||||
<h4 class="lead"><strong>Support Phone(s)</strong></h4>
|
||||
@if(!empty($showclient->support_phones))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_phones, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h4 class="lead"><strong>Support Email(s)</strong></h4>
|
||||
@if(!empty($showclient->support_emails))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
@if(!empty($showclient->rate_emails))
|
||||
<h4 class="lead"><strong>Rates Email(s)</strong></h4>
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->rate_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h4 class="lead"><strong>Finance Email(s)</strong></h4>
|
||||
@if(!empty($showclient->finance_email))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->finance_email, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="lead"><strong>Support Skype ID(s)</strong></h4>
|
||||
@if(!empty($showclient->support_skype))
|
||||
<blockquote>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_skype, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</blockquote>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<div class="well">
|
||||
<h4>How We Got This Client</h4>
|
||||
<?php echo $showclient->how_we_got_client ?? "N/A" ?>
|
||||
</div>
|
||||
<h4>Documents</h4>
|
||||
@if(!$showdocuments->isEmpty() == true)
|
||||
@foreach($showdocuments as $docs)
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<a href="{{ url('clients/downloadfile', $docs->id) }}"><i class="fa fa-paperclip"></i> {{ $docs->name }}.{{ $docs->file_extension }}</a>
|
||||
</p>
|
||||
@endforeach
|
||||
@else
|
||||
<p>No Documents found</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabConnection" aria-labelledby="connection-tab">
|
||||
|
||||
<h4 class="lead"><strong>Connection Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Connection Types : <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></p>
|
||||
<br>
|
||||
|
||||
<p>Partner SMPP Details <br>
|
||||
<?php //if($showclient->smpp_details) { echo $showclient->smpp_details; } else {echo "N/A"; } ?></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabContract" aria-labelledby="contract-tab">
|
||||
<h4 class="lead"> <strong>Contract Details </strong></h4>
|
||||
<blockquote>
|
||||
<p>Contract Type : <strong> {{ ucfirst($showclient->contract_type) ?? 'N/A'}} </strong><br> </p>
|
||||
|
||||
|
||||
<p>Contract Validity (Date) : <strong> {{ $showclient->contract_validity or 'N/A'}} </strong></p>
|
||||
<p>Contract Auto Renewal : <strong> {{ $showclient->contract_auto_renew or 'N/A'}} </strong></p>
|
||||
@if($showclient->contract_auto_renew != 'YES')
|
||||
<p>Renewal Due : <strong class="text-<?php echo ($highlight_colour == 'none') ? '' : 'danger'; ?> "> {{ $renewal_due }} </strong></p>
|
||||
@endif
|
||||
</blockquote>
|
||||
<h4 class="lead"> <strong>Support Fees </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="addSupportFeesInfoBtn"><i class="fa fa-plus-square"></i> New Support Fee Info</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.support_fees')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabFinance" aria-labelledby="finance-tab">
|
||||
<h4 class="lead"><strong>Finance Details </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createPaymentBtn"><i class="fa fa-plus-square"></i> New Payment Details</button>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@include('client.partials.recent-payments')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabNotes" aria-labelledby="notes-tab">
|
||||
<strong><h3> Notes</h3> </strong>
|
||||
<div class="pull-right">
|
||||
<!-- {{ url('clients/create-notes') }} -->
|
||||
<button type="button" class="btn btn-success btn-sm" id="createNotesBtn">New Notes <i class="fa fa-plus-square"></i> </button>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div style="background-color: #dce2e4; height: 400px; overflow: scroll;">
|
||||
|
||||
<ul class="messages list-group" style="padding: 15px;">
|
||||
@if($show_notes->isEmpty())
|
||||
<li style="" class="">No notes found</li>
|
||||
@else
|
||||
<?php for ($i = 0; $i < $show_notes->count(); $i++) { ?>
|
||||
<?php if ($show_notes[$i]->highlight == 'YES'): continue; endif; ?>
|
||||
<li class="list-group-item list-group-item-<?php echo ($i%2 == 0)? "secondary" : "info"; ?>">
|
||||
<div class="message_date" style="padding-right: 10px;">
|
||||
<h3 class="date text-info"><?php echo date('d', strtotime($show_notes[$i]->created_at)); ?></h3>
|
||||
<p class="month"><?php echo date('M', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
<p class="year"><?php echo date('Y', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">{{ $show_notes[$i]->client_info->name }}</h4>
|
||||
<blockquote class="message"><em>Content : </em> {{ $show_notes[$i]->notes_body }}</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<input type="hidden" name="notes_id" class="notesRowId" value="{{ $show_notes[$i]->id }}">
|
||||
<a href="#" class="notesEditBtn"><i class="fa fa-edit"></i>Account Manager : {{ $show_notes[$i]->created_by_info->name }} </a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSenderIDs" aria-labelledby="senderIds-tab">
|
||||
<h4 class="lead"><strong>Sender IDs </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSenderIdBtn"><i class="fa fa-plus-square"></i> New Sender ID</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sender-ids')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabSmsShortCode" aria-labelledby="smsshortcode-tab">
|
||||
<h4 class="lead"><strong>SMS Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createSmsShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sms-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabUssdShortCode" aria-labelledby="ussdshortcode-tab">
|
||||
<h4 class="lead"><strong>USSD Short Codes </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createUssdShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.ussd-codes')
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="tabVoiceShortCode" aria-labelledby="voiceshortcode-tab">
|
||||
<h4 class="lead"><strong>Voice Short Code </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="createVoiceShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.voice-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@section('javascript')
|
||||
<script src="{{ url('public/assets/vendors/iCheck/icheck.min.js') }}"></script>
|
||||
<script src="{{ url('public/assets/js/clientshow.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
// iCheck
|
||||
$(document).ready(function() {
|
||||
if ($("input.flat")[0]) {
|
||||
$(document).ready(function () {
|
||||
$('input.flat').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-green',
|
||||
radioClass: 'iradio_flat-green'
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
// /iCheck
|
||||
|
||||
// Table
|
||||
$('table input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('table input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
|
||||
var checkState = '';
|
||||
|
||||
$('.bulk_action input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifChecked', function () {
|
||||
checkState = 'all';
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifUnchecked', function () {
|
||||
checkState = 'none';
|
||||
countChecked();
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
438
resources/views/client/show_test.blade.php
Normal file
438
resources/views/client/show_test.blade.php
Normal file
@@ -0,0 +1,438 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
<link href="{{ url('public/assets/vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@include('client.partials.new_notes')
|
||||
@include('client.partials.edit-notes')
|
||||
@include('client.partials.finance')
|
||||
@include('client.partials.create-shortcodes')
|
||||
@include('client.partials.edit-shortcodes')
|
||||
@include('client.partials.edit-finance')
|
||||
@include('client.partials.progress_indicator_details')
|
||||
@include('client.partials.support_fees_form')
|
||||
@include('client.partials.create-senderids')
|
||||
<div class="">
|
||||
<div class="x_content">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2><i class="fa fa-align-left"></i> Client Details</h2>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
@include('commons.notifications')
|
||||
</div>
|
||||
<div class="x_content">
|
||||
|
||||
<!-- start accordion -->
|
||||
<div class="accordion" id="accordion" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel">
|
||||
<a class="panel-heading" role="tab" id="headingZero" data-toggle="collapse" data-parent="#accordion" href="#collapseZero" aria-expanded="true" aria-controls="collapseZero">
|
||||
<h4 class="panel-title">Details Summary</h4>
|
||||
</a>
|
||||
<div id="collapseZero" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingZero">
|
||||
<div class="panel-body">
|
||||
<div class="col-md-12">
|
||||
<ul class="stats-overview">
|
||||
<li>
|
||||
<span class="name"> Total Payments </span>
|
||||
<span class="value text-success"> {{ number_format($recent_payments->sum('invoice_amount')) }} </span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="name"> Short Codes </span>
|
||||
<span class="value text-success">
|
||||
{{ $ussd_codes->count() + $sms_codes->count() + $voice_codes->count() }}
|
||||
</span>
|
||||
</li>
|
||||
<li class="hidden-phone">
|
||||
<span class="name"> Sender IDs </span>
|
||||
<span class="value text-success"> {{ $client_sender_ids->count() }} </span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<div class="text-centerM">
|
||||
<div class="profile_img" style="padding-bottom: 5px;">
|
||||
<div id="crop-avatar">
|
||||
<!-- Current avatar -->
|
||||
@if($showclient->country_flag_info !== null)
|
||||
<!-- <img class="img-responsives avatar-views" src="{{ url($showclient->country_flag_info->url) }}" alt="Generic Client Icon" title="Country Flag" width="100px"> -->
|
||||
@else
|
||||
<!-- <img class="img-responsive avatar-view" src="{{ url('public/assets/img/generic-client.png') }}" alt="Generic Client Icon" title="Change the avatar" width="100px"> -->
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning" style="font-size: larger;"><strong>{{ $showclient->name }}</strong></p>
|
||||
<h4>
|
||||
Status : <span class="label label-{{ $status_bg }}">{{ $showclient->status }}</span>
|
||||
<span role="button" id="progressIndicatorBtn" class="label label-{{ $progress_status_bg }}"> Progress: {{ $showclient->progress_indicator_score }}%</span>
|
||||
</h4>
|
||||
<div class="">
|
||||
Client Account Manager : <strong><em> <?php echo $showclient->contact_person ?? 'N/A' ?> </em></strong>
|
||||
</div>
|
||||
<div class="">
|
||||
Click Account Manager : <strong><em> <?php echo $showclient->auth_user_info->name ?? 'N/A' ?> </em></strong>
|
||||
</div>
|
||||
<ul class="list-unstyled user_data">
|
||||
<li>
|
||||
<i class="fa fa-phone user-profile-icon"></i> <?php echo $showclient->phone ?? "N/A"; ?> | <i class="fa fa-envelope user-profile-icon"></i> <?php echo $showclient->email ?? "N/A"; ?>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa fa-skype user-profile-icon"></i> <?php echo $showclient->skype_name ?? "N/A"; ?> | <i class="fa fa-linkedin user-profile-icon"></i> <?php echo $showclient->linkedin_name ?? "N/A"; ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled user_data">
|
||||
<li>Country : <strong> {{ $showclient->country or "N/A" }}</strong> | Company Type : <strong> {{ $showclient->company_type or "N/A" }}</strong></li>
|
||||
|
||||
</ul>
|
||||
@if(session('current_user.id') == $showclient->auth_user_id)
|
||||
<a class="btn btn-success btn-sm" href="{{ url('clients/'. $showclient->id . '/edit') }}"><i class="fa fa-edit m-right-xs"></i> Edit Client</a>
|
||||
<a class="btn btn-primary btn-sm" href="{{ url('clients/onboarding', $showclient->id) }}"><i class="fa fa-edit m-right-xs"></i> Checklist</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5 style="text-decoration: underline;">Contract</h5>
|
||||
<ul class="list-unstyled user_data">
|
||||
<li>Contract Type : <strong> {{ ucfirst($showclient->contract_type) ?? 'N/A'}} </strong></li>
|
||||
<li>Contract Validity (Date) : <strong> {{ $showclient->contract_validity or 'N/A'}} </strong></li>
|
||||
<li>Contract Auto Renewal : <strong> {{ $showclient->contract_auto_renew or 'N/A'}} </strong></li>
|
||||
</ul>
|
||||
@if($showclient->contract_auto_renew != 'YES')
|
||||
<p>Renewal Due : <strong class="text-<?php echo ($highlight_colour == 'none') ? '' : 'danger'; ?> "> {{ $renewal_due }} </strong></p>
|
||||
@endif
|
||||
|
||||
<h5 class="" style="text-decoration: underline;"><strong>Connection Details </strong></h5>
|
||||
<p>Connection Types : <em> <?php if($showclient->connections) { echo implode(", ", json_decode($showclient->connections, true)); } else {echo "N/A"; } ?></em></p>
|
||||
<p>SMPP Username : <em>
|
||||
<?php if($showclient->smpp_username) { echo $showclient->smpp_username; } else {echo "N/A"; } ?></em></p>
|
||||
<p>Message Types : <em>
|
||||
<?php if($showclient->message_types) {
|
||||
$types_array = json_decode($showclient->message_types);
|
||||
echo implode(', ', $types_array);
|
||||
}
|
||||
else {
|
||||
echo "N/A";
|
||||
} ?>
|
||||
</em>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5 style="text-decoration: underline;">Documents</h5>
|
||||
@if(!$showdocuments->isEmpty() == true)
|
||||
@foreach($showdocuments as $docs)
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<a href="{{ url('clients/downloadfile', $docs->id) }}" title="Click to Download"><i class="fa fa-paperclip"></i> {{ $docs->name }}.{{ $docs->file_extension }}</a>
|
||||
</p>
|
||||
@endforeach
|
||||
@else
|
||||
<p>No Documents uploaded</p>
|
||||
@endif
|
||||
<div class="" style="padding-top: 10px;">
|
||||
<h5 style="text-decoration: underline;">How We Got This Client</h5>
|
||||
<p class="label label-success">
|
||||
<?php echo $showclient->how_we_got_client ?? "N/A" ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<h5>Notes(Highlights)</h5>
|
||||
<ul class="legend list-unstyled">
|
||||
<li>
|
||||
<p>
|
||||
<span class="icon"><i class="fa fa-square blue"></i></span> <span class="name">
|
||||
<?php for ($i = 0; $i < $show_notes_highlight->count(); $i++) { ?>
|
||||
<strong> {{ $i+1 . "." }}</strong>
|
||||
{{ $show_notes_highlight[$i]->notes_body }}
|
||||
<?php } ?>
|
||||
</span>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
|
||||
<h3 class="panel-title">Contact & Support Details</h3>
|
||||
</a>
|
||||
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<h5 class=""><strong>Support Phone(s)</strong></h5>
|
||||
@if(!empty($showclient->support_phones))
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_phones, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h5 class=""><strong>Support Email(s)</strong></h5>
|
||||
@if(!empty($showclient->support_emails))
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
@if(!empty($showclient->rate_emails))
|
||||
<h5 class=""><strong>Rates Email(s)</strong></h5>
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->rate_emails, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h5 class=""><strong>Finance Email(s)</strong></h5>
|
||||
@if(!empty($showclient->finance_email))
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->finance_email, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
<h5 class=""><strong>Support Skype ID(s)</strong></h5>
|
||||
@if(!empty($showclient->support_skype))
|
||||
<?php
|
||||
$the_arr = json_decode($showclient->support_skype, true) ?>
|
||||
<ul>
|
||||
<?php foreach ($the_arr as $row): ?>
|
||||
|
||||
<li>{{ $row }}</li>
|
||||
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
@else
|
||||
N/A
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
<h4 class="panel-title">Support Fees</h4>
|
||||
</a>
|
||||
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
|
||||
<div class="panel-body">
|
||||
|
||||
<h4 class="lead"> <strong>Fees List </strong></h4>
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" id="addSupportFeesInfoBtn"><i class="fa fa-plus-square"></i> New Support Fee Info</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.support_fees')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
<h4 class="panel-title">Notes</h4>
|
||||
</a>
|
||||
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
||||
<div class="panel-body">
|
||||
<!-- <p><strong>Collapsible Item 3 data</strong></p> -->
|
||||
<div class="pull-rightMMM">
|
||||
<button type="button" class="btn btn-success btn-sm" id="createNotesBtn">New Notes <i class="fa fa-plus-square"></i> </button>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div style="background-color: #dce2e4; height: 400px; overflow: scroll;">
|
||||
<ul class="messages list-group" style="padding: 15px;">
|
||||
@if($show_notes->isEmpty())
|
||||
<li style="" class="">No notes found</li>
|
||||
@else
|
||||
<?php for ($i = 0; $i < $show_notes->count(); $i++) { ?>
|
||||
<?php if ($show_notes[$i]->highlight == 'YES'): continue; endif; ?>
|
||||
<li class="list-group-item list-group-item-<?php echo ($i%2 == 0)? "secondary" : "info"; ?>">
|
||||
<div class="message_date" style="padding-right: 10px;">
|
||||
<h3 class="date text-info"><?php echo date('d', strtotime($show_notes[$i]->created_at)); ?></h3>
|
||||
<p class="month"><?php echo date('M', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
<p class="year"><?php echo date('Y', strtotime($show_notes[$i]->created_at)); ?></p>
|
||||
</div>
|
||||
<div class="message_wrapper">
|
||||
<h4 class="heading">{{ $show_notes[$i]->client_info->name }}</h4>
|
||||
<blockquote class="message"><em>Content : </em> {{ $show_notes[$i]->notes_body }}</blockquote>
|
||||
<br />
|
||||
<p class="url">
|
||||
<span class="fs1 text-info" aria-hidden="true" data-icon=""></span>
|
||||
<input type="hidden" name="notes_id" class="notesRowId" value="{{ $show_notes[$i]->id }}">
|
||||
<a href="#" class="notesEditBtn"><i class="fa fa-edit"></i>Account Manager : {{ $show_notes[$i]->created_by_info->name }} </a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingFour" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
<h4 class="panel-title">Recent Payments</h4>
|
||||
</a>
|
||||
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
|
||||
<div class="panel-body">
|
||||
<!-- <p><strong>Collapsible Item Four data</strong></p> -->
|
||||
<button type="button" class="btn btn-success btn-sm pull-rightb" id="createPaymentBtn"><i class="fa fa-plus-square"></i> New Payment Details</button>
|
||||
<div class="clearfix"></div>
|
||||
<div class="" style="background-color: #dce2e4; height: 400px; overflow: scroll;">
|
||||
@include('client.partials.recent-payments')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingFive" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
<h4 class="panel-title">Sender IDs</h4>
|
||||
</a>
|
||||
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
|
||||
<div class="panel-body">
|
||||
<!-- <p><strong>Collapsible Item Five data</strong></p> -->
|
||||
<button type="button" class="btn btn-success btn-sm pull-rightMM" id="createSenderIdBtn"><i class="fa fa-plus-square"></i> New Sender ID</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sender-ids')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingSix" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
<h4 class="panel-title">SMS Short Codes</h4>
|
||||
</a>
|
||||
<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
|
||||
<div class="panel-body">
|
||||
<!-- <p><strong>Collapsible Item Six data</strong></p> -->
|
||||
<button type="button" class="btn btn-success btn-sm pull-rightE" id="createSmsShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.sms-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingSeven" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
|
||||
<h4 class="panel-title">USSD Short Codes</h4>
|
||||
</a>
|
||||
<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
|
||||
<div class="panel-body">
|
||||
<!-- <h4 class="lead"><strong>USSD Short Codes </strong></h4> -->
|
||||
<button type="button" class="btn btn-success btn-sm" id="createUssdShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.ussd-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<a class="panel-heading collapsed" role="tab" id="headingVoice" data-toggle="collapse" data-parent="#accordion" href="#collapseVoice" aria-expanded="false" aria-controls="collapseVoice">
|
||||
<h4 class="panel-title">Voice Short Codes</h4>
|
||||
</a>
|
||||
<div id="collapseVoice" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingVoice">
|
||||
<div class="panel-body">
|
||||
<!-- <p><strong>Collapsible Item Voice data</strong></p> -->
|
||||
<button type="button" class="btn btn-success btn-sm" id="createVoiceShortCodeBtn"><i class="fa fa-plus-square"></i> New Short Code</button>
|
||||
<div class="clearfix"></div>
|
||||
@include('client.partials.voice-codes')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- end of accordion -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
@section('javascript')
|
||||
<script src="{{ url('public/assets/vendors/iCheck/icheck.min.js') }}"></script>
|
||||
<script src="{{ url('public/assets/js/clientshow.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
// iCheck
|
||||
$(document).ready(function() {
|
||||
if ($("input.flat")[0]) {
|
||||
$(document).ready(function () {
|
||||
$('input.flat').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-green',
|
||||
radioClass: 'iradio_flat-green'
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
// /iCheck
|
||||
|
||||
// Table
|
||||
$('table input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('table input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
|
||||
var checkState = '';
|
||||
|
||||
$('.bulk_action input').on('ifChecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().addClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input').on('ifUnchecked', function () {
|
||||
checkState = '';
|
||||
$(this).parent().parent().parent().removeClass('selected');
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifChecked', function () {
|
||||
checkState = 'all';
|
||||
countChecked();
|
||||
});
|
||||
$('.bulk_action input#check-all').on('ifUnchecked', function () {
|
||||
checkState = 'none';
|
||||
countChecked();
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
@@ -49,42 +49,7 @@
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2 class="blue">Additional Info </h2>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="dashboard-widget-content">
|
||||
|
||||
<ul class="list-unstyled timeline widget">
|
||||
@if($user_activities->isEmpty() == false)
|
||||
@foreach($user_activities as $userrow)
|
||||
<li>
|
||||
<div class="block">
|
||||
<div class="block_content">
|
||||
<h2 class="title">
|
||||
<a>{{ $userrow->content }}</a>
|
||||
</h2>
|
||||
<div class="byline">
|
||||
<span>{{ $userrow->activity_time }}</span>
|
||||
<!-- by <a>Jane Smith</a> -->
|
||||
</div>
|
||||
<p class="excerpt"></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2 class="blue">Recent Activities </h2>
|
||||
@@ -93,7 +58,6 @@
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="dashboard-widget-content">
|
||||
|
||||
<ul class="list-unstyled timeline widget">
|
||||
@if($user_activities->isEmpty() == false)
|
||||
@foreach($user_activities as $userrow)
|
||||
@@ -113,13 +77,13 @@
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<a href="{{ url('reports/useractivities') }}" class="btn btn-link">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2 class="red">Contracts Expiry Dates </h2>
|
||||
@@ -161,7 +125,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2 class="green">Newly Added Clients</h2>
|
||||
@@ -182,7 +146,6 @@
|
||||
<a class="title" title="View Client Details" href="{{ url('clients', $row->id) }}">{{ $recentrow->name }}</a>
|
||||
<p class="">Company Type : {{ strtoupper($recentrow->company_type) }}</p>
|
||||
<p class="">Account Manager : {{ strtoupper($recentrow->auth_user_info->name) }}</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
@endforeach
|
||||
|
||||
79
resources/views/emails/short_code_payment_alert.blade.php
Normal file
79
resources/views/emails/short_code_payment_alert.blade.php
Normal file
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<div class="">
|
||||
<img src="{!! url('public/assets/img/click-banner.png') !!}" alt="Click Mobile Banner Logo">
|
||||
</div>
|
||||
<h2>Short Code Invoice/Payment Alert</h2>
|
||||
{{ date('F d, Y') }} <br>
|
||||
|
||||
Hello Accounts Team,<br>
|
||||
|
||||
<p>{{ $message_body }}</p>
|
||||
|
||||
<p>Short Code : {{$finance_arr['short_code'] }} </p>
|
||||
<p>Invoice Date : {{ $finance_arr['invoice_date'] }} </p>
|
||||
<p>Invoice Number : {{ $finance_arr['invoice_number'] }} </p>
|
||||
<p>Amount : {{ $finance_arr['invoice_amount'] }} </p>
|
||||
<p>Status : {{ $finance_arr['invoice_status'] }} </p>
|
||||
<p>Remarks : {{ $finance_arr['remarks'] }}</p>
|
||||
|
||||
<strong>Client Short Short Codes</strong>
|
||||
<table bgcolor="#ACD13C" width="100%" style="border-style:solid; border-width:1px; border-color:#000000;" cellpadding="2" cellspacing="0">
|
||||
<tr style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
<th>Name</th>
|
||||
<th>Code</th>
|
||||
<th>Network</th>
|
||||
<th>Toll Free</th>
|
||||
<th>Status</th>
|
||||
<th>Remarks</th>
|
||||
<th>Launch Date</th>
|
||||
<th>Renewal Date</th>
|
||||
</tr>
|
||||
@if ($short_code_list->isEmpty())
|
||||
<tr>
|
||||
<td colspan="12" style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
No Records found
|
||||
</td>
|
||||
</tr>
|
||||
@else
|
||||
@foreach ($short_code_list as $row)
|
||||
<tr>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ $row->name }}
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
<b>{{ $row->shortcode }}</b>
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ $row->network }}
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ strtoupper($row->toll_free) }}
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ $row->status }}
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ $row->remarks }}
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
{{ date('d-m-Y', strtotime($row->launch_date)) }}</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">
|
||||
@if($row->expiry_date == false)
|
||||
{{ "N/A"}}
|
||||
@else
|
||||
{{ date('d-m-Y', strtotime($row->expiry_date)) }}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
69
resources/views/emails/test.blade.php
Normal file
69
resources/views/emails/test.blade.php
Normal file
@@ -0,0 +1,69 @@
|
||||
<table bgcolor="#fff" width="100%" cellpadding="2" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<table bgcolor="#bceff7" width="100%" cellpadding="0" cellspacing="0" style="">
|
||||
<tr>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Name</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Code</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Network</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Toll Free</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Status</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Remarks</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Launch Date</th>
|
||||
<th style="border-style:solid; border-width:1px; border-color:#000000;">Renewal Date</th>
|
||||
</tr>
|
||||
@for ($i = 0; $i < 10; ++$i)
|
||||
<tr>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400" >Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400" >Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;" width="400">Text goes here
|
||||
</td>
|
||||
</tr>
|
||||
@endfor
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<table bgcolor="#bceff7" width="100%" style="" cellpadding="2" cellspacing="0">
|
||||
<tr>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Name</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Code</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Network</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Toll Free</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Status</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Remarks</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Launch Date</th>
|
||||
<th style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">Renewal Date</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;"><b>some text</b></td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
<td style="font-weight: normal; font-size: 0.9em; color: #000000; font-family: Arial,helvetica,sans; padding:0px; text-align:left; border-style:solid; border-width:1px; border-color:#000000;">some text</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
516
resources/views/emails/test_two.blade.php
Normal file
516
resources/views/emails/test_two.blade.php
Normal file
@@ -0,0 +1,516 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||||
<head>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<xml>
|
||||
<o:OfficeDocumentSettings>
|
||||
<o:AllowPNG/>
|
||||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||
</o:OfficeDocumentSettings>
|
||||
</xml>
|
||||
<![endif]-->
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- So that mobile will display zoomed in -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- enable media queries for windows phone 8 -->
|
||||
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
|
||||
<meta name="format-detection" content="date=no"> <!-- disable auto date linking in iOS -->
|
||||
<meta name="format-detection" content="address=no"> <!-- disable auto address linking in iOS -->
|
||||
<meta name="format-detection" content="email=no"> <!-- disable auto email linking in iOS -->
|
||||
<meta name="author" content="Simple-Pleb.com">
|
||||
<title>Name Here</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||
|
||||
<style type="text/css">
|
||||
/*Basics*/
|
||||
body {margin:0px !important; padding:0px !important; display:block !important; min-width:100% !important; width:100% !important; -webkit-text-size-adjust:none;}
|
||||
table {border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt;}
|
||||
table td {border-collapse: collapse;mso-line-height-rule:exactly;}
|
||||
td img {-ms-interpolation-mode:bicubic; width:auto; max-width:auto; height:auto; margin:auto; display:block!important; border:0px;}
|
||||
td p {margin:0; padding:0;}
|
||||
td div {margin:0; padding:0;}
|
||||
td a {text-decoration:none; color: inherit;}
|
||||
/*Outlook*/
|
||||
.ExternalClass {width: 100%;}
|
||||
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div {line-height:inherit;}
|
||||
.ReadMsgBody {width:100%; background-color: #ffffff;}
|
||||
/* iOS BLUE LINKS */
|
||||
a[x-apple-data-detectors] {color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;}
|
||||
/*Gmail blue links*/
|
||||
u + #body a {color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;}
|
||||
/*Buttons fix*/
|
||||
.undoreset a, .undoreset a:hover {text-decoration:none !important;}
|
||||
.yshortcuts a {border-bottom:none !important;}
|
||||
.ios-footer a {color:#aaaaaa !important;text-decoration:none;}
|
||||
/*Responsive*/
|
||||
@media screen and (max-width: 799px) {
|
||||
table.row {width: 100%!important;max-width: 100%!important;}
|
||||
td.row {width: 100%!important;max-width: 100%!important;}
|
||||
.img-responsive img {width:100%!important;max-width: 100%!important;height: auto!important;margin: auto;}
|
||||
.center-float {float: none!important;margin:auto!important;}
|
||||
.center-text{text-align: center!important;}
|
||||
.container-padding {width: 100%!important;padding-left: 15px!important;padding-right: 15px!important;}
|
||||
.container-padding10 {width: 100%!important;padding-left: 10px!important;padding-right: 10px!important;}
|
||||
.hide-mobile {display: none!important;}
|
||||
.menu-container {text-align: center !important;}
|
||||
.autoheight {height: auto!important;}
|
||||
.m-padding-10 {margin: 10px 0!important;}
|
||||
.m-padding-15 {margin: 15px 0!important;}
|
||||
.m-padding-20 {margin: 20px 0!important;}
|
||||
.m-padding-30 {margin: 30px 0!important;}
|
||||
.m-padding-40 {margin: 40px 0!important;}
|
||||
.m-padding-50 {margin: 50px 0!important;}
|
||||
.m-padding-60 {margin: 60px 0!important;}
|
||||
.m-padding-top10 {margin: 30px 0 0 0!important;}
|
||||
.m-padding-top15 {margin: 15px 0 0 0!important;}
|
||||
.m-padding-top20 {margin: 20px 0 0 0!important;}
|
||||
.m-padding-top30 {margin: 30px 0 0 0!important;}
|
||||
.m-padding-top40 {margin: 40px 0 0 0!important;}
|
||||
.m-padding-top50 {margin: 50px 0 0 0!important;}
|
||||
.m-padding-top60 {margin: 60px 0 0 0!important;}
|
||||
.m-height10 {font-size:10px!important;line-height:10px!important;height:10px!important;}
|
||||
.m-height15 {font-size:15px!important;line-height:15px!important;height:15px!important;}
|
||||
.m-height20 {font-size:20px!important;line-height:20px!important;height:20px!important;}
|
||||
.m-height25 {font-size:25px!important;line-height:25px!important;height:25px!important;}
|
||||
.m-height30 {font-size:30px!important;line-height:30px!important;height:30px!important;}
|
||||
.rwd-on-mobile {display: inline-block!important;padding: 5px;}
|
||||
.center-on-mobile {text-align: center!important;}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" bgcolor="#f0f0f0">
|
||||
|
||||
<span class="preheader-text" style="color: transparent; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; visibility: hidden; width: 0; display: none; mso-hide: all;"></span>
|
||||
|
||||
<div style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;"></div>
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" width="100%" style="width:100%;max-width:100%;">
|
||||
<tr><!-- Outer Table -->
|
||||
<td align="center" bgcolor="#f0f0f0" data-composer>
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;" >
|
||||
<!-- lotus-header-18-->
|
||||
<tr>
|
||||
<td align="center" bgcolor="#343e9e" class="container-padding">
|
||||
|
||||
<!-- Content -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="row" width="580" style="width:580px;max-width:580px;">
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
<!-- Logo & Webview -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;">
|
||||
<tr>
|
||||
<td align="center" class="container-padding">
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0" dir="rtl"><tr><td><![endif]-->
|
||||
|
||||
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
|
||||
|
||||
<!-- gap -->
|
||||
<table border="0" align="right" cellpadding="0" cellspacing="0" role="presentation" class="row" width="20" style="width:20px;max-width:20px;">
|
||||
<tr>
|
||||
<td height="20" style="font-size:20px;line-height:20px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- gap -->
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
|
||||
|
||||
<!-- column -->
|
||||
<table border="0" align="right" cellpadding="0" cellspacing="0" role="presentation" class="row" width="280" style="width:280px;max-width:280px;">
|
||||
<tr >
|
||||
<td align="left" class="center-text">
|
||||
<a href="{{ url('/') }}"><img style="width:72px;border:0px;display: inline!important;" src="" width="72" border="0" alt=""></a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- column -->
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Logo & Webview -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center" class="center-text">
|
||||
<img style="width:190px;border:0px;display: inline!important;" src="" width="190" border="0" alt="intro">
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Roboto Slab',Arial,Helvetica,sans-serif;font-size:42px;line-height:52px;font-weight:400;font-style:normal;color:#FFFFFF;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 'Thanks for your payment' }}
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="10" style="font-size:10px;line-height:10px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Roboto Slab',Arial,Helvetica,sans-serif;font-size:26px;line-height:36px;font-weight:400;font-style:normal;color:#d7e057;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 'Attached your receipt' }}.
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="20" style="font-size:20px;line-height:20px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:16px;line-height:26px;font-weight:300;font-style:normal;color:#FFFFFF;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 'Thank you paragraph' }}
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Content -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;" >
|
||||
<!-- lotus-arrow-divider -->
|
||||
<tr >
|
||||
<td align="center" bgcolor="#FFFFFF">
|
||||
<img style="width:50px;border:0px;display: inline!important;" src="" width="50" border="0" alt="arrow">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;" >
|
||||
<!-- lotus-content-18 -->
|
||||
<tr>
|
||||
<td align="center" bgcolor="#FFFFFF" class="container-padding">
|
||||
|
||||
<!-- Content -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="row" width="580" style="width:580px;max-width:580px;">
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center" bgcolor="#f4f5fa">
|
||||
<!-- Content -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="row" width="480" style="width:480px;max-width:480px;">
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
|
||||
<!-- Column -->
|
||||
<table border="0" align="left" cellpadding="0" cellspacing="0" role="presentation" class="row" width="225" style="width:225px;max-width:225px;">
|
||||
<tr >
|
||||
<td class="center-text" align="left" style="font-family:'Roboto Slab',Arial,Helvetica,sans-serif;font-size:20px;line-height:26px;font-weight:400;font-style:normal;color:#343e9e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 90000000 }}:
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="10" style="font-size:10px;line-height:10px;"> </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="left" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-style:normal;color:#282828;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 90000000}}
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Column -->
|
||||
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
|
||||
<!-- gap -->
|
||||
<table border="0" align="left" cellpadding="0" cellspacing="0" role="presentation" width="30" style="width:30px;max-width:30px;">
|
||||
<tr>
|
||||
<td height="20" style="font-size:20px;line-height:20px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- gap -->
|
||||
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
|
||||
<!-- Column -->
|
||||
<table border="0" align="left" cellpadding="0" cellspacing="0" role="presentation" class="row" width="225" style="width:225px;max-width:225px;">
|
||||
<tr >
|
||||
<td class="center-text" align="left" style="font-family:'Roboto Slab',Arial,Helvetica,sans-serif;font-size:20px;line-height:26px;font-weight:400;font-style:normal;color:#343e9e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 90000000 }}:
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="10" style="font-size:10px;line-height:10px;"> </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="left" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-style:normal;color:#282828;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ 82323232 }}
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Column -->
|
||||
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Content -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="30" style="font-size:30px;line-height:30px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
<!-- Paragraphs -->
|
||||
<table border="0" cellspacing="0" cellpadding="0" role="presentation" align="center" class="row" width="480" style="width:480px;max-width:480px;">
|
||||
<tr>
|
||||
<td class="center-text" align="center" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:14px;line-height:26px;font-weight:400;font-style:italic;color:#6e6e6e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
({{ __('If you have any questions or feedback, just') }} <a href="" style="color:#ed6e7a;text-decoration: underline;">{{ __('reply to this email') }}</a>)
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Paragraphs -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="30" style="font-size:30px;line-height:30px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
|
||||
<!-- Buttons -->
|
||||
<table border="0" cellspacing="0" cellpadding="0" role="presentation" align="center" class="center-float">
|
||||
<tr>
|
||||
<td align="center" bgcolor="#d6df58" style="border-radius: 6px;">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table border="0" cellpadding="0" cellspacing="0" align="center">
|
||||
<tr>
|
||||
<td align="center" width="50"></td>
|
||||
<td align="center" height="50" style="height:50px;">
|
||||
<![endif]-->
|
||||
|
||||
<a href="" target="_blank" style="font-family:'Roboto Slab',Arial,Helvetica,sans-serif;font-size:16px;line-height:19px;font-weight:700;font-style:normal;color:#000000;text-decoration:none;letter-spacing:0px;padding: 20px 50px 20px 50px;display: inline-block;"><span>{{ "download now" }}</span></a>
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
<td align="center" width="50"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Buttons -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="40" style="font-size:40px;line-height:40px;" > </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Content -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;" >
|
||||
<!-- lotus-footer-18 -->
|
||||
<tr>
|
||||
<td align="center" bgcolor="#f0f0f0" class="container-padding">
|
||||
|
||||
<!-- Content -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="row" width="580" style="width:580px;max-width:580px;">
|
||||
<tr>
|
||||
<td height="50" style="font-size:50px;line-height:50px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
<!-- Social Icons -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;max-width:100%;">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td class="rwd-on-mobile" align="center" valign="middle" height="36" style="height: 36px;">
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td width="10"></td>
|
||||
<td align="center">
|
||||
<a href=""><img style="width:36px;border:0px;display: inline!important;" src="" width="36" border="0" alt="icon"></a>
|
||||
</td>
|
||||
<td width="10"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<td class="rwd-on-mobile" align="center" valign="middle" height="36" style="height: 36px;">
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td width="10"></td>
|
||||
<td align="center">
|
||||
<a href=""><img style="width:36px;border:0px;display: inline!important;" src="" width="36" border="0" alt="icon"></a>
|
||||
</td>
|
||||
<td width="10"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<td class="rwd-on-mobile" align="center" valign="middle" height="36" style="height: 36px;">
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td width="10"></td>
|
||||
<td align="center">
|
||||
<a href=""><img style="width:36px;border:0px;display: inline!important;" src="" width="36" border="0" alt="icon"></a>
|
||||
</td>
|
||||
<td width="10"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<td class="rwd-on-mobile" align="center" valign="middle" height="36" style="height: 36px;">
|
||||
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td width="10"></td>
|
||||
<td align="center">
|
||||
<a href=""><img style="width:36px;border:0px;display: inline!important;" src="" width="36" border="0" alt="icon"></a>
|
||||
</td>
|
||||
<td width="10"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Social Icons -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="30" style="font-size:30px;line-height:30px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;font-weight:400;font-style:normal;color:#6e6e6e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<div >
|
||||
{{ "address" }}
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;font-weight:400;font-style:normal;color:#6e6e6e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<a href="tel:23332333" style="color:#6e6e6e;"><span>{{ 2333232 }}</span></a>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="center-text" align="center" style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;font-weight:400;font-style:normal;color:#6e6e6e;text-decoration:none;letter-spacing:0px;">
|
||||
|
||||
<a href="" style="color:#6e6e6e;"><span>Email</span></a> - <a href="{{ url('/') }}" style="color:#6e6e6e;"><span>{{ url('/') }}</span></a>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="30" style="font-size:30px;line-height:30px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
|
||||
<!-- Buttons -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="row" width="100%" style="width:100%;max-width:100%;">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<!-- column -->
|
||||
<table border="0" align="center" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr >
|
||||
<td align="center">
|
||||
<a href=""><img style="display:block;width:100%;max-width:117px;border:0px;" width="117" src="" border="0" alt="icon"></a>
|
||||
</td>
|
||||
<td width="10" style="width: 10px;"></td>
|
||||
<td align="center">
|
||||
<a href=""><img style="display:block;width:100%;max-width:117px;border:0px;" width="117" src="" border="0" alt="icon"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- column -->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Buttons -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td height="30" style="font-size:30px;line-height:30px;" > </td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td align="center">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="50" style="font-size:50px;line-height:50px;" > </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Content -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr><!-- Outer-Table -->
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -59,6 +59,11 @@
|
||||
|
||||
<div class="x_content">
|
||||
<div class="row tile_count">
|
||||
<div class="well">
|
||||
<h3>Click Documents Repository</h3>
|
||||
<p>Access the document repository if you need to perform deep search from individual documents</p>
|
||||
<a href="http://206.225.84.201:8000" class="btn btn-warning btn" target="_blank">Open Document Repository</a>
|
||||
</div>
|
||||
<h4 class="green">General Documents Overview</h4>
|
||||
@foreach($document_arr as $row)
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
|
||||
@@ -113,7 +113,7 @@
|
||||
|
||||
<!-- footer content -->
|
||||
<footer>
|
||||
<div class="pull-right">
|
||||
<div class="pull-right" style="">
|
||||
Click Mobile | <a href="https://click-mobile.com">Main Website</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
@@ -29,7 +29,9 @@
|
||||
<!-- <li> -->
|
||||
<li><a><i class="fa fa-table"></i>Reports <span class="fa fa-chevron-down"></span></a>
|
||||
<ul class="nav child_menu">
|
||||
<li><a href="{!! url('reports/overview') !!}">Overview</a></li>
|
||||
<li><a href="{!! url('clientpaymentreports') !!}">Client Payments</a></li>
|
||||
<li><a href="{!! url('reports/clientsbyservice') !!}">VAS Clients</a></li>
|
||||
<li><a href="{!! url('mnopaymentreports') !!}">MNO Payments</a></li>
|
||||
<li><a href="{!! url('reports/recentclients') !!}">Recent Clients</a></li>
|
||||
<li><a href="{!! url('reports/useractivities') !!}">User Activities</a></li>
|
||||
@@ -54,6 +56,7 @@
|
||||
<!-- </li> -->
|
||||
|
||||
<li><a href="{!! url('clickapps') !!}"><i class="fa fa-code"></i> Click Apps </a></li>
|
||||
<li><a href="{!! url('infrastructure/vpn') !!}"><i class="fa fa-shield"></i> VPN Configs </a></li>
|
||||
<li><a href="{!! url('ussdclients') !!}"><i class="fa fa-money"></i> USSD Clients Payments</a></li>
|
||||
<li><a href="{!! url('staffmembers') !!}"><i class="fa fa-users"></i> Team Members</a></li>
|
||||
<!-- </li> -->
|
||||
@@ -61,6 +64,7 @@
|
||||
<li><a><i class="fa fa-sitemap"></i>Infrastructure <span class="fa fa-chevron-down"></span></a>
|
||||
<ul class="nav child_menu">
|
||||
<li><a href="{!! url('infrastructure/servers') !!}">Overview</a></li>
|
||||
<li><a href="{!! url('infrastructure/vpn') !!}">VPN Configs</a></li>
|
||||
<li><a href="{!! url('infrastructure/server-list') !!}">Server List </a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
<?php
|
||||
//this will be reviewed later to make the staff_member_id global
|
||||
$staff_member_id = session('current_user.id');
|
||||
?>
|
||||
<div class="top_nav">
|
||||
<div class="nav_menu">
|
||||
<nav>
|
||||
@@ -12,7 +16,7 @@
|
||||
<span class=" fa fa-angle-down"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-usermenu pull-right">
|
||||
<li><a href="javascript:;"> Profile</a></li>
|
||||
<li><a href="{{ url('staffmembers/profile', $staff_member_id) }}"> Profile</a></li>
|
||||
<!-- <li>
|
||||
<a href="javascript:;">
|
||||
<span class="badge bg-red pull-right">50%</span>
|
||||
|
||||
146
resources/views/reports/clients-by-service.blade.php
Executable file
146
resources/views/reports/clients-by-service.blade.php
Executable file
@@ -0,0 +1,146 @@
|
||||
@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=""><a href="{!! url('reports/overview') !!}"> Reports</a></li>
|
||||
<li class="active">VAS Clients</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title_right">
|
||||
<div class="row">
|
||||
<form method="GET" action="{!! url('reports/clientsbyservice') !!}">
|
||||
<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>
|
||||
</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> Reports - VAS Clients </h2>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="x_content">
|
||||
<div>
|
||||
<button id="clinetbyservice-report-download-xlsx" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i> Download XLSX</button>
|
||||
<button id="clinetbyservice-report-download-pdf" class="btn btn-danger btn-sm"><i class="fa fa-file-pdf-o"></i> Download PDF</button>
|
||||
</div>
|
||||
<div id="clientsByServiceTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/xlsx.full.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.plugin.autotable.js') !!}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
function link(cell, formatterParams){
|
||||
var url = cell.getValue();
|
||||
var rowID = cell.getData().id
|
||||
//return "<a href='"+ base_url + "/clientpaymentreports/"+rowID+"' class='btn btn-link'>"+url+"</a>";
|
||||
//return '<a href="'+ base_url + '"/clients/"'+rowID+'" class="btn btn-link">'+ url +'</a>';
|
||||
}
|
||||
var table = new Tabulator("#clientsByServiceTable", {
|
||||
ajaxURL: "clientsbyservice/all",
|
||||
paginationSize: 30,
|
||||
layout: "fitColumns",
|
||||
pagination: "local",
|
||||
selectable: false,
|
||||
printAsHtml: true,
|
||||
ajaxLoaderLoading: $('#logo_spinner').html(),
|
||||
columns: [
|
||||
{
|
||||
title: "Client Name",
|
||||
field: "name",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
field: "services",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Status",
|
||||
field: "status",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Account Manager",
|
||||
field: "accountMgr",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Country",
|
||||
field: "country",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Date Added",
|
||||
field: "created_at",
|
||||
sorter: "datetime",
|
||||
}
|
||||
],
|
||||
rowClick:function(e, row){
|
||||
var userID = row.getData().id;
|
||||
//$('#userEditModal').modal('show');
|
||||
},
|
||||
});
|
||||
document.getElementById("clinetbyservice-report-download-xlsx").addEventListener("click", function(){
|
||||
table.download("xlsx", "clinetbyservice-report.xlsx", {sheetName:"Sheet 1"});
|
||||
});
|
||||
//trigger download of data.pdf file
|
||||
document.getElementById("clinetbyservice-report-download-pdf").addEventListener("click", function(){
|
||||
table.download("pdf", "clinetbyservice-report-list.pdf", {
|
||||
orientation:"portrait", //set page orientation to portrait
|
||||
title:"Click Mobile ERP - List of Clients by Service", //add title to report
|
||||
});
|
||||
});
|
||||
|
||||
$('#keywordField').on('keyup', function(){
|
||||
var keyword = $(this).val();
|
||||
table.setData("clientsbyservice/all?keyword=" + keyword);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<!-- <li class=""><a href=""> Reports</a></li> -->
|
||||
<li class=""><a href="{!! url('reports/overview') !!}"> Reports</a></li>
|
||||
<li class="active">Client Payments</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<!-- <li class=""><a href=""> Reports</a></li> -->
|
||||
<li class=""><a href="{!! url('reports/overview') !!}"> Reports</a></li>
|
||||
<li class="active">MNO Payments</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
144
resources/views/reports/overview.blade.php
Normal file
144
resources/views/reports/overview.blade.php
Normal file
@@ -0,0 +1,144 @@
|
||||
@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">Reports</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title_right">
|
||||
<div class="row">
|
||||
<form method="GET" action="{!! url('generaldocuments') !!}">
|
||||
<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> All Reports </h2>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="x_content">
|
||||
<div class="row tile_count">
|
||||
|
||||
<h4 class="green">General Documents Overview</h4>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
<span class="count_top"><i class="fa fa-list"></i>
|
||||
<a href="{!! url('reports/recentclients') !!}">Recent Clients</a>
|
||||
</span>
|
||||
|
||||
<div class="count green">
|
||||
<a href="">
|
||||
<img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
|
||||
<a href="{!! url('reports/recentclients') !!}"> 400</a>
|
||||
</div>
|
||||
<!-- <span class="count_bottom"><i class="green">4% </i> From last Week</span> -->
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
<span class="count_top"><i class="fa fa-list"></i>
|
||||
<a href="{!! url('reports/clientsbyservice') !!}">VAS Clients</a>
|
||||
</span>
|
||||
|
||||
<div class="count green">
|
||||
<a href="">
|
||||
<img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
|
||||
<a href="{!! url('reports/clientsbyservice') !!}"> 923</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
<span class="count_top"><i class="fa fa-list"></i>
|
||||
<a href="{!! url('clientpaymentreports') !!}">Client Payments</a>
|
||||
</span>
|
||||
|
||||
<div class="count green">
|
||||
<a href="">
|
||||
<img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
|
||||
<a href="{!! url('clientpaymentreports') !!}"> 6,123</a>
|
||||
</div>
|
||||
<!-- <span class="count_bottom"><i class="green">4% </i> From last Week</span> -->
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
<span class="count_top"><i class="fa fa-list"></i>
|
||||
<a href="{!! url('clientpaymentreports') !!}">MNO Payments</a>
|
||||
</span>
|
||||
|
||||
<div class="count green">
|
||||
<a href="{!! url('mnopaymentreports') !!}">
|
||||
<img src="" width="40px"></a>
|
||||
<a href="{!! url('mnopaymentreports') !!}"> 8,103</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
|
||||
<span class="count_top"><i class="fa fa-list"></i>
|
||||
<a href="{!! url('clientpaymentreports') !!}">User Activities</a>
|
||||
</span>
|
||||
|
||||
<div class="count green">
|
||||
<a href="{!! url('mnopaymentreports') !!}">
|
||||
<img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
|
||||
<a href="{!! url('reports/useractivities') !!}"> 2,323</a>
|
||||
</div>
|
||||
<!-- <span class="count_bottom"><i class="green">4% </i> From last Week</span> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12" style="margin-top: 50px;">
|
||||
<!-- <a href="{!! url('generaldocuments/create') !!}" class="btn btn-primary btn-lg btn-block"> <i class="fa fa-cloud-upload"></i> Upload New Documents</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
@@ -14,6 +14,7 @@
|
||||
<div class="title_left">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li class=""><a href="{!! url('reports/overview') !!}"> Reports</a></li>
|
||||
<li class="active">Recent Clients</li>
|
||||
</ol>
|
||||
</div>
|
||||
@@ -52,17 +53,15 @@
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2> Recent Clients </h2>
|
||||
|
||||
<h2> Recent Clients (This Week)</h2>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="x_content">
|
||||
<div>
|
||||
<button id="clients-download-xlsx" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i> Download XLSX</button>
|
||||
<button id="clients-download-pdf" class="btn btn-danger btn-sm"><i class="fa fa-file-pdf-o"></i> Download PDF</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="recentClientsTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
149
resources/views/reports/user-activities.blade.php
Normal file
149
resources/views/reports/user-activities.blade.php
Normal file
@@ -0,0 +1,149 @@
|
||||
@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=""><a href="{!! url('reports/overview') !!}"> Reports</a></li>
|
||||
<li class="active">User Activities</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title_right">
|
||||
<div class="row">
|
||||
<form method="GET" action="{!! url('clients') !!}">
|
||||
<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">
|
||||
<!-- <a href="{!! url('clients') !!}" class="btn btn-warning btn-xs"><i class="fa fa-refresh"></i> Reset Filter</a> -->
|
||||
</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> User Activities </h2>
|
||||
|
||||
<div class="pull-right"></div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="x_content">
|
||||
<div>
|
||||
<button id="useractivities-download-xlsx" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i> Download XLSX</button>
|
||||
<button id="useractivities-download-pdf" class="btn btn-danger btn-sm"><i class="fa fa-file-pdf-o"></i> Download PDF</button>
|
||||
</div>
|
||||
<div id="userActivitiesTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/xlsx.full.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.plugin.autotable.js') !!}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
function link(cell, formatterParams){
|
||||
var url = cell.getValue();
|
||||
var rowID = cell.getData().id
|
||||
return "<a href='"+ base_url + "/useractivities/"+rowID+"' class='btn btn-link'>"+url+"</a>";
|
||||
}
|
||||
var table = new Tabulator("#userActivitiesTable", {
|
||||
ajaxURL: "useractivities/all",
|
||||
paginationSize: 15,
|
||||
paginationSizeSelector: true,
|
||||
paginationSizeSelector:[5, 10, 25, 50, 100, 200],
|
||||
layout: "fitColumns",
|
||||
pagination: "local",
|
||||
selectable: false,
|
||||
printAsHtml: true,
|
||||
ajaxLoaderLoading: $('#logo_spinner').html(),
|
||||
columns: [
|
||||
{
|
||||
title: "User",
|
||||
field: "name",
|
||||
sorter: "string",
|
||||
formatter:link,
|
||||
},
|
||||
{
|
||||
title: "Activity",
|
||||
field: "content",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "IP",
|
||||
field: "ip_address",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Date Added",
|
||||
field: "created_at",
|
||||
sorter: "date",
|
||||
}
|
||||
],
|
||||
|
||||
rowClick:function(e, row){
|
||||
var userID = row.getData().id;
|
||||
//$('#userEditModal').modal('show');
|
||||
},
|
||||
});
|
||||
document.getElementById("useractivities-download-xlsx").addEventListener("click", function(){
|
||||
table.download("xlsx", "useractivities-list.xlsx", {sheetName:"Sheet 1"});
|
||||
});
|
||||
//trigger download of data.pdf file
|
||||
document.getElementById("useractivities-download-pdf").addEventListener("click", function(){
|
||||
table.download("pdf", "useractivities-list.pdf", {
|
||||
orientation:"portrait", //set page orientation to portrait
|
||||
title:"Click Mobile - User Activities", //add title to report
|
||||
});
|
||||
});
|
||||
|
||||
$('#keywordField').on('keyup', function(){
|
||||
console.log('up');
|
||||
var keyword = $(this).val();
|
||||
table.setData("useractivities/all?keyword=" + keyword);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
@@ -52,9 +52,16 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="network">Network</label>
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="directMno">Direct MNO</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('direct_mno') ? 'has-error' : ''}}">
|
||||
{!! Form::select('direct_mno', $direct_mno_arr ,old('direct_mno'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select one ' , 'id' => 'directMno', 'required' => 'true']) !!}
|
||||
{!! $errors->first('direct_mno', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="networkName">Network</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('network') ? 'has-error' : ''}}">
|
||||
{!! Form::select('network_id', $network_arr, old('network_id'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select Network ' , 'id' => 'network', 'required' => 'true']) !!}
|
||||
{!! Form::select('network_id', $network_arr, old('network_id'), ['class' => 'form-control col-md-7 col-xs-12', 'id' => 'networkName', 'required' => 'true']) !!}
|
||||
{!! $errors->first('network', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,7 +92,9 @@
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript" src="{!! url('public/assets/js/senderid.js') !!}"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function(){
|
||||
$('select').select2();
|
||||
|
||||
|
||||
@@ -58,6 +58,10 @@
|
||||
</div>
|
||||
|
||||
<div class="x_content">
|
||||
<div>
|
||||
<button id="senderid-download-xlsx" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i> Download XLSX</button>
|
||||
<button id="senderid-download-pdf" class="btn btn-danger btn-sm"><i class="fa fa-file-pdf-o"></i> Download PDF</button>
|
||||
</div>
|
||||
<div id="senderIdsTable"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -69,6 +73,10 @@
|
||||
|
||||
@section('javascript')
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/xlsx.full.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.min.js') !!}"></script>
|
||||
<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.plugin.autotable.js') !!}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
function link(cell, formatterParams){
|
||||
@@ -104,11 +112,6 @@
|
||||
sorter: "string",
|
||||
formatter:link,
|
||||
},
|
||||
{
|
||||
title: "Country",
|
||||
field: "country",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Sender ID",
|
||||
field: "senderid",
|
||||
@@ -121,21 +124,32 @@
|
||||
sorter: "string",
|
||||
formatter: statusDesign,
|
||||
},
|
||||
{
|
||||
title: "Direct MNO",
|
||||
field: "direct_mno",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Country",
|
||||
field: "country",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Network",
|
||||
field: "networkName",
|
||||
sorter: "string",
|
||||
},
|
||||
|
||||
{
|
||||
title: "Created By",
|
||||
field: "createdBy",
|
||||
sorter: "string",
|
||||
},
|
||||
{
|
||||
title: "Last Modified By",
|
||||
field: "modifiedBy",
|
||||
sorter: "string",
|
||||
}
|
||||
// {
|
||||
// title: "Last Modified By",
|
||||
// field: "modifiedBy",
|
||||
// sorter: "string",
|
||||
// }
|
||||
],
|
||||
|
||||
rowClick:function(e, row){
|
||||
@@ -144,7 +158,16 @@
|
||||
//$('#userEditModal').modal('show');
|
||||
},
|
||||
});
|
||||
|
||||
document.getElementById("senderid-download-xlsx").addEventListener("click", function(){
|
||||
table.download("xlsx", "senderid-list.xlsx", {sheetName:"Sheet 1"});
|
||||
});
|
||||
//trigger download of data.pdf file
|
||||
document.getElementById("senderid-download-pdf").addEventListener("click", function(){
|
||||
table.download("pdf", "client-list.pdf", {
|
||||
orientation:"portrait", //set page orientation to portrait
|
||||
title:"Click Mobile - Sender ID", //add title to report
|
||||
});
|
||||
});
|
||||
$('#keywordField').on('keyup', function(){
|
||||
console.log('up');
|
||||
var keyword = $(this).val();
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<link href="{!! url('public/assets/vendors/tabulator/css/bootstrap/tabulator_bootstrap.css') !!}" type="text/css" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
@include('client.partials.edit-shortcodes')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left">
|
||||
@@ -54,7 +55,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 form-group pull-left top_search" style="margin-top: -2px;">
|
||||
<div class="input-group bg-info">
|
||||
<div class="input-group bg-danger">
|
||||
<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> -->
|
||||
@@ -89,16 +90,100 @@
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
function link(cell, formatterParams){
|
||||
var url = cell.getValue();
|
||||
var rowID = cell.getData().id
|
||||
return "<a href='"+ base_url + "/smsshortcodes/"+rowID+"' class='btn btn-link'>"+url+"</a>";
|
||||
//return '<a href="'+ base_url + '"/clients/"'+rowID+'" class="btn btn-link">'+ url +'</a>';
|
||||
$('#shortCodeEditForm').submit(function(evt){
|
||||
evt.preventDefault();
|
||||
var formData = new FormData($(this)[0]);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: base_url + '/clients/shortcode_update',
|
||||
data : formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
async: false,
|
||||
success: function (data){
|
||||
if (data.code === 1) {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: 'Short Code Details successfully updated',
|
||||
});
|
||||
setTimeout(function(){
|
||||
location.reload();
|
||||
}, 8000);
|
||||
}
|
||||
else if (data.code > 1) {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: data.msg,
|
||||
});
|
||||
}
|
||||
else {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: 'Your request could not be handled. Try again !',
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('click', '.linkButton', function(){
|
||||
var theVal = $(this).siblings('.hiddenInput').val();
|
||||
console.log('heere at the wall' + theVal );
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: base_url + '/clients/get_shortcode/' + theVal,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
async: false,
|
||||
success: function (data){
|
||||
if (data.code === 1) {
|
||||
console.log(data);
|
||||
$('#shortCodeIDEdit').val(theVal);
|
||||
$('#nameEdit').val(data.result.name);
|
||||
$('#shortCodeClientIdEdit').val(data.result.client_id);
|
||||
$('#shortCodeTypeEdit').val(data.result.code_type);
|
||||
$('#shortCodeEdit').val(data.result.shortcode);
|
||||
$('#tollFreeEdit').val(data.result.toll_free).change();
|
||||
$('#monthlyFeeEdit').val(data.result.monthly_fee);
|
||||
$('#launchDateEdit').val(data.result.launch_date);
|
||||
$('#expiryDateEdit').val(data.result.expiry_date);
|
||||
$('#codeStatusEdit').val(data.result.status).change();
|
||||
$('#network').val(data.result.network).change();
|
||||
$('#remarksEdit').val(data.result.remarks);
|
||||
$('#shortCodeEditModal').modal('show');
|
||||
}
|
||||
else if (data.code > 1) {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: data.msg,
|
||||
});
|
||||
}
|
||||
else {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: 'Your request could not be handled. Try again !',
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
function getShortCodeDetails(id){
|
||||
alert('heere at the wall from that side ' + id);
|
||||
}
|
||||
function link(cell, formatterParams){
|
||||
var url = cell.getValue();
|
||||
var rowID = cell.getData().id
|
||||
return "<a href='"+ base_url + "/smsshortcodes/"+rowID+"/edit' class='btn btn-link'>"+url+"</a>";
|
||||
//use rowID to fetch details from DB and populate form on the modal
|
||||
// return "<a href='"+ base_url + "/smsshortcodes/"+rowID+"/edit' class='btn btn-link' >"+url+"</a>";
|
||||
|
||||
|
||||
|
||||
//return "<input type='button' class='btn btn-link linkButton' value='" + url + "' name='" + url + "'/>";
|
||||
return "<input type='hidden' class='hiddenInput' value='" + rowID + "' name='" + url + "'/><button type='button' class='btn btn-link linkButton' >"+url+"</button>";
|
||||
// return "<a href='' class='btn btn-link'>"+url+"</a>";
|
||||
}
|
||||
function cellDesign (cell, formatterParams){
|
||||
var value = cell.getValue();
|
||||
@@ -122,12 +207,12 @@
|
||||
printAsHtml: true,
|
||||
ajaxLoaderLoading: $('#logo_spinner').html(),
|
||||
columns: [
|
||||
{
|
||||
title: "Friendly Name",
|
||||
field: "name",
|
||||
sorter: "string",
|
||||
formatter:link,
|
||||
},
|
||||
// {
|
||||
// title: "Friendly Name",
|
||||
// field: "name",
|
||||
// sorter: "string",
|
||||
// formatter:link,
|
||||
// },
|
||||
{
|
||||
title: "Short Code",
|
||||
field: "shortcode",
|
||||
@@ -141,6 +226,10 @@
|
||||
field:"clientName",
|
||||
sorter:"string",
|
||||
},
|
||||
{ title:"Monthly Fee",
|
||||
field:"monthly_fee",
|
||||
sorter:"string",
|
||||
},
|
||||
{
|
||||
title: "Status",
|
||||
field: "status",
|
||||
@@ -167,10 +256,21 @@
|
||||
// table.download("xlsx", "client-list.xlsx", {sheetName:"Sheet 1"});
|
||||
// });
|
||||
|
||||
rowClick:function(e, row){
|
||||
var userID = row.getData().id;
|
||||
//$('#userEditModal').modal('show');
|
||||
},
|
||||
//rowClick:function(e, row){
|
||||
//var shortCodeID = row.getData().id;
|
||||
//alert("heere at the wall, ID is " + shortCodeID );
|
||||
//getShortCodeDetails(shortCodeID);
|
||||
// $('#userEditModal').modal('show');
|
||||
//},
|
||||
// cellClick:function(e, cell){
|
||||
//e - the click event object
|
||||
//cell - cell component
|
||||
// var theHead = cell.getCell();
|
||||
// var shortCodeId = cell.getData();
|
||||
// console.log(cell);
|
||||
// console.log(shortCodeId.id);
|
||||
// console.log(theHead);
|
||||
// },
|
||||
});
|
||||
document.getElementById("smscodes-download-xlsx").addEventListener("click", function(){
|
||||
table.download("xlsx", "sms-shortcode-list.xlsx", {sheetName:"Sheet 1"});
|
||||
@@ -184,7 +284,6 @@
|
||||
});
|
||||
|
||||
$('#keywordField').on('keyup', function(){
|
||||
console.log('up');
|
||||
var keyword = $(this).val();
|
||||
table.setData("smsshortcodes/all?keyword=" + keyword + "&code_type=sms");
|
||||
|
||||
|
||||
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
|
||||
150
resources/views/vpn/create.blade.php
Normal file
150
resources/views/vpn/create.blade.php
Normal file
@@ -0,0 +1,150 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li><a href="{!! url('infrastructure/vpn') !!}">VPN List</a></li>
|
||||
<li class="active">New VPN Configs</li>
|
||||
</ol>
|
||||
</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">
|
||||
New VPN Configs
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{{-- start of content --}}
|
||||
<div class="x_content">
|
||||
<br>
|
||||
{!! Form::open(['url' => 'infrastructure/storevpn', 'class' => 'form-horizontal form-label-left', 'files' => 'true']) !!}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="partnerType">Partner Type</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('partner_type') ? 'has-error' : ''}}">
|
||||
{!! Form::select('partner_type', $partner_type_arr ,old('partner_type'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'- Select -' , 'id' => 'partnerType', 'required' => 'true']) !!}
|
||||
{!! $errors->first('partner_type', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="partnerTypeID">Partner *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('partner_type_id') ? 'has-error' : ''}}">
|
||||
{!! Form::select('partner_type_id', $partners_arr, old('partner_type_id'), ['class' => 'form-control', 'placeholder'=>'- Select -' , 'id' => 'partnerTypeID', 'required' => 'true']) !!}
|
||||
{!! $errors->first('partner_type_id', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="vpnServices">Services</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('services') ? 'has-error' : ''}}">
|
||||
{!! Form::select('services', $services_arr, old('services'), ['class' => 'form-control col-md-7 col-xs-12', 'id' => 'vpnServices', 'multiple' => 'true']) !!}
|
||||
{!! $errors->first('services', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="vpn_device">VPN Device (Maker/Model)</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('vpn_device') ? 'has-error' : ''}}">
|
||||
{!! Form::text('vpn_device', old('vpn_device'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote VPN Device' , 'id' => 'remoteVpnDevice']) !!}
|
||||
{!! $errors->first('vpn_device', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remotePeerIp">Remote Peer IP *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remotePeerIp') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_peer_ip', old('remote_peer_ip'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote Peer IP' , 'id' => 'remotePeerIp']) !!}
|
||||
{!! $errors->first('remote_peer_ip', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remoteIps">Remote IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('partner_access_control_list') ? 'has-error' : ''}}">
|
||||
{!! Form::text('partner_access_control_list', old('partner_access_control_list'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote IPs seperated by commas' , 'id' => 'remoteIps']) !!}
|
||||
{!! $errors->first('partner_access_control_list', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="localIps">Local IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('local_access_control_list') ? 'has-error' : ''}}">
|
||||
{!! Form::text('local_access_control_list', old('local_access_control_list'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter local IPs seperated by commas' , 'id' => 'localIps']) !!}
|
||||
{!! $errors->first('local_access_control_list', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="dateReceived">Date Received</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('date_received') ? 'has-error' : ''}}">
|
||||
{!! Form::text('date_received', old('date_received'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter date' , 'id' => 'dateReceived']) !!}
|
||||
{!! $errors->first('date_received', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="vpnFormFile">VPN Form</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('vpn_form') ? 'has-error' : ''}}">
|
||||
{!! Form::file('vpn_form', old('vpn_form'), ['class' => 'form-control col-md-7 col-xs-12', 'id' => 'vpnFormFile']) !!}
|
||||
{!! $errors->first('vpn_form', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="col-md-6">
|
||||
<h4 class="text-center"><strong>Phase 1 Settings</strong></h4>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12 {{ $errors->has('phase_1_raw_settings') ? 'has-error' : ''}}">
|
||||
{!! Form::textarea('phase_1_raw_settings', old('phase_1_raw_settings'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'phase1RawSettings']) !!}
|
||||
{!! $errors->first('phase_1_raw_settings', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h4 class="text-center"><strong>Phase 2 Settings</strong></h4>
|
||||
<!-- <p class="text-center">Enter Phase 2 Settings</p> -->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-12 {{ $errors->has('phase_2_raw_settings') ? 'has-error' : ''}}">
|
||||
{!! Form::textarea('phase_2_raw_settings', old('phase_2_raw_settings'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'phase2RawSettings']) !!}
|
||||
{!! $errors->first('phase_2_raw_settings', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-success btn-block"><i class="fa fa-save"></i> Save</button>
|
||||
</div>
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
{{-- end of x_content --}}
|
||||
</div>
|
||||
{{-- end of x_panel --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript" src="{{ url('public/assets/js/vpn_configs.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('select').select2();
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
122
resources/views/vpn/create_with_image.blade.php
Normal file
122
resources/views/vpn/create_with_image.blade.php
Normal file
@@ -0,0 +1,122 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li><a href="{!! url('infrastructure/vpn') !!}">VPN List</a></li>
|
||||
<li class="active">New VPN Configs</li>
|
||||
</ol>
|
||||
</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">
|
||||
New VPN Configs
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{{-- start of content --}}
|
||||
<div class="x_content">
|
||||
<br>
|
||||
{!! Form::open(['url' => 'infrastructure/storevpn', 'class' => 'form-horizontal form-label-left']) !!}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remoteClientMno">Remote Client/MNO *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remote_client_mno') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_client_mno', old('remote_client_mno'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder' => '' , 'id' => 'remoteClientMno']) !!}
|
||||
{!! $errors->first('remote_client_mno', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="vpn_device">VPN Device (Maker/Model)</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('vpn_device') ? 'has-error' : ''}}">
|
||||
{!! Form::text('vpn_device', old('vpn_device'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote VPN Device' , 'id' => 'remoteVpnDevice']) !!}
|
||||
{!! $errors->first('vpn_device', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remotePeerIp">Remote Peer IP *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remotePeerIp') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_peer_ip', old('remote_peer_ip'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote Peer IP' , 'id' => 'remotePeerIp']) !!}
|
||||
{!! $errors->first('remote_peer_ip', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remoteIps">Remote IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remote_ips') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_ips', old('remote_ips'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote IPs seperated by commas' , 'id' => 'remoteIps']) !!}
|
||||
{!! $errors->first('remote_ips', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="localIps">Local IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('local_ips') ? 'has-error' : ''}}">
|
||||
{!! Form::text('local_ips', old('local_ips'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter local IPs seperated by commas' , 'id' => 'localIps']) !!}
|
||||
{!! $errors->first('local_ips', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="goLiveDate">Go Live Date </label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('go_live_date') ? 'has-error' : ''}}">
|
||||
{!! Form::text('go_live_date', old('go_live_date'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter date' , 'id' => 'goLiveDate']) !!}
|
||||
{!! $errors->first('go_live_date', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="col-md-12">
|
||||
<h4 class="text-center"><strong>Phase 1 & 2 Settings</strong></h4>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12 {{ $errors->has('phase_1_and_2_settings') ? 'has-error' : ''}}">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="phase1And2Settings">Phase 1 & 2 Settings </label>
|
||||
{!! Form::file('phase_1_and_2_settings', old('phase_1_and_2_settings'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'phase1And2Settings']) !!}
|
||||
{!! $errors->first('phase_1_and_2_settings', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12 {{ $errors->has('original_vpn_form') ? 'has-error' : ''}}">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="originalVpnForm">Original VPN Form </label>
|
||||
{!! Form::file('original_vpn_form', old('original_vpn_form'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'originalVpnForm']) !!}
|
||||
{!! $errors->first('original_vpn_form', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-success btn-block"><i class="fa fa-save"></i> Save</button>
|
||||
</div>
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
{{-- end of x_content --}}
|
||||
</div>
|
||||
{{-- end of x_panel --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('select').select2();
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
205
resources/views/vpn/create_with_text.blade.php
Normal file
205
resources/views/vpn/create_with_text.blade.php
Normal file
@@ -0,0 +1,205 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li><a href="{!! url('infrastructure/vpn') !!}">VPN List</a></li>
|
||||
<li class="active">New VPN Configs</li>
|
||||
</ol>
|
||||
</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">
|
||||
New VPN Configs
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{{-- start of content --}}
|
||||
<div class="x_content">
|
||||
<br>
|
||||
{!! Form::open(['url' => 'infrastructure/storevpn', 'class' => 'form-horizontal form-label-left']) !!}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remoteClientMno">Remote Client/MNO *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remote_client_mno') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_peer_ip', old('remote_client_mno'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder' => '' , 'id' => 'remoteClientMno']) !!}
|
||||
{!! $errors->first('remote_client_mno', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remotePeerIp">Remote Peer IP *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('server_number') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_peer_ip', old('remote_peer_ip'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote Peer IP' , 'id' => 'remotePeerIp']) !!}
|
||||
{!! $errors->first('remote_peer_ip', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remoteIps">Remote IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('friendly_name') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remote_ips', old('remote_ips'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Remote IPs seperated by commas' , 'id' => 'remoteIps']) !!}
|
||||
{!! $errors->first('remote_ips', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="localIps">Local IPs (ACLs) *</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('local_ips') ? 'has-error' : ''}}">
|
||||
{!! Form::text('local_ips', old('local_ips'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter local IPs seperated by commas' , 'id' => 'localIps']) !!}
|
||||
{!! $errors->first('local_ips', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="goLiveDate">Go Live Date </label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('go_live_date') ? 'has-error' : ''}}">
|
||||
{!! Form::text('go_live_date', old('go_live_date'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter date' , 'id' => 'goLiveDate']) !!}
|
||||
{!! $errors->first('go_live_date', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="col-md-6">
|
||||
<h4 class="text-center"><strong>Phase 1 Settings</strong></h4>
|
||||
<!-- <p class="text-center">Enter Phase 1 Settings</p> -->
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="keyExchangeVersion">Key Exchange Version (IKE) </label>
|
||||
<div class="col-md-6 {{ $errors->has('key_exchange_version') ? 'has-error' : ''}}">
|
||||
{!! Form::text('key_exchange_version', old('key_exchange_version'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'keyExchangeVersion']) !!}
|
||||
{!! $errors->first('key_exchange_version', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="encryptionType">Encyption Type (Proposal) </label>
|
||||
<div class="col-md-6 {{ $errors->has('encryptionType') ? 'has-error' : ''}}">
|
||||
{!! Form::text('encryptionType', old('encryptionType'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'encryptionType']) !!}
|
||||
{!! $errors->first('encryptionType', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="negotiationMode">Negotiation Mode</label>
|
||||
<div class="col-md-6 {{ $errors->has('negotiation_mode') ? 'has-error' : ''}}">
|
||||
{!! Form::text('main_negotiation_modeuse', old('negotiation_mode'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'negotiationMode']) !!}
|
||||
{!! $errors->first('negotiation_mode', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="dhGroup">Diffie-Hellman Group- IKE </label>
|
||||
<div class="col-md-6 {{ $errors->has('dhgroup') ? 'has-error' : ''}}">
|
||||
{!! Form::text('dhgroup', old('dhgroup'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'dhGroup']) !!}
|
||||
{!! $errors->first('dhgroup', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="remarks">Encryption Algorithm </label>
|
||||
<div class="col-md-6 {{ $errors->has('remarks') ? 'has-error' : ''}}">
|
||||
{!! Form::text('encryption_algorithm', old('encryption_algorithm'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'encryption_algorithm']) !!}
|
||||
{!! $errors->first('encryption_algorithm', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="hashingAlgorithm">Hashing Algorithm </label>
|
||||
<div class="col-md-6{{ $errors->has('hashing_algorithm') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remarks', old('hashing_algorithm'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'hashingAlgorithm']) !!}
|
||||
{!! $errors->first('hashing_algorithm', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="remarks">Renegotiate IKE SA every </label>
|
||||
<div class="col-md-6 {{ $errors->has('renegotiate_ike_sa') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remarks', old('renegotiate_ike_sa'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'renegotiateIkeSa']) !!}
|
||||
{!! $errors->first('renegotiate_ike_sa', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h4 class="text-center"><strong>Phase 2 Settings</strong></h4>
|
||||
<!-- <p class="text-center">Enter Phase 2 Settings</p> -->
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="ipSec">IPSec </label>
|
||||
<div class="col-md-6 {{ $errors->has('ipsec') ? 'has-error' : ''}}">
|
||||
{!! Form::text('ipsec', old('ipsec'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'ipSec']) !!}
|
||||
{!! $errors->first('ipsec', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="encryptionAlgIpsec">Encryption Algorithm IPSec </label>
|
||||
<div class="col-md-6 {{ $errors->has('encryption_alg_ipsec') ? 'has-error' : ''}}">
|
||||
{!! Form::text('encryption_alg_ipsec', old('encryption_alg_ipsec'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'encryptionAlgIpsec']) !!}
|
||||
{!! $errors->first('encryption_alg_ipsec', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="hashingAlgIpsec">Hashing Algorithm IPSec</label>
|
||||
<div class="col-md-6 {{ $errors->has('hashing_alg_ipsec') ? 'has-error' : ''}}">
|
||||
{!! Form::text('hashing_alg_ipsec', old('hashing_alg_ipsec'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'hashingAlgIpsec']) !!}
|
||||
{!! $errors->first('hashing_alg_ipsec', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="renegotiateIpsecSa">Renegotiate IPSec SA every</label>
|
||||
<div class="col-md-6 {{ $errors->has('renegotiate_ipsec_sa') ? 'has-error' : ''}}">
|
||||
{!! Form::text('renegotiate_ipsec_sa', old('renegotiate_ipsec_sa'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'' , 'id' => 'renegotiateIpsecSa']) !!}
|
||||
{!! $errors->first('renegotiate_ipsec_sa', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="perfectForwardSecrecy">Perfect forward secrecy (pfs) </label>
|
||||
<div class="col-md-6 col-sm-8 {{ $errors->has('perfect_forward_secrecy') ? 'has-error' : ''}}">
|
||||
{!! Form::text('perfect_forward_secrecy', old('perfect_forward_secrecy'), ['class' => 'form-control col-md-7', 'placeholder'=>'' , 'id' => 'perfectForwardSecrecy']) !!}
|
||||
{!! $errors->first('perfect_forward_secrecy', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="encryptionDomainRemote">Encryption Domain (Remote) </label>
|
||||
<div class="col-md-6 {{ $errors->has('encryption_domain_remote') ? 'has-error' : ''}}">
|
||||
{!! Form::text('encryption_domain', old('encryption_domain_remote'), ['class' => 'form-control col-md-7', 'placeholder'=>'' , 'id' => 'encryptionDomainRemote']) !!}
|
||||
{!! $errors->first('encryption_domain_remote', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-5" for="encryptionDomainLocal">Encryption Domain (Local) </label>
|
||||
<div class="col-md-6 {{ $errors->has('encryption_domain_local') ? 'has-error' : ''}}">
|
||||
{!! Form::text('encryption_domain', old('encryption_domain_local'), ['class' => 'form-control col-md-7', 'placeholder'=>'' , 'id' => 'encryptionDomainLocal']) !!}
|
||||
{!! $errors->first('encryption_domain_local', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-success btn-block"><i class="fa fa-save"></i> Save</button>
|
||||
</div>
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
{{-- end of x_content --}}
|
||||
</div>
|
||||
{{-- end of x_panel --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('select').select2();
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
98
resources/views/vpn/edit.blade.php
Normal file
98
resources/views/vpn/edit.blade.php
Normal file
@@ -0,0 +1,98 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li class="active"><a href="{!! url('senderids') !!}">Sender IDs</a></li>
|
||||
<li class="active">Update Sender ID</li>
|
||||
</ol>
|
||||
</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">
|
||||
Update Sender ID
|
||||
@include('commons.notifications')
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{{-- start of content --}}
|
||||
<div class="x_content">
|
||||
<br>
|
||||
{!! Form::model($senderid, [
|
||||
'method' => 'PATCH',
|
||||
'url' => ['senderids', $senderid],
|
||||
'class' => 'form-horizontal form-label-left'
|
||||
]) !!}
|
||||
<div class="row">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="senderIDD">Sender ID</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('senderid') ? 'has-error' : ''}}">
|
||||
{!! Form::text('senderid', old('senderid'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter sender ID' , 'id' => 'senderIDD', 'required' => 'true']) !!}
|
||||
{!! $errors->first('name', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="clientID">Client</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('name') ? 'has-error' : ''}}">
|
||||
{!! Form::select('client_id', $clients, old('client_id'), ['class' => 'form-control', 'placeholder'=>'Select Client' , 'id' => 'clientID', 'required' => 'true']) !!}
|
||||
{!! $errors->first('client_id', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="status">Status</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('status') ? 'has-error' : ''}}">
|
||||
{!! Form::select('status', $status ,old('status'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select Status ' , 'id' => 'status', 'required' => 'true']) !!}
|
||||
{!! $errors->first('status', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="network">Network</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('network') ? 'has-error' : ''}}">
|
||||
{!! Form::select('network_id', $network_arr, old('network_id'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Select Network ' , 'id' => 'network', 'required' => 'true']) !!}
|
||||
{!! $errors->first('network', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="remarks">Remarks</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('remarks') ? 'has-error' : ''}}">
|
||||
{!! Form::text('remarks', old('remarks'), ['class' => 'form-control col-md-7 col-xs-12', 'placeholder'=>'Enter remarks here' , 'id' => 'remarks']) !!}
|
||||
{!! $errors->first('remarks', '<p class="help-block">:message</p>') !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
|
||||
<button type="submit" class="btn btn-success btn-block"><i class="fa fa-save"></i> Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
{{-- end of x_content --}}
|
||||
</div>
|
||||
{{-- end of x_panel --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('select').select2();
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
187
resources/views/vpn/index.blade.php
Normal file
187
resources/views/vpn/index.blade.php
Normal file
@@ -0,0 +1,187 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
@endsection('css')
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<!-- <li><a href="{!! url('infrastructure/vpn') !!}">VPN List</a></li> -->
|
||||
<li class="active">VPN List</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2><i class="fa fa-shield"></i> VPN Configurations</h2>
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('infrastructure/vpn-create') !!}"><i class="fa fa-plus-circle"></i> New Config
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div id="vpnListTableP"></div>
|
||||
<table class="table table-striped projects">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 1%">#</th>
|
||||
<th style="width: 20%">Partner Name</th>
|
||||
<th>Partner ACL</th>
|
||||
<th style="width: 20%">Edit</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if ($vpn_list->isEmpty())
|
||||
<tr>
|
||||
<td class="" colspan="6">No Records found</td>
|
||||
</tr>
|
||||
@else
|
||||
<?php $counter = 1; ?>
|
||||
@foreach ($vpn_list as $row)
|
||||
<tr>
|
||||
<td>{{ $counter }}</td>
|
||||
<td>
|
||||
<a>{{ $row->mno_info->name }} ({{ $row->mno_info->country }})</a>
|
||||
<br />
|
||||
<small class="text-success"><u>Peer : {{ $row->remote_peer_ip }}</u></small>
|
||||
<br>
|
||||
<small>{{ $row->vpn_device }}</small>
|
||||
</td>
|
||||
<td>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<b>Local ACL </b> : {{ $row->local_access_control_list }}
|
||||
</li>
|
||||
<li>
|
||||
<b>Remote ACL </b> : {{ $row->partner_access_control_list }}
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>
|
||||
<!-- <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a> -->
|
||||
</td>
|
||||
</tr>
|
||||
<?php $counter++; ?>
|
||||
@endforeach
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
{{ $vpn_list->links() }} <br>
|
||||
Page : {{ $vpn_list->currentPage() }} of {{ $vpn_list->lastPage() }} |
|
||||
Total Records : <span id="totalRecords">{{ $vpn_list->total() }}</span>
|
||||
</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(){
|
||||
// function link(cell, formatterParams){
|
||||
// var url = cell.getValue();
|
||||
// var rowID = cell.getData().id
|
||||
// return "<a href='"+ base_url + "/vpnlist/"+rowID+"/edit' class='btn btn-link'>"+url+"</a>";
|
||||
// }
|
||||
// function cellDesign (cell, formatterParams){
|
||||
// var value = cell.getValue();
|
||||
// return "<span style='color:#54B4D3; font-weight:bold;'>" + value + "</span>";
|
||||
// }
|
||||
// function statusDesign (cell, formatterParams){
|
||||
// var value = cell.getValue();
|
||||
// if(value === 'Approved'){
|
||||
// return "<span style='color:#3FB449; font-weight:bold;'>" + value + "</span>";
|
||||
// }
|
||||
// else{
|
||||
// return "<span style='color:#E4A11B;'>" + value + "</span>";
|
||||
// }
|
||||
// }
|
||||
// var table = new Tabulator("#vpnListTable", {
|
||||
// ajaxURL: "senderids/all",
|
||||
// paginationSize: 15,
|
||||
// layout: "fitColumns",
|
||||
// pagination: "remote",
|
||||
// selectable: false,
|
||||
// printAsHtml: true,
|
||||
// ajaxLoaderLoading: $('#logo_spinner').html(),
|
||||
// columns: [
|
||||
// {
|
||||
// title: "Partner",
|
||||
// field: "remote_partner_name",
|
||||
// sorter: "string",
|
||||
// formatter:link,
|
||||
// },
|
||||
// {
|
||||
// title: "VPN Device",
|
||||
// field: "vpn_device",
|
||||
// sorter: "string",
|
||||
// },
|
||||
// {
|
||||
// title: "Remote Peer IP",
|
||||
// field: "remote_peer_ip",
|
||||
// sorter: "string",
|
||||
// formatter: cellDesign,
|
||||
// },
|
||||
// {
|
||||
// title: "Remote IPs",
|
||||
// field: "remote_ips",
|
||||
// sorter: "string",
|
||||
// formatter: statusDesign,
|
||||
// },
|
||||
// {
|
||||
// title: "Local IPs",
|
||||
// field: "local_ips",
|
||||
// sorter: "string",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Go-Live Date",
|
||||
// field: "go_live_date",
|
||||
// sorter: "string",
|
||||
// },
|
||||
// {
|
||||
// title: "Created By",
|
||||
// field: "createdBy",
|
||||
// sorter: "string",
|
||||
// },
|
||||
// {
|
||||
// title: "Last Modified By",
|
||||
// field: "modifiedBy",
|
||||
// sorter: "string",
|
||||
// }
|
||||
// ],
|
||||
|
||||
// rowClick:function(e, row){
|
||||
// var userID = row.getData().id;
|
||||
// //$('#userEditModal').modal('show');
|
||||
// },
|
||||
// });
|
||||
|
||||
// $('#keywordField').on('keyup', function(){
|
||||
// console.log('up');
|
||||
// var keyword = $(this).val();
|
||||
// table.setData("senderids/all?keyword=" + keyword);
|
||||
|
||||
// });
|
||||
|
||||
|
||||
// 172.17.1.40, 172.17.1.13, 172.17.1.15, 172.17.1.39, 172.17.1.41, 172.17.1.42, 10.3.104.135, 172.17.1.42:2775, 172.17.12.26
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
88
resources/views/vpn/index_pt.blade.php
Normal file
88
resources/views/vpn/index_pt.blade.php
Normal file
@@ -0,0 +1,88 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
@endsection('css')
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li class="active">Servers</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2><i class="fa fa-align-left"></i> VPN Configurations</h2>
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('infrastructure/vpn-create') !!}"><i class="fa fa-plus-circle"></i> New Config
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-12">
|
||||
@if ($vpn_list->isEmpty())
|
||||
<tr>
|
||||
<td class="" colspan="6">No Records found</td>
|
||||
</tr>
|
||||
@else
|
||||
@foreach ($vpn_list as $row)
|
||||
<div class="col-md-3 col-sm-6 col-xs-12">
|
||||
<div class="pricing">
|
||||
<div class="title">
|
||||
<h2>{{ $row->mno_info->name }}</h2>
|
||||
<h1>Peer : {{ $row->remote_peer_ip }}</h1>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="">
|
||||
<div class="pricing_features">
|
||||
<ul class="list-unstyled text-left">
|
||||
<li>
|
||||
|
||||
{{ $row->partner_access_control_list }}
|
||||
</li>
|
||||
<li>
|
||||
{{ $row->click_access_control_list }}
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pricing_footer">
|
||||
<a href="javascript:void(0);" class="btn btn-success btn-block" role="button">Download <span> Form!</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</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
|
||||
188
resources/views/vpn/index_rawjs.blade.php
Normal file
188
resources/views/vpn/index_rawjs.blade.php
Normal file
@@ -0,0 +1,188 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
@endsection
|
||||
@section('content')
|
||||
@include('vpn.partials.phases_show')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<!-- <li><a href="{!! url('infrastructure/vpn') !!}">VPN List</a></li> -->
|
||||
<li class="active">VPN Config List</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="title_rightP">
|
||||
<div class="row">
|
||||
<form method="GET" action="">
|
||||
<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="search" placeholder="Keyword here...">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" 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="x_content">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2><i class="fa fa-shield"></i> VPN Configs | <span class="green"><em> <b> Click Peer IP : 216.55.137.19 </b></em> </span> </h2>
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('infrastructure/vpn-create') !!}"><i class="fa fa-plus-circle"></i> New Config
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div id="vpnListTableP"></div>
|
||||
<table class="table table-striped projects">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 1%">#</th>
|
||||
<th style="width: 20%">Partner Name</th>
|
||||
<th>Encrypted Domain(ACL)</th>
|
||||
<th style="width: 20%">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
console.log('heere at the wall');
|
||||
$('#search').on('keyup', function(){
|
||||
console.log('clicked');
|
||||
search();
|
||||
});
|
||||
// var pop = keyword = $('#search').val();
|
||||
// console.log(pop == '');
|
||||
search();
|
||||
|
||||
function search(){
|
||||
var keyword = $('#search').val();
|
||||
console.log(keyword);
|
||||
// if (keyword == '') {
|
||||
|
||||
// }
|
||||
$.post('{{ url("infrastructure/vpn/raw") }}',{
|
||||
_token: $('meta[name="csrf-token"]').attr('content'),
|
||||
keyword:keyword
|
||||
},
|
||||
function(data){
|
||||
table_post_row(data);
|
||||
console.log(data);
|
||||
});
|
||||
}
|
||||
|
||||
// table row with ajax
|
||||
function table_post_row(result){
|
||||
let htmlView = '';
|
||||
if(result.data.length <= 0){
|
||||
htmlView += `
|
||||
<tr>
|
||||
<td colspan="6">No data.</td>
|
||||
</tr>`;
|
||||
}
|
||||
for(let i = 0; i < result.data.length; i++){
|
||||
let theVpnDevice = result.data[i].vpn_device == null ? 'N/A' : result.data[i].vpn_device;
|
||||
htmlView += `
|
||||
<tr>
|
||||
<td>`+ (i+1) +`</td>
|
||||
<td><a>` + result.data[i].mnoName + `</a><br />
|
||||
<small class="text-success"><u>Peer : ` + result.data[i].remote_peer_ip + `</u></small> <br>
|
||||
<small>`+ theVpnDevice + `</small>
|
||||
</td>
|
||||
<td>
|
||||
<ul class="list">
|
||||
<li> <b>Local ACL </b> : ` + result.data[i].local_access_control_list + `</li>
|
||||
<li><b>Remote ACL </b> : ` + result.data[i].partner_access_control_list + `</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<button class="btn btn-warning btn-xs viewConfigsBtn""><i class="fa fa-eye"></i> View</button>
|
||||
<input type="hidden" name="vpn_list_id" class="vpnListId" value="`+ result.data[i].id + `">
|
||||
<a href="" class="btn btn-info btn-xs"` + base_url + `/infrastructure/vpn/edit/`+result.data[i].id+`/edit"><i class="fa fa-edit"></i> Edit</a>
|
||||
</td>
|
||||
</tr>`;
|
||||
}
|
||||
$('tbody').html(htmlView);
|
||||
}
|
||||
$(document).on('click', '.viewConfigsBtn', function(ckevt){
|
||||
// $('.viewConfigsBtn').click(function(ckevt){
|
||||
ckevt.preventDefault();
|
||||
var vpnListIDD = $(this).siblings('.vpnListId').val();
|
||||
|
||||
console.log('hipnotized at : ' + vpnListIDD);
|
||||
|
||||
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: base_url + '/infrastructure/vpn/get_phases/' + vpnListIDD,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
async: false,
|
||||
success: function (data){
|
||||
console.log(data);
|
||||
if (data.code === 1) {
|
||||
// console.log(theIDD);
|
||||
// $('#paymentIdEdit').val(theIDD);
|
||||
// $('#financeServicesEdit').val(data.services_arr).change();
|
||||
// $('#invoiceNumberEdit').val(data.result.invoice_number);
|
||||
// $('#invoiceAmountEdit').val(data.result.invoice_amount);
|
||||
// $('#invoiceDateEdit').val(data.result.invoice_date);
|
||||
// $('#financeShortCodeEdit').val(data.result.short_code);
|
||||
// $('#invoiceStatusEdit').val(data.result.invoice_status).change();
|
||||
// $('#remarksEdit').val(data.result.remarks);
|
||||
$('#phasesShowModal').modal('show');
|
||||
}
|
||||
else if (data.code > 1) {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: data.msg,
|
||||
});
|
||||
}
|
||||
else {
|
||||
$.alert({
|
||||
title: 'Alert!',
|
||||
content: 'Your request could not be handled. Try again !',
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
116
resources/views/vpn/index_test.blade.php
Normal file
116
resources/views/vpn/index_test.blade.php
Normal file
@@ -0,0 +1,116 @@
|
||||
@extends('layouts.master')
|
||||
@section('page_title')
|
||||
@if(isset($page_title))
|
||||
{{ $page_title }}
|
||||
@endif
|
||||
@endsection
|
||||
@section('css')
|
||||
@endsection('css')
|
||||
@section('content')
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left" style="width:800px !important;">
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
|
||||
<li class="active">Servers</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2><i class="fa fa-align-left"></i> VPN Configurations</h2>
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-primary btn-sm" href="{!! url('infrastructure/vpn-create') !!}"><i class="fa fa-plus-circle"></i> New Config
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div id="">
|
||||
<?php $counter = 1; ?>
|
||||
@foreach($vpn_list as $row)
|
||||
@if($row->partner_vpn_form == null)
|
||||
<?php continue; ?>
|
||||
@endif
|
||||
<p class="vpnListFile<?php echo $counter; ?> ">
|
||||
{{ url('public/vpn_form_files/' . $row->partner_vpn_form) }}
|
||||
</p>
|
||||
<input type="file" name="vpn_list_file" value="<?php url('public/vpn_form_files/' . $row->partner_vpn_form); ?>">
|
||||
<?php $counter++; ?>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@section('javascript')
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
|
||||
<script src="{!! url('public/assets/vendors/tabulator/js/xlsx.full.min.js') !!}"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
var reader = new FileReader();
|
||||
var targetFile = $('#vpnListFile1')
|
||||
reader.readAsArrayBuffer(targetFile);
|
||||
|
||||
reader.onload = function(event){
|
||||
|
||||
var data = new Uint8Array(reader.result);
|
||||
|
||||
var work_book = XLSX.read(data, {type:'array'});
|
||||
|
||||
var sheet_name = work_book.SheetNames;
|
||||
|
||||
var sheet_data = XLSX.utils.sheet_to_json(work_book.Sheets[sheet_name[0]], {header:1});
|
||||
|
||||
if(sheet_data.length > 0)
|
||||
{
|
||||
var table_output = '<table class="table table-striped table-bordered">';
|
||||
|
||||
for(var row = 0; row < sheet_data.length; row++)
|
||||
{
|
||||
|
||||
table_output += '<tr>';
|
||||
|
||||
for(var cell = 0; cell < sheet_data[row].length; cell++)
|
||||
{
|
||||
|
||||
if(row == 0)
|
||||
{
|
||||
|
||||
table_output += '<th>'+sheet_data[row][cell]+'</th>';
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
table_output += '<td>'+sheet_data[row][cell]+'</td>';
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
table_output += '</tr>';
|
||||
|
||||
}
|
||||
|
||||
table_output += '</table>';
|
||||
|
||||
document.getElementById('excel_data').innerHTML = table_output;
|
||||
}
|
||||
|
||||
excel_file.value = '';
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
16
resources/views/vpn/partials/phases_show.blade.php
Normal file
16
resources/views/vpn/partials/phases_show.blade.php
Normal file
@@ -0,0 +1,16 @@
|
||||
<div class="modal fade" id="phasesShowModal" tabindex="-1" role="dialog" aria-labelledby="phasesShowModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title text-center" id="phasesShowModalLabelHeading">Phase 1 & 2 Configs</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>One fine body</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user