Set contact info in system config

config/system.php

@@ -9,6 +9,7 @@
         "page_length" => 50,
         "company_name" => "Spala",
         "company_description" => "A modern lightweight CMS for Laravel and Vue developers",
+        "contact_info" => "",
         "reset_password_token_lifetime" => 30,
         "lock_screen" => 0,
         "lock_screen_timeout" => 60,
@@ -40,6 +41,7 @@
         "page_length",
         "company_name",
         "company_description",
+        "contact_info",
         "maintenance_mode",
         "reset_password",
         "registration",

resources/assets/js/views/configuration/system/System.vue

@@ -143,6 +143,17 @@
                                                 </show-error>
                                             </div>
                                         </div>
+                                        <div class="col-12 col-md-6">
+                                            <div class="form-group">
+                                                <label>{{ trans('configuration.contact_info') }}</label>
+                                                <input class="form-control" type="text" value=""
+                                                       v-model="configForm.contact_info" name="contact_info"
+                                                       :placeholder="trans('configuration.contact_info')">
+                                                <show-error :form-name="configForm"
+                                                            prop-name="contact_info">
+                                                </show-error>
+                                            </div>
+                                        </div>
                                     </div>
                                     <div class="row">
                                         <div class="col-12 col-md-6">
@@ -240,6 +251,7 @@
                     footer_credit: '',
                     company_name: '',
                     company_description: '',
+                    contact_info: '',
                     facebook_group: '',
                     https: 0,
                     multilingual: 0,

resources/assets/js/views/page/Form.vue

@@ -79,6 +79,7 @@
         },
         methods: {
             submit() {
+                this.pageForm.body = this.cleanHTML(this.pageForm.body);
                 this.pageForm.body = this.addAttributes(this.pageForm.body);
                 this.pageForm.post('/api/page/new')
                     .then(response => {
@@ -89,6 +90,29 @@
                         helper.showErrorMsg(error);
                     })
             },
+            cleanHTML(bodyHtml) {
+                let stringStripper = /(\n|\r| class=(")?Mso[a-zA-Z]+(")?)/g;
+                let output = bodyHtml.replace(stringStripper, ' ');
+                let commentStripper = new RegExp('<!--(.*?)-->', 'g');
+                output = output.replace(commentStripper, '');
+                let allowedTags = [
+                    '<h1>', '<h2>', '<h3>', '<h4>', '<h5>', '<h6>', '<p>', '<br>', '<blockquote>', '<code>',
+                    '<ul>', '<ol>', '<li>', '<b>', '<strong>', '<i>', '<u>', '<a>', '<img>', '<iframe>', '<hr>'
+                ];
+                allowedTags = (((allowedTags||'') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');
+                let tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
+                output = output.replace(tags, function($0, $1) {
+                    return allowedTags.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : ''
+                });
+                let badAttributes = ['style', 'class', 'align'];
+                for (let i = 0; i < badAttributes.length; i++) {
+                    let attributeStripper = new RegExp(' ' + badAttributes[i] + '="(.*?)"', 'gi');
+                    output = output.replace(attributeStripper, '');
+                }
+                output = output.replace(/[&]nbsp[;]/gi," ");
+
+                return output;
+            },
             addAttributes(bodyHtml) {
                 bodyHtml = bodyHtml.replace(new RegExp('<a href', 'g'), '<a target="_blank" rel="nofollow" href');
                 bodyHtml = bodyHtml.replace(new RegExp('<img src', 'g'), '<img class="img-fluid" src');

resources/assets/js/views/page/View.vue

@@ -24,6 +24,7 @@
                                         </a>
                                     </div>
                                     <div class="text-muted card-caps mt-3 mb-1">{{ trans('general.contact_info') }}</div>
+                                    <b>{{ getConfig('contact_info') }}</b>
                                 </div>
                             </div>
                         </div>

resources/assets/js/views/post/View.vue

@@ -27,6 +27,7 @@
                                         </a>
                                     </div>
                                     <div class="text-muted card-caps mt-3 mb-1">{{ trans('general.contact_info') }}</div>
+                                    <b>{{ getConfig('contact_info') }}</b>
                                 </div>
                             </div>
                         </div>

resources/assets/sass/app.scss

@@ -2671,4 +2671,8 @@ samp {
 
 .topbar ul.dropdown-user li.divider {
   margin: 0;
+}
+
+.modal {
+  top: 50px;
 }

resources/lang/en/configuration.php

@@ -14,6 +14,7 @@
     'https' => 'HTTPS',
     'config_image_removed' => 'Image removed.',
     'config_image_uploaded' => 'Image uploaded.',
+    'contact_info' => 'Contact Info',
     'maintenance_mode' => 'Maintenance Mode',
     'maintenance_mode_message' => 'Maintenance Mode Message',
     'multilingual' => 'Multilingual',

resources/lang/ru/configuration.php

@@ -14,6 +14,7 @@
     'https' => 'HTTPS',
     'config_image_removed' => 'Изображение удалено.',
     'config_image_uploaded' => 'Изображение загружено.',
+    'contact_info' => 'Контакты',
     'maintenance_mode' => 'Сайт временно недоступен',
     'maintenance_mode_message' => 'Сообщение о технических работах',
     'multilingual' => 'Мультиязычный сайт',