387 lines
14 KiB
HTML
387 lines
14 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html dir="rtl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Hello Bulma!</title>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma-rtl.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/DataTables/datatables.min.css' %}"/>
|
|
<script type="text/javascript" src="{% static 'admin_panel/DataTables/datatables.min.js' %}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/style.css' %}">
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar is-primary is-fixed-top" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://bulma.io">
|
|
<img src="./images/bulma-logo.png" width="112" height="28">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start mr-0">
|
|
<a class="navbar-item">
|
|
اصلی
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
مشتریان
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
انبار
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
کاربران
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
کاربران
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-end ml-0">
|
|
<div class="navbar-item">
|
|
<div class="buttons">
|
|
<a class="button is-primary">
|
|
<strong>Sign up</strong>
|
|
</a>
|
|
<a class="button is-light">
|
|
Log in
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="">
|
|
<div class="columns m-0 mt-6 pt-3 is-centered pb0Nested">
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white ">
|
|
<p>253.000.000</p>
|
|
<p>بدهی سر رسید شده</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-danger has-text-white">
|
|
<p>4589</p>
|
|
<p>تعدادکل مشتریان</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>12</p>
|
|
<p>در انتظار تکمیل رضایتمندی</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>193</p>
|
|
<p>6 ماه از آخرین بازدید گذشته</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>23</p>
|
|
<p>صف بازدید</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns m-0">
|
|
|
|
<div class="column is-12">
|
|
<div class="buttons">
|
|
<a href="#" id="addNewUser" class="button is-info is-active is-rounded mr-0">ایجاد مشتری جدید</a>
|
|
<a href="#" id="openSearchBox" class="button is-info is-outlined is-rounded mr-0">جستجو</a>
|
|
</div>
|
|
<div class="table-container">
|
|
<table class="table has-text-centered is-bordered is-striped is-narrow is-hoverable is-fullwidth">
|
|
<!-- Your table content -->
|
|
<thead>
|
|
<tr style="
|
|
background: #33b5d3;
|
|
">
|
|
<th >ردیف</th>
|
|
<th style="min-width: 200px;">نام و نام خانودگی</th>
|
|
<th >آخرین بازدید</th>
|
|
<th style="min-width: 150px;">تاریخ نصب</th>
|
|
<th >تلفن</th>
|
|
<th style="min-width: 400px;">آدرس</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>
|
|
<input class="is-hidden fid fidv-20" value="20">
|
|
<div class="tdvl openRow name">
|
|
فرشته یاوری
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl lastView">
|
|
1400/05/04
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl installDate">
|
|
1400/01/09
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl mobile_1">
|
|
09384999655
|
|
</div>
|
|
<div class="tdvl is-hidden mobile_2">
|
|
09384999655
|
|
</div>
|
|
<div class="tdvl is-hidden mobile_3">
|
|
09384999655
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl address">
|
|
تست
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal SearchBox">
|
|
<div class="modal-background closeSearch"></div>
|
|
<div class="modal-content">
|
|
<div class="columns is-mobile is-multiline">
|
|
|
|
<div class="field column is-7-desktop is-12-mobile m-0">
|
|
<label class="label">جستجو کنید</label>
|
|
<div class="control">
|
|
<input class="input search" type="text" placeholder="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-5-desktop is-12-mobile m-0">
|
|
<label class="label">فیلد</label>
|
|
<div class="select">
|
|
<select>
|
|
<option>انتخاب کنید</option>
|
|
<option>کدمشتری</option>
|
|
<option>نام و نام خانوادگی</option>
|
|
<option>تلفن</option>
|
|
<option>آدرس</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<input class="button is-success" id="searchbtn" value="جستجو مشتری" type="submit">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<button class="modal-close is-large closeSearch" aria-label="close"></button>
|
|
</div>
|
|
|
|
<div class="modal addNewUser">
|
|
<div class="modal-background closeAddUser"></div>
|
|
<div class="modal-content">
|
|
<div class="columns is-mobile is-multiline">
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">نام ونام خانوادگی</label>
|
|
<div class="control">
|
|
<input class="input an_name" type="text" placeholder="نام نام خانوادگی">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-8-desktop is-12-mobile m-0">
|
|
<label class="label">آدرس</label>
|
|
<div class="control">
|
|
<input class="input an_address" type="text" placeholder="آدرس کامل">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تلفن همراه</label>
|
|
<div class="control">
|
|
<input name="phone-1" id="phone-1" class="input an_phone" type="text" placeholder="تلفن 1">
|
|
<input name="phone-2" id="phone-2" class="input an_phone" type="text" placeholder="تلفن 2">
|
|
<input name="phone-3" id="phone-3" class="input an_phone" type="text" placeholder="تلفن 3">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تاریخ نصب</label>
|
|
<div class="control">
|
|
<input name="installDate" class="input installDate" type="text" placeholder="مثل: 1400/06/01">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<input class="button is-success" id="createCS" value="ایجاد مشتری" type="submit">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<button class="modal-close is-large closeAddUser" aria-label="close"></button>
|
|
</div>
|
|
|
|
<div class="modal mEdit1">
|
|
<div class="modal-background closeAddUser"></div>
|
|
<div class="modal-content">
|
|
<div class="columns is-mobile is-multiline">
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">نام ونام خانوادگی</label>
|
|
<div class="control">
|
|
<input class="input uv_name" type="text" placeholder="نام نام خانوادگی">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-8-desktop is-12-mobile m-0">
|
|
<label class="label">آدرس</label>
|
|
<div class="control">
|
|
<input class="input uv_address" type="text" placeholder="آدرس کامل">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تلفن همراه</label>
|
|
<div class="control">
|
|
<input name="phone-1" id="phone-1" class="input uv_phone" type="text" placeholder="تلفن 1">
|
|
<input name="phone-2" id="phone-2" class="input uv_phone" type="text" placeholder="تلفن 2">
|
|
<input name="phone-3" id="phone-3" class="input uv_phone" type="text" placeholder="تلفن 3">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تاریخ نصب</label>
|
|
<div class="control">
|
|
<input name="installDate" class="input uv_installDate" type="text" placeholder="مثل: 1400/06/01">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<input class="button is-success" id="editCS" value="ویرایش مشتری" type="submit">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<button class="modal-close is-large closeAddUser" aria-label="close"></button>
|
|
</div>
|
|
|
|
</body>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#example').DataTable( {
|
|
responsive: true,
|
|
"language": {
|
|
"url": "//cdn.datatables.net/plug-ins/1.11.3/i18n/fa.json"
|
|
}
|
|
} );
|
|
|
|
$("#createCS").click(function(){
|
|
var u_name = $(".addNewUser").find('.an_name').val();
|
|
var u_address = $(".addNewUser").find('.an_address').val();
|
|
var u_phone1 = $(".addNewUser").find('#phone-1').val();
|
|
var u_phone2 = $(".addNewUser").find('#phone-2').val();
|
|
var u_phone3 = $(".addNewUser").find('#phone-3').val();
|
|
var u_installDate = $(".addNewUser").find('.installDate').val();
|
|
alert("Ok send To server");
|
|
$(".addNewUser").removeClass("is-active");
|
|
|
|
$(".addNewUser").find('.an_name').val('');
|
|
$(".addNewUser").find('.an_address').val('');
|
|
$(".addNewUser").find('#phone-1').val('');
|
|
$(".addNewUser").find('#phone-2').val('');
|
|
$(".addNewUser").find('#phone-3').val('');
|
|
$(".addNewUser").find('.installDate').val('');
|
|
//Refresh page
|
|
|
|
});
|
|
$(".modal-close, .modal-background").click(function(){
|
|
$(".mEdit1").removeClass("is-active")
|
|
});
|
|
$(".closeSearch").click(function(){
|
|
$(".SearchBox").removeClass("is-active")
|
|
});
|
|
$(".closeAddUser").click(function(){
|
|
$(".addNewUser").removeClass("is-active");
|
|
$(".addNewUser").find('.an_name').val('');
|
|
$(".addNewUser").find('.an_address').val('');
|
|
$(".addNewUser").find('#phone-1').val('');
|
|
$(".addNewUser").find('#phone-2').val('');
|
|
$(".addNewUser").find('#phone-3').val('');
|
|
$(".addNewUser").find('.installDate').val('');
|
|
});
|
|
|
|
$(".openRow").click(function(){
|
|
alert("OPen OK");
|
|
var id = $(this).parent().parent().find('.fid').val().trim();
|
|
var name = $(this).parent().parent().find('.name').text().trim();
|
|
var lastview = $(this).parent().parent().find('.lastview').text().trim();
|
|
var installDate = $(this).parent().parent().find('.installDate').text().trim();
|
|
var mobile_1 = $(this).parent().parent().find('.mobile_1').text().trim();
|
|
var mobile_2 = $(this).parent().parent().find('.mobile_2').text().trim();
|
|
var mobile_3 = $(this).parent().parent().find('.mobile_3').text().trim();
|
|
|
|
var address = $(this).parent().parent().find('.address').text().trim();
|
|
alert(name);
|
|
//alert(id)
|
|
$(".mEdit1").find('.fid').val(id);
|
|
$(".mEdit1").find('.uv_name').val(name);
|
|
$(".mEdit1").find('.uv_installDate').val(installDate);
|
|
$(".mEdit1").find('#phone-1').val(mobile_1);
|
|
$(".mEdit1").find('#phone-2').val(mobile_2);
|
|
$(".mEdit1").find('#phone-3').val(mobile_3);
|
|
$(".mEdit1").find('.uv_address').val(address);
|
|
|
|
//$("#bedehiStatus").val('وضعیت')
|
|
|
|
$(".mEdit1").addClass("is-active")
|
|
});
|
|
$("#addNewUser").click(function(){
|
|
$(".addNewUser").addClass("is-active")
|
|
});
|
|
$("#openSearchBox").click(function(){
|
|
$(".SearchBox").addClass("is-active")
|
|
});
|
|
$("#bedehiCN01").click(function(){
|
|
var factorId = $(this).parent().parent().find(".fid").val();
|
|
if ($("#bedehiStatus").val() == "tasfiye"){
|
|
alert("send To server to tasfiye");
|
|
$("tbody").find('.fidv-'+factorId).parent().parent().remove();
|
|
$(".mEdit1").removeClass("is-active");
|
|
}
|
|
});
|
|
} );
|
|
</script>
|
|
</html> |