Add custom fields

bl-kernel/admin/views/editor.php

@@ -60,7 +60,6 @@
 	// Save the current page
 	// This function set the global variable "_pageKey"
 	function savePage(args = []) {
-
         console.log(_pageKey);
 		if (_pageKey == null) {
 			logs('Error, page not created.');
@@ -132,15 +131,23 @@
 		// Ctrl+S or Command+S
 		if ((event.ctrlKey || event.metaKey) && event.which == 83) {
 			event.preventDefault();
+            var customFields = {}
+            $('input[name^="custom"]').each(function() {
+                var field = $(this).data('field')
+                var value = $(this).val()
+                customFields[field] = value
+            });
 			var args = {
 				title: $('#title').val(),
 				content: editorGetContent(),
+                custom: customFields,
 				coverImage: $('#coverImage').val(),
 				category: $('#category option:selected').val(),
 				tags: $("#tags option:selected").map(function() {
 					return this.value
 				}).get().join(",")
 			}
+
 			savePage(args);
 			disableBtnSave();
 			return false;
@@ -178,15 +185,23 @@
 		});
 
 		$('#btnSave').on('click', function() {
-			var args = {
+            var customFields = {}
-				title: $('#title').val(),
+            $('input[name^="custom"]').each(function() {
-				content: editorGetContent(),
+                var field = $(this).data('field')
-				coverImage: $('#coverImage').val(),
+                var value = $(this).val()
-				category: $('#category option:selected').val(),
+                customFields[field] = value
-				tags: $("#tags option:selected").map(function() {
+            });
-					return this.value
+
-				}).get().join(",")
+            var args = {
-			}
+                title: $('#title').val(),
+                content: editorGetContent(),
+                custom: customFields,
+                coverImage: $('#coverImage').val(),
+                category: $('#category option:selected').val(),
+                tags: $("#tags option:selected").map(function() {
+                    return this.value
+                }).get().join(",")
+            }
 			savePage(args);
 			disableBtnSave();
 		});
@@ -358,7 +373,25 @@
 			if (content.length < 100) {
 				return false;
 			}
-			savePage();
+
+            var customFields = {}
+            $('input[name^="custom"]').each(function() {
+                var field = $(this).data('field')
+                var value = $(this).val()
+                customFields[field] = value
+            });
+
+            var args = {
+                title: $('#title').val(),
+                content: content,
+                custom: customFields,
+                coverImage: $('#coverImage').val(),
+                category: $('#category option:selected').val(),
+                tags: $("#tags option:selected").map(function() {
+                    return this.value
+                }).get().join(",")
+            }
+			savePage(args);
 			disableBtnSave();
 		}, 1000 * 60 * AUTOSAVE_INTERVAL);
 
@@ -628,10 +661,70 @@
 			</div>
 			<!-- End Title -->
 
+            <!-- Custom fields without position or top position -->
+            <?php
+                $customFields = $site->customFields();
+                foreach ($customFields as $field=>$options) {
+                    if ( !isset($options['position']) || ($options['position']=='top') ) {
+                        if ($options['type']=="string") {
+                            echo Bootstrap::formInputTextBlock(array(
+                                'name'=>'custom['.$field.']',
+                                'label'=>(isset($options['label'])?$options['label']:''),
+                                'value'=>(($pageKey && $page->custom($field))?$page->custom($field):''),
+                                'tip'=>(isset($options['tip'])?$options['tip']:''),
+                                'placeholder'=>(isset($options['placeholder'])?$options['placeholder']:''),
+                                'class'=>'form-control-lg',
+                                'data' => array('field' => $field)
+                            ));
+                        } elseif ($options['type']=="bool") {
+                            echo Bootstrap::formCheckbox(array(
+                                'name'=>'custom['.$field.']',
+                                'label'=>(isset($options['label'])?$options['label']:''),
+                                'placeholder'=>(isset($options['placeholder'])?$options['placeholder']:''),
+                                'checked'=>(($pageKey && $page->custom($field))?true:false),
+                                'labelForCheckbox'=>(isset($options['tip'])?$options['tip']:''),
+                                'data' => array('field' => $field)
+                            ));
+                        }
+                    }
+                }
+            ?>
+
 			<!-- Editor -->
 			<textarea class="form-control flex-grow-1" placeholder="" id="editor"><?php echo ($pageKey ? $page->contentRaw() : '') ?></textarea>
 			<!-- End Editor -->
 
+            <div class="mb-2"></div>
+
+            <!-- Custom fields bottom position -->
+            <?php
+                $customFields = $site->customFields();
+                foreach ($customFields as $field=>$options) {
+                    if ( isset($options['position']) && ($options['position']=='bottom') ) {
+                        if ($options['type']=="string") {
+                            echo Bootstrap::formInputTextBlock(array(
+                                'name'=>'custom['.$field.']',
+                                'label'=>(isset($options['label'])?$options['label']:''),
+                                'value'=>(($pageKey && $page->custom($field))?$page->custom($field):''),
+                                'tip'=>(isset($options['tip'])?$options['tip']:''),
+                                'placeholder'=>(isset($options['placeholder'])?$options['placeholder']:''),
+                                'class'=>'form-control-lg',
+                                'data' => array('field' => $field)
+                            ));
+                        } elseif ($options['type']=="bool") {
+                            echo Bootstrap::formCheckbox(array(
+                                'name'=>'custom['.$field.']',
+                                'label'=>(isset($options['label'])?$options['label']:''),
+                                'placeholder'=>(isset($options['placeholder'])?$options['placeholder']:''),
+                                'checked'=>(($pageKey && $page->custom($field))?true:false),
+                                'labelForCheckbox'=>(isset($options['tip'])?$options['tip']:''),
+                                'data' => array('field' => $field)
+                            ));
+                        }
+                    }
+                }
+            ?>
+
 		</div> <!-- End <div class="col-sm-9 h-100"> -->
 
 		<div class="col-sm-3 h-100 mt-2">

