diff --git a/CHANGELOG.md b/CHANGELOG.md
index 51be06ba5..3d1f3bdcd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,10 @@
 
 ## Changelog
 
-### 1.4.7 build 43
+### 1.4.8 build 1
+* Add Static Properties to Custom Models
+
+### 1.4.7 
 
 * Fix Issues in Checkbox Inputs, Range Slider and Gallery Widgets
 * Fix Range Input Bugs with Values
diff --git a/altrpnjs/app/Controllers/Http/admin/ModelsController.ts b/altrpnjs/app/Controllers/Http/admin/ModelsController.ts
index fa485b4bc..920632017 100644
--- a/altrpnjs/app/Controllers/Http/admin/ModelsController.ts
+++ b/altrpnjs/app/Controllers/Http/admin/ModelsController.ts
@@ -17,7 +17,7 @@ import SourceRole from 'App/Models/SourceRole'
 import guid from '../../../../helpers/guid'
 import SQLEditor from 'App/Models/SQLEditor'
 import {schema, rules} from '@ioc:Adonis/Core/Validator'
-import {parseInt} from 'lodash'
+import _, {parseInt} from 'lodash'
 import {ModelPaginatorContract} from "@ioc:Adonis/Lucid/Orm"
 import Logger from "@ioc:Adonis/Core/Logger";
 import keys from "lodash/keys"
@@ -84,15 +84,15 @@ export default class ModelsController {
   }
 
   static modelSchema = schema.create({
-      title: schema.string({trim: true},[]),
-    })
+    title: schema.string({trim: true}, []),
+  })
 
