summaryrefslogtreecommitdiff
path: root/sh_helpdesk/static
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 17:14:58 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 17:14:58 +0700
commit1ca3b3df3421961caec3b747a364071c80f5c7da (patch)
tree6778a1f0f3f9b4c6e26d6d87ccde16e24da6c9d6 /sh_helpdesk/static
parentb57188be371d36d96caac4b8d65a40745c0e972c (diff)
initial commit
Diffstat (limited to 'sh_helpdesk/static')
-rw-r--r--sh_helpdesk/static/description/0.pngbin0 -> 112248 bytes
-rw-r--r--sh_helpdesk/static/description/1.pngbin0 -> 65360 bytes
-rw-r--r--sh_helpdesk/static/description/10.pngbin0 -> 78178 bytes
-rw-r--r--sh_helpdesk/static/description/11.pngbin0 -> 151589 bytes
-rw-r--r--sh_helpdesk/static/description/12.pngbin0 -> 142965 bytes
-rw-r--r--sh_helpdesk/static/description/13.pngbin0 -> 185774 bytes
-rw-r--r--sh_helpdesk/static/description/14.pngbin0 -> 98017 bytes
-rw-r--r--sh_helpdesk/static/description/15.pngbin0 -> 72005 bytes
-rw-r--r--sh_helpdesk/static/description/16.pngbin0 -> 247931 bytes
-rw-r--r--sh_helpdesk/static/description/17.pngbin0 -> 63881 bytes
-rw-r--r--sh_helpdesk/static/description/18.pngbin0 -> 141517 bytes
-rw-r--r--sh_helpdesk/static/description/19.pngbin0 -> 156996 bytes
-rw-r--r--sh_helpdesk/static/description/2.pngbin0 -> 68829 bytes
-rw-r--r--sh_helpdesk/static/description/20.pngbin0 -> 150180 bytes
-rw-r--r--sh_helpdesk/static/description/21.pngbin0 -> 143464 bytes
-rw-r--r--sh_helpdesk/static/description/22.pngbin0 -> 190045 bytes
-rw-r--r--sh_helpdesk/static/description/24.pngbin0 -> 157724 bytes
-rw-r--r--sh_helpdesk/static/description/3.pngbin0 -> 70489 bytes
-rw-r--r--sh_helpdesk/static/description/4.pngbin0 -> 75759 bytes
-rw-r--r--sh_helpdesk/static/description/5.pngbin0 -> 74124 bytes
-rw-r--r--sh_helpdesk/static/description/6.pngbin0 -> 77458 bytes
-rw-r--r--sh_helpdesk/static/description/7.pngbin0 -> 92702 bytes
-rw-r--r--sh_helpdesk/static/description/8.pngbin0 -> 87665 bytes
-rw-r--r--sh_helpdesk/static/description/9.pngbin0 -> 125933 bytes
-rw-r--r--sh_helpdesk/static/description/Create Ticket From Inbound Mail.pngbin0 -> 256812 bytes
-rw-r--r--sh_helpdesk/static/description/Dynamic Dashboard.pngbin0 -> 236102 bytes
-rw-r--r--sh_helpdesk/static/description/Help Desk Portal.pngbin0 -> 244274 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Backend.pngbin0 -> 230446 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Multiple User for Backend.pngbin0 -> 211506 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Multiple User for Portal.pngbin0 -> 207671 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Portal Customer.pngbin0 -> 220978 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Portal.pngbin0 -> 213917 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Quick Reply.pngbin0 -> 517969 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk SLA Policy.pngbin0 -> 233755 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Ticket Reminder.pngbin0 -> 209543 bytes
-rw-r--r--sh_helpdesk/static/description/Helpdesk Whatsapp.pngbin0 -> 233675 bytes
-rw-r--r--sh_helpdesk/static/description/Leader.pngbin0 -> 308226 bytes
-rw-r--r--sh_helpdesk/static/description/Manage Products.pngbin0 -> 475482 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU1.pngbin0 -> 100139 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU2.pngbin0 -> 111262 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU3.pngbin0 -> 110548 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU4.pngbin0 -> 100611 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU5.pngbin0 -> 100885 bytes
-rw-r--r--sh_helpdesk/static/description/Multi_user/MU6.pngbin0 -> 133723 bytes
-rw-r--r--sh_helpdesk/static/description/My-Company-Your-Ticket-is-generated-Ref-TICKET-0012-Odoo.pngbin0 -> 193909 bytes
-rw-r--r--sh_helpdesk/static/description/Ticket-Dashboard-Odoo.pngbin0 -> 296885 bytes
-rw-r--r--sh_helpdesk/static/description/Update Mass Ticket.pngbin0 -> 220687 bytes
-rw-r--r--sh_helpdesk/static/description/Userwise Helpdesk.pngbin0 -> 204662 bytes
-rw-r--r--sh_helpdesk/static/description/aarab.pngbin0 -> 421 bytes
-rw-r--r--sh_helpdesk/static/description/assign user.pngbin0 -> 92510 bytes
-rw-r--r--sh_helpdesk/static/description/auto_add_follower.gifbin0 -> 3201225 bytes
-rw-r--r--sh_helpdesk/static/description/auto_close_ticket.gifbin0 -> 1686482 bytes
-rw-r--r--sh_helpdesk/static/description/background.pngbin0 -> 92512 bytes
-rw-r--r--sh_helpdesk/static/description/captcha.pngbin0 -> 217248 bytes
-rw-r--r--sh_helpdesk/static/description/dashboard_counter_click.gifbin0 -> 1049859 bytes
-rw-r--r--sh_helpdesk/static/description/email.pngbin0 -> 253789 bytes
-rw-r--r--sh_helpdesk/static/description/eng.pngbin0 -> 6396 bytes
-rw-r--r--sh_helpdesk/static/description/feedback portal.pngbin0 -> 125518 bytes
-rw-r--r--sh_helpdesk/static/description/feedback.pngbin0 -> 148868 bytes
-rw-r--r--sh_helpdesk/static/description/german.pngbin0 -> 292 bytes
-rw-r--r--sh_helpdesk/static/description/helpdesk backend new.pngbin0 -> 547216 bytes
-rw-r--r--sh_helpdesk/static/description/helpdesk_1.pngbin0 -> 100303 bytes
-rw-r--r--sh_helpdesk/static/description/helpdesk_2.pngbin0 -> 123834 bytes
-rw-r--r--sh_helpdesk/static/description/helpdesk_3.pngbin0 -> 122370 bytes
-rw-r--r--sh_helpdesk/static/description/hot tag.pngbin0 -> 5683 bytes
-rw-r--r--sh_helpdesk/static/description/icon.pngbin0 -> 16878 bytes
-rw-r--r--sh_helpdesk/static/description/image1.pngbin0 -> 119577 bytes
-rw-r--r--sh_helpdesk/static/description/image2.pngbin0 -> 130573 bytes
-rw-r--r--sh_helpdesk/static/description/image3.pngbin0 -> 131889 bytes
-rw-r--r--sh_helpdesk/static/description/index.html2002
-rw-r--r--sh_helpdesk/static/description/like_1.pngbin0 -> 74880 bytes
-rw-r--r--sh_helpdesk/static/description/like_2.pngbin0 -> 119439 bytes
-rw-r--r--sh_helpdesk/static/description/like_3.pngbin0 -> 65347 bytes
-rw-r--r--sh_helpdesk/static/description/mass.gifbin0 -> 5417996 bytes
-rw-r--r--sh_helpdesk/static/description/new request.pngbin0 -> 81024 bytes
-rw-r--r--sh_helpdesk/static/description/new tag.pngbin0 -> 3358 bytes
-rw-r--r--sh_helpdesk/static/description/new.pngbin0 -> 18127 bytes
-rw-r--r--sh_helpdesk/static/description/neww.pngbin0 -> 8152 bytes
-rw-r--r--sh_helpdesk/static/description/pdf img.pngbin0 -> 97392 bytes
-rw-r--r--sh_helpdesk/static/description/pdf.pngbin0 -> 130762 bytes
-rw-r--r--sh_helpdesk/static/description/portal 1.pngbin0 -> 111231 bytes
-rw-r--r--sh_helpdesk/static/description/portal form.pngbin0 -> 101083 bytes
-rw-r--r--sh_helpdesk/static/description/portal list options.pngbin0 -> 162511 bytes
-rw-r--r--sh_helpdesk/static/description/portal pdf 14.pngbin0 -> 134723 bytes
-rw-r--r--sh_helpdesk/static/description/portal pdf.pngbin0 -> 132016 bytes
-rw-r--r--sh_helpdesk/static/description/portal/10p.pngbin0 -> 101641 bytes
-rw-r--r--sh_helpdesk/static/description/portal/11p.pngbin0 -> 119762 bytes
-rw-r--r--sh_helpdesk/static/description/portal/12p.pngbin0 -> 115061 bytes
-rw-r--r--sh_helpdesk/static/description/portal/13p.pngbin0 -> 178870 bytes
-rw-r--r--sh_helpdesk/static/description/portal/14p.pngbin0 -> 154224 bytes
-rw-r--r--sh_helpdesk/static/description/portal/1p.pngbin0 -> 89233 bytes
-rw-r--r--sh_helpdesk/static/description/portal/2p.pngbin0 -> 113520 bytes
-rw-r--r--sh_helpdesk/static/description/portal/3p.pngbin0 -> 104258 bytes
-rw-r--r--sh_helpdesk/static/description/portal/4p.pngbin0 -> 121209 bytes
-rw-r--r--sh_helpdesk/static/description/portal/5p.pngbin0 -> 106823 bytes
-rw-r--r--sh_helpdesk/static/description/portal/6p.pngbin0 -> 104951 bytes
-rw-r--r--sh_helpdesk/static/description/portal/7p.pngbin0 -> 125073 bytes
-rw-r--r--sh_helpdesk/static/description/portal/8p.pngbin0 -> 109470 bytes
-rw-r--r--sh_helpdesk/static/description/portal/9p.pngbin0 -> 115878 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/0.pngbin0 -> 118953 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/1.pngbin0 -> 176396 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/10.pngbin0 -> 141338 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/11.pngbin0 -> 141567 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/2.pngbin0 -> 72412 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/3.pngbin0 -> 98458 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/4.pngbin0 -> 376775 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/5.pngbin0 -> 131121 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/6.pngbin0 -> 135581 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/7.pngbin0 -> 139934 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/8.pngbin0 -> 140946 bytes
-rw-r--r--sh_helpdesk/static/description/quick_reply/9.pngbin0 -> 126895 bytes
-rw-r--r--sh_helpdesk/static/description/reply.gifbin0 -> 1527867 bytes
-rw-r--r--sh_helpdesk/static/description/reply_status.gifbin0 -> 4855800 bytes
-rw-r--r--sh_helpdesk/static/description/resolved_ticket.gifbin0 -> 2632581 bytes
-rw-r--r--sh_helpdesk/static/description/s1.pngbin0 -> 92590 bytes
-rw-r--r--sh_helpdesk/static/description/s10.pngbin0 -> 121678 bytes
-rw-r--r--sh_helpdesk/static/description/s11.pngbin0 -> 113041 bytes
-rw-r--r--sh_helpdesk/static/description/s12.pngbin0 -> 116855 bytes
-rw-r--r--sh_helpdesk/static/description/s13.pngbin0 -> 141617 bytes
-rw-r--r--sh_helpdesk/static/description/s14.pngbin0 -> 66432 bytes
-rw-r--r--sh_helpdesk/static/description/s15.pngbin0 -> 93003 bytes
-rw-r--r--sh_helpdesk/static/description/s16.pngbin0 -> 75214 bytes
-rw-r--r--sh_helpdesk/static/description/s17.pngbin0 -> 53741 bytes
-rw-r--r--sh_helpdesk/static/description/s18.pngbin0 -> 53267 bytes
-rw-r--r--sh_helpdesk/static/description/s19.pngbin0 -> 110539 bytes
-rw-r--r--sh_helpdesk/static/description/s2.pngbin0 -> 79843 bytes
-rw-r--r--sh_helpdesk/static/description/s20.pngbin0 -> 113028 bytes
-rw-r--r--sh_helpdesk/static/description/s21.pngbin0 -> 79132 bytes
-rw-r--r--sh_helpdesk/static/description/s22.pngbin0 -> 130091 bytes
-rw-r--r--sh_helpdesk/static/description/s23.pngbin0 -> 110218 bytes
-rw-r--r--sh_helpdesk/static/description/s24.pngbin0 -> 87385 bytes
-rw-r--r--sh_helpdesk/static/description/s3.pngbin0 -> 74900 bytes
-rw-r--r--sh_helpdesk/static/description/s4.pngbin0 -> 112084 bytes
-rw-r--r--sh_helpdesk/static/description/s5.pngbin0 -> 46961 bytes
-rw-r--r--sh_helpdesk/static/description/s6.pngbin0 -> 111448 bytes
-rw-r--r--sh_helpdesk/static/description/s7.pngbin0 -> 84872 bytes
-rw-r--r--sh_helpdesk/static/description/s8.pngbin0 -> 104901 bytes
-rw-r--r--sh_helpdesk/static/description/s9.pngbin0 -> 119424 bytes
-rw-r--r--sh_helpdesk/static/description/search_field.gifbin0 -> 1827362 bytes
-rw-r--r--sh_helpdesk/static/description/setting.pngbin0 -> 109999 bytes
-rw-r--r--sh_helpdesk/static/description/shape.pngbin0 -> 437 bytes
-rw-r--r--sh_helpdesk/static/description/slovak.pngbin0 -> 2460 bytes
-rw-r--r--sh_helpdesk/static/description/spanish.jpgbin0 -> 2176 bytes
-rw-r--r--sh_helpdesk/static/description/ssn1.pngbin0 -> 95491 bytes
-rw-r--r--sh_helpdesk/static/description/ssn2.pngbin0 -> 121063 bytes
-rw-r--r--sh_helpdesk/static/description/ssn3.pngbin0 -> 99043 bytes
-rw-r--r--sh_helpdesk/static/description/ssn4.pngbin0 -> 153003 bytes
-rw-r--r--sh_helpdesk/static/description/ssn5.pngbin0 -> 125973 bytes
-rw-r--r--sh_helpdesk/static/description/ssn6.pngbin0 -> 142980 bytes
-rw-r--r--sh_helpdesk/static/description/ssn7.pngbin0 -> 87732 bytes
-rw-r--r--sh_helpdesk/static/description/stages.pngbin0 -> 235669 bytes
-rw-r--r--sh_helpdesk/static/description/thank.pngbin0 -> 30043 bytes
-rw-r--r--sh_helpdesk/static/description/ticket close.pngbin0 -> 151731 bytes
-rw-r--r--sh_helpdesk/static/description/user.pngbin0 -> 235057 bytes
-rw-r--r--sh_helpdesk/static/description/w1.pngbin0 -> 77009 bytes
-rw-r--r--sh_helpdesk/static/description/w10.pngbin0 -> 106909 bytes
-rw-r--r--sh_helpdesk/static/description/w11.pngbin0 -> 123171 bytes
-rw-r--r--sh_helpdesk/static/description/w12.pngbin0 -> 295918 bytes
-rw-r--r--sh_helpdesk/static/description/w13.pngbin0 -> 296914 bytes
-rw-r--r--sh_helpdesk/static/description/w14.pngbin0 -> 122174 bytes
-rw-r--r--sh_helpdesk/static/description/w15.pngbin0 -> 120978 bytes
-rw-r--r--sh_helpdesk/static/description/w16.pngbin0 -> 125329 bytes
-rw-r--r--sh_helpdesk/static/description/w2.pngbin0 -> 89503 bytes
-rw-r--r--sh_helpdesk/static/description/w3.pngbin0 -> 54579 bytes
-rw-r--r--sh_helpdesk/static/description/w4.pngbin0 -> 93403 bytes
-rw-r--r--sh_helpdesk/static/description/w5.pngbin0 -> 117711 bytes
-rw-r--r--sh_helpdesk/static/description/w6.pngbin0 -> 122298 bytes
-rw-r--r--sh_helpdesk/static/description/w7.pngbin0 -> 270511 bytes
-rw-r--r--sh_helpdesk/static/description/w8.pngbin0 -> 297001 bytes
-rw-r--r--sh_helpdesk/static/description/w9.pngbin0 -> 106010 bytes
-rw-r--r--sh_helpdesk/static/description/web 1.pngbin0 -> 84318 bytes
-rw-r--r--sh_helpdesk/static/description/web 2.pngbin0 -> 32307 bytes
-rw-r--r--sh_helpdesk/static/description/web 3.pngbin0 -> 121840 bytes
-rw-r--r--sh_helpdesk/static/src/css/bootstrap-multiselect.min.css1
-rw-r--r--sh_helpdesk/static/src/css/feedback.scss73
-rw-r--r--sh_helpdesk/static/src/css/ticket_dashboard.css125
-rw-r--r--sh_helpdesk/static/src/img/emg1.svg3
-rw-r--r--sh_helpdesk/static/src/img/emg2.svg31
-rw-r--r--sh_helpdesk/static/src/img/emg3.svg31
-rw-r--r--sh_helpdesk/static/src/img/emg4.svg31
-rw-r--r--sh_helpdesk/static/src/img/emg5.svg31
-rw-r--r--sh_helpdesk/static/src/js/bootstrap-multiselect.min.js1
-rw-r--r--sh_helpdesk/static/src/js/filter.js348
-rw-r--r--sh_helpdesk/static/src/js/helpdesk_ticket_dasboard.js68
-rw-r--r--sh_helpdesk/static/src/js/helpdesk_ticket_kanban_examples.js10
-rw-r--r--sh_helpdesk/static/src/js/portal.js131
186 files changed, 2886 insertions, 0 deletions
diff --git a/sh_helpdesk/static/description/0.png b/sh_helpdesk/static/description/0.png
new file mode 100644
index 0000000..fc673bb
--- /dev/null
+++ b/sh_helpdesk/static/description/0.png
Binary files differ
diff --git a/sh_helpdesk/static/description/1.png b/sh_helpdesk/static/description/1.png
new file mode 100644
index 0000000..9558e17
--- /dev/null
+++ b/sh_helpdesk/static/description/1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/10.png b/sh_helpdesk/static/description/10.png
new file mode 100644
index 0000000..8f4dbf8
--- /dev/null
+++ b/sh_helpdesk/static/description/10.png
Binary files differ
diff --git a/sh_helpdesk/static/description/11.png b/sh_helpdesk/static/description/11.png
new file mode 100644
index 0000000..ee9aa3d
--- /dev/null
+++ b/sh_helpdesk/static/description/11.png
Binary files differ
diff --git a/sh_helpdesk/static/description/12.png b/sh_helpdesk/static/description/12.png
new file mode 100644
index 0000000..0edce76
--- /dev/null
+++ b/sh_helpdesk/static/description/12.png
Binary files differ
diff --git a/sh_helpdesk/static/description/13.png b/sh_helpdesk/static/description/13.png
new file mode 100644
index 0000000..ccacb02
--- /dev/null
+++ b/sh_helpdesk/static/description/13.png
Binary files differ
diff --git a/sh_helpdesk/static/description/14.png b/sh_helpdesk/static/description/14.png
new file mode 100644
index 0000000..a292d57
--- /dev/null
+++ b/sh_helpdesk/static/description/14.png
Binary files differ
diff --git a/sh_helpdesk/static/description/15.png b/sh_helpdesk/static/description/15.png
new file mode 100644
index 0000000..c298af1
--- /dev/null
+++ b/sh_helpdesk/static/description/15.png
Binary files differ
diff --git a/sh_helpdesk/static/description/16.png b/sh_helpdesk/static/description/16.png
new file mode 100644
index 0000000..0763ecd
--- /dev/null
+++ b/sh_helpdesk/static/description/16.png
Binary files differ
diff --git a/sh_helpdesk/static/description/17.png b/sh_helpdesk/static/description/17.png
new file mode 100644
index 0000000..4c46f18
--- /dev/null
+++ b/sh_helpdesk/static/description/17.png
Binary files differ
diff --git a/sh_helpdesk/static/description/18.png b/sh_helpdesk/static/description/18.png
new file mode 100644
index 0000000..2870e5a
--- /dev/null
+++ b/sh_helpdesk/static/description/18.png
Binary files differ
diff --git a/sh_helpdesk/static/description/19.png b/sh_helpdesk/static/description/19.png
new file mode 100644
index 0000000..2ddfaef
--- /dev/null
+++ b/sh_helpdesk/static/description/19.png
Binary files differ
diff --git a/sh_helpdesk/static/description/2.png b/sh_helpdesk/static/description/2.png
new file mode 100644
index 0000000..28216bf
--- /dev/null
+++ b/sh_helpdesk/static/description/2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/20.png b/sh_helpdesk/static/description/20.png
new file mode 100644
index 0000000..583acaf
--- /dev/null
+++ b/sh_helpdesk/static/description/20.png
Binary files differ
diff --git a/sh_helpdesk/static/description/21.png b/sh_helpdesk/static/description/21.png
new file mode 100644
index 0000000..1a22962
--- /dev/null
+++ b/sh_helpdesk/static/description/21.png
Binary files differ
diff --git a/sh_helpdesk/static/description/22.png b/sh_helpdesk/static/description/22.png
new file mode 100644
index 0000000..cb5f20a
--- /dev/null
+++ b/sh_helpdesk/static/description/22.png
Binary files differ
diff --git a/sh_helpdesk/static/description/24.png b/sh_helpdesk/static/description/24.png
new file mode 100644
index 0000000..2479cd9
--- /dev/null
+++ b/sh_helpdesk/static/description/24.png
Binary files differ
diff --git a/sh_helpdesk/static/description/3.png b/sh_helpdesk/static/description/3.png
new file mode 100644
index 0000000..72e1d58
--- /dev/null
+++ b/sh_helpdesk/static/description/3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/4.png b/sh_helpdesk/static/description/4.png
new file mode 100644
index 0000000..a725fc0
--- /dev/null
+++ b/sh_helpdesk/static/description/4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/5.png b/sh_helpdesk/static/description/5.png
new file mode 100644
index 0000000..73e7c7d
--- /dev/null
+++ b/sh_helpdesk/static/description/5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/6.png b/sh_helpdesk/static/description/6.png
new file mode 100644
index 0000000..11c1130
--- /dev/null
+++ b/sh_helpdesk/static/description/6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/7.png b/sh_helpdesk/static/description/7.png
new file mode 100644
index 0000000..1a66e6f
--- /dev/null
+++ b/sh_helpdesk/static/description/7.png
Binary files differ
diff --git a/sh_helpdesk/static/description/8.png b/sh_helpdesk/static/description/8.png
new file mode 100644
index 0000000..ba2ef03
--- /dev/null
+++ b/sh_helpdesk/static/description/8.png
Binary files differ
diff --git a/sh_helpdesk/static/description/9.png b/sh_helpdesk/static/description/9.png
new file mode 100644
index 0000000..2cc0c59
--- /dev/null
+++ b/sh_helpdesk/static/description/9.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Create Ticket From Inbound Mail.png b/sh_helpdesk/static/description/Create Ticket From Inbound Mail.png
new file mode 100644
index 0000000..af0fc27
--- /dev/null
+++ b/sh_helpdesk/static/description/Create Ticket From Inbound Mail.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Dynamic Dashboard.png b/sh_helpdesk/static/description/Dynamic Dashboard.png
new file mode 100644
index 0000000..92b6fc4
--- /dev/null
+++ b/sh_helpdesk/static/description/Dynamic Dashboard.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Help Desk Portal.png b/sh_helpdesk/static/description/Help Desk Portal.png
new file mode 100644
index 0000000..2e90999
--- /dev/null
+++ b/sh_helpdesk/static/description/Help Desk Portal.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Backend.png b/sh_helpdesk/static/description/Helpdesk Backend.png
new file mode 100644
index 0000000..98e6ed3
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Backend.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Multiple User for Backend.png b/sh_helpdesk/static/description/Helpdesk Multiple User for Backend.png
new file mode 100644
index 0000000..7a75cf3
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Multiple User for Backend.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Multiple User for Portal.png b/sh_helpdesk/static/description/Helpdesk Multiple User for Portal.png
new file mode 100644
index 0000000..42a33f4
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Multiple User for Portal.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Portal Customer.png b/sh_helpdesk/static/description/Helpdesk Portal Customer.png
new file mode 100644
index 0000000..3f3d08e
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Portal Customer.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Portal.png b/sh_helpdesk/static/description/Helpdesk Portal.png
new file mode 100644
index 0000000..0ad1ece
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Portal.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Quick Reply.png b/sh_helpdesk/static/description/Helpdesk Quick Reply.png
new file mode 100644
index 0000000..3fbfd9d
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Quick Reply.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk SLA Policy.png b/sh_helpdesk/static/description/Helpdesk SLA Policy.png
new file mode 100644
index 0000000..1f0128c
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk SLA Policy.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Ticket Reminder.png b/sh_helpdesk/static/description/Helpdesk Ticket Reminder.png
new file mode 100644
index 0000000..4f0f2ae
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Ticket Reminder.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Helpdesk Whatsapp.png b/sh_helpdesk/static/description/Helpdesk Whatsapp.png
new file mode 100644
index 0000000..b5e4b9d
--- /dev/null
+++ b/sh_helpdesk/static/description/Helpdesk Whatsapp.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Leader.png b/sh_helpdesk/static/description/Leader.png
new file mode 100644
index 0000000..6d07694
--- /dev/null
+++ b/sh_helpdesk/static/description/Leader.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Manage Products.png b/sh_helpdesk/static/description/Manage Products.png
new file mode 100644
index 0000000..c178995
--- /dev/null
+++ b/sh_helpdesk/static/description/Manage Products.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU1.png b/sh_helpdesk/static/description/Multi_user/MU1.png
new file mode 100644
index 0000000..6d0cb6a
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU2.png b/sh_helpdesk/static/description/Multi_user/MU2.png
new file mode 100644
index 0000000..18ac3d6
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU3.png b/sh_helpdesk/static/description/Multi_user/MU3.png
new file mode 100644
index 0000000..eef1c17
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU4.png b/sh_helpdesk/static/description/Multi_user/MU4.png
new file mode 100644
index 0000000..18ab344
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU5.png b/sh_helpdesk/static/description/Multi_user/MU5.png
new file mode 100644
index 0000000..8f8ac9b
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Multi_user/MU6.png b/sh_helpdesk/static/description/Multi_user/MU6.png
new file mode 100644
index 0000000..95ab7ea
--- /dev/null
+++ b/sh_helpdesk/static/description/Multi_user/MU6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/My-Company-Your-Ticket-is-generated-Ref-TICKET-0012-Odoo.png b/sh_helpdesk/static/description/My-Company-Your-Ticket-is-generated-Ref-TICKET-0012-Odoo.png
new file mode 100644
index 0000000..fc3089c
--- /dev/null
+++ b/sh_helpdesk/static/description/My-Company-Your-Ticket-is-generated-Ref-TICKET-0012-Odoo.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Ticket-Dashboard-Odoo.png b/sh_helpdesk/static/description/Ticket-Dashboard-Odoo.png
new file mode 100644
index 0000000..1d962f8
--- /dev/null
+++ b/sh_helpdesk/static/description/Ticket-Dashboard-Odoo.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Update Mass Ticket.png b/sh_helpdesk/static/description/Update Mass Ticket.png
new file mode 100644
index 0000000..12c9ced
--- /dev/null
+++ b/sh_helpdesk/static/description/Update Mass Ticket.png
Binary files differ
diff --git a/sh_helpdesk/static/description/Userwise Helpdesk.png b/sh_helpdesk/static/description/Userwise Helpdesk.png
new file mode 100644
index 0000000..c6c28cd
--- /dev/null
+++ b/sh_helpdesk/static/description/Userwise Helpdesk.png
Binary files differ
diff --git a/sh_helpdesk/static/description/aarab.png b/sh_helpdesk/static/description/aarab.png
new file mode 100644
index 0000000..143ffc9
--- /dev/null
+++ b/sh_helpdesk/static/description/aarab.png
Binary files differ
diff --git a/sh_helpdesk/static/description/assign user.png b/sh_helpdesk/static/description/assign user.png
new file mode 100644
index 0000000..53855ab
--- /dev/null
+++ b/sh_helpdesk/static/description/assign user.png
Binary files differ
diff --git a/sh_helpdesk/static/description/auto_add_follower.gif b/sh_helpdesk/static/description/auto_add_follower.gif
new file mode 100644
index 0000000..722ef5d
--- /dev/null
+++ b/sh_helpdesk/static/description/auto_add_follower.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/auto_close_ticket.gif b/sh_helpdesk/static/description/auto_close_ticket.gif
new file mode 100644
index 0000000..562087e
--- /dev/null
+++ b/sh_helpdesk/static/description/auto_close_ticket.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/background.png b/sh_helpdesk/static/description/background.png
new file mode 100644
index 0000000..8b874b0
--- /dev/null
+++ b/sh_helpdesk/static/description/background.png
Binary files differ
diff --git a/sh_helpdesk/static/description/captcha.png b/sh_helpdesk/static/description/captcha.png
new file mode 100644
index 0000000..d5aa040
--- /dev/null
+++ b/sh_helpdesk/static/description/captcha.png
Binary files differ
diff --git a/sh_helpdesk/static/description/dashboard_counter_click.gif b/sh_helpdesk/static/description/dashboard_counter_click.gif
new file mode 100644
index 0000000..dfda309
--- /dev/null
+++ b/sh_helpdesk/static/description/dashboard_counter_click.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/email.png b/sh_helpdesk/static/description/email.png
new file mode 100644
index 0000000..1e19e4b
--- /dev/null
+++ b/sh_helpdesk/static/description/email.png
Binary files differ
diff --git a/sh_helpdesk/static/description/eng.png b/sh_helpdesk/static/description/eng.png
new file mode 100644
index 0000000..91ed524
--- /dev/null
+++ b/sh_helpdesk/static/description/eng.png
Binary files differ
diff --git a/sh_helpdesk/static/description/feedback portal.png b/sh_helpdesk/static/description/feedback portal.png
new file mode 100644
index 0000000..60bf40b
--- /dev/null
+++ b/sh_helpdesk/static/description/feedback portal.png
Binary files differ
diff --git a/sh_helpdesk/static/description/feedback.png b/sh_helpdesk/static/description/feedback.png
new file mode 100644
index 0000000..c683ade
--- /dev/null
+++ b/sh_helpdesk/static/description/feedback.png
Binary files differ
diff --git a/sh_helpdesk/static/description/german.png b/sh_helpdesk/static/description/german.png
new file mode 100644
index 0000000..13efbe5
--- /dev/null
+++ b/sh_helpdesk/static/description/german.png
Binary files differ
diff --git a/sh_helpdesk/static/description/helpdesk backend new.png b/sh_helpdesk/static/description/helpdesk backend new.png
new file mode 100644
index 0000000..5d3f57c
--- /dev/null
+++ b/sh_helpdesk/static/description/helpdesk backend new.png
Binary files differ
diff --git a/sh_helpdesk/static/description/helpdesk_1.png b/sh_helpdesk/static/description/helpdesk_1.png
new file mode 100644
index 0000000..e845752
--- /dev/null
+++ b/sh_helpdesk/static/description/helpdesk_1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/helpdesk_2.png b/sh_helpdesk/static/description/helpdesk_2.png
new file mode 100644
index 0000000..5fe66df
--- /dev/null
+++ b/sh_helpdesk/static/description/helpdesk_2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/helpdesk_3.png b/sh_helpdesk/static/description/helpdesk_3.png
new file mode 100644
index 0000000..c59976a
--- /dev/null
+++ b/sh_helpdesk/static/description/helpdesk_3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/hot tag.png b/sh_helpdesk/static/description/hot tag.png
new file mode 100644
index 0000000..080c9a4
--- /dev/null
+++ b/sh_helpdesk/static/description/hot tag.png
Binary files differ
diff --git a/sh_helpdesk/static/description/icon.png b/sh_helpdesk/static/description/icon.png
new file mode 100644
index 0000000..c71a110
--- /dev/null
+++ b/sh_helpdesk/static/description/icon.png
Binary files differ
diff --git a/sh_helpdesk/static/description/image1.png b/sh_helpdesk/static/description/image1.png
new file mode 100644
index 0000000..c024f59
--- /dev/null
+++ b/sh_helpdesk/static/description/image1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/image2.png b/sh_helpdesk/static/description/image2.png
new file mode 100644
index 0000000..76e94d4
--- /dev/null
+++ b/sh_helpdesk/static/description/image2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/image3.png b/sh_helpdesk/static/description/image3.png
new file mode 100644
index 0000000..0cf2363
--- /dev/null
+++ b/sh_helpdesk/static/description/image3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/index.html b/sh_helpdesk/static/description/index.html
new file mode 100644
index 0000000..46bb1ea
--- /dev/null
+++ b/sh_helpdesk/static/description/index.html
@@ -0,0 +1,2002 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title></title>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
+ </link>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+ </link>
+ </head>
+ <body>
+ <!-- heading -->
+ <section id="sh_module_heading" style="padding-top: 50px;">
+ <div class="container">
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">Help Desk</h4>
+ <img src="shape.png" style="width: 100px;display: block;text-align: center;margin: auto;margin-bottom: 20px;" />
+ <p style="color: #777;font-size: 18px;margin: 0;letter-spacing: 1px;">
+ Are you looking for fully flexible and customisable helpdesk in odoo? Our this apps almost contain everything you need for Service Desk, Technical Support Team, Issue Ticket System which include service request to be managed in Odoo backend. Support ticket will send by email to customer and admin. Customer can view their ticket from the website portal and easily see stage of the reported ticket. This desk is fully customizable clean and flexible.
+ </p>
+ </div>
+ <div class="alert alert-success" style="margin-top: 30px;">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_website_helpdesk/"><strong>Help Desk Website</strong> Advance modules.</a>
+ </div>
+ <div class="alert alert-danger" style="margin-top: 30px;">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_all_in_one_helpdesk/"><strong>All In One Helpdesk</strong> Advance Module.</a>
+ </div>
+ </div>
+ </section>
+ <div class="container">
+ <div class="sh_center text-center">
+ <h4 style="font-size:30px; font-weight:600; color:#212121; margin-bottom:20px">About Addons</h4>
+ <hr style="width:100px; border-width:2px; border-color:#1976d2">
+ </div>
+ <table class="table" style="border:1px solid black;">
+ <thead class="thead-dark">
+ <tr>
+ <th scope="col" style="border:1px solid black;">Sr No.</th>
+ <th scope="col" style="border:1px solid black;">Addons</th>
+ <th scope="col" style="border:1px solid black;">Price</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th scope="row" style="border:1px solid black">1</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_crm/"><strong>Manage CRM With Helpdesk
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ <tr>
+ <th scope="row" style="border:1px solid black">2</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_so/"><strong>Manage Sale Order With Helpdesk
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ <tr>
+ <th scope="row" style="border:1px solid black">3</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_po/"><strong>Manage Purchase Order With Helpdesk
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ <tr>
+ <th scope="row" style="border:1px solid black">4</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_invoice/"><strong>Manage Invoice With Helpdesk
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ <tr>
+ <th scope="row" style="border:1px solid black">5</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_timesheet/"><strong>Helpdesk Timesheet
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ <tr>
+ <th scope="row" style="border:1px solid black">6</th>
+ <td style="border:1px solid black">
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_helpdesk_task/"><strong>Helpdesk Support Ticket To Task
+ </strong></a>
+ </td>
+ <td style="border:1px solid black">10 Eur</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <section id="sh_key_features" style="padding: 50px 0px;">
+ <div class="container">
+ <div class="sh_center text-center" style="margin-bottom: 40px;">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">Key Features</h4>
+ <hr style="width: 100px;border-width: 2px;border-color: #1976d2;" />
+ </div>
+
+ <div class="row">
+ <div class="col-md-6">
+ <a href="https://youtu.be/fgHNH_W69wM?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Update Mass Ticket.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-6">
+ <a href="https://youtu.be/2QfGoSuDQho?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Whatsapp.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <a href="https://youtu.be/OKfhkva1gi4?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk SLA Policy.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-6">
+ <a href="https://youtu.be/OKfhkva1gi4?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Ticket Reminder.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <a href="https://www.youtube.com/watch?v=KHJByCfaGCM&list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W&index=5" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="helpdesk backend new.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <a href="https://youtu.be/c8tg6ibCmu0?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="stages.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-6">
+ <a href="https://youtu.be/TKpTTetT5RI?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="email.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-4">
+ <a href="https://youtu.be/EQ8tPyc-vY4?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Dynamic Dashboard.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-4">
+ <a href="https://youtu.be/JBAJSu0ixjg?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Create Ticket From Inbound Mail.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-4">
+ <a href="https://youtu.be/EZ9sVoIA1CU?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Userwise Helpdesk.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <a href="https://youtu.be/h3CU7u4ThnM?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Portal.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-6">
+ <a href="https://youtu.be/OuDPDrDw2bo?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Portal Customer.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <a href="https://youtu.be/IzfPcQ1yRI0?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Quick Reply.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <a href="https://youtu.be/FGT8dzXtsMc?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Multiple User for Backend.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ <div class="col-md-6">
+ <a href="https://youtu.be/QCjDno_5ZyU?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Helpdesk Multiple User for Portal.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <a href="https://youtu.be/5YtrTn12BfU?list=PL-zDV7_rrd2qrjmF5c5l95nDkYxulAqc_" target="_blank" class="sh_shape_snippet" style="display: block;margin-top: 30px;">
+ <img src="Manage Products.png" style="width: 100%;border: 2px solid #aaaaaa;" />
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- video -->
+ <!-- <section id="sh_video" style="margin-top: 50px;text-align: center;">
+ <div class="container">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Videos</h4>
+ <hr style="width: 80px; border-width: 2px; border-color: #1976d2;" />
+
+ <div class="row" style="margin-top: 30px;">
+
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 2px solid #aaa;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <a href="https://youtu.be/EQ8tPyc-vY4?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;padding: 20px;display: block;text-decoration: none;">
+ Dynamic Dashboard
+ </a>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 2px solid #aaa;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <a href="https://www.youtube.com/watch?v=N-sNKjDTMtA&feature=youtu.be" target="_blank" style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;padding: 20px;display: block;text-decoration: none;">
+ Help Desk
+ </a>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 2px solid #aaa;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <a href="https://youtu.be/EZ9sVoIA1CU?list=PL-zDV7_rrd2pdNKurRK-TyKxYjImOJZ_W" target="_blank" style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;padding: 20px;display: block;text-decoration: none;">
+ Userwise Help Desk
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section> -->
+ <!-- feature -->
+ <section id="sh_feature" style="padding-top: 50px;">
+ <div class="container">
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">Hot Features</h4>
+ <hr style="width: 100px;border-width: 2px;border-color: #1976d2;" />
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Auto Change Replied Status Based On Customer/Staff Replied.<img src="hot tag.png" style="max-width:80px; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Helpdesk Whatsapp<img src="hot tag.png" style="max-width:25%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Helpdesk SLA Policy<img src="hot tag.png" style="max-width:25%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Helpdesk Ticket Alarm<img src="hot tag.png" style="max-width:25%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Search panel<img src="new tag.png" style="max-width:50%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Manage Products<img src="new tag.png" style="max-width:50%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Helpdesk Multiple User<img src="new tag.png" style="max-width:50%; padding-left:10px">
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Helpdesk Quick Reply
+ </span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <div style="background-color: #1976d2;display: inline-block;border-radius: 50%;">
+ <span class="fa fa-tachometer" style="width: 35px;height: 35px;text-align: center;line-height: 32px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ </div>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Ticket on Portal</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <div class="fa fa-puzzle-piece " style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 32px;border-radius: 50%;color: #fff;font-size: 16px;"></div>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Dynamic Stages</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-address-card-o" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 32px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 8px;">Dynamic Dashboard Table</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-circle" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Dynamic Dashboard Filter</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-check-square " style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Reply via E-Mails</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-eye-slash" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Customer Feedback</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-mobile" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 20px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">PDF Report</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;margin-bottom: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-cog" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Auto Close Ticket</span>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_icon" style="border: 1px solid #aaa;padding: 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <span class="fa fa-pencil-square-o" style="background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;color: #fff;font-size: 16px;"></span>
+ <span style="color: #212121;font-weight: 600;vertical-align: middle;padding-left: 10px;">Readymade Email Template</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section id="sh_features" style="padding: 50px 0px;">
+ <div class="container">
+ <div class="sh_center text-center" style="margin-bottom: 40px;">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">Features</h4>
+ <hr style="width: 100px;border-width: 2px;border-color: #1976d2;" />
+ </div>
+ <ul style="padding: 0;list-style: none;">
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can update multiple tickets using "Mass-Action". <span class="badge badge-danger" style="background-color: #f44336 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">New</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Configuration added to send common quick reply. <span class="badge badge-danger" style="background-color: #f44336 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">New</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ When an inbound email comes then the email subject shows in the form view & kanban view. <span class="badge badge-danger" style="background-color: #f44336 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">New</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Email notification goes to the assigned user when customers see tickets from the portal. <span class="badge badge-danger" style="background-color: #f44336 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">New</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can send helpdesk tickets direct to the customer's WhatsApp. <span class="badge badge-danger" style="background-color: #C62828 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">HOT</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can use the helpdesk SLA policy for good customer support. <span class="badge badge-danger" style="background-color: #C62828 !important;
+ padding: 5px 14px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">HOT</span>
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can set a helpdesk ticket alarm for different tasks.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can edit multiple tickets in the list view.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to use search panel in the list & kanban view.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can manage products in tickets as well you can display products in the ticket PDF report.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ You can assign a single ticket to more than one user.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ In this update you have 'Send Quick Reply Template' feature.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to enable 'Send Quick Reply' features.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to create default reply templates for perticular questions.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Users can see only their own quick replay templates.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Only that user can see 'Quick Reply' menu if 'Send Quick Reply' group is enable.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Access rights for Helpdesk Manager, Helpdesk Team Leader, Helpdesk User.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to create ticket by helpdesk user.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to define stages as per your requirement.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to set access right and email templates for perticular stages.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to set days for auto closing tickets.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Fully customise and dynamic dashboard.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to define dynamic filter for dashboard.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Well organized data in table formate on dashboard.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Well organized data in table formate on dashboard.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Well organized calender, pivot, graph, kanban views.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Customer see ticket status from portal and email links.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Well organized portal for ticket.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to group by, search, and create ticket on portal.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Auto notifies via email to assigned user and customer while the ticket is created.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Auto share feedback link while ticket is closed.
+ </li>
+ <li style="border: 2px solid #aaa;padding: 20px;margin-bottom: 20px;font-size: 16px;color: #212121;font-weight: 600;letter-spacing: 1px;display: block;"><span class="fa fa-hand-o-right" style="color: #1976d2;font-weight: 600;font-size: 18px;padding-right: 10px;"></span>
+ Easy to chat with customer from chatter.
+ </li>
+ </ul>
+ </div>
+ </section>
+<section id="sh_tab" style="padding-top: 50px;">
+ <div class="container">
+ <ul class="nav nav-tabs justify-content-center" role="tablist" style="justify-content: center; padding-bottom: 10px; border-bottom: 2px solid #aaa;">
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link active" data-toggle="tab" href="#Setup" style="color: #333; border: 2px solid #1c76d2;">Setup</a>
+ </li>
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#Release" style="color: #333; border: 2px solid #1c76d2;">Releases</a>
+ </li>
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#FAQ" style="color: #333; border: 2px solid #1c76d2;">FAQs</a>
+ </li>
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#Support" style="color: #333; border: 2px solid #1c76d2;">Support</a>
+ </li>
+ </ul>
+ <div class="tab-content" style="margin-top: 30px;">
+ <!-- tab 2 -->
+ <div id="Setup" class="tab-pane active">
+ <section id="sh_sub_tab" style="padding-top: 15px;">
+ <div class="container">
+ <ul class="nav nav-tabs justify-content-center" role="tablist" style="justify-content: center; padding-bottom: 10px; border-bottom: 2px solid #aaa;">
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link active" data-toggle="tab" href="#Backend" style="color: #333; border: 2px solid #1c76d2;">Backend</a>
+ </li>
+ <li class="nav-item" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#Portal" style="color: #333; border: 2px solid #1c76d2;">Portal</a>
+ </li>
+ <li class="nav-item position-relative" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#updates" style="color: #333; border: 2px solid #1c76d2;">Latest Updates</a>
+ <img class="position-absolute fixed-top" src="new.png" alt="new_tag_ribbon" style="height: 35px;" />
+ </li>
+ <li class="nav-item position-relative" style="background-color: rgba(25, 118, 210, 0.6); color: #fff; border-radius: 0; font-weight: 600; font-size: 14px; margin: 0 5px;">
+ <a class="nav-link" data-toggle="tab" href="#wp" style="color: #333; border: 2px solid #1c76d2;">Helpdesk Whatsapp</a>
+ <img class="position-absolute fixed-top" src="new.png" alt="new_tag_ribbon" style="height: 35px;" />
+ </li>
+ </ul>
+ </div>
+ </section>
+ <div class="container tab-content" style="margin-top: 30px;">
+ <div class="tab-pane active" id="Backend">
+ <section id="sh_module_heading" style="padding-top: 50px;">
+ <div class="container">
+ <div class="sh_center text-center">
+
+
+ <h2 align="center">
+ <a style="background-color: #1976d2; color: white; border-color: #1976d2; position: relative; overflow: hidden;padding: 1%;text-decoration: none;border-radius: 0px;display: inline-block;" class="btn btn-success btn-lg" href="https://youtu.be/kEpp1eHiPSs" target="_blank"><span class="o_ripple d-block position-absolute rounded-circle" style="height: 398px; width: 398px; top: -164px; left: -147.891px;"></span>Helpdesk - Stages Configuration Flow<img src="neww.png" style="max-width: 100%;padding-left: 10px;height: 20px;width: auto;vertical-align: text-bottom;" /></a>
+ </h2>
+
+
+ </div>
+ </div>
+</section> <br/>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Access group for "Helpdesk Manager", "Helpdesk Team Leader", "Helpdesk User"
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="0.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk Teams menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Teams" form view. Where you can define team member and team leader or set team as default.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Tickets Type" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Subject Types" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Tags" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Stages" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Stages" form view. Where you can define stages and it's access rights, E-Mail template, next stage.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="7.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Categories" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="8.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Sub Categories" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="9.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Priorities" menu and list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="10.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Setting" View.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="11.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" Kanban view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="12.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" List view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="13.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" Pivot view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="14.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" Graph view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="15.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" Calender view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="16.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" Schedule activity view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="17.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" form view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="18.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" form attachment view. Where you can attach document received from customer.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="19.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When ticket is created that time customer will notify via email.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="new request.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When ticket is created that time assign user will notify via email.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="assign user.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When you click on the 'Reply' button on the form, this wizard will appear where you can set an email template as per reply. In Email, there is one link 'View Ticket', Where customer can see the ticket status.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="20.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Replied Date' added after reply and replied status will change 'Staff Replied'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="21.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ While ticket is closed, customer will notify via email with feedback link. click on link.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="22.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ After click on link customer will see this view, where customer give feedback with comment.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="feedback portal.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Thank you message after submit feedback.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="thank.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Customer feedback.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="feedback.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Ticket Close" information will added here.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ticket close.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Chat with customer in chatter.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="24.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Ticket on Portal.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal 1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ List view on portal. You can group by, create and search tickets. You can create a ticket only if you have the
+ <a href="https://apps.odoo.com/apps/modules/14.0/sh_website_helpdesk/">
+ <strong>Website Help Desk</strong>
+ </a>
+ module installed.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal list options.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk Portal ticket in PDF for backend.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="pdf.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Ticket Dashboard' for Helpdesk Manager. Where you can filter data with various filters and see data in well organized table formate.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Ticket-Dashboard-Odoo.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Ticket Dashboard' for Helpdesk Team Leader. Where leader can see only his team data and filter data with various filters, see data in well organized table formate.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Leader.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Ticket Dashboard' for Helpdesk User. Where user can see only ticket which is assigned, filter data with date filters and see data in well organized table formate.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="user.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <!-- Send Quick Reply -->
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Send Quick Reply</h4>
+ <hr style="width: 100px; border-width: 2px; border-color: #1976d2;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Goto user config setting, Enable 'Send Quick Reply'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ After that you can see the 'Send Quick Reply' menu, sub menu and 'Quick Reply Template' list view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Send Quick Reply Mail Template' Form View, Here you can create quick reply template.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Now go to Setting ==> Technical ==> Template. Open 'Ticket Reply : Send by Email'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In 'Ticket Reply : Send by Email', click on mark point(it will display, if debug mode is on).
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ After that you will see window like code editor, here you have to past '&lt;div class="predefined"&gt; &lt;/div&gt; ' code at mark place in screenshot.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Now goto helpdesk ticket form view and click on 'Reply'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/7.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Here select appropriate quick reply template and you can see the reply message in message box. And click on 'Send' Enjoy...
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="quick_reply/8.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <!-- Send Quick Reply -->
+ <!-- Multi User Backend -->
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Multi User</h4>
+ <hr style="width: 100px; border-width: 2px; border-color: #1976d2;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Goto user config setting, Enable 'Display Multi User'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can select more than one user for each tickets. All assign multi user can see the ticket.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Technical Leader' user can see the ticket.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Technical B' user can see the ticket.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Technical A' user can see the ticket.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 'Technical C' user can not see the ticket because ticket was not assigned.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="Multi_user/MU6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Manage Products</h4>
+ <hr style="width: 100px; border-width: 2px; border-color: #1976d2;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Goto user config setting, Enable 'Manage Products'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="helpdesk_1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can select products for each ticket.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="helpdesk_2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Ticket PDF report with the products.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="helpdesk_3.png" style="margin-bottom: 10px;" />
+ </div>
+ <!-- Multi User Backend -->
+ <!-- conf img -->
+ </div>
+
+ <div class="tab-pane fade" id="Portal">
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In User configuration there is access rights for only portal users.(Only visible when portal user true)
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/3p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Portal Manager"
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/5p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Portal Leader"
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/6p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Portal User"
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/7p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ If you want to set access for the portal customer then, 'Portal Access' leave it blank
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/8p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Login with Portal Support User and click on "Create".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/1p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ This Wizard will popout after click on create. Here Only Portal Manager,Leader, Manager can select partners.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/2p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Login with 'Portal Customer'. Customer can only create ticket for self only.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/9p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Login with 'Portal Support Leader'. If the customer exists then all required fields fill automatically.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/11p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ If any new customer arrived, then create ticket with name and email, it will create new customer in backend.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/12p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ New customer created and it will automatically added to followers.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/13p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Created cutomer form view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal/14p.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In portal you can download ticket in PDF formate also. Just click 'Download'.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="portal pdf 14.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Ticket in PDF formate.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="pdf img.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ </div>
+
+ <div class="tab-pane fade" id="updates">
+ <div class="sh_center text-center">
+ <h4 style="font-size: 20px; font-weight: 600; color: #212121; margin-bottom: 20px;">v 14.0.14</h4>
+
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can update multiple tickets using "Mass-Action". You can update assigned to person, stage, assign multi-user & add/remove followers.
+
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="mass.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can send common quick reply.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="reply.gif" style="width: 100%; margin-bottom: 10px;" /><br/>
+ </div>
+
+
+
+ <hr style="border-width: 2px; border-color: #1976d2;" />
+
+ <div class="sh_center text-center">
+ <h4 style="font-size: 20px; font-weight: 600; color: #212121; margin-bottom: 20px;">v 14.0.12</h4>
+
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ We were by default adding customers as followers on ticket create, to make this better we have given configuration to on/off these auto-add followers.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="auto_add_follower.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ We have updated the auto-close mechanism based on the last replied date of staff.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="auto_close_ticket.gif" style="width: 100%; margin-bottom: 10px;" /><br/>
+ <img src="resolved_ticket.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Auto Update Replied Status & Replied Date Based On Customer/Staff Replied To Ticket".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="reply_status.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Default search updated with name, customer,multi-user, assigned to user, email, email subject, mobile number fields.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="search_field.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ We have updated the counter tiles click records list.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="dashboard_counter_click.gif" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+
+ <hr style="border-width: 2px; border-color: #1976d2;" />
+
+
+ <div class="sh_center text-center">
+ <h4 style="font-size: 20px; font-weight: 600; color: #212121; margin-bottom: 20px;">v 14.0.11</h4>
+
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ First, choose a timezone.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Based on timezone create date and last update date comes.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Create date and last update date at the portal.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When direct/inbound email comes then the email subject shows in the form view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When direct/inbound email comes then the email subject shows in the kanban view.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Enable "Get email when customer view ticket?".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When customers see tickets from portal then email notification goes to assigned user.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="ssn7.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <hr style="border-width: 2px; border-color: #1976d2;" />
+
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Helpdesk SLA</h4>
+ <hr style="width: 100px; border-width: 2px; border-color: #1976d2;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk SLA Policy & Helpdesk Ticket Reminder security groups.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Go to the configuration => "Helpdesk SLA Policies".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ The "Helpdesk SLA Policy" form view looks like this, you can see SLA tickets from the smart button "SLA Tickets".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "SLA Tickets" form view looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can see helpdesk SLA tickets also from the helpdesk ticket types using the smart button "Helpdesk SLA".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "SLA Tickets" form view looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Teams" form view. Where you can define working schedule as well as see helpdesk SLA ticket using the smart button "Helpdesk SLA".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s7.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ The search panel in the helpdesk tickets looks like this, you can filter SLA using different filters.
+ <br />
+ Note: Search panel and multi-edit option available in only v13 & v14.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s8.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can edit multiple records from the helpdesk tickets list view.
+ <br />
+ Note: Search panel and multi-edit option available in only v13 & v14.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s9.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ "Helpdesk Ticket" form view, create a ticket and save it.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s10.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ The "Helpdesk Ticket" form view with SLA policies.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s11.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In the helpdesk ticket form view, you can see SLA deadline, Now we press the "Approve" button.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s12.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When press on the "Approve" button and all policies are approved then stage change to "Done".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s13.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can do helpdesk SLA analysis from the "Reporting" menu.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s14.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px; font-weight: 600; color: #212121; margin-bottom: 20px;">Helpdesk Ticket Alarm</h4>
+ <hr style="width: 100px; border-width: 2px; border-color: #1976d2;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Enable "Ticket Reminder".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s15.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Go to the configuration => "Helpdesk Ticket Alarm".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s16.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk ticket alarm form view looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s17.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk ticket alarm form view with the ticket reminder.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s20.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk ticket reminders can run using a cron job.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s21.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk ticket reminders popup looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s22.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Helpdesk ticket reminders email looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="s23.png" style="width: 100%; margin-bottom: 10px;" /><br />
+ <br />
+ <img src="s24.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ </div>
+
+ <div class="tab-pane fade" id="wp">
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In "User", enable the "Helpdesk Whatsapp Feature" option.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w1.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Whatsapp message description with the configuration setting.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w4.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Set the signature in the message, <br />
+ 1) Go to Preferences.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w2.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ 2) Add Signature.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w3.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Click "Send By WhatsApp" Button in helpdesk tickets.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w5.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ Choose recipient, template and edit Message as required and click send by whatsapp.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w6.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ This is the output shown in the WhatsApp messenger.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w7.png" style="width: 100%; margin-bottom: 10px;" /><br />
+ <img src="w8.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ In helpdesk ticket chatter you can see the message which is sent.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w9.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ You can send a Whatsapp message direct from the dashboard.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w10.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ After that one wizard opens, select details and press "Send".
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w11.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ This is the output shown in the WhatsApp messenger.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w12.png" style="width: 100%; margin-bottom: 10px;" /><br />
+ <img src="w13.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ When you click "Send By WhatsApp" Button in helpdesk tickets, this wizard opens choose details and if you click send then mail is sent.<br />
+
+ If you click send by WhatsApp it sends the message on WhatsApp.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w14.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ <div class="confi_img" style="text-align: center;">
+ <p style="color: #1976d2; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px;">
+ The sent email looks like this.
+ </p>
+ <hr style="width: 100px; border-width: 2px; border-color: #d3d3d3;" />
+ <img src="w15.png" style="width: 100%; margin-bottom: 10px;" /><br />
+ <img src="w16.png" style="width: 100%; margin-bottom: 10px;" />
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="Release" class="tab-pane fade">
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.14</span> | <span style="color: #1976d2;">Released on : 24 July 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> Update mass ticket using "Multi Action".
+ </li>
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> Configuration added to send common quick reply.
+ </li>
+
+ </ul>
+ </div>
+ <div class="sh_content" style="border:2px solid #aaa; padding:20px; margin-bottom:20px">
+
+ <h4 style="font-size:16px; margin:0; color:#212121; text-decoration:none; font-weight:600; letter-spacing:1px; display:block"><span class="fa fa-hand-o-right" style="color:#1976d2; font-weight:600; font-size:18px; padding-right:10px"></span> <span>Version 14.0.13</span> | <span style="color:#1976d2">Released on : 20 July 2021</span></h4>
+ <ul style="font-size:16px; padding-left:20px; color:#555; margin:0; padding-top:20px">
+ <li>
+ <span class="badge badge-warning" style="background: #FF9800;
+padding: 5px 10px;
+border-radius: 3px;
+color: #fff;
+font-size: 9px;
+text-transform: uppercase;
+font-weight: bold;
+box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">Update</span> Close Ticket From Scheduler Updated.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.12</span> | <span style="color: #1976d2;">Released on : 16 July 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span class="badge badge-warning" style="background: #ff9800;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">Update</span> Default search updated with name, customer,multi-user, assigned to user,email, email subject, mobile number fields.
+ </li>
+ <li>
+ <span class="badge badge-warning" style="background: #ff9800;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">Update</span> Auto add follower configuration is added for a customer when creating a ticket.
+ </li>
+
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> We have updated the counter tiles click records list.
+ </li>
+ <li>
+ <span class="badge badge-warning" style="background: #ff9800;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">Update</span> Auto Change Replied Status Based On Customer/Staff Replied.
+ </li>
+ <li>
+ <span class="badge badge-warning" style="background: #ff9800;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">Update</span> Updated auto close mechanism based on last replied date of staff.
+ </li>
+
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.11</span> | <span style="color: #1976d2;">Released on : 5 July 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> When direct/inbound email comes then the email subject shows in the form view & kanban view.
+ </li>
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> When customers see tickets from portal then email notification goes to assigned user configurations added.
+ </li>
+ <li>
+ <span class="badge badge-success" style="background-color: #43a047 !important; padding: 5px 17px; border-radius: 3px;color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">New</span> Timezone wise create date and last update date shows in the portal form.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.10</span> | <span style="color: #1976d2;">Released on : 4 June 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Helpdesk Whatsapp Feature Added.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.9</span> | <span style="color: #1976d2;">Released on : 29 May 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Helpdesk SLA Policy Added.
+ </li>
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Helpdesk Ticket Reminder Added.
+ </li>
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Multiple edit records added in ticket list view.
+ </li>
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Search panel is added in ticket list & kanban view.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.8</span> | <span style="color: #1976d2;">Released on : 4 May 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-info"
+ style="
+ background: #2196f3;
+ padding: 5px 15px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ Fixed
+ </span>
+ Minor Bug Fixed.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.7</span> | <span style="color: #1976d2;">Released on : 30 March 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Manage Products Added.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.6</span> |
+ <span style="color: #1976d2;">Released on : 4 February 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-success"
+ style="
+ background-color: #43a047 !important;
+ padding: 5px 17px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ New
+ </span>
+ Multi User Added.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.5</span> |
+ <span style="color: #1976d2;">Released on : 1 February 2021</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-warning"
+ style="
+ background: #ff9800;
+ padding: 5px 10px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ Update
+ </span>
+ Quick Reply Templates.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.4</span> |
+ <span style="color: #1976d2;">Released on : 1 December 2020</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-warning"
+ style="
+ background: #ff9800;
+ padding: 5px 10px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ Update
+ </span>
+ Make Separate Portal Access Rights.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.3</span> |
+ <span style="color: #1976d2;">Released on : 1 December 2020</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>
+ <span
+ class="badge badge-info"
+ style="
+ background: #2196f3;
+ padding: 5px 15px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ Fixed
+ </span>
+ Portal Side Domain Related Issue Fixed.
+ </li>
+ <li>
+ <span
+ class="badge badge-warning"
+ style="
+ background: #ff9800;
+ padding: 5px 10px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 9px;
+ text-transform: uppercase;
+ font-weight: bold;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ "
+ >
+ Update
+ </span>
+ Dashboard Responsive View Updated.
+ </li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.2</span> |
+ <span style="color: #1976d2;">Released on : 24 November 2020</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>Mail Template Error Fix.</li>
+ </ul>
+ </div>
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4 style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: block;">
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span> <span>Version 14.0.1</span> |
+ <span style="color: #1976d2;">Released on : 13 October 2020</span>
+ </h4>
+ <ul class="list-unstyled" style="list-style-type: disc; font-size: 16px; padding-left: 20px; color: #555; margin: 0; padding-top: 20px;">
+ <li>Initial Release.</li>
+ </ul>
+ </div>
+ </div>
+
+ <div id="FAQ" class="tab-pane fade">
+ <div class="demo">
+ <div class="panel-group" id="accordion" role="tablist">
+ <div class="panel panel-default" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <div class="panel-heading" role="tab" id="headingOne" style="border: 0; padding: 0;">
+ <h4 class="panel-title" style="margin: 0;">
+ <a
+ role="button"
+ data-toggle="collapse"
+ data-parent="#accordion"
+ href="#collapseOne"
+ aria-expanded="true"
+ aria-controls="collapseOne"
+ style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: flex;"
+ >
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span>
+ Is this app compatible with Odoo Community as well as Enterprise?
+ <!-- <span class="fa fa-plus" style="float: right;background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;color: #fff;border-radius: 50%;margin-top: -8px;"></span> -->
+ </a>
+ </h4>
+ </div>
+ <div id="collapseOne1" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="headingOne">
+ <div class="panel-body" style="padding-top: 20px;">
+ <ul style="list-style-type: disc; font-size: 16px; padding-left: 30px; color: #555; margin: 0;">
+ <li style="margin-bottom: 5px;">Yes, this app works perfectly with Odoo Enterprise as well as Community.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <div class="panel-heading" role="tab" id="headingThree" style="border: 0; padding: 0;">
+ <h4 class="panel-title" style="margin: 0;">
+ <a
+ class="collapsed"
+ role="button"
+ data-toggle="collapse"
+ data-parent="#accordion"
+ href="#collapseThree"
+ aria-expanded="false"
+ aria-controls="collapseThree"
+ style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: flex;"
+ >
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span>
+ I want to some customization in this app. How can I request it?
+ <!-- <span class="fa fa-plus" style="float: right;background-color: #1976d2;width: 35px;height: 35px;text-align: center;line-height: 35px;color: #fff;border-radius: 50%;margin-top: -8px;"></span> -->
+ </a>
+ </h4>
+ </div>
+ <div id="collapseThree3" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="headingThree">
+ <div class="panel-body" style="padding-top: 20px;">
+ <ul style="list-style-type: disc; font-size: 16px; padding-left: 30px; color: #555; margin: 0;">
+ <li style="margin-bottom: 5px;">
+ Please Contact Us at <a href="mailto:sales@softhealer.com" style="color: #007bff; font-weight: 600; text-decoration: none;">sales@softhealer.com</a>to request customization.
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <div class="panel-heading" role="tab" id="headingThree" style="border: 0; padding: 0;">
+ <h4 class="panel-title" style="margin: 0;">
+ <a
+ class="collapsed"
+ role="button"
+ data-toggle="collapse"
+ data-parent="#accordion"
+ href="#collapseThree"
+ aria-expanded="false"
+ aria-controls="collapseThree"
+ style="font-size: 16px; margin: 0; color: #212121; text-decoration: none; font-weight: 600; letter-spacing: 1px; display: flex;"
+ >
+ <span class="fa fa-hand-o-right" style="color: #1976d2; font-weight: 600; font-size: 18px; padding-right: 10px;"></span>
+ Do i get free support?
+ </a>
+ </h4>
+ </div>
+ <div id="collapseThree3" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="headingThree">
+ <div class="panel-body" style="padding-top: 20px;">
+ <ul style="list-style-type: disc; font-size: 16px; padding-left: 30px; color: #555; margin: 0;">
+ <li style="margin-bottom: 5px;">Yes, we provide free support for 90 days.</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div id="Support" class="tab-pane fade">
+ <div class="row">
+ <div class="col-md">
+ <div class="sh_content" style="border: 2px solid #aaa; padding: 20px; margin-bottom: 20px;">
+ <h4>
+ <a href="mailto:support@softhealer.com" style="text-decoration: none; color: #212121; font-size: 18px; font-weight: 600; letter-spacing: 1px;">
+ <span class="fa fa-envelope" style="color: #1976d2; padding-right: 10px; font-size: 20px;"></span> Please mail us for support on <b style="color: #1976d2;">support@softhealer.com</b>
+ </a>
+ </h4>
+
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <!--Multi Language -->
+ <section id="sh_multi_language" style="margin: 50px 0;">
+ <div class="container">
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">Multi-Languages</h4>
+ <hr style="width: 100px;border-width: 2px;border-color: #1976d2;" />
+ We have added predefined some languages(English, German / Deutsch, Arabic, Spanish / Español) in module, If you want to add other language you can contact us on <a href="mailto:support@softhealer.com">support@softhealer.com</a>. We use google translator tools for multi-languages so possible translations can be not accurate. we accept suggest to make more accurate translations also on <a href="mailto:support@softhealer.com">support@softhealer.com</a>.
+ <br/><br/>
+ </div>
+ <div class="row">
+ <div class="col-lg-12 col-md-12 col-sm-12 col-12">
+ <div class="img" style="text-align: center;">
+ <img src="eng.png" title="English" alt="english" style="object-fit: cover;margin: 10px 10px;" />
+ <img src="german.png" title="Germany" alt="germany" style="object-fit: cover;margin: 10px 10px;" />
+ <img src="aarab.png" title="Arab" alt="arab" style="object-fit: cover;margin: 10px 10px;" />
+ <img src="spanish.jpg" title="Spanish" alt="spanish" style="object-fit: cover;margin: 10px 10px;" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section id="sh_like_module" style="margin: 50px 0;">
+ <div class="container">
+ <div class="sh_center text-center">
+ <h4 style="font-size: 30px;font-weight: 600;color: #212121;margin-bottom: 20px;">You May Also Like</h4>
+ <hr style="width: 100px;border-width: 2px;border-color: #1976d2;" />
+ </div>
+ <!-- Indicators -->
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="row">
+ <div class="col-md-4">
+ <div class="sh_content" style="text-align: center;border: 1px solid #aaa;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <div class="sh_img" style="padding: 10px;border-bottom: 1px solid #aaa;">
+ <a href="https://www.odoo.com/apps/modules/13.0/hr_employee_medical/">
+ <img src="image1.png" style="width: 100%;height: 200px;object-fit: contain;"></img>
+ </a>
+ </div>
+ <h4 style="font-size: 20px;font-weight: 600;color: #212121;padding: 10px;margin: 0;"> Employee Medical Examination
+ </h4>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_content" style="text-align: center;border: 1px solid #aaa;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <div class="sh_img" style="padding: 10px;border-bottom: 1px solid #aaa;">
+ <a href="https://www.odoo.com/apps/modules/13.0/sh_certificate/">
+ <img src="image2.png" style="width: 100%;height: 200px;object-fit: contain;"></img>
+ </a>
+ </div>
+ <h4 style="font-size: 20px;font-weight: 600;color: #212121;padding: 10px;margin: 0;"> Certificates and Letters
+ </h4>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="sh_content" style="text-align: center;border: 1px solid #aaa;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);">
+ <div class="sh_img" style="padding: 10px;border-bottom: 1px solid #aaa;">
+ <a href="https://www.odoo.com/apps/modules/13.0/sh_event_seat_booking/">
+ <img src="image3.png" style="width: 100%;height: 200px;object-fit: contain;"></img>
+ </a>
+ </div>
+ <h4 style="font-size: 20px;font-weight: 600;color: #212121;padding: 10px;margin: 0;"> Event Seat Booking
+ </h4>
+ </div>
+ </div>
+ </div>
+ <!-- Controls -->
+ </div>
+ </div>
+ </section>
+ </body>
+</html> \ No newline at end of file
diff --git a/sh_helpdesk/static/description/like_1.png b/sh_helpdesk/static/description/like_1.png
new file mode 100644
index 0000000..b668d6b
--- /dev/null
+++ b/sh_helpdesk/static/description/like_1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/like_2.png b/sh_helpdesk/static/description/like_2.png
new file mode 100644
index 0000000..6fa1167
--- /dev/null
+++ b/sh_helpdesk/static/description/like_2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/like_3.png b/sh_helpdesk/static/description/like_3.png
new file mode 100644
index 0000000..86b2318
--- /dev/null
+++ b/sh_helpdesk/static/description/like_3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/mass.gif b/sh_helpdesk/static/description/mass.gif
new file mode 100644
index 0000000..55b2be0
--- /dev/null
+++ b/sh_helpdesk/static/description/mass.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/new request.png b/sh_helpdesk/static/description/new request.png
new file mode 100644
index 0000000..6dd183d
--- /dev/null
+++ b/sh_helpdesk/static/description/new request.png
Binary files differ
diff --git a/sh_helpdesk/static/description/new tag.png b/sh_helpdesk/static/description/new tag.png
new file mode 100644
index 0000000..2783b91
--- /dev/null
+++ b/sh_helpdesk/static/description/new tag.png
Binary files differ
diff --git a/sh_helpdesk/static/description/new.png b/sh_helpdesk/static/description/new.png
new file mode 100644
index 0000000..a4ed7f2
--- /dev/null
+++ b/sh_helpdesk/static/description/new.png
Binary files differ
diff --git a/sh_helpdesk/static/description/neww.png b/sh_helpdesk/static/description/neww.png
new file mode 100644
index 0000000..893150c
--- /dev/null
+++ b/sh_helpdesk/static/description/neww.png
Binary files differ
diff --git a/sh_helpdesk/static/description/pdf img.png b/sh_helpdesk/static/description/pdf img.png
new file mode 100644
index 0000000..6287b8b
--- /dev/null
+++ b/sh_helpdesk/static/description/pdf img.png
Binary files differ
diff --git a/sh_helpdesk/static/description/pdf.png b/sh_helpdesk/static/description/pdf.png
new file mode 100644
index 0000000..26d7ec6
--- /dev/null
+++ b/sh_helpdesk/static/description/pdf.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal 1.png b/sh_helpdesk/static/description/portal 1.png
new file mode 100644
index 0000000..be0fe6b
--- /dev/null
+++ b/sh_helpdesk/static/description/portal 1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal form.png b/sh_helpdesk/static/description/portal form.png
new file mode 100644
index 0000000..159fd23
--- /dev/null
+++ b/sh_helpdesk/static/description/portal form.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal list options.png b/sh_helpdesk/static/description/portal list options.png
new file mode 100644
index 0000000..6436f7e
--- /dev/null
+++ b/sh_helpdesk/static/description/portal list options.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal pdf 14.png b/sh_helpdesk/static/description/portal pdf 14.png
new file mode 100644
index 0000000..d671d3b
--- /dev/null
+++ b/sh_helpdesk/static/description/portal pdf 14.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal pdf.png b/sh_helpdesk/static/description/portal pdf.png
new file mode 100644
index 0000000..b0822be
--- /dev/null
+++ b/sh_helpdesk/static/description/portal pdf.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/10p.png b/sh_helpdesk/static/description/portal/10p.png
new file mode 100644
index 0000000..5289d7d
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/10p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/11p.png b/sh_helpdesk/static/description/portal/11p.png
new file mode 100644
index 0000000..355f454
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/11p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/12p.png b/sh_helpdesk/static/description/portal/12p.png
new file mode 100644
index 0000000..31c794e
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/12p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/13p.png b/sh_helpdesk/static/description/portal/13p.png
new file mode 100644
index 0000000..b166b42
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/13p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/14p.png b/sh_helpdesk/static/description/portal/14p.png
new file mode 100644
index 0000000..961012b
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/14p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/1p.png b/sh_helpdesk/static/description/portal/1p.png
new file mode 100644
index 0000000..cabb21c
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/1p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/2p.png b/sh_helpdesk/static/description/portal/2p.png
new file mode 100644
index 0000000..c3828f4
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/2p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/3p.png b/sh_helpdesk/static/description/portal/3p.png
new file mode 100644
index 0000000..3829c71
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/3p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/4p.png b/sh_helpdesk/static/description/portal/4p.png
new file mode 100644
index 0000000..b01606f
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/4p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/5p.png b/sh_helpdesk/static/description/portal/5p.png
new file mode 100644
index 0000000..de82294
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/5p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/6p.png b/sh_helpdesk/static/description/portal/6p.png
new file mode 100644
index 0000000..bdb1a82
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/6p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/7p.png b/sh_helpdesk/static/description/portal/7p.png
new file mode 100644
index 0000000..f14bbf3
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/7p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/8p.png b/sh_helpdesk/static/description/portal/8p.png
new file mode 100644
index 0000000..eee71cd
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/8p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/portal/9p.png b/sh_helpdesk/static/description/portal/9p.png
new file mode 100644
index 0000000..a2dbfa6
--- /dev/null
+++ b/sh_helpdesk/static/description/portal/9p.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/0.png b/sh_helpdesk/static/description/quick_reply/0.png
new file mode 100644
index 0000000..90b4766
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/0.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/1.png b/sh_helpdesk/static/description/quick_reply/1.png
new file mode 100644
index 0000000..115dcb3
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/10.png b/sh_helpdesk/static/description/quick_reply/10.png
new file mode 100644
index 0000000..e07df42
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/10.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/11.png b/sh_helpdesk/static/description/quick_reply/11.png
new file mode 100644
index 0000000..c0bf5cd
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/11.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/2.png b/sh_helpdesk/static/description/quick_reply/2.png
new file mode 100644
index 0000000..56eb891
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/3.png b/sh_helpdesk/static/description/quick_reply/3.png
new file mode 100644
index 0000000..bf710d6
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/4.png b/sh_helpdesk/static/description/quick_reply/4.png
new file mode 100644
index 0000000..8ec1d3f
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/5.png b/sh_helpdesk/static/description/quick_reply/5.png
new file mode 100644
index 0000000..a41df80
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/6.png b/sh_helpdesk/static/description/quick_reply/6.png
new file mode 100644
index 0000000..2528933
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/7.png b/sh_helpdesk/static/description/quick_reply/7.png
new file mode 100644
index 0000000..b5be66e
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/7.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/8.png b/sh_helpdesk/static/description/quick_reply/8.png
new file mode 100644
index 0000000..d44c544
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/8.png
Binary files differ
diff --git a/sh_helpdesk/static/description/quick_reply/9.png b/sh_helpdesk/static/description/quick_reply/9.png
new file mode 100644
index 0000000..4eb3e0b
--- /dev/null
+++ b/sh_helpdesk/static/description/quick_reply/9.png
Binary files differ
diff --git a/sh_helpdesk/static/description/reply.gif b/sh_helpdesk/static/description/reply.gif
new file mode 100644
index 0000000..4974c5e
--- /dev/null
+++ b/sh_helpdesk/static/description/reply.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/reply_status.gif b/sh_helpdesk/static/description/reply_status.gif
new file mode 100644
index 0000000..24f21e7
--- /dev/null
+++ b/sh_helpdesk/static/description/reply_status.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/resolved_ticket.gif b/sh_helpdesk/static/description/resolved_ticket.gif
new file mode 100644
index 0000000..1690de0
--- /dev/null
+++ b/sh_helpdesk/static/description/resolved_ticket.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/s1.png b/sh_helpdesk/static/description/s1.png
new file mode 100644
index 0000000..e80c2af
--- /dev/null
+++ b/sh_helpdesk/static/description/s1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s10.png b/sh_helpdesk/static/description/s10.png
new file mode 100644
index 0000000..9a6b100
--- /dev/null
+++ b/sh_helpdesk/static/description/s10.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s11.png b/sh_helpdesk/static/description/s11.png
new file mode 100644
index 0000000..26f92f9
--- /dev/null
+++ b/sh_helpdesk/static/description/s11.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s12.png b/sh_helpdesk/static/description/s12.png
new file mode 100644
index 0000000..53bd041
--- /dev/null
+++ b/sh_helpdesk/static/description/s12.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s13.png b/sh_helpdesk/static/description/s13.png
new file mode 100644
index 0000000..efcf1f7
--- /dev/null
+++ b/sh_helpdesk/static/description/s13.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s14.png b/sh_helpdesk/static/description/s14.png
new file mode 100644
index 0000000..6542782
--- /dev/null
+++ b/sh_helpdesk/static/description/s14.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s15.png b/sh_helpdesk/static/description/s15.png
new file mode 100644
index 0000000..53641b3
--- /dev/null
+++ b/sh_helpdesk/static/description/s15.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s16.png b/sh_helpdesk/static/description/s16.png
new file mode 100644
index 0000000..7a1a4e4
--- /dev/null
+++ b/sh_helpdesk/static/description/s16.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s17.png b/sh_helpdesk/static/description/s17.png
new file mode 100644
index 0000000..1d6625e
--- /dev/null
+++ b/sh_helpdesk/static/description/s17.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s18.png b/sh_helpdesk/static/description/s18.png
new file mode 100644
index 0000000..f458f53
--- /dev/null
+++ b/sh_helpdesk/static/description/s18.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s19.png b/sh_helpdesk/static/description/s19.png
new file mode 100644
index 0000000..fbbbadf
--- /dev/null
+++ b/sh_helpdesk/static/description/s19.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s2.png b/sh_helpdesk/static/description/s2.png
new file mode 100644
index 0000000..84785f6
--- /dev/null
+++ b/sh_helpdesk/static/description/s2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s20.png b/sh_helpdesk/static/description/s20.png
new file mode 100644
index 0000000..6c90b71
--- /dev/null
+++ b/sh_helpdesk/static/description/s20.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s21.png b/sh_helpdesk/static/description/s21.png
new file mode 100644
index 0000000..db4f6ab
--- /dev/null
+++ b/sh_helpdesk/static/description/s21.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s22.png b/sh_helpdesk/static/description/s22.png
new file mode 100644
index 0000000..bf791ea
--- /dev/null
+++ b/sh_helpdesk/static/description/s22.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s23.png b/sh_helpdesk/static/description/s23.png
new file mode 100644
index 0000000..f870df8
--- /dev/null
+++ b/sh_helpdesk/static/description/s23.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s24.png b/sh_helpdesk/static/description/s24.png
new file mode 100644
index 0000000..5043e5b
--- /dev/null
+++ b/sh_helpdesk/static/description/s24.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s3.png b/sh_helpdesk/static/description/s3.png
new file mode 100644
index 0000000..e9a5e70
--- /dev/null
+++ b/sh_helpdesk/static/description/s3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s4.png b/sh_helpdesk/static/description/s4.png
new file mode 100644
index 0000000..ac6fc76
--- /dev/null
+++ b/sh_helpdesk/static/description/s4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s5.png b/sh_helpdesk/static/description/s5.png
new file mode 100644
index 0000000..0482864
--- /dev/null
+++ b/sh_helpdesk/static/description/s5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s6.png b/sh_helpdesk/static/description/s6.png
new file mode 100644
index 0000000..8e2e00b
--- /dev/null
+++ b/sh_helpdesk/static/description/s6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s7.png b/sh_helpdesk/static/description/s7.png
new file mode 100644
index 0000000..3feb383
--- /dev/null
+++ b/sh_helpdesk/static/description/s7.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s8.png b/sh_helpdesk/static/description/s8.png
new file mode 100644
index 0000000..038e365
--- /dev/null
+++ b/sh_helpdesk/static/description/s8.png
Binary files differ
diff --git a/sh_helpdesk/static/description/s9.png b/sh_helpdesk/static/description/s9.png
new file mode 100644
index 0000000..ad97018
--- /dev/null
+++ b/sh_helpdesk/static/description/s9.png
Binary files differ
diff --git a/sh_helpdesk/static/description/search_field.gif b/sh_helpdesk/static/description/search_field.gif
new file mode 100644
index 0000000..254c4ef
--- /dev/null
+++ b/sh_helpdesk/static/description/search_field.gif
Binary files differ
diff --git a/sh_helpdesk/static/description/setting.png b/sh_helpdesk/static/description/setting.png
new file mode 100644
index 0000000..9ce7d2b
--- /dev/null
+++ b/sh_helpdesk/static/description/setting.png
Binary files differ
diff --git a/sh_helpdesk/static/description/shape.png b/sh_helpdesk/static/description/shape.png
new file mode 100644
index 0000000..5063a6b
--- /dev/null
+++ b/sh_helpdesk/static/description/shape.png
Binary files differ
diff --git a/sh_helpdesk/static/description/slovak.png b/sh_helpdesk/static/description/slovak.png
new file mode 100644
index 0000000..5e5da84
--- /dev/null
+++ b/sh_helpdesk/static/description/slovak.png
Binary files differ
diff --git a/sh_helpdesk/static/description/spanish.jpg b/sh_helpdesk/static/description/spanish.jpg
new file mode 100644
index 0000000..4a6df1f
--- /dev/null
+++ b/sh_helpdesk/static/description/spanish.jpg
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn1.png b/sh_helpdesk/static/description/ssn1.png
new file mode 100644
index 0000000..3bdcf3d
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn2.png b/sh_helpdesk/static/description/ssn2.png
new file mode 100644
index 0000000..4f80976
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn3.png b/sh_helpdesk/static/description/ssn3.png
new file mode 100644
index 0000000..26a8a8b
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn4.png b/sh_helpdesk/static/description/ssn4.png
new file mode 100644
index 0000000..c89a9c1
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn5.png b/sh_helpdesk/static/description/ssn5.png
new file mode 100644
index 0000000..149e776
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn6.png b/sh_helpdesk/static/description/ssn6.png
new file mode 100644
index 0000000..c32c0f2
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ssn7.png b/sh_helpdesk/static/description/ssn7.png
new file mode 100644
index 0000000..716849d
--- /dev/null
+++ b/sh_helpdesk/static/description/ssn7.png
Binary files differ
diff --git a/sh_helpdesk/static/description/stages.png b/sh_helpdesk/static/description/stages.png
new file mode 100644
index 0000000..2e2ad31
--- /dev/null
+++ b/sh_helpdesk/static/description/stages.png
Binary files differ
diff --git a/sh_helpdesk/static/description/thank.png b/sh_helpdesk/static/description/thank.png
new file mode 100644
index 0000000..4584aa2
--- /dev/null
+++ b/sh_helpdesk/static/description/thank.png
Binary files differ
diff --git a/sh_helpdesk/static/description/ticket close.png b/sh_helpdesk/static/description/ticket close.png
new file mode 100644
index 0000000..c6e5e87
--- /dev/null
+++ b/sh_helpdesk/static/description/ticket close.png
Binary files differ
diff --git a/sh_helpdesk/static/description/user.png b/sh_helpdesk/static/description/user.png
new file mode 100644
index 0000000..10dad93
--- /dev/null
+++ b/sh_helpdesk/static/description/user.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w1.png b/sh_helpdesk/static/description/w1.png
new file mode 100644
index 0000000..5f364de
--- /dev/null
+++ b/sh_helpdesk/static/description/w1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w10.png b/sh_helpdesk/static/description/w10.png
new file mode 100644
index 0000000..2b40f43
--- /dev/null
+++ b/sh_helpdesk/static/description/w10.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w11.png b/sh_helpdesk/static/description/w11.png
new file mode 100644
index 0000000..856fae1
--- /dev/null
+++ b/sh_helpdesk/static/description/w11.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w12.png b/sh_helpdesk/static/description/w12.png
new file mode 100644
index 0000000..19c9d8f
--- /dev/null
+++ b/sh_helpdesk/static/description/w12.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w13.png b/sh_helpdesk/static/description/w13.png
new file mode 100644
index 0000000..e45399c
--- /dev/null
+++ b/sh_helpdesk/static/description/w13.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w14.png b/sh_helpdesk/static/description/w14.png
new file mode 100644
index 0000000..388f10d
--- /dev/null
+++ b/sh_helpdesk/static/description/w14.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w15.png b/sh_helpdesk/static/description/w15.png
new file mode 100644
index 0000000..feea24e
--- /dev/null
+++ b/sh_helpdesk/static/description/w15.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w16.png b/sh_helpdesk/static/description/w16.png
new file mode 100644
index 0000000..1999d69
--- /dev/null
+++ b/sh_helpdesk/static/description/w16.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w2.png b/sh_helpdesk/static/description/w2.png
new file mode 100644
index 0000000..307032c
--- /dev/null
+++ b/sh_helpdesk/static/description/w2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w3.png b/sh_helpdesk/static/description/w3.png
new file mode 100644
index 0000000..6fe0d5e
--- /dev/null
+++ b/sh_helpdesk/static/description/w3.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w4.png b/sh_helpdesk/static/description/w4.png
new file mode 100644
index 0000000..73eba14
--- /dev/null
+++ b/sh_helpdesk/static/description/w4.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w5.png b/sh_helpdesk/static/description/w5.png
new file mode 100644
index 0000000..a95d9f1
--- /dev/null
+++ b/sh_helpdesk/static/description/w5.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w6.png b/sh_helpdesk/static/description/w6.png
new file mode 100644
index 0000000..4c73dfa
--- /dev/null
+++ b/sh_helpdesk/static/description/w6.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w7.png b/sh_helpdesk/static/description/w7.png
new file mode 100644
index 0000000..1fa1357
--- /dev/null
+++ b/sh_helpdesk/static/description/w7.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w8.png b/sh_helpdesk/static/description/w8.png
new file mode 100644
index 0000000..4d30c32
--- /dev/null
+++ b/sh_helpdesk/static/description/w8.png
Binary files differ
diff --git a/sh_helpdesk/static/description/w9.png b/sh_helpdesk/static/description/w9.png
new file mode 100644
index 0000000..b593634
--- /dev/null
+++ b/sh_helpdesk/static/description/w9.png
Binary files differ
diff --git a/sh_helpdesk/static/description/web 1.png b/sh_helpdesk/static/description/web 1.png
new file mode 100644
index 0000000..62ff8fe
--- /dev/null
+++ b/sh_helpdesk/static/description/web 1.png
Binary files differ
diff --git a/sh_helpdesk/static/description/web 2.png b/sh_helpdesk/static/description/web 2.png
new file mode 100644
index 0000000..c788960
--- /dev/null
+++ b/sh_helpdesk/static/description/web 2.png
Binary files differ
diff --git a/sh_helpdesk/static/description/web 3.png b/sh_helpdesk/static/description/web 3.png
new file mode 100644
index 0000000..bd6eb3d
--- /dev/null
+++ b/sh_helpdesk/static/description/web 3.png
Binary files differ
diff --git a/sh_helpdesk/static/src/css/bootstrap-multiselect.min.css b/sh_helpdesk/static/src/css/bootstrap-multiselect.min.css
new file mode 100644
index 0000000..5a99da0
--- /dev/null
+++ b/sh_helpdesk/static/src/css/bootstrap-multiselect.min.css
@@ -0,0 +1 @@
+span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect.dropdown-toggle:after{display:none}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container .multiselect-filter>.fa-search{z-index:1;padding-left:.75rem}.multiselect-container .multiselect-filter>input.multiselect-search{border:none;border-bottom:1px solid #d3d3d3;padding-left:2rem;margin-left:-1.625rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.multiselect-container .multiselect-filter>input.multiselect-search:focus{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.multiselect-container .multiselect-filter>.multiselect-moz-clear-filter{margin-left:-1.5rem;display:none}.multiselect-container .multiselect-option.multiselect-group-option-indented{padding-left:1.75rem}.multiselect-container .multiselect-all,.multiselect-container .multiselect-group,.multiselect-container .multiselect-option{padding:.25rem .25rem .25rem .75rem}.multiselect-container .multiselect-all.dropdown-item,.multiselect-container .multiselect-all.dropdown-toggle,.multiselect-container .multiselect-group.dropdown-item,.multiselect-container .multiselect-group.dropdown-toggle,.multiselect-container .multiselect-option.dropdown-item,.multiselect-container .multiselect-option.dropdown-toggle{cursor:pointer}.multiselect-container .multiselect-all .form-check-label,.multiselect-container .multiselect-group .form-check-label,.multiselect-container .multiselect-option .form-check-label{cursor:pointer}.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active{background-color:#d3d3d3;color:#000}.multiselect-container .multiselect-all .form-check,.multiselect-container .multiselect-group .form-check,.multiselect-container .multiselect-option .form-check{padding:0 5px 0 20px}.multiselect-container .multiselect-all:focus,.multiselect-container .multiselect-group:focus,.multiselect-container .multiselect-option:focus{outline:0}.form-inline .multiselect-container span.form-check{padding:3px 20px 3px 40px}.input-group.input-group-sm>.multiselect-native-select .multiselect{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;padding-right:1.75rem;height:calc(1.5em + .5rem + 2px)}.input-group>.multiselect-native-select{flex:1 1 auto;width:1%}.input-group>.multiselect-native-select>div.btn-group{width:100%}.input-group>.multiselect-native-select:not(:first-child) .multiselect{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.multiselect-native-select:not(:last-child) .multiselect{border-top-right-radius:0;border-bottom-right-radius:0} \ No newline at end of file
diff --git a/sh_helpdesk/static/src/css/feedback.scss b/sh_helpdesk/static/src/css/feedback.scss
new file mode 100644
index 0000000..ba8f07a
--- /dev/null
+++ b/sh_helpdesk/static/src/css/feedback.scss
@@ -0,0 +1,73 @@
+form {
+ &#smileys {
+ input[type="radio"] {
+ width: 90px;
+ height: 90px;
+ border: none;
+ cursor: pointer;
+ transition: border .2s ease;
+ filter: grayscale(100%);
+ margin: 0 5px;
+ transition: all .2s ease;
+ &:focus {
+ outline: 0;
+ }
+ &:hover, &:checked {
+ filter: grayscale(0);
+ }
+
+ &.very-sad {
+ background: url('/sh_helpdesk/static/src/img/emg1.svg') center;
+ background-size: cover;
+ }
+ &.sad {
+ background: url('/sh_helpdesk/static/src/img/emg4.svg') center;
+ background-size: cover;
+ }
+
+ &.neutral {
+ background: url('/sh_helpdesk/static/src/img/emg5.svg') center;
+ background-size: cover;
+ }
+ &.happy {
+ background: url('/sh_helpdesk/static/src/img/emg3.svg') center;
+ background-size: cover;
+ }
+ &.very-happy {
+ background: url('/sh_helpdesk/static/src/img/emg2.svg') center;
+ background-size: cover;
+ }
+ }
+ }
+}
+
+.mtt {
+ position: fixed;
+ bottom: 10px;
+ right: 20px;
+ color: #999;
+ text-decoration: none;
+
+ span {
+ color: #e74c3c;
+ }
+
+ &:hover {
+ color: #666;
+
+ span {
+ color: #c0392b;
+ }
+ }
+}
+ #smileys input[type="radio"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ }
+
+
+
+
+
+ \ No newline at end of file
diff --git a/sh_helpdesk/static/src/css/ticket_dashboard.css b/sh_helpdesk/static/src/css/ticket_dashboard.css
new file mode 100644
index 0000000..fa2baf3
--- /dev/null
+++ b/sh_helpdesk/static/src/css/ticket_dashboard.css
@@ -0,0 +1,125 @@
+
+.btn-success {
+ border: none;
+ background: #fff;
+ border-radius: 5px;
+ padding: 7px 16px;
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: 11px;
+ letter-spacing: 0.5px;
+ color: #003e85;
+ box-shadow: 0 3px 5px #d4d4d4;
+}
+.o_kanban_view.o_kanban_ungrouped {
+ padding: 0 !important;
+}
+.o_kanban_view.o_kanban_ungrouped .o_kanban_record{margin:4px 0px !important;}
+/*****************change in counter-area***********************/
+section {
+ padding: 20px 0px;
+}
+.counter-area .custom-card {
+ margin-bottom: 20px;
+ border: 0;
+ box-shadow: 0 3px 8px 0 rgba(162, 169, 204, 0.24), 0 3px 16px 0 rgba(162, 169, 204, 0.24);
+}
+.counter-area .card {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid #e1e6f1;
+ border-radius: 0px;
+}
+.counter-area .sh-card-body {
+ flex: 1 1 auto;
+ padding: 15px 20px;
+}
+.counter-area .sh-card-body .media i {
+ font-size: 50px;
+}
+.counter-area .sh-card-body .media .media-body {
+ margin-top: 15px;
+}
+.counter-area .fs-20 {
+ font-size: 20px;
+}
+.counter-area h3 {
+ margin-bottom: 0.5rem;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-top: 0;
+}
+.counter-area p {
+ font-size: 15px;
+ font-weight: 600;
+}
+.counter-area .card .dash1,
+.counter-area .card {
+ border-radius: 5px;
+}
+.counter-area .custom-card:hover {
+ cursor: pointer;
+}
+/********************change in table-area******************/
+.table-area .table {
+ border-collapse: collapse;
+ box-shadow: 0 3px 8px 0 rgba(162, 169, 204, 0.24), 0 3px 16px 0 rgba(162, 169, 204, 0.24);
+ margin-bottom: 30px;
+
+}
+.table-area .table tr td {
+ padding: 8px;
+ font-size: 15px;
+}
+.table-area .table tr th {
+ padding: 10px;
+ font-size: 15px;
+}
+.table-area .table tr:nth-child(even) {
+ background-color: #f2f2f2;
+}
+.table-area .table {
+ padding: 20px 0px;
+}
+.table-area .table .badge {
+ padding: 8px 10px;
+ width: 70px;
+}
+
+/*effect*/
+.card {
+ display: inline-block;
+ transition-duration: $defaultDuration;
+ transition-property: transform;
+}
+.card:hover {
+ transform: scale(1.1);
+ box-shadow: 0 5px 10px 0 rgba(162, 169, 204, 0.24), 0 5px 19px 0 rgba(162, 169, 204, 0.24);
+}
+/*filter*/
+.filter .col2 {
+ padding: 0px 28px;
+}
+
+/* 30-11-2020 */
+
+
+@media only screen and (max-width: 576px){
+ .sh_drop_btn .sh_btn select,
+ input[type="date"]{margin: 5px 0px;}
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/sh_helpdesk/static/src/img/emg1.svg b/sh_helpdesk/static/src/img/emg1.svg
new file mode 100644
index 0000000..3a0a6e0
--- /dev/null
+++ b/sh_helpdesk/static/src/img/emg1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="126" viewBox="0 0 126 126">
+ <image x="4" y="4" width="118" height="118" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEXeNTT////eNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTTeNTQAAAAZgENQAAAAEXRSTlMAABBAcICvv+9gMN8gn49QzwAJzRkAAAABYktHRBJ7vGwAAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AQCETgG/ZBN9gAABSNJREFUaN7lm9vSoyAMgK0cVTy9/8tuazlLIFZo/5nNxc7srvI1IQkQYtddlJ5QxoWQ+yFSCM4G0uPffxxyCTlSPu1JmTgdm2D7gcs9K5IPCK2vYJ/MHSV8qIdVs8RBD50XVQVLBJ6pVSa3sQBUPIUtrz/T/01uYdVpVMnZGvnsuLKzt3H1MbZfTq4Kzps6OTpLu3URS4IYlfNampB1DrhT0tIFbKjqhgnJV6AFP3VJvJTHjv77IueasY18d9jOqSuLHT6ExmB5Sh857FyaoQLYM9WCxvbu50p2HfoS5tyahxMMYvvN2VfhKGfxIn4LuBDWo9JPoYfCaS6AdVSJXEEhGWWKm8Y66nZhy5CW5FhJrHtyvgt9yXzmJrGiKtXj8hx2ruJMyRFN/CawQ3Wqxx0g7FjZwiFXB8YJ208tqI77dqsT1qx0W11q123+9MZYYnL/7XiNpTd5g5yx1sQ3c1NKRk+jCLvUd2InJj+zGKvMmtOC6tKQirD63+XHK11elDTJKsASZ4U2YsxMAqxWdmpF7TrtscLHEs/DGwkJ1A2UbeRPAYM7rGqvrFNXWez8BWWtuovBmuTVVFmrrjTYodESEIt25kFjebAOp2RkjNHyEqHo8zk4pw/OqZ5/67Xy4LCjwOUSndYFNJAG7f2BHQqLu9vv5td/W8wBFZitld3j4KnZnRJy8+CdAsCQWPWvP7BvZWSXf7aYPP0aAjS/1pftGsyh4YLKALxAEf8xyAu0YccnlhbsFxRr4NBGYTWLPuwvAPWoiTWWfZggBqe2C0oncOyO/mPgzujtANPDBBNHjZfL2n6NpWS63hgnkwq84mpuV+l5/AI+xMxc0ULU+ofPfNWWImyymoFYWY/+XQApForWw87ZKou1rTZhYURCCGbbPj6fyz+h85SeZIkYs4qYaRBFF60qBid/gZVd0flaYPffYpsdQv4k9n+Z2x8F0I/SxZeTozEubimoJmZTgVj4Kspo4rW8zNcUYpb58qampthNTXELV1W43YC+d3wNazS+TGbDWtyeJ0QR+r4z5oyRSy+67XnpMBK/SeOLWimwzQ/mTEsRR6+AyaC+iwWltD7GjYiDphOS7YIQiBjUKNSx2kCLHQlTaYjVTC2miPA2L6oNQuQnOSgiFEsmT6HYho9s2tGD9MgCUR+qOnEbNs9QmkMv22DfCgtExXLY6Ks6nQtPinpVlV2CMyysjTHFP/+efgaeGf0KB2A2U/zrUaVOj8ozwak8cPp8qx+YUYVdRy01BxBn6lRUGIjClLEddSnXHF2ZI2Fn7bgCU7S39ReJytmrBLmpoj10RWHuUdD39LY55fSC8JUtXMhsF6leoSO62qeBsvnrJ3aZ6t0VBu5sYlRgLtuW61SXXAKsWbsUdLUYmHnc8lkzKeQcbdRZAHeRymSmuAUIi33EGCBxkWq9KlqJ1Hz9GnkOf7p1s8S1ccNLcr57s/31loAp3RLQqAHCliKBBggvAV/2IljsmGC7R6IVpR7VWPArrTznYu9falyq26bFE2O1b0pLaoBowbt11qbJVrjGDYfOwMiGwyrtld4pQiDbK7v7zaTeKSKOiGats8o/j15qnb3TKOyfD6aLjcJxW/SEa4vuhuCQdr0tuoubwHdME3hwHP2oCbxLtbzTTMt7/M3D8mHLe5ds8BfnBn/Czl+wiM8b/A9Lw58zvCV5zL/5OUMGnBFx/+ONw9SXPlWZ63yq8pILH+aUAu0KtvvNZ0hafvDRldWaDBU+MfsHyhvJnqAIa8AAAAAASUVORK5CYII="/>
+</svg>
diff --git a/sh_helpdesk/static/src/img/emg2.svg b/sh_helpdesk/static/src/img/emg2.svg
new file mode 100644
index 0000000..41d852e
--- /dev/null
+++ b/sh_helpdesk/static/src/img/emg2.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="126" viewBox="0 0 126 126">
+ <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <rdf:Description rdf:about=""/>
+ </rdf:RDF>
+</x:xmpmeta>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<?xpacket end="w"?></metadata>
+<image x="4" y="4" width="118" height="118" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEV21TL///921TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TJ21TIAAAC2ih+nAAAAEXRSTlMAABBAcICvv+9gMN8gn49QzwAJzRkAAAABYktHRBJ7vGwAAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AQCEToxdxuKewAABS1JREFUaN7lm9mypCAMhj2yqrj0+7/sdNuERROWFk+fqsnFVM2MzSchQAi/XVdpPeNCKqUfu2mlpBhYX/77n92qkCOX0wO1SfLxFmw/SP1ImpZDQa9rsE/mo8jk0A5rZl0G3fu8mCZYpsqZtsvsMpaAqqeJ5fUn/t/sEtacWtVSrIeYHVdxjjZpPsb2yylUyXEzp0AXeFhnsSyao3pecwOyzhF3Qj2dwcZd3Uqm5GuiRa+6ID9KY8fw9yoVmkcfheGwnZeuJHb4EHoE69PykcLOuRHKgANXLcXY3r+uFvXQlwkf1jIeYBLbb96/poxytmDGbxGXwgZU/il07zDOJbCeqgt3UMpGjXFxrKduFSkDbmhbKNY/OV+Fvmw+c1GsakoNuDKFnZsEE9oizF8EOzSnBtyBwo6NPRxz7cQ4YfvpDqrnvsPqhIWdbmtL7botHN4jlsHaf3m+Hq2HdYOdsc7FF9cmzMagRwfs0j6IvcH6LI5YA3vOHVS/DJkD1v67/ninS5vRsFhFWOa9cI+Bm1mEtZ2d7qJ2nY1YFWJZEOE3GYu6G3X2pniKGNJjzf2d9d01Djv/QmdddxfAwuJ1a2dddzVgh5u2gKPZYB4sVkb7MGajEILntwjDn8/Ra/rgg+r5t952nmx2VGVriV3WFdWQBT36HTtkNnef76b3f1fMITswOy/7x8lTsz8lpMYhOAWQU2K1b79j353RXfrZ7OIZ1hCo8XWx7PZgSTUXVQboDYqFj1FRYB07PrE847+oWENP7SKsZfEf9wZkP1piwbM/MInJoe2i0gk9d8fwMTIzegfA9AOTSRa1l1q1wxpLznU9OCexFATF1VRWGUT8Qj4kYKx4ZtaGh8901ZYX+GSFhkS+H/27AJItFK27n5NVFudb68JMi4yxkrR9fD6XfsKuU3aQdUGbTQyGQWVDtKkBTn8Dq7ts8N2BfXwXe9sh5E9i/5ex/dIE+tJy8cuLIzi3bCtoZpBUFGx8DW2E+Zrf5lsag20+n9S0NJfUZFO4piZdAvrO+G6s0YQ2QcKaS8/NXF/6nKkANT49Tx9GntkbnX4SJshQsWdanjl6jVs+Tz3ZHqT41aA9xo3pg6Y9h9TdQ8EpHHOSRWWO1XBSruG6ujSCXWFoM0WErZrrjhDYpVlUREiUTKAeW8x1l9zoD2xrfbZA5E6tuiiuVldJwB6PC0TJcpi/LV/y89cfhdGXVM7H+eKf5+auy5kv6aCVJCj+9UWlzkAdIBMlfROUVvAFxj4wFxZ2Q1XCTPR4DOs5eBgAxJSWscew5DSdi4qGBxWzhya2bhu4qrxo38eKnkkKZt1tGJ9jndpGDARWtM9eUfBSoRaZLoBD6y5kTJFYS5GrChQ2WO31U14lNtEJGcxR9cFlG0vq8FQqC4RfGupqMZnLGUHpHNPCO3Dx8vFFquFHGZhWOWklzEDkItVFlS64E2D8rb+Twk2lhLnNELk2vvGSXHoXf0ESMOGSgJsEEK4USQgggkW/OkelzbVJyj0QKUo7KnjwV6Q852LvXxIutZVpSaSt+0VpaA8KJHiXztoclcLdLDj0Di4UHDaRVwbZiCqUV3bXxaRBRnCcEbdJZ02YDVRJZ68IhcOMeaoUCh9l0VOZLLobooSrXhbdHUXgjxIReJR3fCQC7zDJO09I3o/fPCwfSt47VOCvzgJ/Js5fsKjPBf67p+nPGd6GHhcufs6QACdMXf94Y3d11acqc5tPVV5W8WFObqLVYLvvfIZk7QsfXbles6HBJ2b/AFtQyZ4+62AyAAAAAElFTkSuQmCC"/>
+</svg>
diff --git a/sh_helpdesk/static/src/img/emg3.svg b/sh_helpdesk/static/src/img/emg3.svg
new file mode 100644
index 0000000..c194ab4
--- /dev/null
+++ b/sh_helpdesk/static/src/img/emg3.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="126" viewBox="0 0 126 126">
+ <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <rdf:Description rdf:about=""/>
+ </rdf:RDF>
+</x:xmpmeta>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<?xpacket end="w"?></metadata>
+<image x="4" y="4" width="118" height="118" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAqFBMVEXw2Tj////w2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2Tjw2TgAAADSEAb/AAAANnRSTlMAABBAcICvv+9gMN8gn49QzwEIEQMPeVpNhQ4MX9v+0EMFDWzW/fWxBBOD5fHAcR8WnfnrKy0P/JC0AAAAAWJLR0Q3MLi4RwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+QEAhICEC6rmIcAAAUrSURBVGje5Ztns6s4DIY5uAKGZHvP9t5b/v9P24S4gmULsE/uzOrDnbknxE8ky01+aZqN1hLKuBDyOpsUgrOOtPjvv8y2CdlTPlyjNnDaV8G2HZfXpEneIbzegr0xryjjXTmsGiUOOvs8qSJYIvBM7TI5jAWg4mZsuv8b/5gcwqpVq5Kz0yJn+xNbZxtXu7HttEpVsN/UKtFZPK2zWBKMUTmech1yGgPuEI10Bhu6esYMyftAC37qFPlSGtv73xep1FzGyE+H83rqSmK7ndAlWK6mjxR2zPVQBuyFakJjW/dzJdsOvRtzac3DDgax7dnFV+Eoa/NG/DngQliPSvdCZ4fjXADrqBK5gkLWyxg3jnXU84YtQ9yibUWx7snxKPRu45obxYqiVI/LU9ixSDJFWzTjN4LtilM9bgdh+8IRDrl6YKyw7VCD6riPtFphzUp3LkttmrPfvUssMXP/4fG6tNbMG2SNtSE+ODfFrPc8WmCn8knszMzPbIlVZs2pQXXTkFpg9d/l7pUubUqaySrAEheFOmbCTAKsdnaoRW0anbHCxxIvwysZCdwNnK2UTwGDO6yq76xzV1ns+ArOWncngzWTV1VnrbvSYLtKS8DSdDJ3GsuDdThmPWOM5pcIRW/PwXN655Lq9r9WOw822wvcXKKndQE1pEHXdsZ2mcXd7XfT6z83j4EOjDbK7nHw1OxOCal+8E4B4JA46V8/Yx/OyCb9bHby9GsIUP/aXLZrMIeaCyoD8AJF/MegLNCB7W9YmolfUKyBhzYKq1n0xf4C0I+SWBPZFzOIwa5tgtIJPHZ7/zFwZ/RIgOHFDCaOai81a/s1llzoWhOcxFTAXXOpXaWX8RP4EDN9RTOj1j98pqu2FBGTk2mI5f1oHwWQbKHoNMc5WWWxsdUhzLRICMFs2/vbc+kn9DylO1ki2ixiphtENkWLmsHJZ2Blk02+Gtjrc7HVDiFvJPb/0rdPGkBPmi5eeXI0wcUtBcXMbCoQC19B6814zS/zJY2YZT6/qSlpdlOT3cIVNW43oI8dX8UajW+D2bBmt+clTRdJOOIwUtL0mZYijl4lTR/jesRBs6RpFOpYXc5OpmsxRYRyFhQRsiWTm731Nq7hd95NfaoP/C22QNS89/4HGOqHH32c+DQsECHKYZ98+tllytelpsvnX3wJfyxsjHHFv6++/ubb/HU5uZ0Mv/ue/AB+bjoTWer88aefL4/wJKYyNTdy+eXX334H+ldTRmRh948/Xe1nBDzuTT3n8tff4p/479JPKGwZ+1+/5DSsi4qKehWzqwQmAJ24Al+0b0NFz8AZ0eFWhI6hTu0MdESsaJ+9oqBYoRa4XTAB3XYho1BiLQFuyUxhg2y9fsqrxAZ4WjdjVOy4bCM86WlqLTHfVNDVYnIvpxikc0wL70yIp90XqYouZWBS5KSVphAeuUi1WSURdwKEPvR3nNmhlDBbT4tcG1e8JOcuxE+QBAxxSUAlAYQtRQICCE/uMe1pP262TVDuEZGilKOaCL6KlGdd7H2ThEtlZVo80lZ9UVrUA4QE79BZm0alcJUFhy7ASMFhEXmltxsRSHllc1xM6u0IliOimnRWce/Lm6SzR4TC/g3osFEovJRFDzhZdNMFG67tsuhmKQK/YkTgwb5jlwi8iUneaULyvnznYdopeW+iAn+xFvgTtn6DRewX+M+Rhl9neFj0uHDwdYYEOGHi+Msbc6g3vaoylnlV5W4bXszJDbQt2OY5ryFpe8JLV9Zr0hV4xew/JpkpXMKgL6gAAAAASUVORK5CYII="/>
+</svg>
diff --git a/sh_helpdesk/static/src/img/emg4.svg b/sh_helpdesk/static/src/img/emg4.svg
new file mode 100644
index 0000000..d2676d8
--- /dev/null
+++ b/sh_helpdesk/static/src/img/emg4.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="126" viewBox="0 0 126 126">
+ <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <rdf:Description rdf:about=""/>
+ </rdf:RDF>
+</x:xmpmeta>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<?xpacket end="w"?></metadata>
+<image x="4" y="4" width="118" height="118" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEX/Xjv/////Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/Xjv/XjsAAADKjgyyAAAAM3RSTlMAABBAcICvv+9gMN8gn49Qz9YtAfZaFp35ySsTg+X+20IDDWz90G0PDF+X7KR5VI0YCBE+Y8WIAAAAAWJLR0Q0qbHp/QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+QEAhIHJHJomHcAAAUwSURBVGje5Ztpk9s2DIa1onhIomQn2/TOpve2zdHD//+/1ZZ5SiAJWuQ6M8WHzGQt8zFA8IJeNk2mtaSjjHNxWkxwzmhPWvz3HxbLQg4dG0+gjawbqmDbnolT1ATrEV7nYM/ME8pYXw4rJ4GDLj7PsgiWcDxTuUx2YwNQfjY6X/6FPya7sHLTqmD0sMrZ4UC32cbkzdh23qRqsN/kJtEpnNZJLPHGqJgOqQ45TB53BCOdwPquHjFD8jLQvJ86A1+KYwf3+zyWmusYuelw3E5dUWx/I3QNFpvpI4adUj2UADuhmtHY1v5cQfOhF6M2rZnfwUFse7TxlTjK1pwRf/S4IaxD7W6FLg7D3ADWUgVyBQ3ZICAujLXUY8aWATawLRBrn5z2Qi82bbkglhelOlwWw05FkglsUY9fANsXpzrcPoQdCkfY56qBscG2Yw2q5V7TaoPVK92xLLVpjm73rrFEz/27x+vaWj1vkC3WhHjn3ATZ4Hi0ws7lk9ianp/pGiv1mlODaqchucKqv4ubV7q4SaEnKw9LbBTqmA4z8bDK2bEWtWlUxnIXS5wMr2TEc9dztlI+eQxmsbK+s9ZdabDTCzhr3J01Vk9eVZ017gqN7SstAWtTydwrLPPWYcgGSmmXXiJkd34uPKf3NqnO/2uV88FmB46bS9S0zkMNKdCpXbB9YnG3+934+m+KOUEHJhNl+3jw1GxPCbF+cE4BwSFxUL9+wV6dEU382eTk6dYQQv1rctmswSzUnFcZCC9QxH0slAUqsMMZ2yXi5xVrwkMbhVWs7sH8gqAfJbE6sg96EAe7tvFKJ+GxO7iPBXdG1wQYH/RgYqj2YrO2W2NJha7VwYlMBU5xNbardDJ+Dj5EdV91iVHrHj7jVdsOEZODboim/WivBZBkoeiwxDlaZTGxVSFMtEgIwWzbh/Nz8SfUPKU6WSDaLGK6G3gyRYuaxol7YEWTTL4a2NN9sdUOIZ8l9v/St3caQHeaLl54ctTBxS0FxUxvKhALX0Eb9HhNL/MljehlPr2pKWlmU5PcwhU1Zjag1x1fxRqNa6PesCa35yVNFUkY4jBS0tSZtkMcvUqaOsYNiINmSVMo1LG6nB1012KKCOXMKyIkSyYbk6S7qh8YpSRjCKgDf4stELnIbi05EBwp4/ELRBnlMElDCqIZ4TQ3Mc4q/pGonoencpLozswqdaa1NWMcrChTTmFXogQ9PNLJGiIzytgdVroUXkBVD3F80b71XR2ZGTbnoTT5Wfbq9WOsZ72iffwVxWvX1XFbQpWdUx88ffEGbIS7zmJeyHz5lcVOgXgMtlb39TffQr3kOYt6/fTd92+flk9ZZHBKDX73w49ANwmdPRkv2376+dUvaZkL+fX8/ae3vz0Dn+kRL0OvFsFU/P2Pd09zes7+8+n9B/IMpJQO8Zz5IvX545smbY+f/vobymNdCAdepJqsAleix38Q1LP9C/SrracBr40rviRnNsR3kASMsCSgkgDClCIDAghH7jHf0j5sps2g3AOQopSj6gi+iJRnW+z9nIRLZWVaDGirvigN9AAhwdt11u5AKVxlwaENMFJwWERe6ey9OFJe2ewXkzp7r/WIqCadle4uPks6u0co7L4BHTOFwmtZ9IiTRTe9t7XNl0U3axH4CSMC9zbxN4nAG0jy3kUk7+s7D/ONkvcGFPjzrcCf0O0NFn67wH+JdPg6w9XAw9HO6wwRcMT4/ssbS6izrqpMZa6qXCzjYk5qoOVgm/tcQ1J2h0tXxmvSF7hi9h9Isw2rVFvpSQAAAABJRU5ErkJggg=="/>
+</svg>
diff --git a/sh_helpdesk/static/src/img/emg5.svg b/sh_helpdesk/static/src/img/emg5.svg
new file mode 100644
index 0000000..669c404
--- /dev/null
+++ b/sh_helpdesk/static/src/img/emg5.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="126" viewBox="0 0 126 126">
+ <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <rdf:Description rdf:about=""/>
+ </rdf:RDF>
+</x:xmpmeta>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<?xpacket end="w"?></metadata>
+<image x="4" y="4" width="118" height="118" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAQlBMVEX////9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTT9oTQAAAAEkcH8AAAAFHRSTlMAABBAcICvv+9gMN8gn49Qz3iKfscNRVgAAAABYktHRBXl2PmjAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AQCEgU4VF+mugAABJJJREFUaN7lm9t2rCAMQBXkIl7n1P//1mMdrkoABfWheehabXH2JCQBQ6gqS+oEQbghlDG+bMIZo6TFKOXJuq78EntMNLRbvNLRRtyCRS3lS1A4bVFZ7MpckoS25bD9wNOgm85jXwSLWTpTqoyzsQCUrULG35/+f+MsbH/4VE7JtPNZMZGjt9H+MhaNB1cF560/ODpB17DYiVE+THVEpsHhdvgC1lV1joWkfKh1vuqIzmKF/TzDKUxpI9sdZnEO216E7sG8PYMdQjOUALZMNSZjkfm6nJyH/goxbk1RGhbNxr79NaoT8TNKwVrU5ip0U/jIDWANlSesoCERfM+FsYY6J24ZYDl8Fog1I4dc6K8MLhfEsqJUi0tD2KGIM3m5I4xti1MtbgthRWELu9w1MLxU1N1BNdwZebFqpZvLUutaRcfoo2KV+7PjdS9I5Q0cMHFmbvKJ0BqBJi7oxEZUfiZ7aq/WnDuoJg31O6z8O7+80oWll9NL/f50cVVPNzP2KdvdRa1r6bHMp+yFfVOqYI+67FZ/+go7zG5/v7JGXePMwwPKanV1ilTJ61Zltbp8t8zOSZWaDJHO3EosVb+CDwhCSBNfIvpmHQfn9NZxKiSVRxBWsLRcItM6g76fBC3ItvEAlUzMfje8/utiDoe4g21lOXyCsOYtYQmVf8xbABgSk1ZwFa4dLDQ2mjztGgIwv5Xly8JMdMgyMtZBKraHAV6gDCtWVmMM7h3rFGtwHlayGjO1/RNYy7Kdsbd3rFM6gWNX2MOAnZHyo05HLQWx9ueFsrZdY+khLFORK41DQGxtFVdDu0rL40dgSFXJKMNqlicYa14+g1XbuonapKom5b/E+DSUHNG3ABItFE2bnQNVlsrYVpqwCmBXwRinbNvFOi7w7xWh8hQzjnz3wmewTGLZU1iF429gudb6UezyLpb8KexfmduXAuildPFwclTGTVsKimHVpiJh4SuIFSpe48t8SSxWy3x8U1MSqzc10S1cUSxVWzi5Ye2ewRpYbHteEtsb0zZqlh/AynfaJuHVqyR2sKI18qJZEmtQ8dfqcjJZURMtImj5/AvKJ4p1igjRkomSnyUoP1Es11GbViAqg3ULRMnlsFwss22cXvzLxKrinz6nSCx1ZmIH7brnCrufiISfVhDrlOKJMrZ0XLtq/1LR/oEjCnZU9oEDmcan7O3HTypGXWVvP2yjRzf+yninmZWJjye4tx6kShN7DlK1V/Hyx8az359cMxc/JKegiR0z39QS0PlbAm5qgFDutIhou8eYT1OiP7NNaG4pxm1tC0LY4q082sJbGgKxLzUulW3TorvPgrElm9IOGgSwdgteVn5uDq1wDzQcGgMnNhwWaa80qtrnqmFsfjOpdVJmR0QMm9U629td+adaZ3Mahe0T0O5ko/C+LbpLa4uuW+cg8nxbdL1vAl9SmsCd9vNLTeC1r+W9CbS87+88jBdb3mtvgz87NvhjcrzBwq43+G+Whq8zfMV7ryPzOkMAHBCWf3ljM/WpqypDmasqm3OlX8wJBdpZbP3ONSQpL1y60lrjtsAVs/8ZBPfzqOToTQAAAABJRU5ErkJggg=="/>
+</svg>
diff --git a/sh_helpdesk/static/src/js/bootstrap-multiselect.min.js b/sh_helpdesk/static/src/js/bootstrap-multiselect.min.js
new file mode 100644
index 0000000..1bae7b0
--- /dev/null
+++ b/sh_helpdesk/static/src/js/bootstrap-multiselect.min.js
@@ -0,0 +1 @@
+!function(root,factory){"function"==typeof define&&define.amd&&"function"==typeof require&&"function"==typeof require.specified&&require.specified("knockout")?define(["jquery","knockout"],factory):factory(root.jQuery,root.ko)}(this,(function($,ko){"use strict";function forEach(array,callback){for(var index=0;index<array.length;++index)callback(array[index],index)}function Multiselect(select,options){this.$select=$(select),this.options=this.mergeOptions($.extend({},options,this.$select.data())),this.$select.attr("data-placeholder")&&(this.options.nonSelectedText=this.$select.data("placeholder")),this.originalOptions=this.$select.clone()[0].options,this.query="",this.searchTimeout=null,this.lastToggledInput=null,this.options.multiple="multiple"===this.$select.attr("multiple"),this.options.onChange=$.proxy(this.options.onChange,this),this.options.onSelectAll=$.proxy(this.options.onSelectAll,this),this.options.onDeselectAll=$.proxy(this.options.onDeselectAll,this),this.options.onDropdownShow=$.proxy(this.options.onDropdownShow,this),this.options.onDropdownHide=$.proxy(this.options.onDropdownHide,this),this.options.onDropdownShown=$.proxy(this.options.onDropdownShown,this),this.options.onDropdownHidden=$.proxy(this.options.onDropdownHidden,this),this.options.onInitialized=$.proxy(this.options.onInitialized,this),this.options.onFiltering=$.proxy(this.options.onFiltering,this),this.buildContainer(),this.buildButton(),this.buildDropdown(),this.buildReset(),this.buildSelectAll(),this.buildDropdownOptions(),this.buildFilter(),this.updateButtonText(),this.updateSelectAll(!0),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups(),this.options.wasDisabled=this.$select.prop("disabled"),this.options.disableIfEmpty&&$("option",this.$select).length<=0&&this.disable(),this.$select.wrap('<span class="multiselect-native-select" />').after(this.$container),this.options.onInitialized(this.$select,this.$container)}void 0!==ko&&ko.bindingHandlers&&!ko.bindingHandlers.multiselect&&(ko.bindingHandlers.multiselect={after:["options","value","selectedOptions","enable","disable"],init:function(element,valueAccessor,allBindings,viewModel,bindingContext){var $element=$(element),config=ko.toJS(valueAccessor());if($element.multiselect(config),allBindings.has("options")){var options=allBindings.get("options");ko.isObservable(options)&&ko.computed({read:function(){options(),setTimeout((function(){var ms=$element.data("multiselect");ms&&ms.updateOriginalOptions(),$element.multiselect("rebuild")}),1)},disposeWhenNodeIsRemoved:element})}if(allBindings.has("value")){var value=allBindings.get("value");ko.isObservable(value)&&ko.computed({read:function(){value(),setTimeout((function(){$element.multiselect("refresh")}),1)},disposeWhenNodeIsRemoved:element}).extend({rateLimit:100,notifyWhenChangesStop:!0})}if(allBindings.has("selectedOptions")){var selectedOptions=allBindings.get("selectedOptions");ko.isObservable(selectedOptions)&&ko.computed({read:function(){selectedOptions(),setTimeout((function(){$element.multiselect("refresh")}),1)},disposeWhenNodeIsRemoved:element}).extend({rateLimit:100,notifyWhenChangesStop:!0})}var setEnabled=function(enable){setTimeout((function(){enable?$element.multiselect("enable"):$element.multiselect("disable")}))};if(allBindings.has("enable")){var enable=allBindings.get("enable");ko.isObservable(enable)?ko.computed({read:function(){setEnabled(enable())},disposeWhenNodeIsRemoved:element}).extend({rateLimit:100,notifyWhenChangesStop:!0}):setEnabled(enable)}if(allBindings.has("disable")){var disable=allBindings.get("disable");ko.isObservable(disable)?ko.computed({read:function(){setEnabled(!disable())},disposeWhenNodeIsRemoved:element}).extend({rateLimit:100,notifyWhenChangesStop:!0}):setEnabled(!disable)}ko.utils.domNodeDisposal.addDisposeCallback(element,(function(){$element.multiselect("destroy")}))},update:function(element,valueAccessor,allBindings,viewModel,bindingContext){var $element=$(element),config=ko.toJS(valueAccessor());$element.multiselect("setOptions",config),$element.multiselect("rebuild")}}),Multiselect.prototype={defaults:{buttonText:function(selectedOptions,select){if(this.disabledText.length>0&&select.prop("disabled"))return this.disabledText;if(0===selectedOptions.length)return this.nonSelectedText;if(this.allSelectedText&&selectedOptions.length===$("option",$(select)).length&&1!==$("option",$(select)).length&&this.multiple)return this.selectAllNumber?this.allSelectedText+" ("+selectedOptions.length+")":this.allSelectedText;if(0!=this.numberDisplayed&&selectedOptions.length>this.numberDisplayed)return selectedOptions.length+" "+this.nSelectedText;var selected="",delimiter=this.delimiterText;return selectedOptions.each((function(){var label=void 0!==$(this).attr("label")?$(this).attr("label"):$(this).text();selected+=label+delimiter})),selected.substr(0,selected.length-this.delimiterText.length)},buttonTitle:function(options,select){if(0===options.length)return this.nonSelectedText;var selected="",delimiter=this.delimiterText;return options.each((function(){var label=void 0!==$(this).attr("label")?$(this).attr("label"):$(this).text();selected+=label+delimiter})),selected.substr(0,selected.length-this.delimiterText.length)},checkboxName:function(option){return!1},optionLabel:function(element){return $(element).attr("label")||$(element).text()},optionClass:function(element){return $(element).attr("class")||""},onChange:function(option,checked){},onDropdownShow:function(event){},onDropdownHide:function(event){},onDropdownShown:function(event){},onDropdownHidden:function(event){},onSelectAll:function(){},onDeselectAll:function(){},onInitialized:function($select,$container){},onFiltering:function($filter){},enableHTML:!1,buttonClass:"custom-select",inheritClass:!1,buttonWidth:"auto",buttonContainer:'<div class="btn-group" />',dropRight:!1,dropUp:!1,selectedClass:"active",maxHeight:!1,includeSelectAllOption:!1,includeSelectAllIfMoreThan:0,selectAllText:" Select all",selectAllValue:"multiselect-all",selectAllName:!1,selectAllNumber:!0,selectAllJustVisible:!0,enableFiltering:!1,enableCaseInsensitiveFiltering:!1,enableFullValueFiltering:!1,enableClickableOptGroups:!1,enableCollapsibleOptGroups:!1,collapseOptGroupsByDefault:!1,filterPlaceholder:"Search",filterBehavior:"text",includeFilterClearBtn:!0,preventInputChangeEvent:!1,nonSelectedText:"None selected",nSelectedText:"selected",allSelectedText:"All selected",numberDisplayed:3,disableIfEmpty:!1,disabledText:"",delimiterText:", ",includeResetOption:!1,includeResetDivider:!1,resetText:"Reset",indentGroupOptions:!0,templates:{button:'<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span></button>',popupContainer:'<div class="multiselect-container dropdown-menu"></div>',filter:'<div class="multiselect-filter d-flex align-items-center"><i class="fas fa-sm fa-search text-muted"></i><input type="search" class="multiselect-search form-control" /></div>',option:'<button type="button" class="multiselect-option dropdown-item"></button>',divider:'<div class="dropdown-divider"></div>',optionGroup:'<button type="button" class="multiselect-group dropdown-item"></button>',resetButton:'<div class="multiselect-reset text-center p-2"><button type="button" class="btn btn-sm btn-block btn-outline-secondary"></button></div>'}},constructor:Multiselect,buildContainer:function(){this.$container=$(this.options.buttonContainer),this.$container.on("show.bs.dropdown",this.options.onDropdownShow),this.$container.on("hide.bs.dropdown",this.options.onDropdownHide),this.$container.on("shown.bs.dropdown",this.options.onDropdownShown),this.$container.on("hidden.bs.dropdown",this.options.onDropdownHidden)},buildButton:function(){this.$button=$(this.options.templates.button).addClass(this.options.buttonClass),this.$select.attr("class")&&this.options.inheritClass&&this.$button.addClass(this.$select.attr("class")),this.$select.prop("disabled")?this.disable():this.enable(),this.options.buttonWidth&&"auto"!==this.options.buttonWidth&&(this.$button.css({width:"100%",overflow:"hidden","text-overflow":"ellipsis"}),this.$container.css({width:this.options.buttonWidth}));var tabindex=this.$select.attr("tabindex");tabindex&&this.$button.attr("tabindex",tabindex),this.$container.prepend(this.$button)},buildDropdown:function(){this.$popupContainer=$(this.options.templates.popupContainer),this.options.dropRight?this.$container.addClass("dropright"):this.options.dropUp&&this.$container.addClass("dropup"),this.options.maxHeight&&this.$popupContainer.css({"max-height":this.options.maxHeight+"px","overflow-y":"auto","overflow-x":"hidden"}),this.$popupContainer.on("touchstart click",(function(e){e.stopPropagation()})),this.$container.append(this.$popupContainer)},buildDropdownOptions:function(){this.$select.children().each($.proxy((function(index,element){var $element=$(element),tag=$element.prop("tagName").toLowerCase();$element.prop("value")!==this.options.selectAllValue&&("optgroup"===tag?this.createOptgroup(element):"option"===tag&&("divider"===$element.data("role")?this.createDivider():this.createOptionValue(element,!1)))}),this)),$(this.$popupContainer).off("change",'> *:not(.multiselect-group) input[type="checkbox"], > *:not(.multiselect-group) input[type="radio"]'),$(this.$popupContainer).on("change",'> *:not(.multiselect-group) input[type="checkbox"], > *:not(.multiselect-group) input[type="radio"]',$.proxy((function(event){var $target=$(event.target),checked=$target.prop("checked")||!1,isSelectAllOption=$target.val()===this.options.selectAllValue;this.options.selectedClass&&(checked?$target.closest(".multiselect-option").addClass(this.options.selectedClass):$target.closest(".multiselect-option").removeClass(this.options.selectedClass));var value=$target.val(),$option=this.getOptionByValue(value),$optionsNotThis=$("option",this.$select).not($option),$checkboxesNotThis=$("input",this.$container).not($target);if(isSelectAllOption?checked?this.selectAll(this.options.selectAllJustVisible,!0):this.deselectAll(this.options.selectAllJustVisible,!0):(checked?($option.prop("selected",!0),this.options.multiple?$option.prop("selected",!0):(this.options.selectedClass&&$($checkboxesNotThis).closest(".dropdown-item").removeClass(this.options.selectedClass),$($checkboxesNotThis).prop("checked",!1),$optionsNotThis.prop("selected",!1),this.$button.click()),"active"===this.options.selectedClass&&$optionsNotThis.closest(".dropdown-item").css("outline","")):$option.prop("selected",!1),this.options.onChange($option,checked),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()),this.$select.change(),this.updateButtonText(),this.options.preventInputChangeEvent)return!1}),this)),$(".multiselect-option",this.$popupContainer).off("mousedown"),$(".multiselect-option",this.$popupContainer).on("mousedown",(function(e){if(e.shiftKey)return!1})),$(this.$popupContainer).off("touchstart click",".multiselect-option, .multiselect-all, .multiselect-group"),$(this.$popupContainer).on("touchstart click",".multiselect-option, .multiselect-all, .multiselect-group",$.proxy((function(event){event.stopPropagation();var $target=$(event.target),$input;if(event.shiftKey&&this.options.multiple){$target.is("input")||(event.preventDefault(),($target=$target.closest(".multiselect-option").find("input")).prop("checked",!$target.prop("checked")));var checked=$target.prop("checked")||!1;if(null!==this.lastToggledInput&&this.lastToggledInput!==$target){var from=this.$popupContainer.find(".multiselect-option:visible").index($target.closest(".multiselect-option")),to=this.$popupContainer.find(".multiselect-option:visible").index(this.lastToggledInput.closest(".multiselect-option"));if(from>to){var tmp=to;to=from,from=tmp}++to;var range=this.$popupContainer.find(".multiselect-option:not(.multiselect-filter-hidden)").slice(from,to).find("input");range.prop("checked",checked),this.options.selectedClass&&range.closest(".multiselect-option").toggleClass(this.options.selectedClass,checked);for(var i=0,j=range.length;i<j;i++){var $checkbox=$(range[i]),$option;this.getOptionByValue($checkbox.val()).prop("selected",checked)}}$target.trigger("change")}else if(!$target.is("input")){var $checkbox;if(($checkbox=$target.closest(".multiselect-option, .multiselect-all").find(".form-check-input")).length>0)$checkbox.prop("checked",!$checkbox.prop("checked")),$checkbox.change();else if(this.options.enableClickableOptGroups&&this.options.multiple&&!$target.hasClass("caret-container")){var groupItem=$target;groupItem.hasClass("multiselect-group")||(groupItem=$target.closest(".multiselect-group")),($checkbox=groupItem.find(".form-check-input")).length>0&&($checkbox.prop("checked",!$checkbox.prop("checked")),$checkbox.change())}event.preventDefault()}$target.closest(".multiselect-option").find("input[type='checkbox'], input[type='radio']").length>0?this.lastToggledInput=$target:this.lastToggledInput=null,$target.blur()}),this)),this.$container.off("keydown.multiselect").on("keydown.multiselect",$.proxy((function(event){if(!$("input.multiselect-search",this.$container).is(":focus"))if(9===event.keyCode&&this.$container.hasClass("show"))this.$button.click();else{var $items=$(this.$container).find(".multiselect-option:not(.disabled), .multiselect-group:not(.disabled), .multiselect-all").filter(":visible");if(!$items.length)return;var index=$items.index($items.filter(":focus")),$current=$items.eq(index);if(32===event.keyCode){var $checkbox=$current.find("input");$checkbox.prop("checked",!$checkbox.prop("checked")),$checkbox.change(),event.preventDefault()}13===event.keyCode&&setTimeout((function(){$current.focus()}),0)}}),this)),this.options.enableClickableOptGroups&&this.options.multiple&&($(".multiselect-group input",this.$popupContainer).off("change"),$(".multiselect-group input",this.$popupContainer).on("change",$.proxy((function(event){event.stopPropagation();var $target,checked=$(event.target).prop("checked")||!1,$item=$(event.target).closest(".dropdown-item"),$group,$inputs=$item.nextUntil(".multiselect-group").not(".multiselect-filter-hidden").not(".disabled").find("input"),$options=[];this.options.selectedClass&&(checked?$item.addClass(this.options.selectedClass):$item.removeClass(this.options.selectedClass)),$.each($inputs,$.proxy((function(index,input){var $input=$(input),value=$input.val(),$option=this.getOptionByValue(value);checked?($input.prop("checked",!0),$input.closest(".dropdown-item").addClass(this.options.selectedClass),$option.prop("selected",!0)):($input.prop("checked",!1),$input.closest(".dropdown-item").removeClass(this.options.selectedClass),$option.prop("selected",!1)),$options.push(this.getOptionByValue(value))}),this)),this.options.onChange($options,checked),this.$select.change(),this.updateButtonText(),this.updateSelectAll()}),this))),this.options.enableCollapsibleOptGroups&&this.options.multiple&&($(".multiselect-group .caret-container",this.$popupContainer).off("click"),$(".multiselect-group .caret-container",this.$popupContainer).on("click",$.proxy((function(event){var $group,$inputs=$(event.target).closest(".multiselect-group").nextUntil(".multiselect-group").not(".multiselect-filter-hidden"),visible=!0;$inputs.each((function(){visible=visible&&!$(this).hasClass("multiselect-collapsible-hidden")})),visible?$inputs.hide().addClass("multiselect-collapsible-hidden"):$inputs.show().removeClass("multiselect-collapsible-hidden")}),this)))},createCheckbox:function($item,label,name,value,title,inputType){var $wrapper=$("<span />");if($wrapper.addClass("form-check"),this.options.enableHTML&&$(label).length>0)$wrapper.append($(label));else{var $checkboxLabel=$('<label class="form-check-label" />');$checkboxLabel.text(label),$wrapper.append($checkboxLabel)}var $checkbox=$('<input class="form-check-input"/>').attr("type",inputType);return $checkbox.val(value),$wrapper.prepend($checkbox),name&&$checkbox.attr("name",name),$item.prepend($wrapper),$item.attr("title",title||label),$checkbox},createOptionValue:function(element,isGroupOption){var $element=$(element);$element.is(":selected")&&$element.prop("selected",!0);var label=this.options.optionLabel(element),classes=this.options.optionClass(element),value=$element.val(),inputType=this.options.multiple?"checkbox":"radio",title=$element.attr("title"),$option=$(this.options.templates.option);$option.addClass(classes),isGroupOption&&this.options.indentGroupOptions&&$option.addClass("multiselect-group-option-indented"),this.options.collapseOptGroupsByDefault&&"optgroup"===$(element).parent().prop("tagName").toLowerCase()&&($option.addClass("multiselect-collapsible-hidden"),$option.hide());var name=this.options.checkboxName($element),$checkbox=this.createCheckbox($option,label,name,value,title,inputType),selected=$element.prop("selected")||!1;value===this.options.selectAllValue&&($option.addClass("multiselect-all"),$option.removeClass("multiselect-option"),$checkbox.parent().parent().addClass("multiselect-all")),this.$popupContainer.append($option),$element.is(":disabled")&&$checkbox.attr("disabled","disabled").prop("disabled",!0).closest(".dropdown-item").addClass("disabled"),$checkbox.prop("checked",selected),selected&&this.options.selectedClass&&$checkbox.closest(".dropdown-item").addClass(this.options.selectedClass)},createDivider:function(element){var $divider=$(this.options.templates.divider);this.$popupContainer.append($divider)},createOptgroup:function(group){var $group=$(group),label=$group.attr("label"),value=$group.attr("value"),title=$group.attr("title"),$groupOption=$("<span class='multiselect-group dropdown-item-text'></span>");if(this.options.enableClickableOptGroups&&this.options.multiple){$groupOption=$(this.options.templates.optionGroup);var $checkbox=this.createCheckbox($groupOption,label,null,value,title,"checkbox")}else this.options.enableHTML?$groupOption.html(" "+label):$groupOption.text(" "+label);var classes=this.options.optionClass(group);$groupOption.addClass(classes),this.options.enableCollapsibleOptGroups&&this.options.multiple&&($groupOption.find(".form-check").addClass("d-inline-block"),$groupOption.append('<span class="caret-container dropdown-toggle pl-1"></span>')),$group.is(":disabled")&&$groupOption.addClass("disabled"),this.$popupContainer.append($groupOption),$("option",group).each($.proxy((function($,group){this.createOptionValue(group,!0)}),this))},buildReset:function(){if(this.options.includeResetOption){if(this.options.includeResetDivider){var divider=$(this.options.templates.divider);divider.addClass("mt-0"),this.$popupContainer.prepend(divider)}var $resetButton=$(this.options.templates.resetButton);this.options.enableHTML?$("button",$resetButton).html(this.options.resetText):$("button",$resetButton).text(this.options.resetText),$("button",$resetButton).click($.proxy((function(){this.clearSelection()}),this)),this.$popupContainer.prepend($resetButton)}},buildSelectAll:function(){var alreadyHasSelectAll;if("number"==typeof this.options.selectAllValue&&(this.options.selectAllValue=this.options.selectAllValue.toString()),!this.hasSelectAll()&&this.options.includeSelectAllOption&&this.options.multiple&&$("option",this.$select).length>this.options.includeSelectAllIfMoreThan){this.options.includeSelectAllDivider&&this.$popupContainer.prepend($(this.options.templates.divider));var $option=$(this.options.templates.li||this.options.templates.option),$checkbox=this.createCheckbox($option,this.options.selectAllText,this.options.selectAllName,this.options.selectAllValue,this.options.selectAllText,"checkbox");$option.addClass("multiselect-all"),$option.removeClass("multiselect-option"),$option.find(".form-check-label").addClass("font-weight-bold"),this.$popupContainer.prepend($option),$checkbox.prop("checked",!1)}},buildFilter:function(){if(this.options.enableFiltering||this.options.enableCaseInsensitiveFiltering){var enableFilterLength=Math.max(this.options.enableFiltering,this.options.enableCaseInsensitiveFiltering);this.$select.find("option").length>=enableFilterLength&&(this.$filter=$(this.options.templates.filter),$("input",this.$filter).attr("placeholder",this.options.filterPlaceholder),this.options.includeFilterClearBtn?(this.isFirefox()&&0===this.$filter.find(".multiselect-clear-filter").length&&this.$filter.append("<i class='fas fa-times text-muted multiselect-clear-filter multiselect-moz-clear-filter'></i>"),this.$filter.find(".multiselect-clear-filter").on("click",$.proxy((function(event){clearTimeout(this.searchTimeout),this.query="",this.$filter.find(".multiselect-search").val(""),$(".dropdown-item",this.$popupContainer).show().removeClass("multiselect-filter-hidden"),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()}),this))):(this.$filter.find(".multiselect-search").attr("type","text"),this.$filter.find(".multiselect-clear-filter").remove()),this.$popupContainer.prepend(this.$filter),this.$filter.val(this.query).on("click",(function(event){event.stopPropagation()})).on("input keydown",$.proxy((function(event){13===event.which&&event.preventDefault(),this.isFirefox()&&this.options.includeFilterClearBtn&&(event.target.value?this.$filter.find(".multiselect-moz-clear-filter").show():this.$filter.find(".multiselect-moz-clear-filter").hide()),clearTimeout(this.searchTimeout),this.searchTimeout=this.asyncFunction($.proxy((function(){var currentGroup,currentGroupVisible;this.query!==event.target.value&&(this.query=event.target.value,$.each($(".multiselect-option, .multiselect-group",this.$popupContainer),$.proxy((function(index,element){var value=$("input",element).length>0?$("input",element).val():"",text=$(".form-check-label",element).text(),filterCandidate="";if("text"===this.options.filterBehavior?filterCandidate=text:"value"===this.options.filterBehavior?filterCandidate=value:"both"===this.options.filterBehavior&&(filterCandidate=text+"\n"+value),value!==this.options.selectAllValue&&text){var showElement=!1;if(this.options.enableCaseInsensitiveFiltering&&(filterCandidate=filterCandidate.toLowerCase(),this.query=this.query.toLowerCase()),this.options.enableFullValueFiltering&&"both"!==this.options.filterBehavior){var valueToMatch=filterCandidate.trim().substring(0,this.query.length);this.query.indexOf(valueToMatch)>-1&&(showElement=!0)}else filterCandidate.indexOf(this.query)>-1&&(showElement=!0);showElement||($(element).css("display","none"),$(element).addClass("multiselect-filter-hidden")),showElement&&($(element).css("display","block"),$(element).removeClass("multiselect-filter-hidden")),$(element).hasClass("multiselect-group")?(currentGroup=element,currentGroupVisible=showElement):(showElement&&$(currentGroup).show().removeClass("multiselect-filter-hidden"),!showElement&&currentGroupVisible&&$(element).show().removeClass("multiselect-filter-hidden"))}}),this)));this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups(),this.options.onFiltering(event.target)}),this),300,this)}),this)))}},destroy:function(){this.$container.remove(),this.$select.show(),this.$select.prop("disabled",this.options.wasDisabled),this.$select.data("multiselect",null)},refresh:function(){var inputs={};$(".multiselect-option input",this.$popupContainer).each((function(){inputs[$(this).val()]=$(this)})),$("option",this.$select).each($.proxy((function(index,element){var $elem=$(element),$input=inputs[$(element).val()];$elem.is(":selected")?($input.prop("checked",!0),this.options.selectedClass&&$input.closest(".multiselect-option").addClass(this.options.selectedClass)):($input.prop("checked",!1),this.options.selectedClass&&$input.closest(".multiselect-option").removeClass(this.options.selectedClass)),$elem.is(":disabled")?$input.attr("disabled","disabled").prop("disabled",!0).closest(".multiselect-option").addClass("disabled"):$input.prop("disabled",!1).closest(".multiselect-option").removeClass("disabled")}),this)),this.updateButtonText(),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()},select:function(selectValues,triggerOnChange){$.isArray(selectValues)||(selectValues=[selectValues]);for(var i=0;i<selectValues.length;i++){var value=selectValues[i];if(null!=value){var $option=this.getOptionByValue(value),$checkbox=this.getInputByValue(value);void 0!==$option&&void 0!==$checkbox&&(this.options.multiple||this.deselectAll(!1),this.options.selectedClass&&$checkbox.closest(".dropdown-item").addClass(this.options.selectedClass),$checkbox.prop("checked",!0),$option.prop("selected",!0),triggerOnChange&&this.options.onChange($option,!0))}}this.updateButtonText(),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()},clearSelection:function(){this.deselectAll(!1),this.updateButtonText(),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()},deselect:function(deselectValues,triggerOnChange){$.isArray(deselectValues)||(deselectValues=[deselectValues]);for(var i=0;i<deselectValues.length;i++){var value=deselectValues[i];if(null!=value){var $option=this.getOptionByValue(value),$checkbox=this.getInputByValue(value);void 0!==$option&&void 0!==$checkbox&&(this.options.selectedClass&&$checkbox.closest(".dropdown-item").removeClass(this.options.selectedClass),$checkbox.prop("checked",!1),$option.prop("selected",!1),triggerOnChange&&this.options.onChange($option,!1))}}this.updateButtonText(),this.updateSelectAll(),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups()},selectAll:function(justVisible,triggerOnSelectAll){var justVisible=void 0===justVisible||justVisible,allOptions=$(".multiselect-option:not(.disabled)",this.$popupContainer),visibleOptions=$(".multiselect-option:not(.disabled):not(.multiselect-filter-hidden):not(.multiselect-collapisble-hidden)",this.$popupContainer).filter(":visible");justVisible?($("input:enabled",visibleOptions).prop("checked",!0),visibleOptions.addClass(this.options.selectedClass),$("input:enabled",visibleOptions).each($.proxy((function(index,element){var value=$(element).val(),option=this.getOptionByValue(value);$(option).prop("selected",!0)}),this))):($("input:enabled",allOptions).prop("checked",!0),allOptions.addClass(this.options.selectedClass),$("input:enabled",allOptions).each($.proxy((function(index,element){var value=$(element).val(),option=this.getOptionByValue(value);$(option).prop("selected",!0)}),this))),$('.multiselect-option input[value="'+this.options.selectAllValue+'"]',this.$popupContainer).prop("checked",!0),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups(),this.updateButtonText(),this.updateSelectAll(),triggerOnSelectAll&&this.options.onSelectAll()},deselectAll:function(justVisible,triggerOnDeselectAll){var justVisible=void 0===justVisible||justVisible,allOptions=$(".multiselect-option:not(.disabled):not(.multiselect-group)",this.$popupContainer),visibleOptions=$(".multiselect-option:not(.disabled):not(.multiselect-filter-hidden):not(.multiselect-collapisble-hidden)",this.$popupContainer).filter(":visible");justVisible?($('input[type="checkbox"]:enabled',visibleOptions).prop("checked",!1),visibleOptions.removeClass(this.options.selectedClass),$('input[type="checkbox"]:enabled',visibleOptions).each($.proxy((function(index,element){var value=$(element).val(),option=this.getOptionByValue(value);$(option).prop("selected",!1)}),this))):($('input[type="checkbox"]:enabled',allOptions).prop("checked",!1),allOptions.removeClass(this.options.selectedClass),$('input[type="checkbox"]:enabled',allOptions).each($.proxy((function(index,element){var value=$(element).val(),option=this.getOptionByValue(value);$(option).prop("selected",!1)}),this))),$('.multiselect-all input[value="'+this.options.selectAllValue+'"]',this.$popupContainer).prop("checked",!1),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups(),this.updateButtonText(),this.updateSelectAll(),triggerOnDeselectAll&&this.options.onDeselectAll()},rebuild:function(){this.$popupContainer.html(""),this.options.multiple="multiple"===this.$select.attr("multiple"),this.buildSelectAll(),this.buildDropdownOptions(),this.buildFilter(),this.updateButtonText(),this.updateSelectAll(!0),this.options.enableClickableOptGroups&&this.options.multiple&&this.updateOptGroups(),this.options.disableIfEmpty&&$("option",this.$select).length<=0?this.disable():this.enable(),this.options.dropRight?this.$container.addClass("dropright"):this.options.dropUp&&this.$container.addClass("dropup")},dataprovider:function(dataprovider){var groupCounter=0,$select=this.$select.empty();$.each(dataprovider,(function(index,option){var $tag;if($.isArray(option.children))groupCounter++,$tag=$("<optgroup/>").attr({label:option.label||"Group "+groupCounter,disabled:!!option.disabled,value:option.value}),forEach(option.children,(function(subOption){var attributes={value:subOption.value,label:subOption.label||subOption.value,title:subOption.title,selected:!!subOption.selected,disabled:!!subOption.disabled};for(var key in subOption.attributes)attributes["data-"+key]=subOption.attributes[key];$tag.append($("<option/>").attr(attributes))}));else{var attributes={value:option.value,label:option.label||option.value,title:option.title,class:option.class,selected:!!option.selected,disabled:!!option.disabled};for(var key in option.attributes)attributes["data-"+key]=option.attributes[key];($tag=$("<option/>").attr(attributes)).text(option.label||option.value)}$select.append($tag)})),this.rebuild()},enable:function(){this.$select.prop("disabled",!1),this.$button.prop("disabled",!1).removeClass("disabled"),this.updateButtonText()},disable:function(){this.$select.prop("disabled",!0),this.$button.prop("disabled",!0).addClass("disabled"),this.updateButtonText()},setOptions:function(options){this.options=this.mergeOptions(options)},mergeOptions:function(options){return $.extend(!0,{},this.defaults,this.options,options)},hasSelectAll:function(){return $(".multiselect-all",this.$popupContainer).length>0},updateOptGroups:function(){var $groups=$(".multiselect-group",this.$popupContainer),selectedClass=this.options.selectedClass;$groups.each((function(){var $options=$(this).nextUntil(".multiselect-group").not(".multiselect-filter-hidden").not(".disabled"),checked=!0;$options.each((function(){var $input;$("input",this).prop("checked")||(checked=!1)})),selectedClass&&(checked?$(this).addClass(selectedClass):$(this).removeClass(selectedClass)),$("input",this).prop("checked",checked)}))},updateSelectAll:function(notTriggerOnSelectAll){if(this.hasSelectAll()){var allBoxes=$(".multiselect-option:not(.multiselect-filter-hidden):not(.multiselect-group):not(.disabled) input:enabled",this.$popupContainer),allBoxesLength=allBoxes.length,checkedBoxesLength=allBoxes.filter(":checked").length,selectAllItem=$(".multiselect-all",this.$popupContainer),selectAllInput=selectAllItem.find("input");checkedBoxesLength>0&&checkedBoxesLength===allBoxesLength?(selectAllInput.prop("checked",!0),selectAllItem.addClass(this.options.selectedClass)):(selectAllInput.prop("checked",!1),selectAllItem.removeClass(this.options.selectedClass))}},updateButtonText:function(){var options=this.getSelected();this.options.enableHTML?$(".multiselect .multiselect-selected-text",this.$container).html(this.options.buttonText(options,this.$select)):$(".multiselect .multiselect-selected-text",this.$container).text(this.options.buttonText(options,this.$select)),$(".multiselect",this.$container).attr("title",this.options.buttonTitle(options,this.$select))},getSelected:function(){return $("option",this.$select).filter(":selected")},getOptionByValue:function(value){for(var options=$("option",this.$select),valueToCompare=value.toString(),i=0;i<options.length;i+=1){var option=options[i];if(option.value===valueToCompare)return $(option)}},getInputByValue:function(value){for(var checkboxes=$(".multiselect-option input:not(.multiselect-search)",this.$popupContainer),valueToCompare=value.toString(),i=0;i<checkboxes.length;i+=1){var checkbox=checkboxes[i];if(checkbox.value===valueToCompare)return $(checkbox)}},updateOriginalOptions:function(){this.originalOptions=this.$select.clone()[0].options},asyncFunction:function(callback,timeout,self){var args=Array.prototype.slice.call(arguments,3);return setTimeout((function(){callback.apply(self||window,args)}),timeout)},setAllSelectedText:function(allSelectedText){this.options.allSelectedText=allSelectedText,this.updateButtonText()},isFirefox:function(){var firefoxIdentifier="firefox",valueNotFoundIndex=-1;return!(!navigator||!navigator.userAgent)&&navigator.userAgent.toLocaleLowerCase().indexOf("firefox")>-1}},$.fn.multiselect=function(option,parameter,extraOptions){return this.each((function(){var data=$(this).data("multiselect"),options;data||(data=new Multiselect(this,"object"==typeof option&&option),$(this).data("multiselect",data)),"string"==typeof option&&(data[option](parameter,extraOptions),"destroy"===option&&$(this).data("multiselect",!1))}))},$.fn.multiselect.Constructor=Multiselect,$((function(){$("select[data-role=multiselect]").multiselect()}))})); \ No newline at end of file
diff --git a/sh_helpdesk/static/src/js/filter.js b/sh_helpdesk/static/src/js/filter.js
new file mode 100644
index 0000000..4c0d4f7
--- /dev/null
+++ b/sh_helpdesk/static/src/js/filter.js
@@ -0,0 +1,348 @@
+$(document).ready(function (e) {
+ $.ajax({
+ url: "/user-group",
+ data: {},
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ if (datas.user == "1") {
+ $("#leader_div").addClass("o_hidden");
+ $("#team_div").addClass("o_hidden");
+ $("#assign_user_div").addClass("o_hidden");
+ } else if (datas.leader == "1") {
+ $("#leader_div").addClass("o_hidden");
+ } else if (datas.manager == "1") {
+ $("#leader_div").removeClass("o_hidden");
+ $("#team_div").removeClass("o_hidden");
+ $("#assign_user_div").removeClass("o_hidden");
+ }
+ },
+ });
+ var filter_date = $("#days_filter").children("option:selected").val();
+ if (filter_date == "custom") {
+ $("#start_date").removeClass("o_hidden");
+ $("#end_date").removeClass("o_hidden");
+ } else {
+ $("#start_date").addClass("o_hidden");
+ $("#end_date").addClass("o_hidden");
+ $("#start_date").val("");
+ $("#end_date").val("");
+ }
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ $.get("/get_team", function (data) {
+ obj = JSON.parse(data);
+
+ for (var key in obj) {
+ $("#team").append('<option value="' + key + '" >' + obj[key].name + "</option>");
+ }
+ });
+ $.get("/get_team_leader", function (data) {
+ obj = JSON.parse(data);
+
+ for (var key in obj) {
+ $("#team_leader").append('<option value="' + key + '" >' + obj[key].name + "</option>");
+ $("#assign_user").append('<option value="' + key + '" >' + obj[key].name + "</option>");
+ }
+ });
+ $(document).on("click", ".custom", function (e) {
+ var self = this;
+ var values = $(this).attr("data-res_ids");
+ $.ajax({
+ url: "/open-ticket",
+ data: { ids: values },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ },
+ });
+ });
+ $(document).on("click", ".mark-whatsapp", function (e) {
+ var $el = $(e.target).parents("tr").find("#partner_id").attr("value");
+ var $mobile = $(e.target).parents("tr").find("#partner_id").attr("data-mobile");
+ var partner_id = parseInt($el);
+ $(".whatsapp_modal").modal("show");
+ $("#ticket_partner_id").val(partner_id);
+ $("#partner_mobile_no").val($mobile);
+ });
+ $(document).on("change", "#ticket_partner_id", function (e) {
+ $.ajax({
+ url: "/get-mobile-no",
+ data: {'partner_id':$('#ticket_partner_id').val()},
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ if(datas.mobile){
+ $("#partner_mobile_no").val(datas.mobile);
+ }
+ },
+ });
+ });
+ $(document).on("click", "#send", function (e) {
+ $.ajax({
+ url: "/send-by-whatsapp",
+ data: {'partner_id':$('#ticket_partner_id').val(),'partner_mobile_no':$('#partner_mobile_no').val(),'message':$('#whatsapp_message').val( )},
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ if(datas.msg){
+ alert(datas.msg);
+ }
+ else{
+ if(datas.url){
+ window.open(datas.url, '_blank');
+ }
+ }
+ },
+ });
+ });
+ $(document).on("change", "#days_filter", function (e) {
+ var filter_date = $("#days_filter").children("option:selected").val();
+ if (filter_date == "custom") {
+ $("#start_date").removeClass("o_hidden");
+ $("#end_date").removeClass("o_hidden");
+ } else {
+ $("#start_date").addClass("o_hidden");
+ $("#end_date").addClass("o_hidden");
+ $("#start_date").val("");
+ $("#end_date").val("");
+ }
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+ $(document).on("change", "#assign_user", function (e) {
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+ $(document).on("change", "#start_date", function (e) {
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+ $(document).on("change", "#end_date", function (e) {
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+ $(document).on("change", "#team_leader", function (e) {
+ $.ajax({
+ url: "/get-leader-user",
+ data: { team_leader: $("#team_leader").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#team > option").remove();
+ $("#team").append('<option value="0">Team</option>');
+ for (var key in datas) {
+ $("#team").append('<option value="' + key + '" >' + datas[key].name + "</option>");
+ }
+ },
+ });
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+ $(document).on("change", "#team", function (e) {
+ $.ajax({
+ url: "/get-user",
+ data: { team: $("#team").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#assign_user > option").remove();
+ $("#assign_user").append('<option value="0" selected="True">Assign User</option>');
+ for (var key in datas) {
+ $("#assign_user").append('<option value="' + key + '" >' + datas[key].name + "</option>");
+ }
+ },
+ });
+ $.get(
+ "/get-ticket-table-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_tbl_div").replaceWith(result);
+ }
+ );
+ $.get(
+ "/get-ticket-counter-data",
+ {
+ team: $("#team").val(),
+ team_leader: $("#team_leader").val(),
+ user_id: $("#assign_user").val(),
+ filter_date: $("#days_filter").children("option:selected").val(),
+ date_start: $("#start_date").val(),
+ date_end: $("#end_date").val(),
+ },
+ function (result) {
+ $("#js_ticket_count_div").replaceWith(result);
+ }
+ );
+ });
+});
+
diff --git a/sh_helpdesk/static/src/js/helpdesk_ticket_dasboard.js b/sh_helpdesk/static/src/js/helpdesk_ticket_dasboard.js
new file mode 100644
index 0000000..6f2ab06
--- /dev/null
+++ b/sh_helpdesk/static/src/js/helpdesk_ticket_dasboard.js
@@ -0,0 +1,68 @@
+odoo.define('sh_helpdesk.helpdesk_ticket_dasboard', function (require) {
+ var ajax = require('web.ajax');
+ var core = require('web.core');
+ var rpc = require('web.rpc');
+
+ var qweb = core.qweb;
+ var _t = core._t;
+ var KanbanRenderer = require("web.KanbanRenderer");
+KanbanRenderer.include({
+ events: _.extend({}, KanbanRenderer.prototype.events || {}, {
+ "click .sh_tile_click": "action_all_tickets",
+ }),
+ action_all_tickets: function (event) {
+ console.log("clicked");
+ event.stopPropagation();
+ event.preventDefault();
+ var self = this;
+ var $el = $(event.currentTarget).attr("data-res_ids");
+ if ($el == undefined){
+ this._rpc({
+ model: "ir.model.data",
+ method: "xmlid_to_res_model_res_id",
+ args: ["sh_helpdesk.helpdesk_ticket_form_view"],
+ }).then(function (data) {
+ self.do_action(
+ {
+ name: _t("Tickets"),
+ type: "ir.actions.act_window",
+ res_model: "helpdesk.ticket",
+ view_mode: "kanban,tree,form",
+ views: [
+ [false, "kanban"],
+ [false, "list"],
+ [data[1], "form"],
+ ],
+ domain: [["id", "in", []]],
+ target: "current",
+ },
+ );
+ });
+ }
+ else{
+ var list_value = JSON.parse($el);
+ this._rpc({
+ model: "ir.model.data",
+ method: "xmlid_to_res_model_res_id",
+ args: ["sh_helpdesk.helpdesk_ticket_form_view"],
+ }).then(function (data) {
+ self.do_action(
+ {
+ name: _t("Tickets"),
+ type: "ir.actions.act_window",
+ res_model: "helpdesk.ticket",
+ view_mode: "kanban,tree,form",
+ views: [
+ [false, "kanban"],
+ [false, "list"],
+ [data[1], "form"],
+ ],
+ domain: [["id", "in", list_value]],
+ target: "current",
+ },
+ );
+ });
+ }
+ },
+});
+}); \ No newline at end of file
diff --git a/sh_helpdesk/static/src/js/helpdesk_ticket_kanban_examples.js b/sh_helpdesk/static/src/js/helpdesk_ticket_kanban_examples.js
new file mode 100644
index 0000000..7f9504e
--- /dev/null
+++ b/sh_helpdesk/static/src/js/helpdesk_ticket_kanban_examples.js
@@ -0,0 +1,10 @@
+odoo.define('sh_helpdesk.helpdesk_ticket_kanban_examples', function (require) {
+'use strict';
+
+var core = require('web.core');
+var kanbanExamplesRegistry = require('web.kanban_examples_registry');
+var _lt = core._lt;
+kanbanExamplesRegistry.add('sh_helpdesk', {
+ ghostColumns: [_lt('New'), _lt('In Progress'), _lt('Done'), _lt('Closed'), _lt('Reopened'), _lt('Cancelled')],
+});
+});
diff --git a/sh_helpdesk/static/src/js/portal.js b/sh_helpdesk/static/src/js/portal.js
new file mode 100644
index 0000000..fcf43e7
--- /dev/null
+++ b/sh_helpdesk/static/src/js/portal.js
@@ -0,0 +1,131 @@
+$(document).ready(function (e) {
+
+ $(function(){
+ $('#portal_assign_multi_user').multiselect();
+ });
+
+ $("#new_request").click(function () {
+ $("#createticketModal").modal("show");
+ });
+ $.ajax({
+ url: "/portal-subcategory-data",
+ data: { category_id: $("#portal_category").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_subcategory > option").remove();
+ $("#portal_subcategory").append('<option value="' + "sub_category" + '">' + "Select Sub Category" + "</option>");
+ _.each(datas.sub_categories, function (data) {
+ $("#portal_subcategory").append('<option value="' + data.id + '">' + data.name + "</option>");
+ });
+ },
+ });
+
+ $.ajax({
+ url: "/portal-partner-data",
+ data: {},
+ type: "post",
+ async: false,
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#partner_ids > option").remove();
+ _.each(datas.partners, function (data) {
+ $("#partner_ids").append('<option data-id="' + data.id + '" value="' + data.name + '">');
+ });
+ },
+ });
+ $(document).on("change", "#partner", function (e) {
+ var option = $("#partner_ids").find("[value='" + $("#partner").val() + "']");
+ var partner = option.data("id");
+ $("#partner_id").val("");
+ $("#partner_id").val(partner);
+ if ($("#partner_id").val() != "") {
+ $.ajax({
+ url: "/selected-partner-data",
+ data: { partner_id: $("#partner_id").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_contact_name").val(datas.name);
+ $("#portal_email").val(datas.email);
+ },
+ });
+ } else {
+ $("#portal_contact_name").val("");
+ $("#portal_email").val("");
+ }
+ });
+ $.ajax({
+ url: "/portal-subcategory-data",
+ data: { category_id: $("#portal_category").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_subcategory > option").remove();
+ $("#portal_subcategory").append('<option value="' + "sub_category" + '">' + "Select Sub Category" + "</option>");
+ _.each(datas.sub_categories, function (data) {
+ $("#portal_subcategory").append('<option value="' + data.id + '">' + data.name + "</option>");
+ });
+ },
+ });
+ $.ajax({
+ url: "/portal-user-data",
+ data: { team_id: $("#portal_team").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_assign_user > option").remove();
+ $("#portal_assign_user").append('<option value="' + "user" + '">' + "Select Assign User" + "</option>");
+ $("#portal_assign_multi_user").multiselect('destroy');
+ $("#portal_assign_multi_user > option").remove();
+ $("#portal_assign_multi_user").append('<option value="' + "users" + '">' + "Select Multi Users" + "</option>");
+ _.each(datas.users, function (data) {
+ $("#portal_assign_user").append('<option value="' + data.id + '">' + data.name + "</option>");
+ $("#portal_assign_multi_user").append('<option value="' + data.id + '">' + data.name + "</option>");
+ });
+ $("#portal_assign_multi_user").multiselect();
+ },
+ });
+ $(document).on("change", "#portal_category", function (e) {
+ $.ajax({
+ url: "/portal-subcategory-data",
+ data: { category_id: $("#portal_category").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_subcategory > option").remove();
+ $("#portal_subcategory").append('<option value="' + "sub_category" + '">' + "Select Sub Category" + "</option>");
+ _.each(datas.sub_categories, function (data) {
+ $("#portal_subcategory").append('<option value="' + data.id + '">' + data.name + "</option>");
+ });
+ },
+ });
+ });
+ $(document).on("change", "#portal_team", function (e) {
+ $.ajax({
+ url: "/portal-user-data",
+ data: { team_id: $("#portal_team").val() },
+ type: "post",
+ cache: false,
+ success: function (result) {
+ var datas = JSON.parse(result);
+ $("#portal_assign_user > option").remove();
+ $("#portal_assign_multi_user").multiselect('destroy');
+ $("#portal_assign_multi_user > option").remove();
+ $("#portal_assign_user").append('<option value="' + "user" + '">' + "Select Assign User" + "</option>");
+ $("#portal_assign_multi_user").append('<option value="' + "users" + '">' + "Select Multi Users" + "</option>");
+ _.each(datas.users, function (data) {
+ $("#portal_assign_user").append('<option value="' + data.id + '">' + data.name + "</option>");
+ $("#portal_assign_multi_user").append('<option value="' + data.id + '">' + data.name + "</option>");
+ });
+ $("#portal_assign_multi_user").multiselect();
+ },
+ });
+ });
+});