Skip to main content

The easiest way to build views for Django.

Project description

Frontly

The easiest way to build views for Django. Without building any views!

Frontly allows you to make front-end changes to text and images without building custom views or using the admin. It can edit any field the ORM has access to. For example:

{% load frontly %}

<!-- Please see https://htmx.org/docs/#installing about the recommended way to install HTMX -->
<script src="https://unpkg.com/htmx.org@1.9.6" integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni" crossorigin="anonymous"></script>

<!-- This replaces {{ author.name }} -->
<h1>{% fr_input request.user instance=author field="name" default="Jordan Doe"%}<h1>

This will display what's in auther.name by default and, if you have the correct permissions, it will allow you to double-click and edit the field.

INSTALLATION 🚀

You can install Frontly by using pip:

$ pip install django-frontly

Then add this to your settings.py:

INSTALLED_APPS = (
    ...
    'frontly',
)

And add this to your main urls.py:

urlpatterns = [
    ...
    path('frontly/', include('frontly.urls', namespace='frontly')),
]

CONFIGURATION ⚙️

You can add these to you settings file.

FRONTLY_CHECK_KILLSWITCH_PERM = True  # default

If FRONTLY_CHECK_KILLSWITCH_PERM is True (default), it will check to see if the user has the permission frontly.frontly_killswitch. If the permission is missing, they will not be able to make changes in the front-end.

You will want to temporarily set to False while testing only.

By default all input is sanitized using nh3. You can disable this by settings FRONTLY_SANITIZE to False in your settings.py.

USAGE

Using Frontly in your existing application is designed to be very simple. It's template tags are designed to be a drop-in replacement, where you would normally output the context variable in your template.

Two things to keep in mind are:

  • Always include HTMX in your template. You can do this in a base template if you are using it everywhere.
  • Always include {% load frontly %} to get access to the frontly tags.

The template tags currently available are: fr_input, fr_textarea, fr_img. PRs for additional editing widgets are welcome.

EXAMPLES

{% fr_img request.user instance=user_profile field="profile_pic" class="border-radius" alt=user_profile.name default=user_profile.get_profile_pic_url %}

fr_img example:

  • request.user - used to check permissions.
  • instance - the django model instance you are working on.alt
  • field - the name of the field within the model. Note that you can have a JSONField and refer to a value deep within the json. i.e. user.misc_json.key
  • default - A default value to display if the field is null.

Anything else passed to the template tag will passed directly to the html field. In this example class is passed directly to the field.

SECURITY

Row level security is handled by model_instance.frontly_permission_check(). Returning True will allow the editing to happen.

Add this to your models:

    def frontly_permission_check(self, user):
        """ Check if a certain user has permission to do this.
        """
        return self.user == user

FEATURES

  • Allow for simple front-end editing.
  • Built-in support for input, textarea and image types.
  • Ability to customize additional editor types.
  • Row level security

CONTRIBUTING

We welcome PRs for new editor types and new features. If you get stuck, please open an issue so that we can improve the documentation.

If you find a bug :bug:, please open a bug report. If you have an idea for an improvement or new feature :rocket:, please open a feature request.

AUTHORS & ACKNOWLEDGEMENTS

  • Ed Menendez
  • The HTMX Project
  • Trix Project

LICENSE

This project is licensed under the MIT License

MIT License

Copyright (c) 2023 Ed Menendez

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-frontly-1.0.4.tar.gz (128.2 kB view hashes)

Uploaded Source

Built Distribution

django_frontly-1.0.4-py3-none-any.whl (134.0 kB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page