From 485f675ba36e12ed64be018e91d59cb0fde96095 Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Thu, 30 Jan 2020 00:26:46 +0300
Subject: [PATCH] feat(admin-plugin): update form validation for api's #211

---
 .../templates/system/api/delivery/add.html    | 18 +++++++++---
 .../templates/system/api/delivery/edit.html   | 29 ++++---------------
 2 files changed, 20 insertions(+), 27 deletions(-)

diff --git a/site/plugins/admin/templates/system/api/delivery/add.html b/site/plugins/admin/templates/system/api/delivery/add.html
index cc9abe61..7023739f 100644
--- a/site/plugins/admin/templates/system/api/delivery/add.html
+++ b/site/plugins/admin/templates/system/api/delivery/add.html
@@ -1,24 +1,34 @@
 {% extends "plugins/admin/templates/partials/base.html" %}
 
 {% block content %}
-    <form method="post" id="form">
+    <form method="post" id="form" data-parsley-validate="data-parsley-validate">
         {{ csrf() }}
         <input type="hidden" name="api" value="{{ api }}">
         <div class="flex">
             <div class="w-full lg:w-3/12">
                 <div class="form-group">
                     <label for="title" class="form-control-title">{{ tr('admin_title') }}</label>
-                    <input type="text" id="title" name="title" value="" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_title_empty_input') }}">
+                    <input type="text" id="title" name="title" value="" class="form-control" required="required" data-parsley-minlength="1" data-parsley-error-message="{{ tr('admin_error_title_empty_input') }}" data-parsley-required="true">
                     <small>{{ tr('admin_help_text_for_tokens_label') }}</small>
                 </div>
                 <div class="form-group">
                     <label for="title" class="form-control-title">{{ tr('admin_api_calls_limit') }}</label>
-                    <input type="text" id="limit" name="limit_calls" value="0" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_api_calls_empty_input') }}">
+                    <input
+                        type="text"
+                        id="limit"
+                        name="limit_calls"
+                        value="0"
+                        class="form-control"
+                        required="required"
+                        data-parsley-required="true"
+                        data-parsley-minlength="1"
+                        data-parsley-type="integer"
+                        data-parsley-error-message="{{ tr('admin_error_api_calls_empty_input') }}">
                     <small>{{ tr('admin_help_text_for_api_calls_limit_label') }}</small>
                 </div>
                 <div class="form-group">
                     <label for="icon" class="form-control-title">{{ tr('admin_icon') }}</label>
-                    <input type="text" id="fieldsetIcon" name="icon" value="fas fa-truck" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_icon_empty_input') }}">
+                    <input type="text" id="fieldsetIcon" name="icon" value="fas fa-truck" class="form-control" required="required" data-parsley-required="true" data-parsley-minlength="1" data-parsley-error-message="{{ tr('admin_error_icon_empty_input') }}">
                     <small>{{ tr('admin_help_text_for_api_token_icon', {':link': '<a href="https://fontawesome.com/icons?d=gallery&m=free" target="_blank">fontawesome</a>'})|raw }}</small>
                 </div>
                 <div class="form-group">
diff --git a/site/plugins/admin/templates/system/api/delivery/edit.html b/site/plugins/admin/templates/system/api/delivery/edit.html
index 7ccf6b84..bea0a953 100644
--- a/site/plugins/admin/templates/system/api/delivery/edit.html
+++ b/site/plugins/admin/templates/system/api/delivery/edit.html
@@ -13,16 +13,7 @@
             <div class="w-full lg:w-3/12">
                 <div class="form-group">
                     <label for="title" class="form-control-title">{{ tr('admin_title') }}</label>
-                    <input
-                        type="text"
-                        id="title"
-                        name="title"
-                        value="{{ api_token_data.title }}"
-                        class="form-control"
-                        required="required"
-                        data-validation="length required"
-                        data-validation-length="min1"
-                        data-validation-error-msg="{{ tr('admin_error_title_empty_input') }}">
+                    <input type="text" id="title" name="title" value="{{ api_token_data.title }}" class="form-control" required="required" data-parsley-minlength="1" data-parsley-error-message="{{ tr('admin_error_title_empty_input') }}" data-parsley-required="true">
                     <small class="opacity-50 block mt-1">{{ tr('admin_help_text_for_tokens_label') }}</small>
                 </div>
                 <div class="form-group">
@@ -34,23 +25,15 @@
                         value="{{ api_token_data.limit_calls }}"
                         class="form-control"
                         required="required"
-                        data-validation="length required"
-                        data-validation-length="min1"
-                        data-validation-error-msg="{{ tr('admin_error_api_calls_empty_input') }}">
+                        data-parsley-required="true"
+                        data-parsley-minlength="1"
+                        data-parsley-type="integer"
+                        data-parsley-error-message="{{ tr('admin_error_api_calls_empty_input') }}">
                     <small class="opacity-50 block mt-1">{{ tr('admin_help_text_for_api_calls_limit_label') }}</small>
                 </div>
                 <div class="form-group">
                     <label for="icon" class="form-control-title">{{ tr('admin_icon') }}</label>
-                    <input
-                        type="text"
-                        id="fieldsetIcon"
-                        name="icon"
-                        value="{{ api_token_data.icon }}"
-                        class="form-control"
-                        required="required"
-                        data-validation="length required"
-                        data-validation-length="min1"
-                        data-validation-error-msg="{{ tr('admin_error_icon_empty_input') }}">
+                    <input type="text" id="fieldsetIcon" name="icon" value="{{ api_token_data.icon }}" class="form-control" required="required" data-parsley-required="true" data-parsley-minlength="1" data-parsley-error-message="{{ tr('admin_error_icon_empty_input') }}">
                     <small class="opacity-50 block mt-1">{{ tr('admin_help_text_for_api_token_icon', {':link': '<a href="https://fontawesome.com/icons?d=gallery&m=free" target="_blank">fontawesome</a>'})|raw }}</small>
                 </div>
                 <div class="form-group">