mirror of
https://github.com/erpnext/foundation.git
synced 2026-10-17 02:10:45 +02:00
Add page head and add list macro
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
@import "variables.less";
|
@import "variables.less";
|
||||||
@import (css) "/assets/css/frappe-css.css";
|
|
||||||
@import (css) "reset.css";
|
@import (css) "reset.css";
|
||||||
|
@import (css) "/assets/css/frappe-css.css";
|
||||||
@import "indicator.less";
|
@import "indicator.less";
|
||||||
|
|
||||||
.logo-img {
|
.logo-img {
|
||||||
|
|||||||
@@ -15,3 +15,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endmacro %}
|
{% 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 %}
|
||||||
|
|||||||
16
foundation/templates/includes/page-head.html
Normal file
16
foundation/templates/includes/page-head.html
Normal 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>
|
||||||
@@ -8,41 +8,12 @@
|
|||||||
{% include "templates/includes/web_sidebar.html" %}
|
{% include "templates/includes/web_sidebar.html" %}
|
||||||
</div>
|
</div>
|
||||||
<div class="page-main">
|
<div class="page-main">
|
||||||
<div class="page-head">
|
{% include "foundation/templates/includes/page-head.html" %}
|
||||||
<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>
|
|
||||||
<div class="page-body">
|
<div class="page-body">
|
||||||
{%- block page_content -%}{%- endblock -%}
|
{%- block page_content -%}{%- endblock -%}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- sidebar ends -->
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user