Code Monkey home page Code Monkey logo

flask_template_auth_with_dash's Introduction

Flask Gentelella

Gentelella is a free to use Bootstrap admin template.

Gentelella Bootstrap Admin Template

This project integrates Gentelella with Flask using:

Here is an example of a real project implemented using Flask-Gentelella:

Install requirements

pipenv sync
or
pip install -r requirements.txt

Run the application

(pipenv run) python run.py
or 
(pipenv run) sh run_web.sh

Default Admin User

username: admin
password: admin

flask_template_auth_with_dash's People

Contributors

jimmybow avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flask_template_auth_with_dash's Issues

differences from original flask-gentelella

Hi Jimmy, great job on getting dash working with flask.

I had a couple questions for you:

  1. I was comparing your project to the original flask-gentelalla project and I noticed you took out docker and nginx. Where there specific reasons for this? Was it because you used herouku or pythoneverywhere and didnt need it in those environements?

  2. In your version how do you include postrgresql as the backend?

Thanks!

css file for dash app

Hi Jimmybow,
firstly thank you for sharing such great work!
I want to ask if we can apply custom.css to the dash app?

for example, I have a dash app with a function to generate html element dynamically:

def generateEmptyProjectOverview():
    return [
        html.Table(
            children=
                [html.Colgroup([
                    html.Col(), html.Col(id="specCol1"), html.Col(), html.Col(id="specCol2")]
                )] +
                # 
                [ html.Tr([ 
                    html.Td(html.Img(src="/static/images/car_s.png")), html.Td( html.H5("vehicle number")),
                    html.Td(html.Img(src="/static/images/calibration_s.png")), html.Td( html.H5("calibration dataset number")) ])] +
                # 
                [ html.Tr([
                    html.Td(html.Img(src="/static/images/distance_s.png")), html.Td( html.H5("total distance")),
                    html.Td(html.Img(src="/static/images/warning_s.png")), html.Td( html.H5("warning labels")) ]) ],
            className = "tb_projectoverview",
        )
    ]

in static/build/css/custom.css file, the style is defined as follows:

.tb_projectoverview {
    margin: auto;
}

.tb_projectoverview td {
    width: 100px;
    height: 120px;
    text-align: left;
    border: 0;
    color: #595959;
}


#specCol1, #specCol2{
    width: 350px;
}

but these style will not be applyed to the html elements.

Paid Work

Hey jimmy, i have some plotly dash custom component work. Your email isn't published anymore. If you are interested please email me at [email protected].

Dynamic Layout

Hi Jimmy,

Nice work done, can you please comment how can we change it to serve the dynamic layout. At the moment whatever dash layout we are assigning during application startup. It will not change as apply_layout_with_authentication function will be called on first load.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.