%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Karetakers</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template-->
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/kare.css">
</head>
<body id="page-top">
<div class="wrapper" id="app">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="home">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Karetakers</div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
<!-- Nav Item - Dashboard -->
<li class="nav-item">
<router-link to="/clients" class="nav-link">Contacts</router-link>
</li>
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-cog"></i>
<span>Properties</span>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<router-link to="/allproperties" class="nav-link">All Properties</router-link>
<router-link to="/pendingproperties" class="nav-link">Pending Properties</router-link>
<router-link to="/managedproperties" class="nav-link">Managed Properties </router-link>
<router-link to="/addproperties" class="nav-link">Add Properties </router-link>
</div>
</div>
</li>
<li class="nav-item">
<router-link to="/leadslist" class="nav-link">Property Leads </router-link>
</li>
<li class="nav-item">
<router-link to="/allmaintenance" class="nav-link">Maintenace Leads </router-link>
</li>
<li class="nav-item">
<router-link to="/allmaintenanceaccounts" class="nav-link">Maintenace Accounts </router-link>
</li>
<!-- <li class="nav-item">
<router-link to="/ticketlist" class="nav-link">Service Tickets </router-link>
</li> -->
<li class="nav-item">
<router-link to="/alltasks" class="nav-link">Tasks </router-link>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="true" aria-controls="collapsePages">
<i class="fas fa-fw fa-folder"></i>
<span>Pages</span>
</a>
<div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Login Screens:</h6>
<a class="collapse-item" href="login.html">Login</a>
<a class="collapse-item" href="register.html">Register</a>
<a class="collapse-item" href="forgot-password.html">Forgot Password</a>
<div class="collapse-divider"></div>
<h6 class="collapse-header">Other Pages:</h6>
<a class="collapse-item" href="404.html">404 Page</a>
<a class="collapse-item" href="blank.html">Blank Page</a>
</div>
</div>
</li>
<!-- Nav Item - Tables -->
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<!-- Topbar -->
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
<!-- Sidebar Toggle (Topbar) -->
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
<!-- Topbar Search -->
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
<!-- Topbar Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Nav Item - Search Dropdown (Visible Only XS) -->
<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in" aria-labelledby="searchDropdown">
<form class="form-inline mr-auto w-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>
</div>
</li>
<!-- Nav Item - Alerts -->
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-bell fa-fw"></i>
<!-- Counter - Alerts -->
<span class="badge badge-danger badge-counter">3+</span>
</a>
<span class="glyphicon glyphicon-plus"></span>
<!-- Dropdown - Alerts -->
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="alertsDropdown">
<h6 class="dropdown-header">
Alerts CenterNnow
</h6>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-primary">
<i class="fas fa-file-alt text-white"></i>gfgf
</div>
</div>
<div>
<div class="small text-gray-500">
<router-link to="/addlead">
Add Lead
</router-link>
<router-link to="/addtasks">
<button>Add Task</button>
</router-link>
<router-link to="/addclient">
<button>Add CLient</button>
</router-link>
<router-link to="/addticket">
<button>Add Ticket</button>
</router-link>
<a v-b-toggle href="#add-client" @click.prevent><button>Add New Contact</button></a>
</div>
<span class="font-weight-bold">A new monthly report is ready to download!</span>
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-success">
<i class="fas fa-donate text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500"></div>
<a v-b-toggle href="#add-client" @click.prevent><button>Add New Contact</button></a>
</div>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<div class="mr-3">
<div class="icon-circle bg-success">
<i class="fas fa-donate text-white"></i>
</div>
</div>
<div>
<div class="small text-gray-500"></div>
<router-link to="/addlead">
Add Lead
</router-link>
</div>
</a>
<a class="dropdown-item text-center small text-gray-500" href="#">Show All Alerts</a>
</div>
</li>
<!-- Nav Item - Messages -->
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-envelope fa-fw"></i>
<!-- Counter - Messages -->
<span class="badge badge-danger badge-counter">7</span>
</a>
<!-- Dropdown - Messages -->
<div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="messagesDropdown">
<h6 class="dropdown-header">
Message Center
</h6>
<a class="dropdown-item text-center small text-gray-500" href="#">Read More Messages</a>
</div>
</li>
<div class="topbar-divider d-none d-sm-block"></div>
<!-- Nav Item - User Information -->
<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small"> {{ Auth::user()->name }}</span>
<img class="img-profile rounded-circle" src="https://source.unsplash.com/QAB-WJcbgJk/60x60">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
<a class="dropdown-item" href="#">
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
Profile
</a>
<a class="dropdown-item" href="#">
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
Settings
</a>
<a class="dropdown-item" href="#">
<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
Activity Log
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</ul>
</nav>
<!-- End of Topbar -->
<!-- Begin Page Content -->
<div class="container-fluid">
<b-sidebar id="add-client" class="w-100" title="Add Client" right shadow backdrop backdrop-variant="dark">
<addclients></addclients>
</b-sidebar>
<router-view>
</router-view>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright © Your Website 2020</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->
</div>
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<example-component></example-component>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- Logout Modal-->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="{{asset('js/app.js')}}"></script>
<link rel="stylesheet"
href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin="" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.3.3/dist/esri-leaflet.js"
integrity="sha512-cMQ5e58BDuu1pr9BQ/eGRn6HaR6Olh0ofcHFWe5XesdCITVuSBiBZZbhCijBe5ya238f/zMMRYIMIIg1jxv4sQ=="
crossorigin=""></script>
<!-- Load Esri Leaflet Geocoder from CDN -->
<link rel="stylesheet"
href="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.css"
integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin="">
<script
src="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.js"
integrity="sha512-8twnXcrOGP3WfMvjB0jS5pNigFuIWj4ALwWEgxhZ+mxvjF5/FBPVd5uAxqT8dd2kUmTVK9+yQJ4CmTmSg/sXAQ=="
crossorigin=""></script>
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js/encoder.js"></script>
<script type="text/javascript" src="js/location.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<script type="text/javascript">
//ajax multiple file upload request
Encoder.EncodeType = "entity";
var map, marker, lat, lng, infowindow;
$(function() {
$('.input-images').imageUploader();
});
$('body').click(function(evt) {
if ((evt.target.id == "location"))
return;
$('.loc-dropdown').empty();
});
$("select#status"). change(function(){
var selectedStatus = $(this). children("option:selected"). val();
if(selectedStatus == "Rental Wanted" || selectedStatus == "To Buy"){
$('.input-images').html('');
$('.input-images').imageUploader();
$(".input-images").slideUp("fast");
}else{
$('.input-images').html('');
$('.input-images').imageUploader();
$(".input-images").slideDown("fast");
}
});
function setLatLng(selectedLocation) {
$('.loc-dropdown').empty();
$('#location').val(selectedLocation);
$('#placeModal').modal('show');
L.esri.Geocoding.geocode().text(selectedLocation).run(
function(err, results, response) {
if (err) {
console.log(err);
return;
}
lat = results.results[0].latlng.lat;
lng = results.results[0].latlng.lng
console.log(lat);
console.log(lng);
$('#lat').val(lat);
$('#lng').val(lng);
infowindow = new google.maps.InfoWindow({
content : selectedLocation
});
var options = {
types : [ '(cities)' ],
componentRestrictions : {
country : 'in'
}
};
// The location of ernakulam
var ernakulam = {
lat : 9.9812208,
lng : 76.2989596
};
// The map, centered at ernakulam
map = new google.maps.Map(document
.getElementById('map'), {
zoom : 13,
center : ernakulam,
mapTypeControl : false,
panControl : false,
zoomControl : false,
streetViewControl : false
});
marker = new google.maps.Marker({
draggable : true,
position : {
lat : lat,
lng : lng
},
map : map,
animation : google.maps.Animation.DROP
});
map.panTo(marker.getPosition());
map.addListener('click', function(e) {
console.log('map click');
placeMarkerAndPanTo(e.latLng, map);
//getAddress(e.latLng); user defined func for geocoder
});
marker.addListener('dragend', function(e) {
console.log('dragend');
placeMarkerAndPanTo(e.latLng, map);
//getAddress(e.latLng); user defined func for geocoder
});
infowindow.open(map, marker);
});
}
$('#location').on(
'input',
function() {
if ($(this).val() === "") {
$('#lat').val("");
$('#lng').val("");
}
var term = $(this).val();
console.log(term);
//.nearby([10.0088142, 76.3156612], 3000)
L.esri.Geocoding.suggest().text(term).run(
function(error, response) {
if (error) {
return;
}
console.log(response);
$(".loc-dropdown").html("");
$.each(response.suggestions, function(i, item) {
$(".loc-dropdown").append(
" <li class='list-group-item' onclick=\"setLatLng('"
+ item.text + "')\">"
+ item.text + "</li>");
});
});
});
function placeMarkerAndPanTo(latLng, map) {
//infowindow.setContent(latLng + '');
//infowindow.open(map, marker);
marker.setPosition(latLng);
map.panTo(latLng);
console.log('marker : ' + latLng);
lat = latLng.lat();
lng = latLng.lng();
}
$("#placeModal").on(
'hide.bs.modal',
function() {
console.log("setting values for hidden inputs " + lat
+ " : " + lng);
$("#lat").val(lat);
$('#lng').val(lng);
});
function showPopover(popoverContent, popoverElement) {
$(popoverElement).popover('enable');
$(popoverElement).attr("data-content", popoverContent);
$(popoverElement).popover('show');
$('html, body').animate({
scrollTop : $(popoverElement).offset().top - 100
}, 500);
setTimeout(function() {
$(popoverElement).popover('hide');
$(popoverElement).popover('disable');
}, 3000);
}
$('#post-property-form')
.submit(
function(e) {
if ($('#location').val() == null
|| $('#location').val() == '') {
showPopover('Enter property place', '#location');
} else if ($('#lng').val() == null
|| $('#lng').val() == ''
|| $('#lat').val() == null
|| $('#lat').val() == '') {
showPopover('Select proper location',
'#location');
} else if ($('#type').children('option:selected')
.val() === 'All') {
showPopover('Select any property type', '#type');
} else {
if($("select#status").children("option:selected").val() == "Rent" || $("select#status").children("option:selected").val() == "Sale"){
console.log("rent or sale");
if (!($('.input-images').children('.image-uploader').hasClass('has-files'))) {
console.log("no-image");
showPopover('Please select atleast one image.',
'.input-images');
return false;
}
}
$('#post-property-form').fadeOut('fast');
$('.spinner-border').fadeIn('fast');
var form = $('#post-property-form')[0]; // You need to use standard javascript object here
var fd = new FormData(form);
$
.ajax({
url : $('#post-property-form')
.attr('action'),
data : fd,
processData : false,
contentType : false,
type : 'POST',
success : function(data) {
if (data === 'success') {
$("#lat").val("");
$('#lng').val("");
console.log(data);
$('#add-result p')
.html(
"Property added successfully");
$("#added-property-link")
.html(
'view property');
$("#added-property-link")
.prop(
'href',
'../property-details?page=admin&pid='
+ $(
"#propertyId")
.val());
$('.spinner-border')
.fadeOut('fast');
$('#post-property-form')
.fadeIn('fast');
//$('#loader').css('display','none');
$(':input',
'#post-property-form')
.not(
':button, :submit, :reset, :hidden')
.val('').prop(
'checked',
false)
.prop('selected',
false);
$("select").prop(
"selectedIndex", 0);
$('.input-images').html('');
$('.input-images')
.imageUploader();
$(
'#add-property-result-modal')
.modal('show');
} else if (data === "duplicate") {
$('.spinner-border')
.fadeOut('fast');
$('#post-property-form')
.fadeIn('fast');
$('#add-result p')
.html(
"Oops! duplicate entry found for property id");
$("#added-property-link")
.html('');
$("#added-property-link")
.prop('href', '#');
$(
'#add-property-result-modal')
.modal('show');
} else {
//to complete error checking
console
.log('Error adding property[check sql]');
}
}
});
}
e.preventDefault();
});
//scroll to image preview
$(document).ready(function() {
$(".input-images").click(function() {
$('html, body').animate({
scrollTop : $(".input-images").offset().top
}, 2000);
});
});
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXoZsvdGTwwgESoTR2M2M8u8j0q9p7pWE">
</script>
</body>
</html>
Zerion Mini Shell 1.0