bl-kernel/helpers/bootstrap.class.php

@@ -226,54 +226,52 @@ EOF;
 		return '</form>';
 	}
 
-
-
 	public static function formInputTextBlock($args)
 	{
 		$name = $args['name'];
+		$id = isset($args['id'])?$args['id']:$name;
 		$disabled = empty($args['disabled'])?'':'disabled';
+		$readonly = empty($args['readonly'])?'':'readonly';
 		$placeholder = isset($args['placeholder'])?$args['placeholder']:'';
 		$value = isset($args['value'])?$args['value']:'';
-
+		$type = isset($args['type'])?$args['type']:'text';
-		$id = 'js'.$name;
-		if (isset($args['id'])) {
-			$id = $args['id'];
-		}
 
 		$tip = '';
 		if (!empty($args['tip'])) {
 			$tip = '<div class="form-text">'.$args['tip'].'</div>';
 		}
 
-		$class = 'mb-3 m-0';
-		if (isset($args['class'])) {
-			$class = $args['class'];
-		}
-
-		$labelClass = 'mt-4 mb-2 pb-2 border-bottom text-uppercase w-100';
-		if (isset($args['labelClass'])) {
-			$labelClass = $args['labelClass'];
-		}
-
 		$label = '';
 		if (!empty($args['label'])) {
-			$label = '<label class="'.$labelClass.'" for="'.$id.'">'.$args['label'].'</label>';
+			$label = '<label for="'.$id.'" class="col-sm-2 col-form-label">'.$args['label'].'</label>';
 		}
 
-		$type = 'text';
+		$class = 'form-control';
-		if (isset($args['type'])) {
+		if (isset($args['class'])) {
-			$type = $args['type'];
+			$class = $class.' '.$args['class'];
+		}
+
+		$data = 'data-current-value="'.$value.'"';
+		if (isset($args['data'])) {
+			if (is_array($args['data'])) {
+				foreach ($args['data'] as $x => $y) {
+					$data .= ' data-'.$x.' = "'.$y.'"';
+				}
+			}
 		}
 
 return <<<EOF
-<div class="$class">
+<div class="mb-2">
 	$label
-	<input type="text" value="$value" class="form-control" id="$id" name="$name" placeholder="$placeholder" $disabled>
+	<input class="$class" $data id="$id" name="$name" value="$value" placeholder="$placeholder" type="$type" $disabled $readonly>
 	$tip
 </div>
 EOF;
 	}
 
+
+
+
 	public static function formInputFile($args)
 	{
 		$id = 'js'.$args['name'];
@@ -335,12 +333,12 @@ EOF;
 		}
 		$disabled = isset($args['disabled'])?'disabled':'';
 
-		$class = 'mb-3 m-0';
+		$class = 'mb-2 m-0';
 		if (isset($args['class'])) {
 			$class = $args['class'];
 		}
 
-		$labelClass = 'mt-4 mb-2 pb-2 border-bottom text-uppercase w-100';
+		$labelClass = 'mb-2 pb-2 border-bottom text-uppercase w-100';
 		if (isset($args['labelClass'])) {
 			$labelClass = $args['labelClass'];
 		}
@@ -358,11 +356,20 @@ EOF;
 		$checked = $args['checked']?'checked':'';
 		$value = $checked?'1':'0';
 
+        $data = '';
+		if (isset($args['data'])) {
+			if (is_array($args['data'])) {
+				foreach ($args['data'] as $x => $y) {
+					$data .= ' data-'.$x.' = "'.$y.'"';
+				}
+			}
+		}
+
 return <<<EOF
 <div class="$class">
 	$label
 	<div class="form-check">
-		<input type="hidden" name="$name" value="$value"><input id="$id" type="checkbox" class="form-check-input" onclick="this.previousSibling.value=1-this.previousSibling.value" $checked>
+		<input type="hidden" $data name="$name" value="$value"><input id="$id" type="checkbox" class="form-check-input" onclick="this.previousSibling.value=1-this.previousSibling.value" $checked>
 		<label class="form-check-label" for="$id">$labelForCheckbox</label>
 		$tip
 	</div>

bl-kernel/pages.class.php

@@ -83,8 +83,10 @@ class Pages extends dbJSON {
                     foreach ($args['custom'] as $customField=>$customValue) {
                         $html = Sanitize::html($customValue);
                         // Store the custom field as defined type
-                        settype($html, $customFields[$customField]['type']);
+                        if (isset($customFields[$customField])) {
-                        $row['custom'][$customField]['value'] = $html;
+                            settype($html, $customFields[$customField]['type']);
+                            $row['custom'][$customField]['value'] = $html;
+                        }
                     }
                     unset($args['custom']);
                     continue;
@@ -204,8 +206,10 @@ class Pages extends dbJSON {
                     foreach ($args['custom'] as $customField=>$customValue) {
                         $html = Sanitize::html($customValue);
                         // Store the custom field as defined type
-                        settype($html, $customFields[$customField]['type']);
+                        if (isset($customFields[$customField])) {
-                        $row['custom'][$customField]['value'] = $html;
+                            settype($html, $customFields[$customField]['type']);
+                            $row['custom'][$customField]['value'] = $html;
+                        }
                     }
                     unset($args['custom']);
                     continue;