CostaPy Template - Black Dashboard

Dashboard template from Creative Tim that has been designed for CostaPy

Usage

• Put the folder in your templates directory

• Add to handler

    import templates.blackdashboard.main as blackdashboard
  
    kwargs["mako"] = {
      "website" : blackdashboard.main(directory.page["public"], "dashboard") # page_directory, file_name
    }
  

• Define a necessary variable on your modules function

    title           = "CostaPy"
    baseurl         = "http://localhost"
  
    menu_icon       = "fa fa-user-tie"
    menu_name       = "Dashboard"
    profile_picture = "http://localhost/profile/1.jpg"
    profile_name    = "John Smith"
    logout          = "http://localhost/logout"
  
    color           = "blue"              # blue | green | orange | red
    logo            = "http://localhost/logo.png"
    user_roles      = ["member"]          # A roles that user have
    active_page     = "Dashboard"         # Current active page name
  
    copyright       = "Dita Aji Pratama"  # Copyright on the footer
  

• Config a navbar menu on your modules function

    navbar_menu = [
      {
        "name"  :"Home",
        "href"  :"/"
      },
      {
        "name"  :"Dashboard",
        "href"  :"#"
      },
      {
        "name"  :"CostaPy Website",
        "href"  :"https://costapy.ditaajipratama.com"
      }
    ]
  
    profile_menu = [
      {
        "name"  :"Profile",
        "href"  :"/profile"
      },
      {
        "name"  :"Setting",
        "href"  :"/setting"
      }
    ]
  

• Config a sidebar menu on your modules function

    sidebar_menu = [
      {
        "icon"  :"fa fa-home",
        "name"  :"Dashboard",
        "href"  :"/",
        "roles" :["member", "admin"]
      },
      {
        "icon"  :"fa fa-users",
        "name"  :"Users",
        "href"  :"/users",
        "roles" :["admin"]
      }
    ]
  

• Config a footer menu on your modules function

    footer_menu = [
      {
        "name"  :"CostaPy Website",
        "href"  :"https://costapy.ditaajipratama.com"
      }
    ]
  

• Set a template on your modules function

    from mako.template import Template
  
    interface = Template(params["mako"]["website"]['template']).render(
      title     = title,
      baseurl   = baseurl,
      navbar    = Template(params["mako"]["website"]['navbar']).render(
        title           = title,
        baseurl         = baseurl,
        menu_icon       = menu_icon,
        menu_name       = menu_name,
        menu            = navbar_menu,
        profile_picture = profile_picture,
        profile_name    = profile_name,
        profile_menu    = profile_menu,
        logout          = logout
      ),
      sidebar   = Template(params["mako"]["website"]['sidebar']).render(
        color           = color,
        logo            = logo,
        title           = title,
        user_roles      = user_roles,
        active_page     = active_page,
        menu            = sidebar_menu
      ),
      footer    = Template(params["mako"]["website"]['footer']).render(
        copyright       = copyright,
        menu            = footer_menu,
      ),
      container = Template(params["mako"]["website"]['container']).render(
        # your container content here
      )
    )