fix del customer and phone number feild
This commit is contained in:
javad committed
1 parent
8d5665a1dc
commit
c33184a996
5 files changed
+296
-68
No files matched your search
@@ -3,6 +3,18 @@
|
||||
{% load static %}
|
||||
{% block bodyPage %}
|
||||
|
||||
{% if messages %}
|
||||
<div class="columns m-0">
|
||||
<div class="column is-12 px-2 pt-3 pb-0">
|
||||
{% for message in messages %}
|
||||
<div class="notification {% if message.tags == 'error' %}is-danger{% elif message.tags == 'success' %}is-success{% else %}is-info{% endif %} is-light mb-2">
|
||||
<button class="delete close-notification" type="button"></button>
|
||||
<strong>{{ message }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="">
|
||||
<div class="columns m-0">
|
||||
<div class="column is-12-mobile is-4-desktop">
|
||||
@@ -14,6 +26,7 @@
|
||||
</p>
|
||||
<span id="showUserDT" class="button level-item">مشاهده مشخصات</span>
|
||||
</div>
|
||||
|
||||
<div id="userDT" class="is-hidden-mobile">
|
||||
<div class="field column is-12-desktop is-12-mobile m-0">
|
||||
<label class="label">نام ونام خانوادگی</label>
|
||||
@@ -29,24 +42,83 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field column is-9-desktop is-9-mobile m-0">
|
||||
<label class="label">تلفن همراه</label>
|
||||
<div class="control">
|
||||
<input disabled value="{{ customer.phone1 }}" name="phone1" id="phone-1" class="input ss02 {% if not perms.admin_panel.ViewStore %}is-hidden{% endif %} an_phone" type="text" placeholder="تلفن 1">
|
||||
<input disabled value="{{ customer.phone2 }}" name="phone2" id="phone-2" class="input ss02 {% if not perms.admin_panel.ViewStore %}is-hidden{% endif %} an_phone" type="text" placeholder="تلفن 2">
|
||||
<input disabled value="{{ customer.phone3 }}" name="phone3" id="phone-3" class="input ss02 {% if not perms.admin_panel.ViewStore %}is-hidden{% endif %} an_phone" type="text" placeholder="تلفن 3">
|
||||
{% if not perms.admin_panel.ViewStore %}
|
||||
<p class="pb-4 ss02 ">
|
||||
<a href="tel:{% if customer.phone1|first in '0' %}{{ customer.phone1 }}{% else %}0{{ customer.phone1 }}{% endif %}">{{ customer.phone1 }}</a>
|
||||
</p>
|
||||
<p class="pb-4 ss02 ">
|
||||
<a href="tel:{% if customer.phone2|first in '0' %}{{ customer.phone2 }}{% else %}0{{ customer.phone2 }}{% endif %}">{{ customer.phone2 }}</a>
|
||||
</p>
|
||||
<p class="pb-4 ss02 ">
|
||||
<a href="tel:{% if customer.phone3|first in '0' %}{{ customer.phone3 }}{% else %}0{{ customer.phone3 }}{% endif %}">{{ customer.phone3 }}</a>
|
||||
</p>
|
||||
<div class="field column is-12-desktop is-12-mobile m-0">
|
||||
<label class="label">شمارههای تماس</label>
|
||||
<div id="dynamic-phones-edit">
|
||||
|
||||
{% if customer.phones.all %}
|
||||
{% for phone_obj in customer.phones.all %}
|
||||
<div class="field has-addons mt-2 ss02">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input disabled value="{{ phone_obj.title }}" name="phone_titles" class="input" type="text" placeholder="عنوان">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input disabled value="{{ phone_obj.phone_number }}" name="phones" class="input an_phone" type="text" placeholder="تلفن">
|
||||
</div>
|
||||
{% if perms.admin_panel.ViewStore %}
|
||||
<div class="control">
|
||||
<button type="button" disabled class="button is-danger remove-phone-btn">-</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if not perms.admin_panel.ViewStore %}
|
||||
<p class="pb-1 ss02">
|
||||
<small class="has-text-grey">{{ phone_obj.title }}:</small> <a href="tel:{{ phone_obj.phone_number }}">{{ phone_obj.phone_number }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% else %}
|
||||
{% if customer.phone1 %}
|
||||
<div class="field has-addons ss02 mt-2">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input disabled value="تلفن 1" name="phone_titles" class="input" type="text" placeholder="عنوان">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input disabled value="{{ customer.phone1 }}" name="phones" class="input an_phone" type="text" placeholder="تلفن">
|
||||
</div>
|
||||
{% if perms.admin_panel.ViewStore %}
|
||||
<div class="control"><button type="button" disabled class="button is-danger remove-phone-btn">-</button></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if customer.phone2 %}
|
||||
<div class="field has-addons ss02 mt-2">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input disabled value="تلفن 2" name="phone_titles" class="input" type="text">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input disabled value="{{ customer.phone2 }}" name="phones" class="input an_phone" type="text">
|
||||
</div>
|
||||
{% if perms.admin_panel.ViewStore %}
|
||||
<div class="control"><button type="button" disabled class="button is-danger remove-phone-btn">-</button></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if customer.phone3 %}
|
||||
<div class="field has-addons ss02 mt-2">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input disabled value="تلفن 3" name="phone_titles" class="input" type="text">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input disabled value="{{ customer.phone3 }}" name="phones" class="input an_phone" type="text">
|
||||
</div>
|
||||
{% if perms.admin_panel.ViewStore %}
|
||||
<div class="control"><button type="button" disabled class="button is-danger remove-phone-btn">-</button></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
{% if perms.admin_panel.ViewStore %}
|
||||
<button type="button" disabled id="add-more-phone-edit" class="button is-small is-info mt-2 w-100 add-phone-btn">
|
||||
+ افزودن شماره دیگر
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -84,6 +156,7 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -586,14 +659,49 @@
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var test = 0
|
||||
// فعالسازی دکمه بستن برای پیامهای سیستم (جدید)
|
||||
$(".close-notification").click(function(){
|
||||
$(this).parent().fadeOut(300, function() {
|
||||
$(this).remove();
|
||||
});
|
||||
});
|
||||
|
||||
var test = 0;
|
||||
|
||||
$("#enEdit").click(function(){
|
||||
$("#formcsEdit").find("input").prop('disabled', false);
|
||||
// فعال کردن دکمههای کنترل تلفن
|
||||
$("#formcsEdit").find("button.remove-phone-btn, button.add-phone-btn").prop('disabled', false);
|
||||
|
||||
$("#enEdit").addClass("is-hidden");
|
||||
$("#editCs").removeClass("is-hidden");
|
||||
});
|
||||
|
||||
// توابع داینامیک فرم ویرایش
|
||||
$(document).on('click', '.add-phone-btn', function() {
|
||||
var phoneRow = `
|
||||
<div class="field has-addons mt-2 ss02">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input name="phone_titles" class="input" type="text" placeholder="عنوان">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input name="phones" class="input an_phone" type="text" placeholder="شماره تماس جدید">
|
||||
</div>
|
||||
<div class="control">
|
||||
<button type="button" class="button is-danger remove-phone-btn">-</button>
|
||||
</div>
|
||||
</div>`;
|
||||
$("#dynamic-phones-edit").append(phoneRow);
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-phone-btn', function() {
|
||||
if ($("#dynamic-phones-edit .has-addons").length > 1) {
|
||||
$(this).closest('.field.has-addons').remove();
|
||||
} else {
|
||||
alert("حداقل یک شماره تماس باید وجود داشته باشد.");
|
||||
}
|
||||
});
|
||||
|
||||
$("#showUserDT").click(function(){
|
||||
if( $(this).html()=='مشاهده مشخصات' ){
|
||||
$(this).html('مخفی کردن');
|
||||
|
||||
@@ -155,14 +155,22 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field column is-4-desktop is-12-mobile m-0">
|
||||
<label class="label">تلفن همراه</label>
|
||||
<div class="control">
|
||||
<input name="phone1" id="phone-1" class="input an_phone" type="text" placeholder="تلفن 1">
|
||||
<input name="phone2" id="phone-2" class="input an_phone" type="text" placeholder="تلفن 2">
|
||||
<input name="phone3" id="phone-3" class="input an_phone" type="text" placeholder="تلفن 3">
|
||||
<div class="field column is-6-desktop is-12-mobile m-0">
|
||||
<label class="label">شمارههای تماس</label>
|
||||
<div id="dynamic-phones-add">
|
||||
<div class="field has-addons">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input name="phone_titles" class="input" type="text" placeholder="عنوان (مثلاً موبایل)">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input name="phones" class="input an_phone" type="text" placeholder="شماره تماس">
|
||||
</div>
|
||||
<div class="control">
|
||||
<button type="button" class="button is-info add-phone-btn">+</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field column is-4-desktop is-12-mobile m-0">
|
||||
<label class="label">تاریخ نصب</label>
|
||||
@@ -251,6 +259,25 @@ $(document).ready(function() {
|
||||
|
||||
kamaDatepicker('persianDateP', { buttonsColor: "red", forceFarsiDigits: true });
|
||||
|
||||
$(document).on('click', '.add-phone-btn', function() {
|
||||
var phoneRow = `
|
||||
<div class="field has-addons mt-2">
|
||||
<div class="control" style="width: 35%;">
|
||||
<input name="phone_titles" class="input" type="text" placeholder="عنوان">
|
||||
</div>
|
||||
<div class="control is-expanded">
|
||||
<input name="phones" class="input an_phone" type="text" placeholder="شماره تماس">
|
||||
</div>
|
||||
<div class="control">
|
||||
<button type="button" class="button is-danger remove-phone-btn">-</button>
|
||||
</div>
|
||||
</div>`;
|
||||
$(this).closest('div[id^="dynamic-phones"]').append(phoneRow);
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-phone-btn', function() {
|
||||
$(this).closest('.field.has-addons').remove();
|
||||
});
|
||||
|
||||
$("#createCS").click(function(){
|
||||
var u_name = $(".addNewUser").find('.an_name').val();
|
||||
|
||||
Reference in new issue
Block a user