-    async updateModel({response, params, request, auth}: HttpContextContract) {
+  async updateModel({response, params, request, auth}: HttpContextContract) {
 
-      let model = await Model.find(params.id)
-      if (!model) {
-        response.status(404)
-        return response.json({
+    let model = await Model.find(params.id)
+    if (!model) {
+      response.status(404)
+      return response.json({
         success: false,
         message: 'Model not found'
       })
@@ -118,6 +118,7 @@ export default class ModelsController {
         soft_deletes: modelData.soft_deletes,
         time_stamps: modelData.time_stamps,
         parent_model_id: modelData.parent_model_id || null,
+        settings: modelData.settings || null,
       })
 
       if (modelData.time_stamps) {
@@ -153,8 +154,8 @@ export default class ModelsController {
           const client = Database.connection(Env.get('DB_CONNECTION'))
           try {
             await client.schema.table(model.table.name, table => {
-                table.timestamp('created_at')
-                table.timestamp('updated_at')
+              table.timestamp('created_at')
+              table.timestamp('updated_at')
             })
           } catch (e) {
             console.error(e)
@@ -165,7 +166,7 @@ export default class ModelsController {
         const created_at_column = await Column.query().where('name', '=', 'created_at').andWhere('model_id', '=', model.id)
         const updated_at_column = await Column.query().where('name', '=', 'updated_at').andWhere('model_id', '=', model.id)
 
-        if(created_at_column?.length && updated_at_column?.length) {
+        if (created_at_column?.length && updated_at_column?.length) {
           const client = Database.connection(Env.get('DB_CONNECTION'))
           try {
             await client.schema.table(model.table.name, table => {
@@ -485,6 +486,7 @@ export default class ModelsController {
       }
     }))
   }
+
   async storeModel({request, response, auth}: HttpContextContract) {
     let modelData = request.all()
     let model = new Model()
@@ -506,6 +508,7 @@ export default class ModelsController {
       time_stamps: modelData.time_stamps,
       id: modelData.id,
       parent_model_id: modelData.parent_model_id || null,
+      settings: modelData.settings || null,
       table_id: table.id,
     })
     await model.save()
@@ -574,7 +577,7 @@ export default class ModelsController {
 
     await controller.save()
 
-    await Model.createDefaultCustomizers( modelData, model)
+    await Model.createDefaultCustomizers(modelData, model)
 
     let sources = [
       (new Source()).fill({
@@ -784,9 +787,11 @@ export default class ModelsController {
           }
           try {
             if (relationship[i].type === "belongsTo") {
-              let deleteQuery = `ALTER TABLE ${model.table.name} DROP FOREIGN KEY ${model.table.name}_${relationship[i].local_key}_foreign`
+              let deleteQuery = `ALTER TABLE ${model.table.name}
+                DROP FOREIGN KEY ${model.table.name}_${relationship[i].local_key}_foreign`
               await Database.rawQuery(deleteQuery)
-              deleteQuery = `ALTER TABLE ${model.table.name} DROP INDEX ${model.table.name}_${relationship[i].foreign_key}_foreign`
+              deleteQuery = `ALTER TABLE ${model.table.name}
+                DROP INDEX ${model.table.name}_${relationship[i].foreign_key}_foreign`
               await Database.rawQuery(deleteQuery)
             }
           } catch (e) {
@@ -837,7 +842,7 @@ export default class ModelsController {
     })
     if (table) {
       await Column.query().where('table_id', table.id).delete()
-      if(controller){
+      if (controller) {
         await controller.delete()
       }
 
@@ -966,7 +971,7 @@ export default class ModelsController {
     delete dataSource.permissions
     if (sourceRoles) {
       for (let sourceRole of sourceRoles) {
-            data['access']['roles'].push(sourceRole['id'])
+        data['access']['roles'].push(sourceRole['id'])
       }
     }
 
@@ -994,8 +999,7 @@ export default class ModelsController {
     await request.validate({schema: dataSourceSchema})
 
 
-
-      let dataSource = await Source.query().where('id', params.id).preload("roles").first()
+    let dataSource = await Source.query().where('id', params.id).preload("roles").first()
     if (!dataSource) {
       response.status(404)
       return response.json({
@@ -1006,41 +1010,41 @@ export default class ModelsController {
 
     let data = request.all()
 
-      delete data.notice_settings
-      delete data.web_url
-      delete data.bodies
-      delete data.headers
+    delete data.notice_settings
+    delete data.web_url
+    delete data.bodies
+    delete data.headers
 
     if (data['access']['roles'].lenght <= 1) {
       data['need_all_roles'] = 0
     }
 
-      for (const key of keys(data)) {
-        switch (key) {
-          case "roles":
-            continue
-          case "access":
-            if(data.access) {
-              if(data.access.roles) {
-                //@ts-ignore
-                if(dataSource.roles.length > 0) {
-                  await dataSource.related('roles').detach()
-                }
-
-                if(data.access.roles.length > 0) {
-                  await dataSource.related('roles').attach(data.access.roles.map(role => role.value))
-                }
+    for (const key of keys(data)) {
+      switch (key) {
+        case "roles":
+          continue
+        case "access":
+          if (data.access) {
+            if (data.access.roles) {
+              //@ts-ignore
+              if (dataSource.roles.length > 0) {
+                await dataSource.related('roles').detach()
+              }
+
+              if (data.access.roles.length > 0) {
+                await dataSource.related('roles').attach(data.access.roles.map(role => role.value))
               }
             }
-          default:
-            //@ts-ignore
-            dataSource[key] = data[key]
-        }
+          }
+        default:
+          //@ts-ignore
+          dataSource[key] = data[key]
       }
+    }
 
     await dataSource.save()
     return response.json({
-        success: false,
+      success: false,
       data: dataSource
     })
   }
@@ -1105,4 +1109,100 @@ export default class ModelsController {
     let data_sources = await Source.query().where('model_id', params.model_id).select(['title as label', 'id as value'])
     return response.json(data_sources)
   }
+
+  async getSettingsValue({response, params}: HttpContextContract) {
+    const {model_id, setting_name} = params
+    const model = await Model.find(model_id)
+    let _default: any = null
+    switch (setting_name) {
+      case 'static_props': {
+        _default = []
+      }
+        break
+    }
+
+    return response.json({
+      success: true,
+      data: _.get(model, `settings.${setting_name}`, _default)
+    })
+
+  }
+
+  async updateSettingValue({response, params, request}: HttpContextContract) {
+
+    const {model_id, setting_name, prop_name} = params
+    const model = await Model.findOrFail(model_id)
+    if(! model.settings){
+      model.settings = {}
+    }
+    switch (setting_name) {
+      case 'static_props': {
+        let static_props = _.get(model, 'settings.static_props', [])
+        let current_value = static_props.find(i=>i.prop_name === prop_name)
+        static_props = [...static_props]
+        if(! current_value){
+          current_value = {
+            prop_name,
+            prop_value: request.input('prop_value')
+          }
+          static_props.push(current_value)
+        } else {
+          current_value.prop_value = request.input('prop_value')
+        }
+        model.settings.static_props = static_props
+        await model.save()
+        let data = static_props.find(i => i.prop_name === prop_name)?.prop_value || null
+        return response.json({
+          success: true,
+          data
+        })
+      }
+    }
+  }
+
+  async deleteSettingValue({response, params}: HttpContextContract) {
+
+    const {model_id, setting_name, prop_name} = params
+    const model = await Model.findOrFail(model_id)
+    if(! model.settings){
+      model.settings = {}
+    }
+    switch (setting_name) {
+      case 'static_props': {
+        let static_props = _.get(model, 'settings.static_props', [])
+        static_props = static_props.filter(i=>i.prop_name !== prop_name)
+        model.settings.static_props = static_props
+        await model.save()
+        let data = static_props.find(i => i.prop_name === prop_name)?.prop_value || null
+        return response.json({
+          success: true,
+          data
+        })
+      }
+    }
+  }
+
+  async getSettingValue({response, params}: HttpContextContract) {
+
+    const {model_id, setting_name, prop_name} = params
+    const model = await Model.findOrFail(model_id)
+
+    let _default: any = null
+    switch (setting_name) {
+      case 'static_props': {
+        let static_props = _.get(model, 'settings.static_props', [])
+        let data = static_props.find(i => i.prop_name === prop_name)?.prop_value || null
+
+        return response.json({
+          success: true,
+          data
+        })
+      }
+    }
+
+    return response.json({
+      success: true,
+      data: _default
+    })
+  }
 }
diff --git a/altrpnjs/app/Generators/ModelGenerator.ts b/altrpnjs/app/Generators/ModelGenerator.ts
index 31ac0de83..e3388e6b2 100644
--- a/altrpnjs/app/Generators/ModelGenerator.ts
+++ b/altrpnjs/app/Generators/ModelGenerator.ts
@@ -146,12 +146,53 @@ import {softDeleteQuery, softDelete} from "../../helpers/delete";
   }
 
   private _getProdPropertiesContent(): string {
-    return ``
+
+    const {settings = {}} = this.model
+
+    const {static_props = []} = settings
+    return `
+  ${static_props.map(({
+   // @ts-ignore
+   prop_value,
+   // @ts-ignore
+   prop_name,})=>{
+        if(!prop_name || !prop_value){
+          return ''
+        }
+        return `
+  static get ${prop_name}(){
+    return \`${prop_value}\`
+  }`
+      }
+    ).join('\n')}
+
+    `
   }
 
   private _getDevPropertiesContent(): string {
+    const {settings = {}} = this.model
+
+    const {static_props = []} = settings
+
+
     return `
   public static table = '${this.table.name}'
+  ${static_props.map(({
+       // @ts-ignore
+        prop_value,
+     // @ts-ignore
+        prop_name,
+    })=>{
+      if(!prop_name || !prop_value){
+          return ''
+        }
+        return `
+  static get ${prop_name}(){
+    return \`${prop_value}\`
+  }`
+      }
+    ).join('\n')}
+
     `
   }
 
diff --git a/altrpnjs/app/Listeners/Model.ts b/altrpnjs/app/Listeners/Model.ts
index 7f811f3f7..a514c3816 100644
--- a/altrpnjs/app/Listeners/Model.ts
+++ b/altrpnjs/app/Listeners/Model.ts
@@ -1,15 +1,15 @@
-import { EventsList } from '@ioc:Adonis/Core/Event'
 import base_path from '../../helpers/base_path'
 import exec from '../../helpers/exec'
+import  ORMModel from '../Models/Model'
 
 export default class Model {
-  public async updating(model: EventsList['model:updating']){
-    model.id
-  }
-  public async updated(model: EventsList['model:updated']){
+  // public async updating(model: EventsList['model:updating']){
+  //   model.id
+  // }
+  public async updated(model: ORMModel){
     await model.load('altrp_controller')
     const controller = model.altrp_controller
-    await exec(`node ${base_path('ace')} generator:model --id=${model.id}`)
+    console.log(await exec(`node ${base_path('ace')} generator:model --id=${model.id}`))
     await exec(`node ${base_path('ace')} generator:controller --id=${controller.id}`)
     await exec(`node ${base_path('ace')} generator:router`)
     // Promise.all([controllerGenerator.run(controller), modelGenerator.run(model)])
diff --git a/altrpnjs/app/Models/Model.ts b/altrpnjs/app/Models/Model.ts
index fe1ddc0a8..81d269a70 100644
--- a/altrpnjs/app/Models/Model.ts
+++ b/altrpnjs/app/Models/Model.ts
@@ -2,7 +2,7 @@ import * as _ from 'lodash'
 import {string} from '@ioc:Adonis/Core/Helpers'
 import {DateTime} from 'luxon'
 import {
-
+  afterUpdate,
   afterFind,
   BaseModel,
   BelongsTo,
@@ -30,10 +30,20 @@ import * as mustache from 'mustache'
 import base_path from "../../helpers/path/base_path";
 import fs from "fs";
 import LIKE from "../../helpers/const/LIKE";
+import exec from "../../helpers/exec";
 
 export default class Model extends BaseModel {
   public static table = 'altrp_models'
   private static defaultCustomizersName: string = 'default';
+  @afterUpdate()
+  public static async afterUpdate(model){
+
+    exec(`node ${base_path('ace')} generator:model --id=${model.id}`)
+      .then(()=>{
+        return exec(`node ${base_path('ace')} generator:router`)
+      })
+
+  }
 
   @afterFind()
   public static async createController(model:Model) {
@@ -54,6 +64,9 @@ export default class Model extends BaseModel {
   @column()
   public soft_deletes: boolean
 
+  @column()
+  public settings: { static_props?: {}[] }
+
   @column()
   public time_stamps: boolean
 
diff --git a/altrpnjs/database/migrations/1675016912825_model_settings.ts b/altrpnjs/database/migrations/1675016912825_model_settings.ts
new file mode 100644
index 000000000..cbf9735d6
--- /dev/null
+++ b/altrpnjs/database/migrations/1675016912825_model_settings.ts
@@ -0,0 +1,18 @@
+import BaseSchema from '@ioc:Adonis/Lucid/Schema'
+
+export default class extends BaseSchema {
+  protected tableName = 'altrp_models'
+
+  public async up () {
+    this.schema.table(this.tableName, (table) => {
+      table.json('settings').nullable()
+
+    })
+  }
+
+  public async down () {
+    this.schema.table(this.tableName, (table) => {
+      table.dropColumn('settings')
+    })
+  }
+}
diff --git a/altrpnjs/database/pg_migrations/1675016912825_model_settings.ts b/altrpnjs/database/pg_migrations/1675016912825_model_settings.ts
new file mode 100644
index 000000000..cbf9735d6
--- /dev/null
+++ b/altrpnjs/database/pg_migrations/1675016912825_model_settings.ts
@@ -0,0 +1,18 @@
+import BaseSchema from '@ioc:Adonis/Lucid/Schema'
+
+export default class extends BaseSchema {
+  protected tableName = 'altrp_models'
+
+  public async up () {
+    this.schema.table(this.tableName, (table) => {
+      table.json('settings').nullable()
+
+    })
+  }
+
+  public async down () {
+    this.schema.table(this.tableName, (table) => {
+      table.dropColumn('settings')
+    })
+  }
+}
diff --git a/altrpnjs/start/routes/admin.ts b/altrpnjs/start/routes/admin.ts
index 745f1e2ca..36f033775 100644
--- a/altrpnjs/start/routes/admin.ts
+++ b/altrpnjs/start/routes/admin.ts
@@ -110,6 +110,11 @@ Route.group(() => {
     Route.delete('/data_sources/:id', 'admin/ModelsController.destroyDataSource');
     Route.get('/models/:model_id/data_source_options', 'admin/ModelsController.getDataSourcesByModel');
 
+    Route.get('/models/:model_id/settings/:setting_name', 'admin/ModelsController.getSettingsValue');
+    Route.put('/models/:model_id/settings/:setting_name/:prop_name', 'admin/ModelsController.updateSettingValue');
+    Route.get('/models/:model_id/settings/:setting_name/:prop_name', 'admin/ModelsController.getSettingValue');
+    Route.delete('/models/:model_id/settings/:setting_name/:prop_name', 'admin/ModelsController.deleteSettingValue');
+
     Route.resource('global_template_styles', 'GlobalTemplateStylesController')
 
     Route.get('/reports_options', () => {
diff --git a/resources/modules/admin/src/components/ModalPropWindow.js b/resources/modules/admin/src/components/ModalPropWindow.js
new file mode 100644
index 000000000..06d67ddfb
--- /dev/null
+++ b/resources/modules/admin/src/components/ModalPropWindow.js
@@ -0,0 +1,28 @@
+import CloseModal from "../svgs/clear_black.svg";
+import React from "react";
+import AddRelationForm from "./models/AddRelationForm";
+import "./../sass/components/ModalRelationWindow.scss";
+import PropForm from "./models/PropForm";
+
+
+class ModalPropWindow extends React.Component {
+
+
+  render() {
+    return (
+      <div
+        className={this.props.activeMode ? "modal-relation-window modal-relation-window_active" : "modal-relation-window"}
+        onClick={this.props.toggleModal}>
+        <div className="modal-relation-window_content" onClick={(e) => e.stopPropagation()}>
+          <CloseModal className="icon_modal" onClick={this.props.toggleModal} />
+          <PropForm modelId={this.props.modelId}
+                    prop_name={this.props.prop_name}
+                    toggleModal={this.props.toggleModal} />
+        </div>
+      </div>
+    );
+  }
+}
+
+
+export default ModalPropWindow
diff --git a/resources/modules/admin/src/components/models/PropForm.js b/resources/modules/admin/src/components/models/PropForm.js
new file mode 100644
index 000000000..7e4d89f41
--- /dev/null
+++ b/resources/modules/admin/src/components/models/PropForm.js
@@ -0,0 +1,124 @@
+import React, {Component} from "react";
+import {Link, withRouter} from "react-router-dom";
+import Resource from "../../../../editor/src/js/classes/Resource";
+import {titleToName, titleToNameTwo} from "../../js/helpers";
+import {InputGroup, MenuItem, Button, Alignment} from "@blueprintjs/core";
+import {Select} from "@blueprintjs/select";
+import {connect} from "react-redux";
+import getAltrpLang from "../../js/helpers/get-altrp-lang";
+import {set} from "dot-prop-immutable";
+import toUpperSnakeCase from "../../js/helpers/functions/toUpperSnakeCase";
+
+
+
+class PropForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modelsOptions: [],
+      value: {
+      },
+    };
+    this.modelsResource = new Resource({route: '/admin/ajax/model_options'});
+    this.propResource = new Resource({route: `/admin/ajax/models/${this.props.modelId}/settings/static_props`});
+  }
+
+  async componentDidMount() {
+
+    if (this.props.modelID && this.props.prop_name) {
+      let value = await this.propResource.get(this.props.prop_name);
+      value = {
+        prop_name: this.props.prop_name,
+        prop_value: value.data
+      }
+      this.setState(state => ({...state, value}));
+    } else {
+      this.setState(state => ({...state, value: {}}));
+
+    }
+  }
+
+  /**
+   * Change value
+   * @param {*} _value
+   * @param {string} field
+   */
+  changeValue(_value, field) {
+    let {value} = this.state
+    if(field === 'prop_name'){
+      _value = _value.replace(/[^a-zA-Z0-9]/g, "_");
+    }
+    if(field === 'prop_value'){
+      _value = _value.replace(/`/g, '\`')
+    }
+    value = set(value, field, _value)
+    this.setState(state=>({...state, value}))
+  }
+
+
+  /**
+   * Отправка данных
+   */
+   submitHandler =async(e) => {
+    e.preventDefault();
+    const data = this.state.value;
+
+    await this.propResource.put(data.prop_name, data);
+
+    this.props.toggleModal();
+  }
+
+  render() {
+    return <form className="admin-form admin-form-relation"
+                 onSubmit={this.submitHandler}>
+
+      <div className="form-group">
+        <label htmlFor="relation-description">Prop Name</label>
+        {/*<input type="text" id="relation-description" readOnly={id}*/}
+        {/*  value={this.state.value.description || ''}*/}
+        {/*  onChange={e => { this.changeValue(e.target.value, 'description') }}*/}
+        {/*  className="form-control" />*/}
+
+        <InputGroup type="text"
+                    id="prop_name"
+                    value={this.state.value.prop_name || ''}
+                    onChange={e => {
+                      this.changeValue(e.target.value, 'prop_name')
+                    }}
+                    className="form-control-blueprint"
+        />
+        <div className="form-group">
+          <label htmlFor="relation-description">Prop Value</label>
+          {/*<input type="text" id="relation-description" readOnly={id}*/}
+          {/*  value={this.state.value.description || ''}*/}
+          {/*  onChange={e => { this.changeValue(e.target.value, 'description') }}*/}
+          {/*  className="form-control" />*/}
+
+          <InputGroup type="text"
+                      id="prop_value"
+                      value={this.state.value.prop_value || ''}
+                      onChange={e => {
+                        this.changeValue(e.target.value, 'prop_value')
+                      }}
+                      className="form-control-blueprint"
+          />
+        </div>
+      </div>
+      <div className="btn__wrapper btn__wrapper-relations">
+        <button className="btn btn_success" type="submit">Save</button>
+        {/*<Link className="btn" to="/admin/tables/models">Cancel</Link>*/}
+        {/* <button className="btn btn_failure">Delete</button> */}
+      </div>
+    </form>;
+  }
+
+}
+
+const mapStateToProps = (state) => {
+  return {
+    modelID: state.modelsState.modelID,
+    prop_name: state.modelsState.prop_name,
+  }
+}
+
+export default connect(mapStateToProps)(PropForm);
diff --git a/resources/modules/admin/src/components/models/SidebarEditModel.js b/resources/modules/admin/src/components/models/SidebarEditModel.js
index 6d206d887..8cb4618f2 100644
--- a/resources/modules/admin/src/components/models/SidebarEditModel.js
+++ b/resources/modules/admin/src/components/models/SidebarEditModel.js
@@ -4,11 +4,12 @@ import AdminTable from "../AdminTable";
 import Resource from "../../../../editor/src/js/classes/Resource";
 import ModalWindow from "../ModalWindow";
 import store from "./../../js/store/store"
-import {getModelId, getModelRelationId} from "../../js/store/models-state/actions";
+import {getModelId, getModelRelationId, getModelStaticProp} from "../../js/store/models-state/actions";
 import ModalRelationWindow from "../ModalRelationWindow";
 import {editModels} from "../../js/store/routes-state/action";
 import SidebarEditModelForm from "./SidebarEditModelForm";
 import cn from "classnames";
+import ModalPropWindow from "../ModalPropWindow";
 
 const columns = [
   {
@@ -28,6 +29,20 @@ const columns = [
     title: 'Description'
   }
 ];
+const propsColumns = [
+  {
+    name: 'prop_name',
+    title: 'Static Prop Name',
+    url: true,
+    editUrl: true,
+    tag: 'Link',
+    button__table: true
+  },
+  {
+    name: 'prop_value',
+    title: 'Static Prop Value'
+  },
+];
 
 class SidebarEditModel extends Component {
   constructor(props) {
@@ -38,6 +53,7 @@ class SidebarEditModel extends Component {
       activeTable: "field",
       modalWindow: false,
       modalRelationWindow: false,
+      modalPropWindow: false,
     };
 
     this.modelsResource = new Resource({ route: '/admin/ajax/models' });
@@ -57,12 +73,25 @@ class SidebarEditModel extends Component {
 
 
 
+  updateProps = async () => {
+    let static_props = await new Resource({ route: `/admin/ajax/models/${this.props.id}/settings/static_props` }).getAll();
+    this.setState(state => ({ ...state, static_props: static_props?.data }));
+  }
+
+
+
   toggleWindowModal = () => {
     store.dispatch(getModelId(null));
     this.setState(state => ({ ...state, modalWindow: !this.state.modalWindow }))
     this.updateFields();
   }
 
+  getModelStaticProp = () => {
+    store.dispatch(getModelId(null));
+    this.setState(state => ({ ...state, modalWindow: !this.state.modalWindow }))
+    this.updateFields();
+  }
+
   getModalFields = (id) => {
     store.dispatch(getModelId(id));
     this.setState(state => ({ ...state, modalWindow: true }))
@@ -74,10 +103,21 @@ class SidebarEditModel extends Component {
     this.updateRelations();
   }
 
+  toggleWindowPropModal = ()=>{
+
+    store.dispatch(getModelRelationId(null));
+    this.setState(state => ({ ...state, modalPropWindow: !this.state.modalPropWindow }))
+    this.updateProps();
+  }
+
   getModalRelation = (id) => {
     store.dispatch(getModelRelationId(id));
     this.setState(state => ({ ...state, modalRelationWindow: true }))
   }
+  getModalProps = (prop_name) => {
+    store.dispatch(getModelStaticProp(this.props.id, prop_name));
+    this.setState(state => ({ ...state, modalPropWindow: true }))
+  }
 
 
   getData = async () => {
@@ -92,6 +132,9 @@ class SidebarEditModel extends Component {
 
       new Resource({ route: `/admin/ajax/models/${this.props.id}/relations` }).getAll()
         .then(relations => this.setState({ relations }));
+      new Resource({ route: `/admin/ajax/models/${this.props.id}/settings/static_props` }).getAll()
+        .then(static_props => this.setState({ static_props: static_props.data }));
+
     }
   }
   /**
@@ -146,7 +189,14 @@ class SidebarEditModel extends Component {
   }
 
   render() {
-    const { fields, relations, activeTable, modalWindow, modalRelationWindow } = this.state;
+    const { fields,
+      relations,
+      activeTable,
+      modalWindow,
+      modalPropWindow,
+      modalRelationWindow,
+      static_props = [] } = this.state;
+
 
     return <div className="admin-settings_model-content">
       <div className="admin-settings_model-container">
@@ -176,6 +226,15 @@ class SidebarEditModel extends Component {
           >
             Relations
           </button>
+          <button
+            onClick={this.changeTab}
+            data-key="static-props"
+            className={cn("admin-settings_model-table-tab", {
+              active: activeTable === "static-props"
+            })}
+          >
+            Static Props
+          </button>
         </div>
         <div className="form-table-wrapper">
           {activeTable === "field" && (
@@ -203,6 +262,31 @@ class SidebarEditModel extends Component {
               />
             </div>
           )}
+          {activeTable === "static-props" && (
+            <div className="form-table-field">
+              <div className="form-group__inline-wrapper tb">
+                <h2 className="sub-header ">Props</h2>
+                <button className="btn btn_add" onClick={this.toggleWindowPropModal}>Add Static Prop</button>
+              </div>
+              <AdminTable
+                columns={propsColumns}
+                quickActions={[
+                  {
+                    tag: 'button',
+                    route: `/admin/ajax/models/${this.props.id}/settings/static_props/:id`,
+                    method: 'delete',
+                    confirm: 'Are You Sure?',
+                    after: () => this.updateProps(),
+                    className: 'quick-action-menu__item_danger',
+                    title: 'Delete'
+                  }
+                ]}
+                rows={static_props.map(prop => ({ ...prop, id: prop.prop_name,  button__table: () => this.getModalProps(prop.prop_name) }))}
+                radiusTable={true}
+                offBorderLast={true}
+              />
+            </div>
+          )}
           {activeTable === "relation" && (
             <div className="form-table-relation">
               <div className="form-group__inline-wrapper tb">
@@ -239,7 +323,18 @@ class SidebarEditModel extends Component {
 
         {modalRelationWindow && (
           ReactDOM.createPortal(
-            <ModalRelationWindow modelId={this.props.id} activeMode={this.state.modalRelationWindow} toggleModal={this.toggleWindowRelationModal}/>,
+            <ModalRelationWindow modelId={this.props.id}
+                                 activeMode={this.state.modalRelationWindow}
+                                 toggleModal={this.toggleWindowRelationModal}/>,
+            document.body
+          )
+        )}
+
+        {modalPropWindow && (
+          ReactDOM.createPortal(
+            <ModalPropWindow modelId={this.props.id}
+                                 activeMode={modalPropWindow}
+                                 toggleModal={this.toggleWindowPropModal}/>,
             document.body
           )
         )}
diff --git a/resources/modules/admin/src/js/helpers/functions/toUpperSnakeCase.js b/resources/modules/admin/src/js/helpers/functions/toUpperSnakeCase.js
new file mode 100644
index 000000000..bd7da56ea
--- /dev/null
+++ b/resources/modules/admin/src/js/helpers/functions/toUpperSnakeCase.js
@@ -0,0 +1,3 @@
+export default function toUpperSnakeCase(str) {
+  return   _.snakeCase(str).toUpperCase();
+}
diff --git a/resources/modules/admin/src/js/store/models-state/actions.js b/resources/modules/admin/src/js/store/models-state/actions.js
index 819574a3e..2c912b659 100644
--- a/resources/modules/admin/src/js/store/models-state/actions.js
+++ b/resources/modules/admin/src/js/store/models-state/actions.js
@@ -1,6 +1,7 @@
 export const MODELS_TOGGLE = "MODELS_TOGGLE";
 export const GET_MODEL_ID = "GET_MODEL_ID";
 export const GET_MODEL_RELATION_ID = "GET_MODEL_RELATION_ID";
+export const GET_MODEL_STATIC_PROP = "GET_MODEL_STATIC_PROP";
 
 export const modelsToggle = (toggle) => ({
   type: MODELS_TOGGLE,
@@ -17,3 +18,8 @@ export const getModelRelationId = (id) => ({
   payload: id
 })
 
+export const getModelStaticProp = (modelID= null, prop_name= null) => ({
+  type: GET_MODEL_STATIC_PROP,
+  payload: {prop_name, modelID}
+})
+
diff --git a/resources/modules/admin/src/js/store/models-state/reducers.js b/resources/modules/admin/src/js/store/models-state/reducers.js
index 679d1628c..f40857adc 100644
--- a/resources/modules/admin/src/js/store/models-state/reducers.js
+++ b/resources/modules/admin/src/js/store/models-state/reducers.js
@@ -1,4 +1,4 @@
-import {GET_MODEL_ID, MODELS_TOGGLE, GET_MODEL_RELATION_ID} from "./actions";
+import {GET_MODEL_ID, MODELS_TOGGLE, GET_MODEL_RELATION_ID, GET_MODEL_STATIC_PROP} from "./actions";
 
 const initialState = {
   toggleModels: false,
@@ -24,6 +24,12 @@ export const modelsReducer = (state = initialState, action) => {
         ...state,
         modelRelationID: action.payload
       }
+    case GET_MODEL_STATIC_PROP:
+      return {
+        ...state,
+        modelID: action.payload?.modelID || null,
+        prop_name: action.payload?.prop_name || null,
+      }
     default:
       return state;
   }
diff --git a/resources/modules/admin/src/sass/components/admin-models.scss b/resources/modules/admin/src/sass/components/admin-models.scss
index e057a2fed..1b18a4724 100644
--- a/resources/modules/admin/src/sass/components/admin-models.scss
+++ b/resources/modules/admin/src/sass/components/admin-models.scss
@@ -171,7 +171,7 @@
       color: white;
     }
 
-    &:first-child {
+    &:not(:last-child) {
       margin-right: 20px;
     }
   }