BLOG MERMİ APP CS 1.6 Server Status, Server Control, Player Bans

[Alazul]

Project: Mermi

https://github.com/MermiApp

Requirements
Python 3.11.9
Fremework: Flask 3.1.0
Database: SQLAlchemy
Drive: Mysql Connector Python

Mermi App DEV-CS is being developed for Counter Strike and its fans and server owners who are trying to make it better.

A better build, easier installation hasn't been released yet and I'm still developing it. I will provide updates and a repository at #1.

ADMIN CONTROL PANEL CAPABILITIES

Adding article
Article configurations
Viewing article lists
Specifying events in the calendar
SEO and analysis, meta configurations
Importing server template
Game server statistics
Changing admin control panel template style
Changing guest pages template style

Спойлер: full page view

IMAGES OF ACP PAGES

Спойлер: other products

PROJECT PROMOTION MUSIC

&

HERE ARE THE TARGET NOTES

App
Database (SQLAlchemy)
Websocket

Admin control panel
Pages (templates) 80%

Accessibility
Server management
Prohibitions

Customization
API Compatible plugins (amxmodx)
Themes

Default
Style 70%

DEVELOPER AND CONTRIBUTORS

Alazul

 

[Alazul]

Спойлер: The main board in the forum, #1, is always up to date.

Спойлер: full screen view

Everyone knows that players use clients other than the Steam client, so the function of copying the Steam link and ip address has been added.



I thought the news section would be effective so that managers could write about innovations and events.
but it's still not completed.

 

[Alazul]

Update!
Added default theme and project color, fixed clipboard content.

 

[Alazul]

Dev/Day
Update!
1- In the user interface the top three players will be displayed on the card.
2- For lighter storage, only external link images will be displayed when creating a news feed.

 

[Alazul]

Dev/Day
Update!
1- Added admin page and admin login.
2- Articles and article edits published on admin pages.
3- Environment variable for the admin login panel. (.env)
4- SQLAlchemy database.
5- Mysql connector python drive.
6- Framework library expansion.
7- Style fits all devices. (70%)

 

[Kulogram]

I hope it won't be abandoned after a short period of time. Maybe you need some kind of support?

 

[Alazul]

I hope it won't be abandoned after a short period of time. Maybe you need some kind of support?

I am developing the MERMİ application in my spare time.
After the source code is published, the application promotional video may be nice.

 

[Alazul]

Спойлер: changes are made with /customization

brand_bg_color = 'hsl(225, 71%, 7%)'
brand_nv_color = '#07122c'

@app.route('/customization', methods=['GET', 'POST'])
def customization():
    global brand_bg_color, brand_nv_color
    if request.method == 'POST':
        brand_bg_color = request.form.get('brand_bg_color')
        brand_nv_color = request.form.get('brand_nv_color')

        with open('static/css/mermi-app-default-brand.css', 'w') as css_file:
            css_file.write(f""":root {{
    --brand-bg-color: {brand_bg_color};
    --brand-nv-color: {brand_nv_color};
}}
body {{
    background-color: var(--brand-bg-color);
}}
nav {{
    background-color: var(--brand-nv-color);
}}

.navbar {{
    border-bottom: 1px solid rgba(59,130,246,.2);
    backdrop-filter: blur(8px);
}}

.brand-logo {{
    width: 40px;
    height: 40px;
}}

.flex-item-logo {{
    align-items: center;
    display: flex;
    flex-direction: row;
    align-self: center;
}}

.flex-item-logo-left {{
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}}

.flex-item-logo-left img {{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}}""")
        return redirect(url_for('customization'))
    return render_template('customization.html',
                            brand_bg_color=brand_bg_color,
                            brand_nv_color=brand_nv_color)

Dev/Day
Update!
Added /customization Page for example default colors: navigation bar and background color It can be changed to the desired color.

 

[Alazul]

Dev/Day
Update!
Screenshot of admin panel login page
The official logo of the application has been added.

 

[Alazul]

Dev/Day
Update!
1- The default style of admin panel pages has been adjusted, /customization page colors will not change these pages.
2- On admin pages html tags have been edited.
3- /customization can be changed on the page Blood Moon and Space Dance Added toggle functions for views.
4- Search engine optimization seo added meta titles, meta descriptions and canonical tags for.

 

[Alazul]

load_dotenv()

app = Flask(__name__)
app.config['SECRET_KEY'] = os.getenv('SECRET_KEY')


ALLOWED_IPS = os.getenv('ALLOWED_IPS').split(',')

@app.before_request
def limit_remote_addr():
    if request.endpoint == 'admin':
        if request.remote_addr not in ALLOWED_IPS:
            abort(403)  # Erişim engellendi

@app.route('/admin')
def admin():
    return render_template('admin_login.html')

if __name__ == '__main__':
    app.run(debug=True)

Since CSRF protection will create intensity, a fixed IP address was determined for security. In this case, only the specified IP address can enter the admin panel.

 

[DEVV]

Предпочтительнее было бы сделать приложение асинхронным.

 

[Alazul]

Предпочтительнее было бы сделать приложение асинхронным.

You will already see the asynchronous structure in the source code, there does not appear to be any problem in the data and the browser for now.

This is just the beginning of the function.

 

[popilas]

Where can I download this? Thanks

 

[Alazul]

Dev/Day
Update!
1- Added updated view of admin control page. #1 Here.
2- Added HTML link to table for update news on your card.
3- TinyMCE An editor has been added to the news creation page for post creation.

 

[Alazul]

Dev/Day
Update!
1- New routers were added to improve the modular structure.
2- Responsive design has been improved.

#1 I will add page images in .gif format to the topic so you can see the development examples.

I am trying to develop the best application structure as much as I can, based on my knowledge and experience.

 

[Alazul]

Dev/Day
Update!
1- CSRF protection has been added to the admin login page for html security, it will now constantly generate tokens.
2- Page title, page description and meta description can now be changed in the Options page (Tab).

#1 A new image has been added.