Add page head and add list macro

This commit is contained in:
Raghavendra Kamath
2018-03-28 17:49:57 +05:30
parent 6e5333552f
commit 50bc43a067
4 changed files with 34 additions and 31 deletions

View File

@@ -1,6 +1,6 @@
@import "variables.less";
@import (css) "/assets/css/frappe-css.css";
@import (css) "reset.css";
@import (css) "/assets/css/frappe-css.css";
@import "indicator.less";
.logo-img {

View File

@@ -15,3 +15,19 @@
</div>
</div>
{% endmacro %}
{% macro list(link, image, title, subtitle) %}
<div class="list list-unstyled">
<div class="list-item flex">
<div class="flex1">
<a class="flex1" href="{{ link or "#" }}"
<img class="thumbnail" src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}">
</a>
</div>
<div class="flex4">
{% if title %}<h3 class="h3">{{ title }}</h3>{% endif %}
{{ content }}
</div>
</div>
</div>
{% endmacro %}

View File

@@ -0,0 +1,16 @@
<header class="page-head flex space-between">
<div class="ellipsis">
<h1 class="h1">
{{ title }}
</h1>
</div>
<div class="">
<button class="btn">Refresh</button>
<button class="btn btn-blue">New</button>
{% if self.header_actions() %}
<div class="page-header-actions-block">
{% block header_actions %}{% endblock %}
</div>
{% endif %}
</div>
</header>

View File

@@ -8,41 +8,12 @@
{% include "templates/includes/web_sidebar.html" %}
</div>
<div class="page-main">
<div class="page-head">
<div class=''>
<div class="page-breadcrumbs">
{% block breadcrumbs %}
{% include 'templates/includes/breadcrumbs.html' %}
{% endblock %}
</div>
</div>
<div class="">
{% block header %}{% endblock %}
</div>
<div class="">
{% if show_search %}
<div class="page-search-block">
{% block search %}
{% include
'templates/includes/search_box.html' %}
{% endblock %}
</div>
{% endif %}
{% if self.header_actions() %}
<div class="page-header-actions-block">
{% block header_actions %}{% endblock %}
</div>
{% endif %}
</div>
</div>
{% include "foundation/templates/includes/page-head.html" %}
<div class="page-body">
{%- block page_content -%}{%- endblock -%}
</div>
</div>
</div>
<!-- sidebar ends -->
</div>
</main>
{% endblock %}